/* ========================================================================
   BRS PROSES - ÖZEL CSS DOSYASI
   ========================================================================
   Bu dosya, ana tema (style.css) üzerine yapılan özel düzeltmeleri içerir.
   Düzenleyici için bölüm açıklamaları Türkçe olarak yazılmıştır.
   
   Son Güncelleme: 26 Aralık 2024
   
   İÇİNDEKİLER:
   ───────────────────────────────────────────────────────────────────────
   1. Global Reset & Alt Sayfa Temelleri ........... (~Satır 25)
   2. Responsive Menü Düzeltmeleri ................. (~Satır 50)
   3. Yan Menü (Sidemenu) Stilleri ................. (~Satır 200)
   4. Referanslar / Logo Kartları .................. (~Satır 400)
   5. Ana Sayfa İletişim Formu ..................... (~Satır 600)
   6. Animasyonlar (Hover, Scroll) ................. (~Satır 800)
   7. Hakkımızda Bölümü ............................ (~Satır 900)
   8. Hizmet Kartları / Slider ..................... (~Satır 1000)
   9. Alt Sayfa Header Düzeltmeleri ................ (~Satır 1130)
   10. Footer Stilleri ............................. (~Satır 1600)
   11. ALT SAYFA STİCKY HEADER (ÖNEMLİ!) ........... (~Satır 2200)
   12. Breadcrumb Alanı ............................ (~Satır 2260)
   ───────────────────────────────────────────────────────────────────────
   
   DÜZENLEME İPUÇLARI:
   - Bir değişiklik yapmadan önce CTRL+F ile arayın
   - !important kullanımı gerekli (tema stillerini geçersiz kılmak için)
   - Değişiklik sonrası tarayıcıda hard refresh yapın (Cmd+Shift+R)
   ======================================================================== */

/* ========================================================================
   GLOBAL RESET - BEYAZ GAP/ÇİZGİ ÖNLEME (En Yüksek Öncelik)
   ======================================================================== */
html,
body {
    margin: 0 !important;
    padding: 0 !important;
    background-color: #ffffff !important;
    /* Default Page Background */
}

/* ========================================================================
   CLEAN LOADER (PREMIUM FADE-IN)
   Ensures no 'ghost' elements or FOUC are visible during load.
   ======================================================================== */
body.clean-loader-init {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    background-color: #0c0a0a !important;
    /* User Preference: Black Loader */
    transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.6s ease !important;
}

body.clean-loader-loaded {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* ========================================================================
   FLOATING SOCIAL PANEL - Ultra-Slim Modern Design
   ======================================================================== */
/* ========================================================================
   FLOATING SOCIAL PANEL - Ultra-Slim Modern Design (Final Refinement)
   ======================================================================== */
.floating-social-panel {
    position: fixed;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    /* Ultra-slim dark glass */
    background: linear-gradient(135deg, rgba(30, 30, 30, 0.95), rgba(15, 15, 15, 0.98));
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    padding: 6px 1.5px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    opacity: 1;
}

/* Sadece Index'te göster, diğer sayfalarda gizle */
body.subpage .floating-social-panel {
    display: none !important;
}

.floating-social-panel:hover {
    background: linear-gradient(135deg, rgba(40, 40, 40, 0.98), rgba(20, 20, 20, 1));
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
    transform: translateY(-50%) scale(1.05);
    /* Fixed typo: result(scale) -> scale */
    opacity: 1;
}

.floating-social-panel .social-link {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
    color: rgba(255, 255, 255, 0.95);
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 8px 1.5px;
    transition: all 0.4s ease;
    white-space: nowrap;
}

.floating-social-panel .social-link:hover {
    color: #f68a1e;
    text-shadow: 0 0 20px rgba(246, 138, 30, 0.5);
    transform: rotate(180deg) scale(1.1);
}

.floating-social-panel .social-divider {
    width: 6px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    margin: 2px 0;
}

@media (max-width: 991px) {
    .floating-social-panel {
        display: none;
    }
}

/* ========================================================================
   SAFE ZONE LAYOUT - Prevent Edge Overlap (Slider -> Footer)
   ======================================================================== */
@media (min-width: 1200px) {

    /* Slider'dan sonraki ve footer'dan önceki tüm sectionlar için güvenli alan - Sadece INDEX sayfasında */
    body:not(.subpage) #about-sec .container,
    body:not(.subpage) #property-sec .container,
    body:not(.subpage) #contact-sec .container,
    body:not(.subpage) #project-sec .container,
    body:not(.subpage) .space.overflow-hidden .container,
    body:not(.subpage) .award-area-1 .container {
        max-width: 94% !important;
        /* Daha geniş güvenli alan (arttırıldı) */
        padding-left: 45px;
        /* Panel payı güvenli hale getirildi (30px -> 45px) */
        padding-right: 45px;
        /* Simetrik sağ pay */
    }
}

/* Alt sayfaların temel stilleri - BEYAZ TEMA */
body.subpage {
    background-color: #ffffff !important;
    color: #444444 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.subpage h1,
body.subpage h2,
body.subpage h3,
body.subpage h4,
body.subpage h5,
body.subpage h6,
body.subpage p,
body.subpage .sec-title,
body.subpage .faq-text {
    color: #0c0a0a;
}

/* Footer Exception for Subpages */
body.subpage .footer-wrapper h1,
body.subpage .footer-wrapper h2,
body.subpage .footer-wrapper h3,
body.subpage .footer-wrapper h4,
body.subpage .footer-wrapper h5,
body.subpage .footer-wrapper h6,
body.subpage .footer-wrapper p,
body.subpage .footer-wrapper span,
body.subpage .footer-wrapper a:not(:hover),
body.subpage .footer-wrapper .widget-title-modern {
    color: #ffffff !important;
}

body.subpage .footer-wrapper p,
body.subpage .footer-wrapper .contact-text {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* KESİN ÇÖZÜM: Footer Marka Rengi (BRS PROSES) - Her durumda Turuncu */
body.subpage .footer-wrapper .copyright-text a[href="index.html"],
body.subpage .footer-wrapper .copyright-text a[href="index-en.html"],
.footer-wrapper .copyright-text a[href="index.html"],
.footer-wrapper .copyright-text a[href="index-en.html"] {
    color: #f68a1e !important;
    text-decoration: none !important;
    font-weight: 700 !important;
}

/* Hero üzerindeki yazıların beyaz kalmasını sağlayalım */
.blog-hero-ultra .hero-title,
.blog-hero-ultra .hero-excerpt,
.blog-hero-ultra .hero-category,
.blog-hero-ultra .meta-item span,
.blog-hero-ultra .meta-item i {
    color: white !important;
}


/* KÖTÜ GÖRÜNEN MAVİ PARLAMA (GLOW) ENGELLEYİCİ */
#preact-border-shadow-host,
[id*="preact-border-shadow"],
.animate-breathing {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* FORM İKONLARI TIKLAMAYI ENGELLEMESİN */
.form-group i {
    pointer-events: none !important;
}

/* REVEAL-INIT GÖRÜNÜRLÜK VE TIKLANABİLİRLİK FIX */
.reveal-init {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease, visibility 1s ease;
}

.reveal-init.gsap-ready,
.reveal-init[style*="opacity: 1"],
.reveal-init.reveal-visible {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* Hero social link - TÜM SAYFALARDA GİZLE (sidebar kaldırıldı) */
.hero-social-link {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    left: -9999px !important;
}

body.subpage .hero-social-link {
    display: none !important;

    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* NUCLEAR OPTION: Hide all MeanMenu / Legacy Mobile Menu artifacts */
.mean-container,
.mean-bar,
.mean-nav,
.th-mobile-menu,
.th-menu-wrapper {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    position: absolute !important;
    z-index: -9999 !important;
}

/* ========================================================================
   1. RESPONSİVE MENÜ DÜZELTMELERİ
   14 inç dizüstü bilgisayarlarda (1200px - 1400px) menü taşmaması için
   ======================================================================== */
@media (min-width: 1200px) and (max-width: 1440px) {

    /* Menü öğeleri arası boşluğu azalt */
    /* Menu standardized in Universal Block below */

    /* Daha küçük buton */
    /* Header elements handled in Absolute Source of Truth block below */
}



/* 1400px - 1600px arası ekranlar için */
@media (min-width: 1400px) and (max-width: 1600px) {
    /* Secondary menu item spacing handled in Universal Block */
}

/* ========================================================================
   HEADER LOGO DÜZELTMESİ (SVG için)
   ======================================================================== */
.header-logo img {
    width: 240px !important;
    /* Tüm sayfalarda standart boyut (Index referans alındı) */
    max-width: 100% !important;
    height: auto !important;
    max-height: 100px !important;
    display: block;
}

/* Küçük ekranlarda logo boyutunu optimize et */
@media (max-width: 991px) {
    .header-logo img {
        width: 220px !important;
    }
}

@media (max-width: 575px) {
    .header-logo img {
        width: 180px !important;
    }
}

.header-logo a {
    display: flex;
    align-items: center;
}


/* ========================================================================
   HİZMETLER (PROPERTY-SEC) - ÖNCEKİ OVERLAP KALDIRILDI
   ======================================================================== */
/* Hizmetler bölümü */
#property-sec {
    position: relative;
    z-index: 10;
    margin-top: 0 !important;
    padding-top: 80px !important;
    padding-bottom: 60px !important;
}

@media (max-width: 991px) {
    #property-sec {
        padding-top: 50px !important;
        padding-bottom: 40px !important;
    }
}

#property-sec .sec-title,
#property-sec .sub-title {
    color: var(--title-color) !important;
}

#property-sec .sec-title {
    font-size: 32px;
}

/* Hakkımızda bölümü yerleşimi */
#about-sec {
    padding-top: 80px !important;
    padding-bottom: 60px !important;
}

@media (max-width: 991px) {
    #about-sec {
        padding-top: 50px !important;
        padding-bottom: 40px !important;
    }

    .about-area-6 {
        text-align: center;
    }

    .about-area-6 .title-area {
        margin-left: auto;
        margin-right: auto;
    }
}

/* ========================================================================
   HAKKIMIZDA, VİZYON & MİSYON YENİ TASARIM (ZIG-ZAG)
   ======================================================================== */
.about-vision-mission-section {
    padding-bottom: 100px !important;
}

/* Genel Zigzag Yapısı */
.zigzag-row {
    margin-bottom: 80px;
}

.zigzag-row:last-child {
    margin-bottom: 0;
}

/* Bölüm Kartları */
.about-zigzag-card {
    background: #ffffff;
    border-radius: 30px;
    padding: 50px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.03);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: all 0.4s ease;
}

.about-zigzag-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 25px 60px rgba(246, 138, 30, 0.08);
    border-color: rgba(246, 138, 30, 0.2);
}

/* Metin Blokları */
.about-zigzag-card .sub-title {
    display: inline-block;
    color: #f68a1e;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.about-zigzag-card .sec-title {
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 25px;
    color: #1a1a1a !important;
}

.about-zigzag-card p {
    font-size: 16px;
    line-height: 1.8;
    color: #555 !important;
    margin-bottom: 20px;
}

.about-zigzag-card p:last-child {
    margin-bottom: 0;
}

/* İkon/Görsel Alanı */
.zigzag-media {
    position: relative;
    border-radius: 30px;
    overflow: hidden;
    height: 100%;
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f9fa;
}

.zigzag-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.zigzag-icon-box {
    width: 150px;
    height: 150px;
    background: #fff;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.06);
    position: relative;
    z-index: 2;
}

.zigzag-icon-box i {
    font-size: 70px;
    color: #f68a1e;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.zigzag-media:hover .zigzag-icon-box i {
    transform: scale(1.1) rotate(5deg);
}

.zigzag-media .media-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(246, 138, 30, 0.1), transparent);
    pointer-events: none;
}

/* Highlight Items */
.zigzag-highlights {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-top: 25px;
}

.z-highlight-item {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #fdfdfd;
    padding: 12px 15px;
    border-radius: 12px;
    border: 1px solid #f0f0f0;
}

.z-highlight-item i {
    color: #f68a1e;
    font-size: 14px;
}

.z-highlight-item span {
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

@media (max-width: 991px) {
    .flex-md-row-reverse {
        flex-direction: column-reverse !important;
    }

    .zigzag-media {
        min-height: 300px;
        margin-bottom: 30px;
    }

    .about-zigzag-card {
        padding: 35px 25px;
    }
}

.sidemenu-content .th-social.style2 {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 20px;
    padding: 15px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.sidemenu-content .th-social.style2 a {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    font-size: 16px;
    transition: all 0.3s ease;
}

.sidemenu-content .th-social.style2 a:hover {
    background: var(--theme-color, #FF4A17);
    transform: translateY(-3px);
}


/* ========================================================================
   3. ALT MENÜ İKON DEĞİŞİKLİĞİ
   Alt menü öğelerinin önündeki ikon (ev yerine dişli)
   ======================================================================== */
.main-menu ul.sub-menu li a:before {
    content: "\f013" !important;
    /* Font Awesome dişli ikonu */
}


/* ========================================================================
   4. REFERANSLAR BÖLÜMÜ (LOGO KARTLARI)
   Ana sayfadaki müşteri logoları alanı - çelik platin görünüm
   ======================================================================== */
.award-area-1 {
    background-color: #0d0d0d !important;
    background-image: url('../img/bg/award-bg-1-1.png') !important;
    background-size: cover;
    padding-top: 80px !important;
    padding-bottom: 700px !important;
    /* İletişim formu için derin arka plan alanı */
    margin-bottom: 0 !important;
    z-index: 1;
    position: relative;
    overflow: visible;
}

/* Alt sayfalarda (Hakkımızda vb.) award-area düz padding */
body.subpage .award-area-1 {
    padding-bottom: 80px !important;
}

/* Logo kartları - yatay düzen */
.award-area-1 .client-card {
    background: #e2e8f0;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid #ffffff;
    border-radius: 16px;
    padding: 30px 40px;
    height: 160px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
}

/* Logo boyutları */
.award-area-1 .client-card img {
    max-width: 240px !important;
    max-height: 120px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain;
    filter: none !important;
    opacity: 1;
    transition: all 0.4s ease;
}

/* Logo kartları hover efekti */
.award-area-1 .client-card:hover {
    background: #F68A0A;
    transform: translateY(-8px);
    box-shadow: 0 20px 50px rgba(246, 138, 10, 0.3);
    border-color: #ffffff;
}

.award-area-1 .client-card:hover img {
    transform: scale(1.05);
}

/* Logo slider düzeni */
.award-area-1 .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Referanslar başlık alanı */
.award-area-1 .title-area {
    position: relative;
    z-index: 10;
    margin-bottom: 100px;
}


/* ========================================================================
   5. ANA SAYFA İLETİŞİM FORMU
   Referanslar bölümünün üzerine gelen iletişim formu
   ======================================================================== */
.contact-area-4 {
    position: relative;
    z-index: 50;
    margin-top: -500px !important;
    /* Koyu arka plan üzerine çekildi - Ultra premium derin overlap */
    padding-bottom: 60px;
}

.contact-area-4 .contact-wrap4 {
    background: transparent;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
}

.contact-area-4 .subpage .breadcumb-wrapper {
    background: #f5f5f5 !important;
    padding: 80px 0 !important;
    /* "Büyük beyaz alan" sorununu gidermek için padding azaltıldı */
}

/* Ana sayfa iletişim formu arka planı */
.contact-area-4 .appointment-wrap2 {
    background: #ffffff !important;
    padding: 40px 40px 10px 40px !important;
    /* Alttaki boşluk azaltıldı */
    border-radius: 20px 0 0 20px !important;
}

.contact-area-4 .contact-thumb4-1 {
    height: 100%;
}

.contact-area-4 .contact-thumb4-1 img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 0 20px 20px 0;
}

/* Büyük ekranlarda iletişim bölümü max-width sınırlaması */
.contact-area-4 .contact-wrap4 {
    max-width: 1200px;
    margin: 0 auto;
}

/* Büyük ekranlarda form ve resim eşit genişlikte */
@media (min-width: 1400px) {
    .contact-area-4 .contact-wrap4 .row>.col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

/* ========================================================================
   HİZMETLER SAYFASI ÖZEL STİLLERİ
   ======================================================================== */

/* Hizmetler sayfası arka planı - açık renk */
body.subpage .space-top.space-extra2-bottom {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
    padding: 80px 0 !important;
}

/* Hizmet kartları - beyaz arka plan, gölge */
.property-card6 {
    background: #ffffff !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.3s ease !important;
}

.property-card6:hover {
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15) !important;
    transform: translateY(-5px) !important;
}

/* Kart detayları - koyu metin */
.property-card6 .property-card-details {
    background: #ffffff !important;
    padding: 25px !important;
}

.property-card6 .property-card-title {
    color: #1a1a1a !important;
}

.property-card6 .property-card-title a {
    color: #1a1a1a !important;
}

.property-card6 .property-card-title a:hover {
    color: #f68a1e !important;
}

.property-card6 .property-card-text {
    color: #555555 !important;
}

/* Detayı Gör butonları - turuncu stil */
.property-card6 .th-btn.style-border8 {
    background: transparent !important;
    border: 2px solid #f68a1e !important;
    color: #f68a1e !important;
    padding: 12px 28px !important;
    border-radius: 50px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

.property-card6 .th-btn.style-border8:hover {
    background: #f68a1e !important;
    color: #ffffff !important;
}

/* Hakkımızda sayfası - yan yana resimler küçültme */
#about-sec .img-box1 {
    max-height: 350px !important;
    overflow: hidden !important;
}

#about-sec .img-box1 img {
    max-height: 350px !important;
    object-fit: cover !important;
    width: 100% !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

#about-sec .img1 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    min-height: 200px !important;
}

/* Hakkımızda resimleri çerçeve stili */
.about-image-frame {
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    height: 350px;
    overflow: hidden;
}

.about-image-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
}

/* Hakkımızda - dönen yazı düzeltmeleri */
.about-tag .about-experience-tag {
    color: #f68a1e !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    height: 380px !important;
    width: 380px !important;
    margin-left: -190px !important;
    margin-top: -190px !important;
    top: 50% !important;
    left: 50% !important;
}

.about-tag .about-experience-tag span {
    color: #f68a1e !important;
    height: 190px !important;
    left: 50% !important;
    margin-left: -10px !important;
    --rotate-letter: 7.3deg !important;
}

/* Resim etrafında dönen yazı konumu */
.about-tag {
    position: relative !important;
    width: 380px !important;
    height: 380px !important;
    min-width: 380px !important;
    min-height: 380px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
}

.about-tag .about-tag-thumb {
    position: absolute !important;
    z-index: 2 !important;
    top: 50% !important;
    left: 50% !important;
    width: 280px !important;
    height: 280px !important;
    transform: translate(-50%, -50%) !important;
    display: block !important;
}

.about-tag .about-tag-thumb img {
    border-radius: 50% !important;
    width: 280px !important;
    height: 280px !important;
    object-fit: cover !important;
}

/* Hakkımızda sayfası arka plan */
body.subpage #about-sec,
body.subpage .bg-smoke3 {
    background-color: #e5e5e5 !important;
}

/* Sayaç bölümü yazıları turuncu */
.counter-card .box-number,
.counter-card .counter-number,
.counter-card .box-text {
    color: #f68a1e !important;
}

/* ========================================================================
   MODERN COMPACT FEATURES BLOCK (Hakkımızda)
   ======================================================================== */
.modern-compact-block {
    background: #ffffff !important;
    border-radius: 24px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid #f0f0f0 !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 50px !important;
}

.features-side {
    padding: 50px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.image-side {
    position: relative !important;
    height: 100% !important;
    min-height: 500px !important;
    overflow: hidden !important;
}

.image-side img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.modern-feature-badge {
    background: #f0f2f5 !important;
    border: 1px solid #e2e8f0 !important;
    padding: 16px 24px !important;
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    transition: all 0.3s ease !important;
    height: 100% !important;
}

.modern-feature-badge:hover {
    background: #ffffff !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
    border-color: #f68a1e !important;
}

.modern-feature-badge .badge-icon {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    background: #fff !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.3s ease !important;
}

.modern-feature-badge:hover .badge-icon {
    transform: rotate(10deg) !important;
    background: #f68a1e !important;
}

.modern-feature-badge .badge-icon i {
    font-size: 20px !important;
    color: #555555 !important;
    transition: all 0.3s ease !important;
}

.modern-feature-badge:hover .badge-icon i {
    color: #ffffff !important;
}

.modern-feature-badge .badge-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin: 0 !important;
    transition: all 0.3s ease !important;
}

.modern-feature-badge:hover .badge-title {
    color: #f68a1e !important;
}

/* Mobilde Hizalama */
@media (max-width: 991px) {
    .features-side {
        padding: 40px 25px !important;
    }

    .image-side {
        min-height: 250px !important;
    }
}

@media (max-width: 575px) {
    .why-features-row .col-6 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .modern-feature-badge {
        padding: 10px 15px !important;
    }

    .modern-feature-badge .badge-title {
        font-size: 13px !important;
    }
}

/* Ekibimiz bölümü top spacing ayarı */
.team-area-9.space-top {
    padding-top: 60px !important;
}

/* ========================================================================
   İLETİŞİM SAYFASI STİLLERİ
   ======================================================================== */
/* İletişim sayfası arka plan beyaz */
#contact-sec {
    background-color: #ffffff !important;
}

#contact-sec>.container>.row {
    display: flex;
    align-items: stretch;
}

#contact-sec>.container>.row>.col-lg-6 {
    display: flex;
    flex-direction: column;
}

/* Modern iletişim kartları */
.contact-card-modern:hover .contact-card-icon i {
    color: #ffffff;
}

/* İletişim sayfasındaki formun alt boşluğunu azalt */
.contact-wrap6 {
    padding-bottom: 30px !important;
}

.contact-info-modern {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.contact-card-icon {
    width: 60px;
    height: 60px;
    min-width: 60px;
    background: #fff5e6;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.contact-card-icon i {
    font-size: 24px;
    color: #f68a1e;
    transition: all 0.4s ease;
}

.contact-card-content h5 {
    font-size: 16px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.contact-card-content p {
    margin-bottom: 4px;
    color: #555;
    font-size: 15px;
    line-height: 1.6;
}

.contact-card-content a {
    color: #555;
    transition: color 0.3s ease;
}

.contact-card-content a:hover {
    color: #f68a1e;
}

/* Ultra Premium Harita Container */
.ultra-map-container {
    flex: 1;
    border-radius: 24px 24px 0 0;
    overflow: hidden;
    position: relative;
    display: flex;
}

.ultra-map-container iframe {
    width: 100%;
    height: 100%;
    border: none;
    filter: saturate(0.85) contrast(1.05);
    transition: filter 0.5s ease;
}

.ultra-map-container:hover iframe {
    filter: saturate(1) contrast(1);
}

/* Glassmorphism bilgi kartı */
.map-glass-card {
    position: absolute;
    bottom: 30px;
    /* Alttan hizalama daha premium durur */
    left: 30px;
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border-radius: 16px;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    gap: 15px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.4);
    z-index: 10;
    transition: all 0.3s ease;
}

.map-glass-card:hover {
    transform: scale(1.02);
    background: rgba(255, 255, 255, 0.95);
}

.glass-card-pin {
    width: 55px;
    height: 55px;
    background: linear-gradient(135deg, #f68a1e 0%, #ff6b00 100%);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.glass-card-pin i {
    color: #fff;
    font-size: 24px;
    z-index: 2;
}

/* Animasyonlu pulse efekti */
.pin-pulse {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    background: rgba(246, 138, 30, 0.4);
    animation: pulse-ring 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes pulse-ring {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

.glass-card-info h5 {
    font-size: 18px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 4px 0;
}

.glass-card-info p {
    font-size: 13px;
    color: #666;
    margin: 0 0 8px 0;
}

.glass-tag {
    display: inline-block;
    background: linear-gradient(135deg, #f68a1e 0%, #ff9f33 100%);
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.glass-card-arrow {
    width: 45px;
    height: 45px;
    background: #1a1a1a;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    transition: all 0.3s ease;
}

.glass-card-arrow i {
    color: #fff;
    font-size: 16px;
    transition: transform 0.3s ease;
}

.glass-card-arrow:hover {
    background: linear-gradient(135deg, #f68a1e 0%, #ff6b00 100%);
    transform: scale(1.1);
}

.glass-card-arrow:hover i {
    transform: translateX(3px);
}

/* Alt bilgi barı */
.map-bottom-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 25px;
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
    border-radius: 0 0 24px 24px;
    gap: 20px;
}

.bottom-bar-info {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-left: -10px;
    /* Biraz sola kaydır */
}

.info-pin {
    width: 42px;
    height: 42px;
    background: transparent;
    /* Sabit çerçeveyi kaldır */
    border-radius: 0;
    /* Sabit çerçeveyi kaldır */
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border: none;
    /* Sabit çerçeveyi kaldır */
}

.info-pin i {
    color: #f68a1e;
    font-size: 18px;
    z-index: 2;
}

.info-text {
    display: flex;
    flex-direction: column;
}

.info-tag {
    color: #f68a1e;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
    margin-bottom: 2px;
}

.info-text p {
    color: #fff;
    font-size: 13px;
    margin: 0;
    opacity: 0.8;
    font-weight: 500;
}

.bottom-bar-item {
    display: flex;
    align-items: center;
    gap: 10px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
}

.bottom-bar-item i {
    color: #f68a1e;
    font-size: 16px;
}

.bottom-bar-divider {
    width: 1px;
    height: 25px;
    background: rgba(255, 255, 255, 0.2);
}

.bottom-bar-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px 20px;
    background: linear-gradient(135deg, #f68a1e 0%, #ff6b00 100%);
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.3s ease;
    margin-left: auto;
}

.bottom-bar-item {
    display: flex;
    align-items: center;
    gap: 10px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    text-decoration: none;
    transition: color 0.3s ease;
}

.bottom-bar-item:hover {
    color: #f68a1e;
}

.bottom-bar-item i {
    color: #f68a1e;
    font-size: 15px;
}

/* Buton optimizasyonu */
.bottom-bar-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 20px;
    background: linear-gradient(135deg, #f68a1e 0%, #ff6b00 100%);
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.bottom-bar-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(246, 138, 30, 0.4);
    color: #fff;
}

.bottom-bar-btn i {
    font-size: 16px;
}

/* Premium harita section */
.premium-map-section {
    background: #ffffff;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* Harita başlık barı */
.map-header {
    display: flex;
    align-items: center;
    padding: 20px 25px;
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
    gap: 15px;
}

.map-header-icon {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #f68a1e 0%, #ff9f33 100%);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.map-header-icon i {
    color: #ffffff;
    font-size: 22px;
}

.map-header-text {
    flex: 1;
}

.map-header-text h4 {
    color: #ffffff;
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

.map-header-text p {
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
    font-size: 14px;
}

.map-directions-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    background: linear-gradient(135deg, #f68a1e 0%, #ff9f33 100%);
    color: #ffffff;
    border-radius: 12px;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.3s ease;
    text-decoration: none;
}

.map-directions-btn:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 25px rgba(246, 138, 30, 0.4);
    color: #ffffff;
}

.map-directions-btn i {
    font-size: 16px;
}

/* Premium harita container */
.premium-map-container {
    flex: 1;
    min-height: 350px;
    position: relative;
}

.premium-map-container iframe {
    width: 100%;
    height: 100%;
    min-height: 450px;
    border: none;
}

/* Dekoratif köşe elemanları */
.map-corner {
    position: absolute;
    width: 30px;
    height: 30px;
    z-index: 5;
    pointer-events: none;
}

.map-corner::before,
.map-corner::after {
    content: '';
    position: absolute;
    background: #f68a1e;
}

.corner-tl {
    top: 15px;
    left: 15px;
}

.corner-tl::before {
    width: 30px;
    height: 4px;
    top: 0;
    left: 0;
    border-radius: 2px;
}

.corner-tl::after {
    width: 4px;
    height: 30px;
    top: 0;
    left: 0;
    border-radius: 2px;
}

.corner-tr {
    top: 15px;
    right: 15px;
}

.corner-tr::before {
    width: 30px;
    height: 4px;
    top: 0;
    right: 0;
    border-radius: 2px;
}

.corner-tr::after {
    width: 4px;
    height: 30px;
    top: 0;
    right: 0;
    border-radius: 2px;
}

.corner-bl {
    bottom: 15px;
    left: 15px;
}

.corner-bl::before {
    width: 30px;
    height: 4px;
    bottom: 0;
    left: 0;
    border-radius: 2px;
}

.corner-bl::after {
    width: 4px;
    height: 30px;
    bottom: 0;
    left: 0;
    border-radius: 2px;
}


/* ========================================================================
   12.1. SERVİS İKONLARI (Font Awesome)
   Hakkımızda sayfasındaki servis kartları için ikon stilleri
   ======================================================================== */
.service-card .service-card-icon .icon i {
    font-size: 40px;
    color: #0C0A0A;
    transition: 0.4s;
}

.service-card:hover .service-card-icon .icon i {
    transform: rotateY(180deg);
    color: var(--theme-color);
}

/* SVG ikonları - siyah varsayılan, hover'da turuncu */
.service-card .service-card-icon .icon img {
    filter: brightness(0) saturate(100%);
    transition: all 0.4s ease;
}

.service-card:hover .service-card-icon .icon img {
    filter: brightness(0) saturate(100%) invert(48%) sepia(98%) saturate(1500%) hue-rotate(360deg) brightness(100%) contrast(100%);
    transform: rotateY(180deg);
}

.contact-card-modern:last-child {
    margin-bottom: 0 !important;
}

.contact-info-modern {
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 0;
}

.corner-br {
    bottom: 15px;
    right: 15px;
}

.corner-br::before {
    width: 30px;
    height: 4px;
    bottom: 0;
    right: 0;
    border-radius: 2px;
}

.corner-br::after {
    width: 4px;
    height: 30px;
    bottom: 0;
    right: 0;
    border-radius: 2px;
}

.contact-area-5 {
    background-color: #fcfcfc !important;
    position: relative;
    overflow: hidden;
    padding: 100px 0 !important;
}

/* Fotoğraf wrapper - Premium Frame */
.contact-thumb6-1-wrapper {
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    position: relative;
    /* Soft offset background */
    border: 1px solid #eee;
    transition: transform 0.5s ease;
}

.contact-thumb6-1-wrapper:hover {
    transform: translateY(-10px);
}

.contact-thumb6-1-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
}

.appointment-wrap.contact-wrap6 {
    background: #ffffff !important;
    padding: 50px !important;
    border-radius: 24px !important;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.04) !important;
    border: 1px solid #f0f0f0 !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Form Alanları Premium Dokunuş */
.appointment-form .form-control,
.appointment-form .form-select {
    height: 60px !important;
    background: #f8f9fa !important;
    border: 1px solid #eef0f2 !important;
    border-radius: 12px !important;
    padding-left: 55px !important;
    transition: all 0.3s ease !important;
}

.appointment-form .form-group i {
    left: 20px !important;
    color: #f68a1e !important;
}

.appointment-form .form-control:focus {
    background: #fff !important;
    border-color: #f68a1e !important;
    box-shadow: 0 5px 15px rgba(246, 138, 30, 0.1) !important;
}

/* Buton Mikro Animasyon */
.appointment-form .th-btn {
    width: 100%;
    height: 60px;
    border-radius: 12px;
    font-size: 18px;
    letter-spacing: 1px;
    overflow: hidden;
    position: relative;
}

.appointment-form .th-btn::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: 0.5s;
}

.appointment-form .th-btn:hover::after {
    left: 100%;
}

.form-title {
    color: #1a1a1a !important;
}

/* ========================================================================
   6. MENÜ ANİMASYONLARI
   Sayfa yüklendiğinde menü öğelerinin yukarıdan aşağı giriş efekti
   ======================================================================== */
@keyframes fadeInDownSubtle {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.main-menu>ul>li {
    opacity: 0;
    animation: fadeInDownSubtle 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

/* Menü öğeleri sırayla görünür (farklı gecikmeler) */
.main-menu>ul>li:nth-child(1) {
    animation-delay: 0.1s;
}

.main-menu>ul>li:nth-child(2) {
    animation-delay: 0.2s;
}

.main-menu>ul>li:nth-child(3) {
    animation-delay: 0.3s;
}

.main-menu>ul>li:nth-child(4) {
    animation-delay: 0.4s;
}

.main-menu>ul>li:nth-child(5) {
    animation-delay: 0.5s;
}

.main-menu>ul>li:nth-child(6) {
    animation-delay: 0.6s;
}

.main-menu>ul>li:nth-child(7) {
    animation-delay: 0.7s;
}

.main-menu>ul>li:nth-child(8) {
    animation-delay: 0.8s;
}

/* Hero Content Mobile Fix */
@media (max-width: 767px) {
    .th-hero-content {
        padding-top: 100px !important;
        padding-bottom: 60px !important;
        text-align: center;
    }

    .hero-title {
        font-size: 36px !important;
    }

    .hero-subtitle {
        font-size: 16px !important;
    }
}

/* Vertical Centering for Slider Content */
.hero-style5 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    height: 100vh !important;
    /* Ensure full viewport height for centering */
    min-height: 700px !important;
    padding-top: 0 !important;
    /* Remove padding that breaks centering */
    margin-top: 0 !important;
}

.hero-inner {
    display: flex !important;
    align-items: center !important;
}



/* Yatay kaydırma çubuğunu engelle ve scroll bar'ı gizle */
body {
    overflow-x: hidden;
}

/* Scrollbar'ı tamamen gizle */
::-webkit-scrollbar {
    display: none;
}

html {
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE/Edge */
}

/* Sidebar Solid Background - kaldırıldı, şeffaf */
body::before {
    display: none;
}

@media (max-width: 1199px) {
    body::before {
        display: none !important;
    }
}

/* About resmi - Doğal akışa geri döndürüldü */
.img-box6 {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    margin-bottom: 30px;
}

.img-box6 .img1 img {
    width: 100% !important;
    height: auto !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1) !important;
    object-fit: cover !important;
}


/* Sidebar içerik alanı - slider yanında sabit (Sadece Ana Sayfada) */
.hero-social-link {
    display: none !important;
    position: absolute !important;
    top: 0 !important;
    left: -80px !important;
    width: 80px !important;
    height: 100% !important;
    z-index: 100 !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: center !important;
    background: #111 !important;
    padding: 30px 0 !important;
    pointer-events: auto !important;
    transform: none !important;
    box-sizing: border-box !important;
}

/* Sadece ana sayfada göster */
body:not(.subpage) .hero-social-link {
    display: flex !important;
}

/* Hamburger Menu inside Sidebar */
.hero-social-link .sideMenuInfo {
    margin-bottom: auto !important;
    background: transparent !important;
    border: none !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px !important;
    cursor: pointer !important;
}

.hero-social-link .sideMenuInfo .line {
    display: block !important;
    width: 25px !important;
    height: 2px !important;
    background-color: #fff !important;
    transition: all 0.3s ease !important;
}

.hero-social-link .sideMenuInfo:hover .line:nth-child(1) {
    width: 15px !important;
}

.hero-social-link .sideMenuInfo:hover .line:nth-child(2) {
    background-color: var(--theme-color, #FF4A17) !important;
    width: 25px !important;
}

.hero-social-link .sideMenuInfo:hover .line:nth-child(3) {
    width: 15px !important;
}

.hero-social-link .social-wrap {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 60px !important;
    width: 100% !important;
    flex: 1 !important;
    position: relative !important;
    margin-bottom: 60px !important;
}

.hero-social-link .social-wrap a {
    writing-mode: vertical-rl !important;
    text-orientation: mixed !important;
    transform: rotate(180deg) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    transition: all 0.3s ease !important;
    display: block !important;
    cursor: pointer !important;
    line-height: 1 !important;
    text-align: center !important;
    position: relative !important;
}

.hero-social-link .social-wrap a:hover {
    color: var(--theme-color, #FF4500) !important;
}

/* Hide conflicting ::after from style.css */
.hero-social-link .social-wrap a::after {
    display: none !important;
}

.hero-social-link .sep-dot {
    width: 8px !important;
    height: 8px !important;
    background-color: var(--theme-color, #FF4500) !important;
    border-radius: 50% !important;
    display: block !important;
    margin: 10px 0 !important;
    position: relative !important;
}

/* 1200px altında (mobil görünümde) gizle */
@media (max-width: 1199px) {
    .hero-social-link {
        display: none !important;
    }
}

/* Shift content for fixed sidebar ONLY ON HOMEPAGE */
@media (min-width: 1200px) {

    /* Global Content Alignment (Sidebar removed) */
    .th-header,
    .breadcumb-wrapper,
    .space,
    .space-top,
    .space-bottom,
    section.overflow-hidden,
    .hero-5 {
        margin-left: 0 !important;
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Exceptions that might need background extension (like full-width footer) */
    /* If we want the background to go under the sidebar, we use padding-left. 
       But for consistency with the user's "shifted right" complaint, 
       we stick to margin-left: 80px to start CONTENT after the sidebar. */

    body:not(.subpage) footer {
        margin-left: 0 !important;
        width: 100% !important;
        padding-left: 0 !important;
        /* Barın yayılması için footer padding sıfırlandı */
        padding-right: 0 !important;
    }

    body:not(.subpage) footer .footer-wrap,
    body:not(.subpage) .copyright-wrap .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    body:not(.subpage) .sticky-wrapper.sticky {
        left: 0 !important;
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* FIX: Bring sidebar on screen for Desktop Homepage */
    body:not(.subpage) .hero-social-link {
        left: 0 !important;
    }

}

/* Force fixed positioning cleanup */
html,
body {
    transform: none !important;
    filter: none !important;
    perspective: none !important;
    contain: none !important;
}

/* İkinci resim gizle */
.img-box6 .img2 {
    display: none !important;
}

/* About resmi - sola uzatma (Container sol kenarına kadar) */
.about-area-6 .row {
    align-items: flex-start !important;
    /* Üstten hizala */
}

.about-area-6 .img-box6 {
    padding-left: 0 !important;
    margin-left: -12px !important;
    /* Container padding kadar sola */
    width: auto !important;
    max-width: none !important;
}

.about-area-6 .img-box6 .img1 {
    border-radius: 32px !important;
    /* Tüm köşeler yuvarlak */
    overflow: hidden;
    max-height: 415px !important;
    /* Yazı alanı yüksekliğine sınırla */
}

.about-area-6 .img-box6 .img1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    /* Üstten kırp */
}

/* Hizmetler bölümü about resminin üstünde */
#service-sec {
    position: relative;
    z-index: 10;
    background: #fff;
}

/* About başlık düzeltmesi */
.about-area-6 .sec-title {
    margin-top: 0 !important;
}


/* ========================================================================
   8. SCROLL REVEAL ANİMASYONLARI DEVRE DIŞI
   Beyaz bölüm sorunu çözümü - tüm reveal classları görünür
   ======================================================================== */
.reveal-init,
.reveal-item,
.reveal-fade-up,
.reveal-fade-down,
.reveal-fade-left,
.reveal-fade-right,
.reveal-zoom-in,
.reveal-zoom-out {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}


/* ========================================================================
   9. HİZMET SLİDER DÜZELTMELERİ
   Ana sayfadaki hizmetler slider genişlik ayarları
   ======================================================================== */
#service-sec .container,
.project-slider4-1 .container {
    max-width: 1600px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* Slider kenar boşlukları */
.slider-area {
    margin-left: -10px;
    margin-right: -10px;
}

.slider-area .swiper {
    padding-left: 10px;
    padding-right: 10px;
}

/* Slider sürükleme işlevselliği */
.slider-drag-wrap .swiper {
    cursor: grab !important;
    user-select: none;
    -webkit-user-select: none;
}

.slider-drag-wrap .swiper:active {
    cursor: grabbing !important;
}


/* ========================================================================
   10. PROJE SLİDER DÜZELTMELERİ
   Projeler bölümündeki kartlar için eşit yükseklik
   ======================================================================== */
.project-slider4-1 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -50px;
    margin-right: -50px;
}

.project-slider4-1 .swiper-wrapper {
    align-items: stretch !important;
}

.project-slider4-1 .swiper-slide {
    height: auto !important;
}

.project-slider4-1 .property-card3 {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.project-slider4-1 .property-card-details {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.project-slider4-1 .property-card-text {
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    height: 48px;
    /* Sabit yükseklik - 2 satır */
    margin-bottom: 15px;
    font-size: 16px;
}

/* Slider Resim Yüksekliği Sınırlama */
.project-slider4-1 .property-card3 .property-card-thumb img {
    height: 260px !important;
}

.project-slider4-1 .property-card-title {
    min-height: 54px;
    display: flex;
    align-items: flex-start;
}

.project-slider4-1 .property-btn-wrap {
    margin-top: auto;
}

/* Kategori etiketi stili */
.property-card-category {
    color: #f60;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 5px;
    display: block;
}


/* ========================================================================
   11. HİZMET KARTLARI EŞİT YÜKSEKLİK
   Hizmetler slider'ındaki kartların aynı boyutta olması
   ======================================================================== */
.property-slider2 .swiper-wrapper {
    align-items: stretch !important;
}

.property-slider2 .swiper-slide {
    height: auto !important;
    display: flex !important;
}

.property-slider2 .property-card3 {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

.property-slider2 .property-card-details {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 20px !important;
}

.property-slider2 .property-card-title {
    min-height: 50px !important;
    display: flex !important;
    align-items: flex-start !important;
}

.property-slider2 .property-card-text {
    flex: 1 !important;
    min-height: 80px !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
}

.property-slider2 .property-btn-wrap {
    margin-top: auto !important;
    padding-top: 15px !important;
}


/* ========================================================================
   12. İLETİŞİM SAYFASI DÜZELTMELERİ
   iletisim.html sayfasındaki form ve resim düzeni
   ======================================================================== */
/* Form sağda, resim solda - eşit genişlik */
.contact-area-5 .row.justify-content-end {
    justify-content: flex-end !important;
}

.contact-area-5 .appointment-wrap.contact-wrap6 {
    margin-left: 0;
    margin-right: 0;
}

/* Fix Side Menu Social Icons - Açık gri arka plan, hover'da turuncu */
.sidemenu-content .th-social a {
    color: #333 !important;
    background-color: #e0e0e0 !important;
}

.sidemenu-content .th-social a:hover {
    color: #fff !important;
    background-color: var(--theme-color) !important;
}

/* Sidemenu yazı renkleri - SİYAH (CSS değişkeni override) */
.sidemenu-wrapper .sidemenu-content {
    --body-color: #000 !important;
    --title-color: #000 !important;
}

.sidemenu-wrapper .sidemenu-content,
.sidemenu-wrapper .sidemenu-content p,
.sidemenu-wrapper .sidemenu-content span,
.sidemenu-wrapper .sidemenu-content a,
.sidemenu-wrapper .sidemenu-content .widget-contact p,
.sidemenu-wrapper .sidemenu-content .info-title,
.sidemenu-wrapper .sidemenu-content .details,
.sidemenu-wrapper .sidemenu-content .details p,
.sidemenu-wrapper .sidemenu-content .about-text,
.sidemenu-wrapper .sidemenu-content .info-box_text,
.sidemenu-wrapper .sidemenu-content .info-box_text p,
.sidemenu-wrapper .sidemenu-content .info-box_link {
    color: #000 !important;
}

.sidemenu-wrapper .sidemenu-content .widget_title,
.sidemenu-wrapper .sidemenu-content h3,
.sidemenu-wrapper .sidemenu-content h4 {
    color: #000 !important;
}

/* Sidemenu ikonları da siyah */
.sidemenu-wrapper .sidemenu-content .info-box_icon i {
    color: #000 !important;
}

/* Sosyal medya ikonları hariç - açık gri arka plan */
.sidemenu-wrapper .sidemenu-content .th-social a,
.sidemenu-wrapper .sidemenu-content .th-social a i {
    color: #333 !important;
    background-color: transparent !important;
}

.sidemenu-wrapper .sidemenu-content .th-social a:hover,
.sidemenu-wrapper .sidemenu-content .th-social a:hover i {
    color: #fff !important;
    background-color: transparent !important;
}

/* Sidemenu sosyal medya ikonları - düzgün hover efekti */
.sidemenu-wrapper .sidemenu-content .th-social a {
    background-color: #e0e0e0 !important;
    border: none !important;
    box-shadow: none !important;
    transition: background-color 0.3s ease !important;
}

.sidemenu-wrapper .sidemenu-content .th-social a:hover {
    background-color: var(--theme-color) !important;
}

.sidemenu-wrapper .sidemenu-content .th-social a::before,
.sidemenu-wrapper .sidemenu-content .th-social a::after {
    display: none !important;
    content: none !important;
}

/* Bize Ulaşın başlığı - biraz aşağı */
.sidemenu-wrapper .sidemenu-content .widget_title {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

/* Sidemenu iletişim bilgileri - sola hizalı, normal font */
.sidemenu-wrapper .sidemenu-content .info-box_text {
    display: block !important;
    margin-bottom: 15px !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* İkonları gizle */
.sidemenu-wrapper .sidemenu-content .info-box_text .icon {
    display: none !important;
}

.sidemenu-wrapper .sidemenu-content .info-box_text .details {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.sidemenu-wrapper .sidemenu-content .info-box_text .details p,
.sidemenu-wrapper .sidemenu-content .info-box_link {
    margin: 0 0 5px 0 !important;
    white-space: nowrap !important;
    font-weight: 400 !important;
    padding-left: 0 !important;
}

.sidemenu-wrapper .sidemenu-content .th-widget-contact {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* Sidemenu tüm içeriği sola hizala */
.sidemenu-wrapper .sidemenu-content .widget {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.sidemenu-wrapper .sidemenu-content .th-widget-about,
.sidemenu-wrapper .sidemenu-content .about-logo,
.sidemenu-wrapper .sidemenu-content .about-text {
    padding-left: 0 !important;
    margin-left: 0 !important;
    text-align: left !important;
}

.sidemenu-wrapper .sidemenu-content .th-social {
    justify-content: flex-start !important;
    padding-left: 0 !important;
}

/* İletişim formu konteyner */
.contact-area-5 {
    position: relative;
}

/* Sol taraftaki dekoratif resim alanı */
.contact-thumb6-1 {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 50%;
    overflow: hidden;
}

.contact-thumb6-1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Form sağ tarafta %50 genişlik */
.contact-area-5 .col-lg-6 {
    width: 50% !important;
    margin-left: auto !important;
}


/* ========================================================================
   13. ALT SAYFA ÖZEL DÜZELTMELERİ
   Ana sayfa hariç tüm sayfalarda uygulanan düzeltmeler
   (body class="subpage" olan sayfalar)
   ======================================================================== */
/* Alt sayfalarda sol üst sidebar buton arka planını şeffaf yap */
.subpage .simple-icon.sideMenuInfo.sidebar-btn.style3 {
    background: transparent !important;
    box-shadow: none !important;
}

.subpage .menu-area .simple-icon {
    background: transparent !important;
}

/* ========================================================================
   HEADER BUTTONS & SEARCH TOGGLER
   ======================================================================== */

/* Sidebar Toggle Button (.sideMenuInfo) - Moved to Sidebar */
.simple-icon.sideMenuInfo {
    display: none;
    /* Hidden in header, shown in sidebar */
}

/* Search Button Style */
.search-btn {
    background: transparent !important;
    border: none !important;
    color: #fff !important;
    font-size: 18px !important;
    margin-right: 0 !important;
    /* Reset margin for consistent gap */
    transition: all 0.3s ease !important;
}

.search-btn:hover {
    color: #F68A0A !important;
    /* Industrial Orange */
    transform: scale(1.1);
}

.search-btn:hover i {
    color: #F68A0A !important;
}

/* Nav ve Search/Toggle alanını yan yana tut */
.header-button.d-flex {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 35px !important;
    /* İkonlar arası boşluğu artır */
}

/* ========================================================================
   ALT SAYFA (BREADCRUMB) OVERLAY DÜZELTMELERİ
   Hakkımızda sayfasındaki koca beyaz alanı çözer
   ======================================================================== */
.subpage .breadcumb-wrapper {
    background-color: transparent !important;
    /* Beyaz yapma, resmi göster */
    margin-top: 0 !important;
    /* Margin sıfır - fixed header ile çakışma yok */
    padding-top: 200px !important;
    /* Header yüksekliği + orijinal padding */
}

.subpage .breadcumb-overlay {
    background: rgba(0, 0, 0, 0.5) !important;
    /* Hafif karartma */
    display: block !important;
    left: 0 !important;
    width: 100% !important;
}

.subpage .breadcumb-title {
    color: #fff !important;
    font-size: clamp(32px, 4vw, 56px) !important;
    /* %20-30 küçültüldü */
    font-weight: 700 !important;
    letter-spacing: -1px !important;
}

/* ========================================================================
   UNIVERSAL PIXEL-PERFECT HEADER (Global Sync)
   ======================================================================== */
/* ========================================================================
   DEFINITIVE UNIVERSAL HEADER (Absolute Source of Truth)
   ======================================================================== */
.th-header.header-layout3 {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    /* Standardize: remove header padding */
    background: transparent !important;
    z-index: 1001 !important;
    box-sizing: border-box !important;
    min-height: 114px !important;
    /* Match benchmark height */
    display: block !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/* Header Container Sync (Absolute Width lock for Index & Subpages) */
.th-header.header-layout3 .container {
    max-width: 95% !important;
    width: 95% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 35px !important;
    /* 20px Theme + 15px BS = 35px Buffer */
    padding-right: 35px !important;
    position: relative !important;
}

/* Header Grid & Spacing Master Lock */
.th-header.header-layout3 .row {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    gap: 0 !important;
}

/* Logo column (1st) - fixed left */
.th-header.header-layout3 .row>.col-auto:first-child {
    flex: 0 0 auto !important;
}

/* Menu column (2nd) - grow and center */
.th-header.header-layout3 .row>.col-auto:nth-child(2) {
    flex: 1 1 auto !important;
    display: flex !important;
    justify-content: center !important;
}

/* Button column (3rd) - fixed right */
.th-header.header-layout3 .row>.col-auto:last-child {
    flex: 0 0 auto !important;
}

/* Menu Item Padding Sync (Vertical Centering & Height lock) */
.th-header.header-layout3 .main-menu {
    white-space: nowrap !important;
}

.th-header.header-layout3 .main-menu>ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

.th-header.header-layout3 .main-menu>ul>li {
    margin: 0 10px !important;
    /* Balanced horizontal spacing */
}

.th-header.header-layout3 .main-menu>ul>li>a {
    padding: 36.5px 12px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
}

/* Search Box & Internal Buttons (Right side elements) */
.th-header.header-layout3 .header-button {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    margin-left: 0 !important;
}

.th-header.header-layout3 .search-btn {
    background: transparent !important;
    border: none !important;
    color: #fff !important;
    font-size: 20px !important;
    margin: 0 25px !important;
    /* Precise spacing between menu and CTA */
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* --- Icon Metamorphosis: Gear to Chevron --- */
.main-menu ul.sub-menu li a:before {
    content: "\f105" !important;
    color: #f68a1e !important;
    font-weight: 600 !important;
}

/* --- Button Elevation: Back to Top --- */
body .scroll-top {
    bottom: 100px !important;
}

/* Logo Consistency */
.header-logo img {
    width: 240px !important;
    max-width: 100% !important;
    height: auto !important;
}

/* CTA "Bize Ulaşın" Button Sync */
.th-header.header-layout3 .th-btn.style4 {
    margin-left: 20px !important;
    padding: 10px 25px !important;
    font-size: 14px !important;
}

.sticky-wrapper.sticky {
    left: 0 !important;
    width: 100% !important;
    border-bottom: none !important;
    /* Hide line when sticky */
}

/* Tüm 80px margin/padding'leri sıfırla - SADECE içerik alanları için */
.subpage .hero-5,
.subpage .th-hero-wrapper {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* body.subpage zaten dosyanın başında (satır 32) tanımlı - margin/padding orada eklendi */

/* ALT SAYFA FOOTER - Ana sayfa ile aynı görünüm */
.subpage footer {
    margin-left: 0 !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.subpage footer .footer-wrap,
.subpage .copyright-wrap .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* hero-social-link zaten dosyanın başında (satır 36) tanımlı - buradan kaldırıldı */

/* sticky-wrapper dosyanın sonunda (satır 2220) daha detaylı tanımlı - buradan kaldırıldı */

/* Cursor Follower Removal & Restore Default Cursor (Keep removal, but don't force auto cursor) */
.cursor-follower,
.slider-drag-cursor {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* =====================================================
   14 İNÇ EKRAN DÜZELTMELERİ (1366px - 1440px)
   ===================================================== */

/* Global Sticky Behavior Sync */
.sticky-wrapper.sticky {
    left: 0 !important;
    width: 100% !important;
    background: rgba(0, 0, 0, 0.4) !important;
    border-bottom: none !important;
}

.sticky-wrapper.sticky .menu-area {
    background: transparent !important;
}

.sticky-wrapper:not(.sticky) .menu-area {
    background: transparent !important;
}

/* Hero-5 ana container - sol kenardan başlasın (sidebar kaldırıldı) */
.hero-5 {
    margin-top: 0 !important;
    margin-left: 0 !important;
    padding-top: 0 !important;
    padding-left: 0 !important;
    position: relative !important;
    width: 100% !important;
    left: 0 !important;
}

/* Hero slider resmi - menü çubuğuna kadar uzansın */
.hero-5 .th-hero-bg {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 100% !important;
    width: 100% !important;
}

/* Hero inner - tam viewport yüksekliği */
.hero-5 .hero-inner {
    min-height: 100vh !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
    display: flex !important;
    align-items: center !important;
}

/* Hero content - Tam merkezleme için paddingleri sıfırla */
.hero-5 .hero-style5 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
}

/* Hero slider wrapper - tam ekran */
.hero-5 .swiper-slide {
    min-height: 100vh !important;
}

/* Hero slider arka plan resmi tam ekran */
.hero-5 .th-hero-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background-size: cover !important;
    background-position: center center !important;
}

/* 14 inç ekran için responsive ayarlar */
@media (min-width: 1200px) {
    .container {
        max-width: 1140px !important;
    }

    .hero-5 {
        padding-left: 0 !important;
        margin-left: 0 !important;
        width: 100% !important;
    }
}

/* =====================================================
   RESPONSIVE BREAKPOINTS HARMONIZATION
   ===================================================== */

/* 1. Global: Hide Sidebar Toggle by Default (Mobile/Tablet) */
.simple-icon.sideMenuInfo {
    display: none !important;
}

/* FIX: Ensure sidebar button is ALWAYS visible on Homepage Sidebar (Desktop) */
body:not(.subpage) .hero-social-link .sideMenuInfo {
    display: flex !important;
}


/* Restore for subpages on Desktop */
@media (min-width: 1200px) {
    .subpage .simple-icon.sideMenuInfo {
        display: flex !important;
        order: 2 !important;
        position: relative !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 50 !important;
        background: transparent !important;
        border: none !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 40px !important;
        height: 40px !important;
        gap: 6px !important;
    }

    .subpage .simple-icon.sideMenuInfo .line {
        display: block !important;
        width: 25px !important;
        height: 2px !important;
        background-color: #fff !important;
        margin: 0 !important;
    }
}

/* 2. Desktop & Laptop Layout (1200px+) */
@media (min-width: 1200px) {
    .container {
        max-width: 95% !important;
    }

    /* Sidebar Toggle Button (Desktop Only) - RESTORE TO HEADER */
    .simple-icon.sideMenuInfo {
        order: 2 !important;
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 50 !important;
        background: transparent !important;
        border: none !important;
        margin: 0 !important;
        padding: 0 !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 40px !important;
        height: 40px !important;
        gap: 6px !important;
    }

    .simple-icon.sideMenuInfo .line {
        display: block !important;
        width: 25px !important;
        height: 2px !important;
        background-color: #fff !important;
        margin: 0 !important;
    }

    /* Sidebar removed - full width layout */
    /* Header rules consolidated above */
    .hero-5 {
        left: 0 !important;
        width: 100% !important;
        margin-left: 0 !important;
        transition: all 0.3s ease !important;
        position: relative !important;
    }

    .container {
        max-width: 95% !important;
    }

    /* Hero content - Full width centering */
    .hero-style5 {
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
        min-height: 100% !important;
        position: relative !important;
    }
}

/* ========================================================================
   ANA SAYFA MENÜ - VARSAYILAN DÜZEN
   ======================================================================== */
/* Menü varsayılan temanın flexbox düzenini kullanır, absolute positioning yok */

/* Menü tek satırda kalsın */
.main-menu {
    white-space: nowrap !important;
}

/* Menü styles handled in Absolute Source of Truth block */

/* Büyük ekranlarda header tam genişlikte yayılsın */
/* Max-width kısıtlaması yok - full width */

/* Sticky wrapper logic on homepage */
body:not(.subpage) .sticky-wrapper.sticky {
    left: 0 !important;
    width: 100% !important;
    background: rgba(0, 0, 0, 0.4) !important;
    /* Tüm header %40 şeffaf */
    /* Tüm header %70 şeffaf */
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}

.sticky-wrapper.sticky .menu-area {
    background: transparent !important;
    /* İç kısım şeffaf, dış wrapper renkli */
}

/* Header-layout3 sticky arka planını da şeffaf yap */
.header-layout3 .sticky-wrapper.sticky {
    background: rgba(0, 0, 0, 0.5) !important;
}

/* Header Stability: Prevent Floating/Wrapping */
/* Cleaned up redundant header row rules */

/* Hero content centering handled above with sidebar offset compensation */

.hero-subtitle,
.hero-title,
.hero-text {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
}

/* Fix Hero Button Sizing */
.hero-style5 .btn-group {
    justify-content: center !important;
    display: flex !important;
    width: 100% !important;
}

.hero-style5 .th-btn {
    width: auto !important;
    display: inline-flex !important;
    padding: 15px 40px !important;
    max-width: 300px !important;
}

.sidemenu-content .widget {
    padding-bottom: 5px !important;
    margin-bottom: 10px !important;
    /* Remove large white gap */
}

/* Laptop Adaptivity (MacBook Pro 14", etc.) */
@media (max-width: 1550px) {
    .hero-title {
        font-size: clamp(40px, 5vw, 64px) !important;
    }

    /* Header elements adaptivity handled in Universal Block */
}


/* 3. Mid-Size Screens (Tablet/Small Laptop: 992px - 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
    /* Header grid adaptivity handled in Universal Block */
}

/* =====================================================
   SEARCH BUTTON FIX
   ===================================================== */
/* Search and Button layout handled in Universal Block */



/* =====================================================
   FOOTER: FINAL KOMPAKT & TOK GÖRÜNÜM
   ===================================================== */
.widget-area {
    padding-top: 50px !important;
    /* İSTEK ÜZERİNE BİRAZ DAHA BÜYÜDÜ */
    padding-bottom: 30px !important;
}

.footer-widget {
    margin-bottom: 15px !important;
    /* Widget arası da hafif açıldı */
}

.footer-wrapper {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background-color: #171717 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* --- FOOTER SÜTUN SPACING DÜZENLEMESİ --- */
/* Logo sütunu - daha geniş, metin sığsın */
.footer-wrapper .col-md-6.col-lg-3 {
    flex: 0 0 25% !important;
    max-width: 25% !important;
    padding-right: 70px !important;
}

/* Sağ taraf sütunları - kalan alanı eşit paylaş */
.footer-wrapper .col-lg-9 {
    flex: 0 0 75% !important;
    max-width: 75% !important;
    padding-right: 0 !important;
}

/* Sağ taraftaki iç row - sütunları eşit dağıt, sağ kenara kadar uzat */
.footer-wrapper .col-lg-9>.row {
    justify-content: space-between !important;
    width: 100% !important;
    margin: 0 !important;
}

/* Her bir sütun (Kurumsal, Ürünler, İletişim) - EŞİT GENİŞLİK ve EŞİT ARALIK */
.footer-wrapper .col-lg-9 .col-md-6.col-lg-auto {
    flex: 1 1 0 !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 40px !important;
}

/* Son sütun (İletişim) - sağ padding yok */
.footer-wrapper .col-lg-9 .col-md-6.col-lg-auto:last-child {
    padding-right: 0 !important;
}

/* --- YATAY HİZALAMA VE FLUSH LAYOUT --- */
.th-widget-about,
.footer-widget .widget_title {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Logo Sütunu */
.th-widget-about .footer-logo-wrap {
    margin-bottom: 15px !important;
    margin-top: 0 !important;
    height: auto !important;
    display: block !important;
}

.th-widget-about .footer-logo-wrap img {
    max-width: 280px !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
    filter: none !important;
}

.th-widget-about .about-text {
    font-size: 15px !important;
    /* Metin de büyüdü */
    line-height: 1.6 !important;
    color: #cecece !important;
    font-weight: 500 !important;
    max-width: 350px;
    margin-bottom: 0 !important;
}

/* Başlık Stili */
.footer-widget .widget_title {
    margin-bottom: 15px !important;
    padding-bottom: 8px !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    color: #fff !important;
    position: relative;
    text-transform: capitalize !important;
    border-bottom: none !important;
    display: block !important;
    min-height: auto !important;
}

/* Başlık Altı Vurgu */
.footer-widget .widget_title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 3px;
    background-color: var(--theme-color);
    border-radius: 2px;
    display: block !important;
}

/* --- LİSTE ÖĞELERİ (TOK VE OKUNAKLI) --- */
.footer-widget ul.menu {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

.footer-widget ul.menu li {
    margin-bottom: 8px !important;
    padding: 0 !important;
    border: none !important;
    margin-left: 0 !important;
    position: relative !important;
}

/* Turuncu Ok İkonu */
.footer-widget ul.menu li a::before {
    content: "\f105";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900 !important;
    color: var(--theme-color);
    position: absolute;
    left: 0;
    top: 4px;
    /* Hizalama */
    font-size: 15px;
    transition: all 0.3s ease;
}

.footer-widget ul.menu li::before,
.footer-widget ul.menu li::after,
.footer-widget ul.menu li a::after {
    display: none !important;
    content: none !important;
}

.footer-widget ul.menu li a {
    color: #d1d1d1 !important;
    font-size: 16px !important;
    /* DAHA BÜYÜK FONT (16px) */
    display: block !important;
    padding-left: 18px !important;
    margin: 0 !important;
    text-decoration: none !important;
    transition: all 0.3s ease;
    font-weight: 500 !important;
    position: relative;
    letter-spacing: 0.3px;
}

/* Hover: Turuncu Renk */
.footer-widget ul.menu li a:hover {
    color: var(--theme-color) !important;
    font-weight: 600 !important;
    transform: translateX(4px);
}

.footer-widget ul.menu li a:hover::before {
    color: var(--theme-color) !important;
}

/* --- SOSYAL MEDYA --- */
.th-social.style5 {
    display: flex !important;
    gap: 10px !important;
    margin-top: 15px !important;
}

.th-social.style5 a {
    width: 36px !important;
    /* Biraz büyüdü */
    height: 36px !important;
    line-height: 36px !important;
    background-color: rgba(255, 255, 255, 0.08) !important;
    color: #fff !important;
    font-size: 15px !important;
    text-align: center !important;
    border-radius: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease;
}

.th-social.style5 a:hover {
    background-color: var(--theme-color) !important;
    color: #fff !important;
    transform: translateY(-3px) !important;
}

/* --- İLETİŞİM (FONT İKONLARI) --- */
.th-widget-contact .info-box_text {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    margin-bottom: 12px !important;
    padding: 0 !important;
}

.th-widget-contact .icon {
    width: 20px !important;
    min-width: 20px !important;
    margin-top: 2px !important;
    background: none !important;
    padding: 0 !important;
    border: none !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.th-widget-contact .icon i {
    font-size: 18px !important;
    /* Font ikon boyutu */
    color: #fff !important;
    /* Kullanıcı 'eski' dediği için beyaz */
}

.th-widget-contact .icon img {
    display: none !important;
    /* Varsa gizle */
}

.th-widget-contact .details p,
.th-widget-contact .info-box_link {
    font-size: 16px !important;
    /* FONT BÜYÜDÜ (16px) */
    color: #d1d1d1 !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    transition: color 0.3s ease !important;
}

/* E-posta hover: Turuncu */
.th-widget-contact .info-box_link:hover {
    color: var(--theme-color) !important;
}

/* Zorunlu Tek Satır Kuralı */
.no-wrap-text {
    white-space: nowrap !important;
}

/* --- COPYRIGHT ALANI & SCROLL BUTONU --- */
.copyright-wrap {
    padding: 15px 0 !important;
    background-color: #101010 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
    position: relative !important;
    /* Buton hizalaması için */
    margin-top: 0 !important;

    /* Scroll To Top Butonu - FINAL TOUCH (Küçültüldü ve Yukarı Alındı) */
    .scroll-top {
        position: fixed !important;
        right: 30px !important;
        bottom: 85px !important;
        /* Telif alanının ÜZERİNDE (59px + boşluk) */
        width: 40px !important;
        /* Biraz küçültüldü */
        height: 40px !important;
        line-height: 40px !important;
        background-color: var(--theme-color) !important;
        color: #fff !important;
        border-radius: 50% !important;
        text-align: center !important;
        font-size: 16px !important;
        /* İkon da küçüldü */
        z-index: 999 !important;
        box-shadow: 0 4px 15px rgba(246, 138, 10, 0.4) !important;
        transition: all 0.4s ease;
        opacity: 0;
        border: 2px solid #fff !important;
        visibility: hidden;
    }

    .scroll-top:hover {
        background-color: #171717 !important;
        color: var(--theme-color) !important;
        border-color: var(--theme-color) !important;
    }

    .scroll-top.show {
        opacity: 1 !important;
        visibility: visible !important;
        bottom: 85px !important;
        /* Görünürken de aynı konumda */
    }

    /* Telif Kısmındaki BRS PROSES Linki Kalın ve Turuncu Olsun */
    .copyright-text a[href="index.html"] {
        font-weight: 700 !important;
        color: var(--theme-color) !important;
    }

    @media (min-width: 1200px) {
        .footer-wrapper .row {
            align-items: stretch !important;
        }

        .footer-widget {
            padding-right: 40px !important;
            /* Sütunlar arası dengeyi artırdım */
            border-right: none !important;
            /* Çizgileri kaldır */
        }
    }
}

/* ========================================================================
   MONOLITH İMZA ANİMASYONU - GLOBAL (Artık Nested Yapı Dışında!)
   ======================================================================== */
.mw-signature {
    transition: all 0.3s ease;
    cursor: default;
    display: inline-block;
}

/* Default Colors (Hover olmadığında) */
.mw-signature strong:nth-child(1) {
    color: #FF4A17;
}

.mw-signature strong:nth-child(2) {
    color: #00edff;
}

.mw-signature:hover {
    background: linear-gradient(90deg, #ff642b, #00edff, #ff642b, #00edff, #ff642b);
    background-size: 200% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    animation: gradient-shift 1.5s linear infinite;
}

.mw-signature:hover strong {
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
}

@keyframes gradient-shift {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 100% 50%;
    }
}

/* ========================================================================
   DEKORATIF SEMBOLLER - GİZLE (Turuncu şekiller, dalgalar, vb.)
   ======================================================================== */
.shape-mockup {
    display: none !important;
}

/* ========================================================================
   PROSES KARTLARI - EŞİT YÜKSEKLİK
   ======================================================================== */
.process-card2 {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

.process-card2 .box-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 40px auto !important;
}

.process-card2 .box-content {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
}

.process-card2 .box-text {
    flex: 1 !important;
}

/* Row'u stretch yap */
.process-card2.bg-black2 {
    min-height: 350px !important;
}

/* ========================================================================
   MODERN 3D HOVER EFEKTİ - RESİMLER
   ======================================================================== */
/* Parlama efektini kaldır */
.img-shine::before,
.img-shine::after {
    display: none !important;
    content: none !important;
}

/* Modern 3D hover efekti */
.img-shine,
.property-card-thumb,
.project-img,
.blog-img {
    overflow: hidden !important;
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
        box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.img-shine img,
.property-card-thumb img,
.project-img img,
.blog-img img {
    transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* Hover: 3D kaldırma ve gölge */
.property-card3:hover .img-shine,
.property-card3:hover .property-card-thumb,
.project-card:hover .project-img,
.blog-card:hover .blog-img,
.img-shine:hover {
    transform: translateY(-8px) scale(1.02) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15),
        0 10px 20px rgba(0, 0, 0, 0.1) !important;
}

.property-card3:hover .img-shine img,
.property-card3:hover .property-card-thumb img,
.project-card:hover .project-img img,
.blog-card:hover .blog-img img,
.img-shine:hover img {
    transform: scale(1.05) !important;
}

/* Kartların kendisi için de hafif efekt */
.property-card3,
.project-card,
.blog-card {
    transition: transform 0.4s ease, box-shadow 0.4s ease !important;
}

.property-card3:hover,
.project-card:hover,
.blog-card:hover {
    transform: translateY(-5px) !important;
}

/* ========================================================================
   ARAMA KUTUSU - BÜYÜTEÇ TURUNCU
   ======================================================================== */
.popup-search-box button[type="submit"] i,
.search-form-large .btn i {
    color: var(--theme-color) !important;
}

.popup-search-box button[type="submit"]:hover i {
    color: #fff !important;
}

/* ========================================================================
   FORM BAŞARI POPUP (LEGACY SECTION - DO NOT EDIT HERE, SEE ULTRATHINK BELOW)
   ======================================================================== */
.form-success-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

@keyframes pulseGlow {
    0% {
        transform: scale(1);
        opacity: 0.5;
    }

    100% {
        transform: scale(1.3);
        opacity: 0;
    }
}

.form-success-icon i {
    font-size: 45px;
    color: #fff;
}

.form-success-title {
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 20px;
    color: #0f172a;
    letter-spacing: -1px;
}

.form-success-text {
    font-size: 18px;
    color: #475569;
    margin-bottom: 35px;
    line-height: 1.8;
}

.form-success-close {
    background: #0f172a;
    color: #fff;
    border: none;
    padding: 16px 50px;
    border-radius: 40px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 10px 20px rgba(15, 23, 42, 0.2);
}

.form-success-close:hover {
    background: #F68A0A;
    transform: translateY(-2px);
    box-shadow: 0 15px 30px rgba(246, 138, 10, 0.3);
}

/* ========================================================================
   ARAMA SONUÇLARI - BAŞLIK BEYAZ
   ======================================================================== */
.search-header h2,
.search-header .search-meta,
.search-header p {
    color: #fff !important;
}

/* ========================================================================
   BREADCRUMB AYIRICI - ŞIK İKON
   ======================================================================== */
.breadcumb-menu li:not(:last-child)::after {
    content: "›" !important;
    font-weight: 700 !important;
    font-weight: 900 !important;
    font-size: 16px !important;
    margin: 0 18px !important;
    color: var(--theme-color) !important;
    vertical-align: middle !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* ========================================================================
   ALT SAYFA STİCKY HEADER - YUMUŞAK GEÇİŞ
   ========================================================================
   Ne Yapar: Alt sayfalarda (hakkimizda, iletisim vb.) header'ı sabit tutar
             ve scroll sırasında yumuşak renk geçişi sağlar.
   
   Önemli: Bu bölümü değiştirmeden önce test edin!
   
   Ayarlanabilir Değerler:
   - transition: 0.5s -> Geçiş hızı (saniye cinsinden)
   - rgba(0, 0, 0, 0.85) -> Scroll sonrası arka plan rengi
   - blur(12px) -> Bulanıklık miktarı
   
   Etkilenen Sayfalar: Tüm alt sayfalar (body class="subpage" olan)
   ======================================================================== */

/* Başlangıç durumu: Header şeffaf, sabit konumda */
/* Başlangıç durumu: Header şeffaf, sabit konumda */
.subpage .sticky-wrapper {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 999 !important;
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
    /* TÜM GÖRSEL ÖZELLİKLER İÇİN TRANSİTİON - HEM İNERKEN HEM ÇIKARKEN */
    transition: background 0.5s ease-in-out, background-color 0.5s ease-in-out, backdrop-filter 0.5s ease-in-out, -webkit-backdrop-filter 0.5s ease-in-out, box-shadow 0.5s ease-in-out, opacity 0.5s ease-in-out !important;
    /* GPU hızlandırma için */
    will-change: background, backdrop-filter, box-shadow, opacity;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}

/* Scroll edildiğinde SADECE arka plan ve blur aktif - pozisyon DEĞİŞMEZ */
/* ANİMASYON DEVRE DIŞI - stickyAni translate3d ve scaleY ile zıplamaya neden oluyordu */
.subpage .sticky-wrapper.sticky {
    background: rgba(0, 0, 0, 0.85) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.4) !important;
    opacity: 1 !important;
    /* GERİ GEÇİŞ İÇİN DE AYNI TRANSİTİON - HEM İNERKEN HEM ÇIKARKEN */
    transition: background 0.5s ease-in-out, background-color 0.5s ease-in-out, backdrop-filter 0.5s ease-in-out, -webkit-backdrop-filter 0.5s ease-in-out, box-shadow 0.5s ease-in-out, opacity 0.5s ease-in-out !important;
    /* ZIPLAMA ÇÖZÜMÜ: Animasyonu devre dışı bırak */
    animation: none !important;
    -webkit-animation: none !important;
    /* Filter drop-shadow'u devre dışı bırak */
    filter: none !important;
    -webkit-filter: none !important;
    /* Transform'u sıfırla - translate3d ve scaleY'i iptal et */
    transform: translateZ(0) !important;
    -webkit-transform: translateZ(0) !important;
}

/* Breadcrumb arka plan göster */
.breadcumb-wrapper {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* ========================================================================
   SUBPAGE STİCKY HEADER - MENU AREA (Animasyon kaldırıldı - çakışma önlendi)
   ======================================================================== */
.subpage .sticky-wrapper.sticky .menu-area {
    position: relative !important;
    width: 100% !important;
    background: transparent !important;
    /* Animasyon parent'ta zaten var, burada tekrar yapmaya gerek yok */
}

.sticky-placeholder {
    display: block;
    visibility: hidden;
    pointer-events: none;
    /* Yükseklik JavaScript tarafından dinamik olarak ayarlanır */
}

/* ========================================================================
   BLOG VE SIDEBAR DÜZELTMELERİ
   ======================================================================== */

/* Blog detay sayfasındaki alıntı (quote) sol üstündeki beyaz glitch'i kaldırma */
blockquote:before,
.wp-block-quote:before {
    background-color: transparent !important;
}

/* Sidebar (Yan Menü) Widget'larının arka planını beyaz yapma */
.sidebar-area .widget {
    background-color: #ffffff !important;
    border: 1px solid #e5e5e5;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

/* Arama input alanı arka planı da uyumlu olsun */
.sidebar-area .widget_search .search-form input {
    background-color: #f9f9f9;
    border: 1px solid #eee;
}

/* Sidebar link borderlarını düzenle */
.sidebar-area .widget ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.sidebar-area .widget ul li {
    border-bottom: 1px solid #f0f0f0;
    padding: 0 !important;
    margin: 0 !important;
}

.sidebar-area .widget ul li:last-child {
    border-bottom: none;
}

.sidebar-area .widget_categories ul li a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 52px !important;
    padding: 12px 16px !important;
    margin: 0 !important;
    width: 100% !important;
    line-height: 1.4 !important;
    color: #333333 !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    transition: all 0.3s ease-in-out !important;
    border-radius: 8px !important;
    background: transparent !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}

.sidebar-area .widget_categories ul li:last-child a {
    border-bottom: none !important;
}

.sidebar-area .widget_categories ul li a:hover {
    background: rgba(246, 138, 10, 0.08) !important;
    color: #F68A0A !important;
    padding-left: 20px !important;
}

/* İkonun ortalanması - Arrow alignment fix */
.sidebar-area .widget_categories ul li a span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 24px !important;
    height: 24px !important;
}

/* Arrow icon in categories - proper alignment */
.sidebar-area .widget_categories ul li a span i {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #999999 !important;
    font-size: 12px !important;
    transition: all 0.3s ease !important;
}

/* Arrow moves right and turns orange on hover */
.sidebar-area .widget_categories ul li a:hover span i {
    transform: translateX(3px) !important;
    color: #F68A0A !important;
}

/* Checklist double icon fix - Hide default CSS icon to keep HTML custom icons */
.checklist.style5 li:before {
    display: none !important;
}

/* Blog Card Alignment Fix - Ensures uniform height and bottom-aligned buttons */
.home-blog-slider .blog-card.style2 {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.home-blog-slider .blog-card.style2 .blog-content {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    padding-bottom: 30px !important;
}

.home-blog-slider .blog-card.style2 .box-title {
    flex-grow: 1 !important;
    margin-bottom: 25px !important;
    min-height: 72px !important;
    display: block !important;
}

.home-blog-slider .blog-card.style2 .box-title a {
    display: inline !important;
    background-image: linear-gradient(to left, #F68A0A, #F68A0A) !important;
    /* Orange underline effect on hover */
}

.home-blog-slider .blog-card.style2 .th-btn {
    margin-top: auto !important;
    width: fit-content !important;
    transition: all 0.3s ease !important;
}

/* Global Button Hover Fix - Orange Brand Color */
.th-btn:hover,
.th-btn.style2:hover,
.th-btn.style3:hover,
.th-btn.style4:hover,
.th-btn.style5:hover,
.th-btn.style-border:hover,
.th-btn.style-border2:hover,
.th-btn.style-border3:hover {
    background-color: #F68A0A !important;
    color: #ffffff !important;
    border-color: #F68A0A !important;
}

.th-btn:hover:before,
.th-btn:hover:after,
.th-btn.style-border:hover:after,
.th-btn.style-border:hover:before {
    background-color: #F68A0A !important;
    color: #ffffff !important;
}

.th-btn:hover .btn-icon,
.th-btn.style-border:hover .btn-icon {
    background-color: #ffffff !important;
    color: #F68A0A !important;
}

/* Fix arrow icon on hover - apply orange filter to the SVG */
.th-btn.th-btn-icon:hover:after {
    /* Convert the white arrow SVG to orange on hover */
    filter: brightness(0) saturate(100%) invert(56%) sepia(100%) saturate(500%) hue-rotate(3deg) brightness(100%) contrast(100%) !important;
}

/* Sidebar widget banner - WHITE background, ORANGE button */
.widget-banner-orange {
    background: #ffffff !important;
    border-radius: 16px !important;
    padding: 50px 30px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
    border: 1px solid rgba(246, 138, 10, 0.2) !important;
}

/* Blog meta items - no hover effect */
.blog-meta span,
.blog-meta span.author {
    pointer-events: none !important;
    cursor: default !important;
}

.blog-meta span:hover,
.blog-meta span.author:hover {
    color: inherit !important;
    background: transparent !important;
}

/* Remove the dark overlay pseudo-element */
.widget-banner-orange:after {
    display: none !important;
    background: transparent !important;
    content: none !important;
}

.widget-banner-orange .widget-banner {
    background: transparent !important;
}

/* Title styling - orange on white */
.widget-banner-orange .title {
    color: #1a1a1a !important;
    margin-bottom: 30px !important;
    font-size: 22px !important;
    line-height: 1.4 !important;
}

/* Button: ORANGE background, BLACK text */
.widget-banner-orange .th-btn,
.widget-banner-orange .th-btn.style-border {
    background: #F68A0A !important;
    border: 2px solid #F68A0A !important;
    color: #000000 !important;
    font-weight: 600 !important;
    padding: 16px 28px !important;
    border-radius: 50px !important;
}

/* Button Hover: WHITE background, ORANGE text */
.widget-banner-orange .th-btn:hover,
.widget-banner-orange .th-btn.style-border:hover {
    background: #ffffff !important;
    border-color: #F68A0A !important;
    color: #F68A0A !important;
}

/* Arrow in button - black, turns orange on hover */
.widget-banner-orange .th-btn.th-btn-icon::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M12 5l7 7-7 7'/%3E%3C/svg%3E") !important;
}

.widget-banner-orange .th-btn.th-btn-icon:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F68A0A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M12 5l7 7-7 7'/%3E%3C/svg%3E") !important;
}

/* Ensure blog images have consistent aspect ratio and alignment */
.home-blog-slider .blog-card.style2 .blog-img img {
    object-fit: cover !important;
    width: 100% !important;
    height: 300px !important;
}

/* Fix blog content text truncation */
.th-blog .blog-content,
.th-blog .blog-text,
.blog-single .blog-content,
.blog-single .blog-text {
    overflow: visible !important;
    text-overflow: unset !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    display: block !important;
    max-height: none !important;
    white-space: normal !important;
}

.blog-single p.blog-text {
    overflow: visible !important;
    max-height: none !important;
    display: block !important;
}

/* X (Twitter) Logo - Custom Icon (FA 6.0.0-beta3 doesn't have fa-x-twitter) */
.fab.fa-x-twitter {
    font-family: inherit !important;
    font-weight: normal !important;
}

.fab.fa-x-twitter::before {
    content: "" !important;
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    vertical-align: middle;
}

/* Fix X icon color in social share section */
.th-social .fab.fa-x-twitter::before {
    filter: brightness(0) saturate(100%);
}

.th-social:hover .fab.fa-x-twitter::before,
.th-social a:hover .fab.fa-x-twitter::before {
    filter: invert(44%) sepia(100%) saturate(1284%) hue-rotate(5deg) brightness(102%) contrast(101%);
}

/* ========================================================================
   BUTTON ARROW ICON FIX - Using inline SVG for reliability
   ======================================================================== */

/* Default button arrow - white arrow on orange background */
.th-btn.th-btn-icon::after {
    content: "" !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 14' fill='none'%3E%3Cpath d='M8 0.414C8 1.11 8.69 2.15 9.39 3.03C10.29 4.15 11.36 5.14 12.59 5.89C13.51 6.45 14.63 6.99 15.53 6.99M8 13.59C8 12.89 8.69 11.85 9.39 10.97C10.29 9.85 11.36 8.86 12.59 8.11C13.51 7.55 14.63 7.01 15.53 7.01M15.53 7H0.47' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 18px !important;
    height: 16px !important;
    display: inline-block !important;
    filter: none !important;
    vertical-align: middle !important;
    margin-left: 8px !important;
    transition: transform 0.3s ease !important;
}

/* Style-border button arrow - turuncu ok */
.th-btn.style-border.th-btn-icon::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 14' fill='none'%3E%3Cpath d='M8 0.414C8 1.11 8.69 2.15 9.39 3.03C10.29 4.15 11.36 5.14 12.59 5.89C13.51 6.45 14.63 6.99 15.53 6.99M8 13.59C8 12.89 8.69 11.85 9.39 10.97C10.29 9.85 11.36 8.86 12.59 8.11C13.51 7.55 14.63 7.01 15.53 7.01M15.53 7H0.47' stroke='%23F68A0A' stroke-width='1.5'/%3E%3C/svg%3E") !important;
    filter: none !important;
}

/* Style-border hover - beyaz ok */
.th-btn.style-border:hover.th-btn-icon::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 14' fill='none'%3E%3Cpath d='M8 0.414C8 1.11 8.69 2.15 9.39 3.03C10.29 4.15 11.36 5.14 12.59 5.89C13.51 6.45 14.63 6.99 15.53 6.99M8 13.59C8 12.89 8.69 11.85 9.39 10.97C10.29 9.85 11.36 8.86 12.59 8.11C13.51 7.55 14.63 7.01 15.53 7.01M15.53 7H0.47' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E") !important;
    filter: none !important;
}

/* Style-border8 button arrow - siyah ok (transparent arka plan) */
.th-btn.style-border8.th-btn-icon::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 14' fill='none'%3E%3Cpath d='M8 0.414C8 1.11 8.69 2.15 9.39 3.03C10.29 4.15 11.36 5.14 12.59 5.89C13.51 6.45 14.63 6.99 15.53 6.99M8 13.59C8 12.89 8.69 11.85 9.39 10.97C10.29 9.85 11.36 8.86 12.59 8.11C13.51 7.55 14.63 7.01 15.53 7.01M15.53 7H0.47' stroke='%23333333' stroke-width='1.5'/%3E%3C/svg%3E") !important;
    filter: none !important;
}

/* Style-border8 hover - beyaz ok (turuncu arka plan) */
.th-btn.style-border8:hover.th-btn-icon::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 14' fill='none'%3E%3Cpath d='M8 0.414C8 1.11 8.69 2.15 9.39 3.03C10.29 4.15 11.36 5.14 12.59 5.89C13.51 6.45 14.63 6.99 15.53 6.99M8 13.59C8 12.89 8.69 11.85 9.39 10.97C10.29 9.85 11.36 8.86 12.59 8.11C13.51 7.55 14.63 7.01 15.53 7.01M15.53 7H0.47' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E") !important;
    filter: none !important;
}

/* Style4 button arrow - beyaz ok */
.th-btn.style4.th-btn-icon::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 14' fill='none'%3E%3Cpath d='M8 0.414C8 1.11 8.69 2.15 9.39 3.03C10.29 4.15 11.36 5.14 12.59 5.89C13.51 6.45 14.63 6.99 15.53 6.99M8 13.59C8 12.89 8.69 11.85 9.39 10.97C10.29 9.85 11.36 8.86 12.59 8.11C13.51 7.55 14.63 7.01 15.53 7.01M15.53 7H0.47' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E") !important;
    filter: none !important;
}

/* Style2 button arrow - beyaz ok */
.th-btn.style2.th-btn-icon::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 14' fill='none'%3E%3Cpath d='M8 0.414C8 1.11 8.69 2.15 9.39 3.03C10.29 4.15 11.36 5.14 12.59 5.89C13.51 6.45 14.63 6.99 15.53 6.99M8 13.59C8 12.89 8.69 11.85 9.39 10.97C10.29 9.85 11.36 8.86 12.59 8.11C13.51 7.55 14.63 7.01 15.53 7.01M15.53 7H0.47' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E") !important;
    filter: none !important;
}

/* Smooth arrow animation on hover */
.th-btn.th-btn-icon:hover::after {
    transform: translateX(5px) !important;
}

/* ========================================================================
   CREATIVE TAG CLOUD - Modern, gradient, animated design
   ======================================================================== */

.widget_tag_cloud .tagcloud {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    padding: 5px 0 !important;
}

.widget_tag_cloud .tagcloud a {
    display: inline-flex !important;
    align-items: center !important;
    padding: 10px 18px !important;
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%) !important;
    color: #ffffff !important;
    border-radius: 25px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    border: 1px solid rgba(246, 138, 10, 0.3) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

/* Gradient glow effect on hover */
.widget_tag_cloud .tagcloud a::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(246, 138, 10, 0.3), transparent) !important;
    transition: left 0.5s ease !important;
}

.widget_tag_cloud .tagcloud a:hover::before {
    left: 100% !important;
}

.widget_tag_cloud .tagcloud a:hover {
    background: linear-gradient(135deg, #F68A0A 0%, #e67800 100%) !important;
    color: #ffffff !important;
    border-color: #F68A0A !important;
    transform: translateY(-3px) scale(1.02) !important;
    box-shadow: 0 8px 25px rgba(246, 138, 10, 0.4) !important;
}

/* Add icons to specific tags dynamically */
.widget_tag_cloud .tagcloud a:nth-child(1)::after,
.widget_tag_cloud .tagcloud a:nth-child(2)::after {
    content: "•" !important;
    margin-left: 8px !important;
    font-size: 8px !important;
    opacity: 0.5 !important;
}

/* Featured tags with special styling */
.widget_tag_cloud .tagcloud a:nth-child(1),
.widget_tag_cloud .tagcloud a:nth-child(2) {
    background: linear-gradient(135deg, #F68A0A 0%, #e67800 100%) !important;
    border-color: #F68A0A !important;
    font-weight: 600 !important;
}

.widget_tag_cloud .tagcloud a:nth-child(1):hover,
.widget_tag_cloud .tagcloud a:nth-child(2):hover {
    background: linear-gradient(135deg, #ffffff 0%, #f5f5f5 100%) !important;
    color: #F68A0A !important;
    border-color: #F68A0A !important;
}

/* Tag pulse animation for first tag */
@keyframes tagPulse {

    0%,
    100% {
        box-shadow: 0 2px 8px rgba(246, 138, 10, 0.3);
    }

    50% {
        box-shadow: 0 4px 15px rgba(246, 138, 10, 0.5);
    }
}

.widget_tag_cloud .tagcloud a:first-child {
    animation: tagPulse 2s ease-in-out infinite !important;
}

.widget_tag_cloud .tagcloud a:first-child:hover {
    animation: none !important;
}

/* Premium Contact Side Styles - Restored Final Design */
#contact-info-sec.bg-white {
    background-color: #ffffff !important;
}

.contact-info-modern {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.contact-card-modern {
    background: #ffffff;
    padding: 25px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    gap: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    border: 1px solid #f0f0f0;
}

.contact-card-modern:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(246, 138, 30, 0.15);
    border-color: #f68a1e;
}

.contact-card-icon {
    width: 60px;
    height: 60px;
    background: #fff8f2;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #f68a1e;
    transition: all 0.3s ease;
}

.contact-card-modern:hover .contact-card-icon {
    background: #f68a1e;
    color: #ffffff;
}

.contact-card-content h5 {
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 600;
    color: #1a1a1a;
}

.contact-card-content p {
    margin-bottom: 0;
    color: #666;
    line-height: 1.6;
}

/* Ultra Map Wrapper Fixes */
.ultra-map-wrapper {
    height: 100%;
    min-height: 500px;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.12);
    border: 1px solid #eee;
}

.ultra-map-container {
    height: calc(100% - 85px);
}

.ultra-map-container iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

.map-bottom-bar {
    height: 85px;
    background: #1a1a1a;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 30px;
}

.bottom-bar-info {
    display: flex;
    align-items: center;
    gap: 15px;
}

.info-pin {
    color: #f68a1e;
    font-size: 22px;
    position: relative;
}

/* ========================================================================
   GENEL BUTON STİLLERİ (Premium Global Fix)
   ======================================================================== */

/* GRUP 1: "Detayı Gör" butonları (style-border8) - ORİJİNAL HALİNE DÖNDÜ (KODLAR SİLİNDİ) */

/* GRUP 2: "Bize Ulaşın" ve İletişim Formu (Turuncu -> Parlak Turuncu) */
.th-btn.style4,
#contact-sec .th-btn {
    background-color: #f68a1e !important;
    /* Varsayılan Turuncu */
    color: #ffffff !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    border: none !important;
    padding: 14px 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    border-radius: 50px !important;
    height: auto !important;
}

.th-btn.style4:hover,
#contact-sec .th-btn:hover {
    background-color: #f68a1e !important;
    /* Hover: Rengi Koru */
    filter: brightness(1.1);
    /* Hafif Parlama Efekti */
    color: #ffffff !important;
}

/* Buton İkonu (Resim olanlar) - Kare arka planları kaldır */
.th-btn .btn-icon,
.th-btn.style-border8 .btn-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    filter: none !important;
    transform: none !important;
}

/* Ok simgeleri - Her zaman BEYAZ olsun */
.th-btn .btn-icon img {
    width: 16px !important;
    height: 16px !important;
    filter: brightness(0) invert(1) !important;
    /* BEYAZ */
    background-color: transparent !important;
}

/* CSS ile gelen okları (::after) - BASE64 GÖMÜLÜ BEYAZ OK (KESİN ÇÖZÜM) */
.th-btn:after,
.th-btn.th-btn-icon:after {
    content: "" !important;
    display: inline-block !important;

    /* Önbellek sorununu aşmak için Base64 kodlu BEYAZ ve KALIN ok */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.99997 0.414307C7.99997 1.11051 8.68991 2.15231 9.38737 3.02724C10.2855 4.15371 11.3574 5.13777 12.5873 5.88911C13.5087 6.45171 14.6276 6.99177 15.5264 6.99177M7.99997 13.5855C7.99997 12.8893 8.68991 11.8475 9.38737 10.9726C10.2855 9.84617 11.3574 8.86204 12.5873 8.11071C13.5087 7.54811 14.6276 7.00804 15.5264 7.00804M15.5264 6.99991H0.473572' stroke='%23ffffff' stroke-width='2' stroke-opacity='1' /%3e%3c/svg%3e") !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    background-color: transparent !important;

    width: 20px !important;
    height: 20px !important;

    /* Filtreleri temizle */
    filter: none !important;
    -webkit-mask: none !important;
    mask: none !important;

    position: relative !important;
    top: auto !important;
    right: auto !important;
    margin-left: 10px !important;
    /* Görünürlüğü GARANTİLEMEK için bunları ekliyorum */
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    /* Eğer tema ikonu kaydırıyorsa iptal et */
    z-index: 99 !important;
    /* En üste çıkar */
    display: inline-block !important;
}

/* Hover'da ikon efektleri */
.th-btn:hover .btn-icon,
.th-btn:hover .btn-icon img,
.th-btn:hover .btn-icon img {
    transform: none !important;
    transition: none !important;
    background-color: transparent !important;
    color: #ffffff !important;
    /* Hover'da da BEYAZ kalsın */
    filter: brightness(0) invert(1) !important;
    /* Resimler için beyaz filtreyi koru */
}

.th-btn:hover:after,
.th-btn.th-btn-icon:hover:after {
    transform: none !important;
    transition: none !important;
    background-color: transparent !important;
    filter: brightness(0) invert(1) !important;
    /* Hover'da da kesinlikle BEYAZ kalsın */
}

/* Breadcrumb Orijinal Oku Gizle */
.breadcumb-menu li:first-child:after {
    display: none !important;
}

/* Scroll İkonunun Ortasındaki Hareketli Çubuk - TURUNCU */
.hero-scroll-down12 .hero-scroll-wrap:before,
.hero-scroll-down12 .hero-scroll-wrap::before {
    background-color: #F68A0A !important;
    background: #F68A0A !important;
}

/* Scroll İkonunun Dış Çerçevesi - BEYAZ */
.hero-scroll-down12 .hero-scroll-wrap {
    border-color: #ffffff !important;
}

/* İletişim Formu - Z-Index Düzeltmesi (Menünün arkasında kalması için) */
#contact-sec,
.contact-area-4,
.contact-wrap4 {
    z-index: 1 !important;
    position: relative;
}

/* ============================================
   BREADCRUMB 3'LÜ TURUNCU OK SİSTEMİ
   Tüm sayfalarda varsayılan okları gizle
============================================ */
.breadcumb-menu li:after,
.breadcumb-menu li::after,
.breadcumb-content .breadcumb-menu li:after,
.breadcumb-content .breadcumb-menu li::after,
ul.breadcumb-menu li:after,
ul.breadcumb-menu li::after,
.breadcumb-wrapper .breadcumb-menu li:after,
.breadcumb-wrapper .breadcumb-menu li::after {
    display: none !important;
    content: "" !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

.breadcumb-menu {
    display: flex !important;
    align-items: center !important;
}

.breadcumb-menu li {
    margin-right: 0 !important;
    padding-right: 0 !important;
}

/* 3'lü Ok Separator Stili */
.breadcrumb-separator {
    margin: 0 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
}

body.subpage .breadcumb-menu li a,
body.subpage .breadcumb-menu li,
body.subpage .breadcrumb-current {
    color: #fff !important;
}

.breadcrumb-separator i:nth-child(1) {
    font-size: 18px;
    color: #F68A0A;
}

.breadcrumb-separator i:nth-child(2) {
    font-size: 14px;
    color: #F68A0A;
    opacity: 0.8;
}

.breadcrumb-separator i:nth-child(3) {
    font-size: 10px;
    color: #F68A0A;
    opacity: 0.6;
}

.breadcrumb-current {
    margin-left: 20px !important;
}

/* ============================================
   HİZMETLER SAYFASI - EŞİT KART YÜKSEKLİĞİ
============================================ */
.property-card6 {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.property-card6 .property-card-details {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.property-card6 .property-card-text {
    flex: 1;
}

.property-card6 .property-btn-wrap {
    margin-top: auto;
}

/* ============================================
   BLOG DETAY SAYFASI - RESİM BOYUTU SINIRI
   Sağdaki sidebar kategorilerini geçmemeli
============================================ */
.th-blog-wrapper .th-blog .blog-img {
    max-height: 350px;
    overflow: hidden;
    border-radius: 15px;
}

.th-blog-wrapper .th-blog .blog-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: 350px;
}

/* Blog içindeki küçük resimler */
.th-blog-wrapper .blog-content .row .blog-img {
    max-height: 200px;
    margin-bottom: 20px;
}

.th-blog-wrapper .blog-content .row .blog-img img {
    max-height: 200px;
    border-radius: 10px;
}

/* ============================================
   BLOG RESİMLERİ - TAM GENİŞLİK ORTALI
   Resimler küçülmeden container kadar geniş
============================================ */
.th-blog-wrapper .th-blog .blog-img {
    max-height: none !important;
    overflow: visible !important;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.th-blog-wrapper .th-blog .blog-img img {
    width: 100%;
    max-width: 100%;
    height: auto !important;
    max-height: none !important;
    object-fit: contain;
    border-radius: 15px;
}

/* Blog içindeki yan yana resimler */
.th-blog-wrapper .blog-content .row .blog-img {
    max-height: none !important;
    margin-bottom: 20px;
}

.th-blog-wrapper .blog-content .row .blog-img img {
    width: 100%;
    height: auto !important;
    max-height: none !important;
    object-fit: contain;
}

/* ============================================
   BLOG RESİMLERİ - SOL CONTAINER KADAR
   Sağdaki sidebar'a taşmaz
============================================ */
.th-blog-wrapper .col-xxl-8 .blog-img,
.th-blog-wrapper .col-lg-7 .blog-img {
    width: 100%;
    max-width: 100%;
}

.th-blog-wrapper .col-xxl-8 .blog-img img,
.th-blog-wrapper .col-lg-7 .blog-img img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block;
    margin: 0 auto;
}

/* Ana blog görseli - sol kolon sınırları içinde */
.th-blog.blog-single .blog-img {
    width: 100%;
    overflow: hidden;
}

.th-blog.blog-single .blog-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* Premium Blog Image Styling */
.blog-featured-image-premium {
    width: 100%;
    max-height: 500px;
    object-fit: cover;
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    margin-bottom: 40px;
}

/* Centered Layout Support for Readability */
.blog-reading-layout {
    margin-left: auto;
    margin-right: auto;
}

/* =====================================================
   ULTRA PREMIUM BLOG STYLING
   ===================================================== */

/* Hero Image - Constrained & Elegant */
.blog-hero-img-premium {
    width: 100%;
    max-height: 350px;
    object-fit: cover;
    border-radius: 16px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.blog-hero-img-premium:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.12);
}

/* Premium Sidebar Widgets */
.sidebar-widget-premium {
    background: #ffffff;
    border-radius: 16px;
    padding: 25px;
    margin-bottom: 25px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.04);
    transition: box-shadow 0.3s ease;
}

.sidebar-widget-premium:hover {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
}

/* Premium Widget Title with Gradient Underline */
.widget-title-premium {
    font-size: 1.1rem;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 20px;
    padding-bottom: 12px;
    position: relative;
}

.widget-title-premium::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 3px;
    background: linear-gradient(90deg, #f97316, #ea580c);
    border-radius: 2px;
}

/* Premium Search Box */
.sidebar-widget-premium .search-form {
    display: flex;
    border-radius: 12px;
    overflow: hidden;
    border: 2px solid #e2e8f0;
    transition: border-color 0.3s ease;
}

.sidebar-widget-premium .search-form:focus-within {
    border-color: #f97316;
}

.sidebar-widget-premium .search-form input {
    border: none;
    padding: 14px 18px;
    flex: 1;
    font-size: 0.95rem;
}

.sidebar-widget-premium .search-form button {
    background: linear-gradient(135deg, #f97316, #ea580c);
    border: none;
    padding: 0 20px;
    color: white;
    cursor: pointer;
    transition: opacity 0.3s ease;
}

.sidebar-widget-premium .search-form button:hover {
    opacity: 0.9;
}

/* Premium Category List */
.sidebar-widget-premium.widget_categories ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sidebar-widget-premium.widget_categories ul li {
    padding: 0;
    margin-bottom: 8px;
}

.sidebar-widget-premium.widget_categories ul li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    background: #f8fafc;
    border-radius: 10px;
    color: #475569;
    font-weight: 500;
    transition: all 0.3s ease;
    text-decoration: none;
}

.sidebar-widget-premium.widget_categories ul li a:hover {
    background: linear-gradient(135deg, #f97316, #ea580c);
    color: white;
    transform: translateX(5px);
}

/* Premium Tag Cloud */
.sidebar-widget-premium .tagcloud a {
    display: inline-block;
    padding: 8px 16px;
    margin: 4px;
    background: #f1f5f9;
    border-radius: 20px;
    color: #64748b;
    font-size: 0.85rem;
    font-weight: 500;
    transition: all 0.3s ease;
    text-decoration: none;
}

.sidebar-widget-premium .tagcloud a:hover {
    background: linear-gradient(135deg, #f97316, #ea580c);
    color: white;
}

/* Premium CTA Banner */
.sidebar-cta-premium {
    background: linear-gradient(135deg, #f97316, #ea580c);
    border-radius: 16px;
    padding: 35px 25px;
    text-align: center;
}

.sidebar-cta-premium h3 {
    color: white;
    font-size: 1.25rem;
    margin-bottom: 20px;
}

.sidebar-cta-premium .th-btn {
    border: 2px solid white;
    color: white;
    background: transparent;
    padding: 12px 28px;
    border-radius: 8px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.sidebar-cta-premium .th-btn:hover {
    background: white;
    color: #f97316;
}

/* Blog Content Typography Enhancement */
.blog-content-premium {
    font-size: 1.05rem;
    line-height: 1.85;
    color: #475569;
}

.blog-content-premium h2,
.blog-content-premium h3,
.blog-content-premium h4 {
    color: #1e293b;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.blog-content-premium p {
    margin-bottom: 1.5rem;
}

/* ========================================================================
   ULTRA PREMIUM BLOG DESIGN 2025
   ======================================================================== */

/* ===== READING PROGRESS BAR ===== */
.reading-progress-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 0%;
    height: 4px;
    background: linear-gradient(90deg, #f97316, #ea580c, #dc2626);
    z-index: 99999;
    transition: width 0.1s ease-out;
    box-shadow: 0 2px 10px rgba(249, 115, 22, 0.5);
}

/* ===== IMMERSIVE HERO SECTION ===== */
.blog-hero-ultra {
    position: relative;
    width: 100%;
    min-height: 100vh;
    overflow: hidden;
    display: flex;
    align-items: stretch;
    /* Stretch child to full height */
    justify-content: flex-start;
    text-align: left;
    margin-bottom: 0;
    padding-top: 0;
    /* Remove padding from parent */
    padding-bottom: 0;
}

.blog-hero-ultra .hero-bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 1;
}

.blog-hero-ultra .hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg,
            rgba(0, 0, 0, 0.1) 0%,
            rgba(0, 0, 0, 0.3) 40%,
            rgba(0, 0, 0, 0.85) 100%);
    z-index: 2;
}

.blog-hero-ultra .hero-content {
    position: relative;
    z-index: 3;
    width: 100%;
    height: auto;
    /* Let flex grow handle it via align-self if needed, or explicit 100% */
    min-height: 100vh;
    /* Ensure it covers full screen */
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    /* Push content to bottom */
    padding: 120px 0 60px;
    /* Internal padding for content spacing */
}

.blog-hero-ultra .hero-category {
    display: inline-block;
    background: linear-gradient(135deg, #f97316, #ea580c);
    color: white;
    padding: 8px 20px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 20px;
}

.blog-hero-ultra .hero-title {
    position: absolute;
    /* Detach from flow */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    font-size: clamp(3rem, 7vw, 5.5rem);
    font-weight: 800;
    color: white;
    line-height: 1.1;
    margin: 0;
    padding: 0 20px;
    text-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
    letter-spacing: -1.5px;
    z-index: 10;
}

.blog-hero-ultra .hero-excerpt {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.6;
    max-width: 600px;
    margin: 0 0 30px 0;
    /* Reset margins */
    text-align: left;
}

/* ===== GLASSMORPHISM META BAR ===== */
.blog-meta-glass {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    /* Align left */
    gap: 24px;
    flex-wrap: wrap;
}

.blog-meta-glass .meta-item {
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 10px 18px;
    border-radius: 50px;
    color: white;
    font-size: 14px;
    font-weight: 500;
}

.blog-meta-glass .meta-item i {
    color: #f97316;
    font-size: 16px;
}

/* ===== AUTHOR CARD ===== */
.author-card-hero {
    display: flex;
    align-items: center;
    gap: 15px;
}

.author-card-hero .author-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 3px solid rgba(255, 255, 255, 0.3);
    object-fit: cover;
}

.author-card-hero .author-info {
    display: flex;
    flex-direction: column;
}

.author-card-hero .author-name {
    color: white;
    font-weight: 700;
    font-size: 15px;
}

.author-card-hero .author-role {
    color: rgba(255, 255, 255, 0.7);
    font-size: 13px;
}

/* ===== PREMIUM BLOG CONTENT AREA ===== */
.blog-content-ultra-wrapper {
    background: #f8fafc;
    padding-top: 60px;
    padding-bottom: 80px;
}

.blog-content-ultra {
    background: white;
    border-radius: 20px;
    margin-top: 0;
    position: relative;
    z-index: 10;
    padding: 45px 50px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
}

/* ===== DROP CAP ===== */
.blog-content-ultra .drop-cap-paragraph::first-letter {
    float: left;
    font-size: 5.5rem;
    line-height: 0.8;
    font-weight: 800;
    color: #f97316;
    margin-right: 15px;
    margin-top: 8px;
    font-family: 'Georgia', serif;
}

/* ===== PULL QUOTE ===== */
.pull-quote {
    position: relative;
    margin: 50px 0;
    padding: 40px 50px;
    background: linear-gradient(135deg, #f1f5f9 0%, #f8fafc 100%);
    border-left: 5px solid #f97316;
    border-radius: 0 20px 20px 0;
    font-size: 1.15rem;
    font-style: italic;
    color: #1e293b;
    line-height: 1.7;
}

.pull-quote::before {
    display: none;
}

.pull-quote cite {
    display: block;
    margin-top: 20px;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 700;
    color: #1e293b;
}

/* ===== PREMIUM INFO BOXES ===== */
.info-box-ultra {
    background: linear-gradient(135deg, #e0f2fe 0%, #f0f9ff 100%);
    border-left: 5px solid #0ea5e9;
    border-radius: 0 16px 16px 0;
    padding: 25px 30px;
    margin: 35px 0;
}

.info-box-ultra.warning {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-left-color: #94a3b8;
}

.info-box-ultra.danger {
    background: linear-gradient(135deg, #fee2e2 0%, #fef2f2 100%);
    border-left-color: #ef4444;
}

.info-box-ultra.success {
    background: linear-gradient(135deg, #d1fae5 0%, #f0fdf4 100%);
    border-left-color: #10b981;
}

.info-box-ultra h4 {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    margin-bottom: 12px !important;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #1e293b !important;
}

.info-box-ultra h4 i {
    font-size: 1.2rem;
}

.info-box-ultra p {
    margin: 0 !important;
    font-size: 1rem !important;
    line-height: 1.7 !important;
    color: #334155 !important;
    font-weight: 500 !important;
}

/* ===== PREMIUM TABLE STYLE ===== */
.table-ultra {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin: 35px 0;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
}

.table-ultra thead tr {
    background: linear-gradient(135deg, #f97316, #ea580c);
}

.table-ultra thead th {
    padding: 18px 20px;
    color: white;
    font-weight: 700;
    text-align: left;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.table-ultra tbody tr {
    transition: all 0.3s ease;
}

.table-ultra tbody tr:nth-child(even) {
    background: #f8fafc;
}

.table-ultra tbody tr:hover {
    background: #fff7ed;
}

.table-ultra tbody td {
    padding: 16px 20px;
    border-bottom: 1px solid #e2e8f0;
    font-size: 0.95rem;
    color: #475569;
}

/* ===== STICKY PREMIUM SIDEBAR ===== */
.sidebar-ultra {
    position: sticky;
    top: 120px;
    align-self: flex-start;
}

.sidebar-ultra .widget-glass {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    padding: 30px;
    margin-bottom: 25px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease;
}

.sidebar-ultra .widget-glass:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
}

/* Author Bio Widget */
.author-bio-widget {
    text-align: center;
}

.author-bio-widget .author-avatar-large {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: contain;
    object-position: center;
    border: 4px solid #f97316;
    margin: 0 auto 20px auto;
    display: block;
    background: #fff;
}

.author-bio-widget .author-name-widget {
    font-size: 1.25rem;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 5px;
}

.author-bio-widget .author-title-widget {
    font-size: 0.9rem;
    color: #f97316;
    font-weight: 600;
    margin-bottom: 15px;
}

.author-bio-widget .author-desc {
    font-size: 0.9rem;
    color: #64748b;
    line-height: 1.7;
    margin-bottom: 20px;
}

.author-bio-widget .author-socials {
    display: flex;
    justify-content: center;
    gap: 12px;
}

.author-bio-widget .author-socials a {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f1f5f9;
    color: #475569;
    transition: all 0.3s ease;
}

.author-bio-widget .author-socials a:hover {
    background: #f97316;
    color: white;
    transform: translateY(-3px);
}

/* Newsletter Widget */
.newsletter-widget {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%) !important;
    border: none !important;
}

.newsletter-widget .widget-title-ultra {
    color: white !important;
}

.newsletter-widget p {
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.9rem;
    margin-bottom: 20px;
}

.newsletter-widget .newsletter-input {
    width: 100%;
    padding: 14px 18px;
    border: none;
    border-radius: 10px;
    font-size: 0.95rem;
    margin-bottom: 12px;
    background: rgba(255, 255, 255, 0.1);
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.newsletter-widget .newsletter-input::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.newsletter-widget .newsletter-btn {
    width: 100%;
    padding: 14px;
    background: linear-gradient(135deg, #f97316, #ea580c);
    border: none;
    border-radius: 10px;
    color: white;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
}

.newsletter-widget .newsletter-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(249, 115, 22, 0.4);
}

/* Widget Title */
.widget-title-ultra {
    font-size: 1.1rem;
    font-weight: 800;
    color: #1e293b;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid #f1f5f9;
    position: relative;
}

.widget-title-ultra::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 50px;
    height: 2px;
    background: linear-gradient(90deg, #f97316, #ea580c);
}

/* Related Posts */
.related-post-item {
    display: flex;
    gap: 15px;
    padding: 15px 0;
    border-bottom: 1px solid #f1f5f9;
    transition: all 0.3s ease;
}

.related-post-item:last-child {
    border-bottom: none;
}

.related-post-item:hover {
    padding-left: 10px;
}

.related-post-item .post-thumb {
    width: 80px;
    height: 60px;
    min-width: 80px;
    border-radius: 10px;
    overflow: hidden;
}

.related-post-item .post-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.related-post-item:hover .post-thumb img {
    transform: scale(1.1);
}

.related-post-item .post-info h6 {
    font-size: 0.9rem;
    font-weight: 600;
    color: #1e293b;
    line-height: 1.4;
    margin-bottom: 5px;
    transition: color 0.3s ease;
}

.related-post-item:hover .post-info h6 {
    color: #f97316;
}

.related-post-item .post-info span {
    font-size: 0.8rem;
    color: #94a3b8;
}

/* Premium Tag Cloud */
.tagcloud-ultra {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.tagcloud-ultra a {
    display: inline-block;
    padding: 8px 16px;
    background: #f1f5f9;
    color: #475569;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 500;
    transition: all 0.3s ease;
}

.tagcloud-ultra a:hover {
    background: #f97316;
    color: white;
    transform: translateY(-2px);
}

/* ===== MICRO-INTERACTIONS ===== */
.blog-content-ultra img {
    border-radius: 16px;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.blog-content-ultra img:hover {
    transform: scale(1.02);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
}

/* ===== SHARE BUTTONS PREMIUM ===== */
.share-buttons-ultra {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 40px;
    padding-top: 40px;
    border-top: 2px solid #f1f5f9;
}

.share-buttons-ultra a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 18px;
    transition: all 0.3s ease;
}

.share-buttons-ultra a.linkedin {
    background: #0077b5;
    color: white;
}

.share-buttons-ultra a.instagram {
    background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
    color: white;
}

.share-buttons-ultra a.twitter {
    background: #1DA1F2;
    color: white;
}

.share-buttons-ultra a.whatsapp {
    background: #25D366;
    color: white;
}

.share-buttons-ultra a:hover {
    transform: translateY(-5px) scale(1.1);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

/* ===== RESPONSIVE ADJUSTMENTS ===== */
@media (max-width: 991px) {
    .blog-hero-ultra {
        min-height: 400px;
    }

    .blog-hero-ultra .hero-title {
        font-size: 42px;
        /* Increased from 32px */
    }

    .blog-hero-ultra .hero-excerpt {
        font-size: 16px;
    }

    .blog-content-ultra {
        padding: 40px 30px;
        margin-top: -40px;
    }

    .blog-meta-glass {
        gap: 12px;
    }

    .blog-meta-glass .meta-item {
        padding: 8px 14px;
        font-size: 12px;
    }
}

@media (max-width: 575px) {
    .blog-hero-ultra {
        min-height: 350px;
    }

    .blog-hero-ultra .hero-title {
        font-size: 36px;
        /* Increased from 26px */
    }

    .blog-content-ultra {
        padding: 30px 20px;
        border-radius: 24px 24px 0 0;
    }

    .pull-quote {
        padding: 25px 20px;
        font-size: 1.1rem;
    }

    .pull-quote::before {
        font-size: 3rem;
        left: 10px;
    }

    .blog-content-ultra .drop-cap-paragraph::first-letter {
        font-size: 4rem;
    }
}

/* ===== SCROLL REVEAL ANIMATIONS ===== */
.fade-in-up {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.fade-in-up.visible {
    opacity: 1;
    transform: translateY(0);
}

/* ===== PREMIUM CATEGORY LIST STYLES ===== */
.category-list-ultra {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.category-list-ultra .cat-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    color: #475569 !important;
    text-decoration: none !important;
    font-weight: 600;
    font-size: 0.95rem;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.category-list-ultra .cat-item i {
    font-size: 0.8rem;
    color: #94a3b8;
    transition: transform 0.3s ease;
}

.category-list-ultra .cat-item:hover {
    background: white;
    border-color: #f97316;
    color: #f97316 !important;
    transform: translateX(5px);
    box-shadow: 0 5px 15px rgba(249, 115, 22, 0.1);
}

.category-list-ultra .cat-item:hover i {
    transform: translateX(3px);
    color: #f97316;
}

.category-list-ultra .cat-item.active {
    background: linear-gradient(135deg, #f97316, #ea580c);
    border-color: #ea580c;
    color: white !important;
    box-shadow: 0 5px 20px rgba(234, 88, 12, 0.3);
}

.category-list-ultra .cat-item.active i {
    color: white;
}

/* ===== PREMIUM CTA WIDGET STYLES ===== */
.sidebar-cta-ultra {
    position: relative;
    padding: 40px 30px;
    border-radius: 24px;
    overflow: hidden;
    color: white !important;
    text-align: center;
    z-index: 1;
}

.sidebar-cta-ultra::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(15, 23, 42, 0.85), rgba(15, 23, 42, 0.95));
    z-index: -1;
}

/* ===== FOOTER TEXT COLOR FIX ===== */
.footer-wrapper .widget_title,
.footer-wrapper .menu-all-pages-container ul li a,
.footer-wrapper .about-text,
.footer-wrapper .info-box_text p,
.footer-wrapper .info-box_link,
.footer-wrapper .footer-links ul li a,
.footer-wrapper .copyright-text,
.footer-wrapper .th-social a {
    color: #e2e8f0 !important;
}

.footer-wrapper .widget_title {
    color: #ffffff !important;
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.footer-wrapper .menu-all-pages-container ul li a:hover,
.footer-wrapper .info-box_link:hover,
.footer-wrapper .footer-links ul li a:hover {
    color: #f97316 !important;
}

.sidebar-cta-ultra .cta-title {
    color: white !important;
    font-size: 1.5rem;
    font-weight: 800;
    margin-bottom: 15px;
    position: relative;
}

.sidebar-cta-ultra .cta-text {
    color: rgba(255, 255, 255, 0.8) !important;
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 25px;
    position: relative;
}

.sidebar-cta-ultra .th-btn {
    position: relative;
}

.sidebar-ultra .widget-glass ul li {
    position: relative;
    padding: 14px 0 14px 15px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sidebar-ultra .widget-glass ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 0;
    background: linear-gradient(180deg, #f97316, #ea580c);
    border-radius: 3px;
    transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sidebar-ultra .widget-glass ul li:hover {
    padding-left: 20px !important;
    background: linear-gradient(90deg, rgba(249, 115, 22, 0.05), transparent);
}

.sidebar-ultra .widget-glass ul li:hover::before {
    height: 60%;
}

.sidebar-ultra .widget-glass ul li a {
    color: #475569 !important;
    text-decoration: none !important;
    font-weight: 500;
    transition: color 0.3s ease, transform 0.3s ease;
    display: inline-block;
}

.sidebar-ultra .widget-glass ul li:hover a {
    color: #f97316 !important;
    transform: translateX(3px);
}

.sidebar-ultra .widget-glass ul li:last-child {
    border-bottom: none !important;
}

/* ===== MODERN 404 PAGE - PRESSURE DROP THEME ===== */
.error-area-premium {
    background-color: #0f172a;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    color: white;
}

.error-content-premium {
    text-align: center;
    position: relative;
    z-index: 2;
    max-width: 600px;
    margin: 0 auto;
    width: 100%;
}

.gauge-container {
    width: 250px;
    height: 250px;
    margin: 0 auto 30px;
    position: relative;
}

.gauge-svg {
    width: 100%;
    height: 100%;
}

.gauge-bg {
    fill: none;
    stroke: rgba(255, 255, 255, 0.1);
    stroke-width: 20;
}

.gauge-arc {
    fill: none;
    stroke: #f97316;
    stroke-width: 20;
    stroke-dasharray: 314;
    /* Corrected for semi-circle (PI * 100) */
    stroke-dashoffset: 0;
    stroke-linecap: round;
}

.gauge-needle {
    transform-origin: 125px 125px;
    /* Removed CSS transition to allow GSAP control */
}

.error-title-large {
    font-size: 8rem;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 1rem;
    background: linear-gradient(to right, #ffffff, #94a3b8);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0.9;
}

.error-subtitle {
    font-size: 2rem;
    font-weight: 700;
    color: #f97316;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.error-description {
    font-size: 1.1rem;
    color: #cbd5e1;
    margin-bottom: 2.5rem;
    line-height: 1.6;
}

.error-actions {
    display: flex;
    gap: 15px;
    justify-content: center;
    flex-wrap: wrap;
}

/* Background Animation */
.bg-particles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
    opacity: 0.4;
}

.particle {
    position: absolute;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.8) 0%, transparent 70%);
    border-radius: 50%;
    opacity: 0;
    animation: floatUp 5s infinite linear;
}

@keyframes floatUp {
    0% {
        transform: translateY(100vh) scale(0);
        opacity: 0;
    }

    20% {
        opacity: 0.6;
    }

    80% {
        opacity: 0.6;
    }

    100% {
        transform: translateY(-100px) scale(1.5);
        opacity: 0;
    }
}

/* Warning Light Animation */
.warning-light {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at 50% 50%, rgba(220, 38, 38, 0.15), transparent 60%);
    opacity: 0;
    animation: pulseRed 2s infinite;
    z-index: 1;
    pointer-events: none;
}

@keyframes pulseRed {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/* ===== GLASSMORPHISM SCROLL TOP ===== */
.scroll-top {
    background-color: rgba(15, 23, 42, 0.85) !important;
    /* Dark Glass for contrast on all pages */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2);
    border-radius: 50% !important;
    width: 50px !important;
    height: 50px !important;
    bottom: 30px !important;
    right: 30px !important;
    transition: all 0.3s ease !important;
}

.scroll-top:hover {
    background-color: #f97316 !important;
    border-color: #f97316 !important;
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(249, 115, 22, 0.4);
}

.scroll-top svg {
    background: transparent !important;
    border-radius: 50%;
}

.scroll-top svg path {
    fill: none !important;
    stroke: white !important;
    stroke-width: 4px !important;
    /* Thinner stroke for elegance */
    transition: stroke-dashoffset 10ms linear !important;
}

.scroll-top::after {
    display: flex !important;
    align-items: center;
    justify-content: center;
    border: none !important;
    color: white !important;
    z-index: 5 !important;
    background: transparent !important;
    font-size: 20px !important;
}

.scroll-top .progress-circle {
    background: transparent !important;
    box-shadow: none !important;
}

.scroll-top i {
    display: none;
    /* Hide i, use ::after content */
}

/* Specific override for style.css specificity */
.scroll-top .progress-circle path {
    fill: none !important;
    stroke: #f97316 !important;
    /* Orange progress line */
    stroke-width: 18px !important;
    stroke-linecap: round !important;
    filter: drop-shadow(0 0 2px rgba(249, 115, 22, 0.6));
    /* Modern glow */
    opacity: 1 !important;
}

.scroll-top.show {
    opacity: 1 !important;
    visibility: visible !important;
}

/* ========================================================================
   HAKKIMIZDA PAGE - ULTRA PREMIUM REDESIGN
   ======================================================================== */

/* --- HERO SECTION --- */
.about-hero-ultra {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.about-hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}

.about-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.7) 0%, rgba(15, 23, 42, 0.9) 100%);
    z-index: 2;
}

.about-hero-content {
    position: relative;
    z-index: 3;
    padding: 120px 0 80px;
}

.about-hero-tag {
    display: inline-block;
    background: linear-gradient(135deg, rgba(249, 115, 22, 0.2), rgba(249, 115, 22, 0.1));
    border: 1px solid rgba(249, 115, 22, 0.4);
    color: #f97316;
    padding: 8px 24px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 24px;
}

.about-hero-title {
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    font-weight: 800;
    color: #ffffff !important;
    line-height: 1.15;
    margin-bottom: 24px;
}

.about-hero-title .text-gradient {
    background: linear-gradient(135deg, #f97316 0%, #fb923c 50%, #fdba74 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.about-hero-desc {
    font-size: 1.25rem;
    color: rgba(255, 255, 255, 0.85) !important;
    max-width: 700px;
    margin: 0 auto 40px;
    line-height: 1.7;
}

.about-hero-btns {
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
}

.about-hero-scroll-indicator {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    text-align: center;
}

.about-hero-scroll-indicator a {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
    transition: color 0.3s ease;
}

.about-hero-scroll-indicator a:hover {
    color: #f97316;
}

.about-hero-scroll-indicator .mouse {
    width: 26px;
    height: 42px;
    border: 2px solid currentColor;
    border-radius: 20px;
    position: relative;
    margin-bottom: 8px;
}

.about-hero-scroll-indicator .wheel {
    width: 4px;
    height: 8px;
    background: currentColor;
    border-radius: 2px;
    position: absolute;
    top: 8px;
    left: 50%;
    transform: translateX(-50%);
    animation: scrollWheel 1.5s infinite;
}

@keyframes scrollWheel {
    0% {
        opacity: 1;
        top: 8px;
    }

    100% {
        opacity: 0;
        top: 22px;
    }
}

.about-hero-scroll-indicator .scroll-text {
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* --- STORY SECTION --- */
.about-story-section {
    background: #ffffff;
}

.about-story-images {
    position: relative;
    height: 100%;
    min-height: 500px;
}

.story-img-main {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.story-img-main img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.story-img-floating {
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 180px;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
    border: 4px solid #ffffff;
    z-index: 10;
}

.story-img-floating img {
    width: 100%;
    height: 150px;
    object-fit: cover;
}

.story-experience-badge {
    position: absolute;
    top: 30px;
    left: -20px;
    background: linear-gradient(135deg, #f97316, #ea580c);
    color: #ffffff;
    padding: 20px 24px;
    border-radius: 12px;
    text-align: center;
    box-shadow: 0 15px 30px rgba(249, 115, 22, 0.4);
}

.story-experience-badge .number {
    display: block;
    font-size: 2.5rem;
    font-weight: 800;
    line-height: 1;
}

.story-experience-badge .text {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.3;
}

.about-story-content .sub-title {
    display: inline-block;
    color: #f97316;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 16px;
    text-transform: uppercase;
}

.about-story-content .sec-title {
    font-size: 2.5rem;
    font-weight: 800;
    margin-bottom: 20px;
}

.about-story-content .story-lead {
    font-size: 1.125rem;
    font-weight: 500;
    color: #334155 !important;
    margin-bottom: 16px;
}

.about-story-content p {
    color: #64748b !important;
    margin-bottom: 16px;
    line-height: 1.7;
}

.story-highlights {
    margin-top: 24px;
}

.story-highlights .highlight-item {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.story-highlights .highlight-item i {
    color: #f97316;
    font-size: 18px;
}

.story-highlights .highlight-item span {
    font-weight: 500;
    color: #1e293b !important;
}

/* --- COUNTER STATS SECTION --- */
.about-counter-section {
    position: relative;
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    padding: 80px 0;
    overflow: hidden;
}

.counter-bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../img/bg/counter-pattern.png') repeat;
    opacity: 0.05;
}

.counter-card-ultra {
    text-align: center;
    padding: 40px 24px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    transition: all 0.4s ease;
}

.counter-card-ultra:hover {
    background: rgba(255, 255, 255, 0.1);
    transform: translateY(-8px);
    border-color: rgba(249, 115, 22, 0.3);
}

.counter-icon {
    width: 70px;
    height: 70px;
    background: linear-gradient(135deg, rgba(249, 115, 22, 0.2), rgba(249, 115, 22, 0.1));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}

.counter-icon i {
    font-size: 28px;
    color: #f97316;
}

.counter-number {
    font-size: 3rem;
    font-weight: 800;
    color: #ffffff !important;
    margin-bottom: 8px;
}

.counter-label {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.7) !important;
    margin: 0;
}

/* --- VALUES SECTION --- */
.about-values-section {
    background: #ffffff;
}

.about-values-section .sub-title {
    display: inline-block;
    color: #f97316;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 16px;
    text-transform: uppercase;
}

.value-card-ultra {
    background: #f8fafc;
    border-radius: 16px;
    padding: 40px 30px;
    height: 100%;
    transition: all 0.4s ease;
    border: 1px solid #e2e8f0;
}

.value-card-ultra:hover {
    background: #ffffff;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    transform: translateY(-8px);
    border-color: #f97316;
}

.value-icon {
    width: 70px;
    height: 70px;
    background: linear-gradient(135deg, #f97316, #ea580c);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    transition: all 0.4s ease;
}

.value-card-ultra:hover .value-icon {
    transform: scale(1.1) rotate(5deg);
}

.value-icon i {
    font-size: 28px;
    color: #ffffff;
}

.value-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #1e293b !important;
    margin-bottom: 12px;
}

.value-text {
    color: #64748b !important;
    line-height: 1.7;
    margin: 0;
}

/* --- TIMELINE SECTION --- */
.about-timeline-section .sub-title {
    display: inline-block;
    color: #f97316;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 16px;
    text-transform: uppercase;
}

.timeline-ultra {
    position: relative;
    padding: 40px 0;
}

.timeline-line {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 3px;
    background: linear-gradient(180deg, #f97316, #ea580c);
    transform: translateX(-50%);
    border-radius: 3px;
}

.timeline-item {
    position: relative;
    width: 50%;
    padding: 20px 50px;
}

.timeline-item.left {
    padding-right: 50px;
    text-align: right;
}

.timeline-item.right {
    left: 50%;
    padding-left: 50px;
    text-align: left;
}

.timeline-item::before {
    content: '';
    position: absolute;
    top: 30px;
    width: 20px;
    height: 20px;
    background: #f97316;
    border: 4px solid #ffffff;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(249, 115, 22, 0.2);
    z-index: 1;
}

.timeline-item.left::before {
    right: -10px;
}

.timeline-item.right::before {
    left: -10px;
}

.timeline-content {
    background: #ffffff;
    padding: 30px;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    border: 1px solid #e2e8f0;
    transition: all 0.3s ease;
}

.timeline-content:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
    transform: translateY(-5px);
}

.timeline-year {
    display: inline-block;
    background: linear-gradient(135deg, #f97316, #ea580c);
    color: #ffffff;
    padding: 6px 16px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 12px;
}

.timeline-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #1e293b !important;
    margin-bottom: 8px;
}

.timeline-text {
    color: #64748b !important;
    margin: 0;
    line-height: 1.6;
}

/* Timeline Responsive */
@media (max-width: 768px) {
    .timeline-line {
        left: 20px;
    }

    .timeline-item {
        width: 100%;
        padding-left: 60px !important;
        padding-right: 20px !important;
        text-align: left !important;
    }

    .timeline-item.left,
    .timeline-item.right {
        left: 0;
    }

    .timeline-item::before {
        left: 10px !important;
        right: auto !important;
    }
}

/* --- CLIENT LOGOS --- */
.about-clients-section {
    background: #f8fafc;
}

.about-clients-section .sub-title {
    display: inline-block;
    color: #f97316;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 16px;
    text-transform: uppercase;
}

.client-logo-card {
    background: #ffffff;
    border-radius: 12px;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    border: 1px solid #e2e8f0;
    transition: all 0.3s ease;
}

.client-logo-card:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    border-color: #f97316;
}

.client-logo-card img {
    max-height: 50px;
    max-width: 100%;
    object-fit: contain;
    filter: grayscale(100%);
    opacity: 0.6;
    transition: all 0.4s ease;
}

.client-logo-card:hover img {
    filter: grayscale(0%);
    opacity: 1;
}

/* --- CTA SECTION --- */
.about-cta-section {
    position: relative;
    padding: 85px 0;
    overflow: hidden;
}

.about-cta-section .cta-bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    z-index: 1;
}

.about-cta-section .cta-bg-overlay::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.95), rgba(30, 41, 59, 0.9));
}

.about-cta-section .container {
    position: relative;
    z-index: 2;
}

.cta-title {
    font-size: 2.5rem;
    font-weight: 800;
    color: #ffffff !important;
    margin-bottom: 16px;
}

.cta-text {
    font-size: 1.125rem;
    color: rgba(255, 255, 255, 0.8) !important;
    margin-bottom: 32px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.cta-btns {
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
}

/* --- RESPONSIVE FIXES --- */
@media (max-width: 991px) {
    .about-hero-title {
        font-size: 2.5rem;
    }

    .about-story-images {
        min-height: auto;
        margin-bottom: 40px;
    }

    .story-img-floating {
        right: 20px;
        bottom: -20px;
    }

    .story-experience-badge {
        left: 20px;
    }

    .counter-number {
        font-size: 2.5rem;
    }
}

@media (max-width: 575px) {
    .about-hero-content {
        padding: 100px 0 60px;
    }

    .about-hero-title {
        font-size: 2rem;
    }

    .about-hero-desc {
        font-size: 1rem;
    }

    .about-hero-btns .th-btn {
        width: 100%;
    }

    .about-story-content .sec-title {
        font-size: 1.75rem;
    }

    .cta-title {
        font-size: 1.75rem;
    }

    .value-card-ultra {
        padding: 30px 20px;
    }
}

/* ========================================================================
   EXPERTISE SECTION - UZMANLIK ALANLARIMIZ
   ======================================================================== */
.about-expertise-section {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}

.expertise-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 35px 30px;
    height: 100%;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid transparent;
}

.expertise-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15);
    border-color: #f97316;
}

.expertise-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    background: linear-gradient(135deg, #fff5eb 0%, #ffedd5 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease;
}

.expertise-card:hover .expertise-icon {
    background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
    transform: scale(1.1) rotate(5deg);
}

.expertise-icon i {
    font-size: 32px;
    color: #f97316;
    transition: all 0.4s ease;
}

.expertise-card:hover .expertise-icon i {
    color: #ffffff;
}

.expertise-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 12px;
}

.expertise-text {
    color: #666666;
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 20px;
}

.expertise-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #f97316;
    font-weight: 600;
    font-size: 0.9rem;
    transition: all 0.3s ease;
}

.expertise-link:hover {
    color: #ea580c;
    gap: 12px;
}

.expertise-link i {
    font-size: 12px;
    transition: transform 0.3s ease;
}

.expertise-card:hover .expertise-link i {
    transform: translateX(4px);
}

/* Responsive */
@media (max-width: 991px) {
    .expertise-card {
        padding: 30px 25px;
    }

    .expertise-icon {
        width: 70px;
        height: 70px;
    }

    .expertise-icon i {
        font-size: 28px;
    }
}

@media (max-width: 575px) {
    .expertise-card {
        padding: 25px 20px;
    }

    .expertise-title {
        font-size: 1.1rem;
    }
}

/* ========================================================================
   HİZMET VERDİĞİMİZ SEKTÖRLER - HAKKIMIZDA SAYFASI
   ======================================================================== */
.about-sectors-section {
    background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%);
}

.sector-card {
    background: #ffffff;
    border-radius: 20px;
    padding: 35px 30px;
    text-align: center;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid #e8ecf0;
    height: 100%;
    min-height: 280px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.sector-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #f68a1e, #ff6b00);
    transform: scaleX(0);
    transition: transform 0.4s ease;
}

.sector-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.12);
    border-color: transparent;
}

.sector-card:hover::before {
    transform: scaleX(1);
}

.sector-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 25px;
    background: linear-gradient(135deg, #fff5e6 0%, #ffedd5 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease;
}

.sector-icon i {
    font-size: 32px;
    color: #f68a1e;
    transition: all 0.4s ease;
}

.sector-card:hover .sector-icon {
    background: linear-gradient(135deg, #f68a1e 0%, #ff6b00 100%);
    transform: scale(1.1) rotate(5deg);
}

.sector-card:hover .sector-icon i {
    color: #ffffff;
}

.sector-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 15px;
    transition: color 0.3s ease;
}

.sector-card:hover .sector-title,
.sector-card.active-card .sector-title {
    color: #f68a1e;
}

.sector-card.active-card {
    border-color: #f68a1e;
    background: #fffcf9;
    box-shadow: 0 15px 35px rgba(246, 138, 30, 0.1);
    transform: translateY(-5px);
}

.sector-card.active-card::before {
    transform: scaleX(1);
}

.sector-card.active-card .sector-icon {
    background: linear-gradient(135deg, #f68a1e 0%, #ff6b00 100%);
}

.sector-card.active-card .sector-icon i {
    color: #ffffff;
}

.sector-text {
    font-size: 0.95rem;
    color: #6b7280;
    line-height: 1.7;
    margin: 0;
}

@media (max-width: 991px) {
    .sector-card {
        padding: 30px 25px;
    }

    .sector-icon {
        width: 70px;
        height: 70px;
    }

    .sector-icon i {
        font-size: 28px;
    }
}

@media (max-width: 575px) {
    .sector-card {
        padding: 25px 20px;
    }

    .sector-title {
        font-size: 1.1rem;
    }
}

/* Static Experience Box for About Section */
.experience-box-static {
    position: absolute;
    top: 40px;
    left: 20px;
    background-color: var(--theme-color);
    color: var(--white-color);
    padding: 25px 30px;
    border-radius: 10px;
    z-index: 3;
    box-shadow: 0 10px 30px rgba(246, 138, 30, 0.4);
    text-align: center;
    min-width: 160px;
}

.experience-box-static .tech-box_title {
    display: block;
    font-size: 40px;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 5px;
    font-family: var(--title-font);
}

.experience-box-static .tech-box_text {
    display: block;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
}

.img-box1 {
    position: relative;
    z-index: 2;
}

/* ========================================================================
   VISION & MISSION CARDS
   ======================================================================== */
.vision-mission-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 40px;
    height: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    transition: all 0.4s ease;
    border: 1px solid #e2e8f0;
}

.vision-mission-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    border-color: #f97316;
}

.vision-mission-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: #f97316;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.vision-mission-card:hover::before {
    opacity: 1;
}

.vm-icon {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    transition: all 0.4s ease;
}

.vision-mission-card:hover .vm-icon {
    background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
    transform: scale(1.1);
}

.vm-icon i {
    font-size: 24px;
    color: #f97316;
    transition: all 0.4s ease;
}

.vision-mission-card:hover .vm-icon i {
    color: #ffffff;
}

.vm-title {
    font-size: 1.5rem;
    font-weight: 800;
    margin-bottom: 16px;
    color: #1e293b;
}

.vision-mission-card p {
    color: #64748b;
    margin-bottom: 12px;
    line-height: 1.7;
}

.vision-mission-card p:last-child {
    margin-bottom: 0;
}

/* Specific styling for Vision vs Mission if needed */
.vision-card .vm-icon {
    color: #f97316;
}

.mission-card .vm-icon {
    color: #f97316;
}

/* ========================================================================
   POPUP SEARCH BOX STYLES (Refinement)
   ======================================================================== */
/* ========================================================================
   POPUP SEARCH BOX STYLES (Refinement & Reset)
   ======================================================================== */
.popup-search-box {
    background-color: transparent !important;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* transform: none !important;  <-- REMOVED: Conflicts with Search Overlay Ultra Animation */
    box-shadow: none !important;
    border-radius: 0 !important;
    z-index: 2147483647;
    /* MAX Z-Index: Ensure it stays on top of everything, including mobile menu */
    opacity: 0;
    visibility: hidden;
    /* transition: all 0.4s ease; <-- REMOVED: Conflicts with keyframe animation */
    padding: 0 !important;
    overflow-y: auto;
    /* Allow scrolling on smaller viewports */
    -webkit-overflow-scrolling: touch;
}

.popup-search-box.show {
    top: 0 !important;
    opacity: 1;
    visibility: visible;
}

/* Explicit Reset for Theme Conflicts */
.popup-search-box form {
    position: relative;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
}

.popup-search-box input {
    height: auto !important;
    width: 100% !important;
    border: none !important;
    padding: 0 !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.popup-search-box button[type="submit"] {
    position: relative !important;
    right: auto !important;
    top: auto !important;
    height: auto !important;
    background: transparent !important;
    border: none !important;
}



.searchClose {
    position: absolute;
    right: 20px;
    top: -40px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    background-color: var(--theme-color);
    color: #fff;
    border: none;
    border-radius: 50%;
    font-size: 14px;
    cursor: pointer;
}

/* ========================================================================
   GLOBAL UTILITY FIXES
   ======================================================================== */
/* Force text-white to be white, overriding body.subpage global rules */
.text-white {
    color: #ffffff !important;
}

/* Ensure gradient text still works */
.text-gradient {
    background: linear-gradient(to right, #ffffff 0%, #e0e0e0 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #ffffff;
    /* fallback */
    display: inline-block;
}

/* Specific overrides for Kalite Politikası Hero and CTA */
.about-hero-ultra .about-hero-title,
.about-hero-ultra .about-hero-desc,
.about-cta-section .cta-title,
.about-cta-section .cta-text {
    color: #ffffff !important;
}

/* ========================================================================
   MODERN PROJECT DETAIL PAGES - Premium Case Study Layout
   ======================================================================== */

/* Project Hero Section - Full Width */
.project-hero-ultra {
    position: relative;
    width: 100%;
    min-height: 70vh;
    display: flex;
    align-items: flex-end;
    padding: 80px 0;
    overflow: hidden;
}

.project-hero-ultra::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom,
            rgba(0, 0, 0, 0.2) 0%,
            rgba(0, 0, 0, 0.5) 50%,
            rgba(0, 0, 0, 0.85) 100%);
    z-index: 1;
}

.project-hero-ultra .hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.project-hero-ultra .container {
    position: relative;
    z-index: 2;
}

.project-hero-ultra .hero-category {
    display: inline-block;
    background: linear-gradient(135deg, #f68a1e, #ff9f43);
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 8px 20px;
    border-radius: 50px;
    margin-bottom: 20px;
}

.project-hero-ultra .hero-title {
    font-size: 52px;
    font-weight: 800;
    color: #ffffff !important;
    line-height: 1.2;
    margin-bottom: 20px;
    max-width: 800px;
}

.project-hero-ultra .hero-excerpt {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.9) !important;
    max-width: 600px;
    line-height: 1.7;
}

/* Project Quick Facts Strip - Integrated into Hero */
.about-hero-ultra {
    padding: 0 !important;
    /* Remove internal padding to allow absolute elements to sit perfectly */
}

.about-hero-ultra .project-facts-strip {
    position: absolute;
    bottom: -1px;
    /* Overlap slightly to ensure zero gap */
    left: 0;
    width: 100%;
    z-index: 10;
    background: rgba(12, 18, 29, 0.9);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    padding: 30px 0;
    border-bottom: none;
    margin: 0 !important;
}

/* Centering adjustment for content when facts strip is present */
.about-hero-ultra:has(.project-facts-strip) .about-hero-content {
    margin-top: -80px !important;
    /* Shifted up more for better visual balance */
}

@media (max-width: 991px) {
    .about-hero-ultra .project-facts-strip {
        padding: 20px 0;
    }

    .about-hero-ultra:has(.project-facts-strip) .about-hero-content {
        margin-top: -40px !important;
    }
}

@media (max-width: 767px) {
    .about-hero-ultra {
        flex-direction: column !important;
        justify-content: flex-start !important;
        padding-top: 140px !important;
        padding-bottom: 0 !important;
        height: auto !important;
    }

    .about-hero-ultra .project-facts-strip {
        position: relative !important;
        margin-top: 40px;
        background: rgba(12, 18, 29, 0.9);
    }
}

.project-facts-strip {
    background: #1a1a1a;
    padding: 40px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.project-facts-strip .facts-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.project-facts-strip .fact-item {
    display: flex;
    align-items: center;
    gap: 15px;
}

.project-facts-strip .fact-icon {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, rgba(246, 138, 30, 0.2), rgba(246, 138, 30, 0.1));
    border: 1px solid rgba(246, 138, 30, 0.3);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.project-facts-strip .fact-icon i {
    color: #f68a1e;
    font-size: 20px;
}

.project-facts-strip .fact-content .fact-label {
    display: block;
    color: rgba(255, 255, 255, 0.6);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 4px;
}

.project-facts-strip .fact-content .fact-value {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
}

/* Project Split Section - Problem/Solution */
.project-split-section {
    padding: 100px 0;
    background: #ffffff;
}

.project-split-section .split-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.project-split-section .split-content {
    padding: 40px;
}

.project-split-section .split-label {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #f68a1e;
    margin-bottom: 20px;
}

.project-split-section .split-title {
    font-size: 36px;
    font-weight: 700;
    color: #1a1a1a !important;
    margin-bottom: 25px;
    line-height: 1.3;
}

.project-split-section .split-text {
    font-size: 16px;
    line-height: 1.8;
    color: #555555 !important;
}

.project-split-section .split-image {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);
}

.project-split-section .split-image img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

/* Challenge/Solution specific styles */
.project-split-section.challenge-section {
    background: #f8f9fa;
}

.project-split-section.solution-section {
    background: #ffffff;
}

/* Technical Specifications Grid */
.project-specs-section {
    padding: 100px 0;
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
}

.project-specs-section .section-header {
    text-align: center;
    margin-bottom: 60px;
}

.project-specs-section .section-label {
    display: inline-block;
    color: #f68a1e;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.project-specs-section .section-title {
    font-size: 40px;
    font-weight: 800;
    color: #ffffff !important;
}

.project-specs-section .specs-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.project-specs-section .spec-card {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    padding: 35px;
    text-align: center;
    transition: all 0.4s ease;
}

.project-specs-section .spec-card:hover {
    background: rgba(246, 138, 30, 0.1);
    border-color: rgba(246, 138, 30, 0.3);
    transform: translateY(-5px);
}

.project-specs-section .spec-icon {
    width: 70px;
    height: 70px;
    background: linear-gradient(135deg, #f68a1e, #ff9f43);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}

.project-specs-section .spec-icon i {
    color: #ffffff;
    font-size: 28px;
}

.project-specs-section .spec-value {
    font-size: 32px;
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 8px;
}

.project-specs-section .spec-label {
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Project Timeline */
.project-timeline-section {
    padding: 100px 0;
    background: #ffffff;
}

.project-timeline-section .timeline-container {
    max-width: 800px;
    margin: 0 auto;
    position: relative;
}

.project-timeline-section .timeline-container::before {
    content: '';
    position: absolute;
    left: 30px;
    top: 0;
    height: 100%;
    width: 3px;
    background: linear-gradient(to bottom, #f68a1e, #ff9f43);
    border-radius: 3px;
}

.project-timeline-section .timeline-item {
    display: flex;
    gap: 40px;
    margin-bottom: 50px;
    position: relative;
}

.project-timeline-section .timeline-item:last-child {
    margin-bottom: 0;
}

.project-timeline-section .timeline-dot {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #f68a1e, #ff9f43);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    z-index: 1;
    box-shadow: 0 10px 30px rgba(246, 138, 30, 0.3);
}

.project-timeline-section .timeline-dot i {
    color: #ffffff;
    font-size: 22px;
}

.project-timeline-section .timeline-content {
    flex: 1;
    background: #f8f9fa;
    padding: 30px;
    border-radius: 16px;
    border: 1px solid #eee;
}

.project-timeline-section .timeline-step {
    color: #f68a1e;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.project-timeline-section .timeline-title {
    font-size: 22px;
    font-weight: 700;
    color: #1a1a1a !important;
    margin-bottom: 15px;
}

.project-timeline-section .timeline-text {
    color: #555555 !important;
    line-height: 1.7;
}

/* Project Results Section */
.project-results-section {
    padding: 100px 0;
    background: linear-gradient(135deg, #0d9f4f 0%, #087f3e 100%);
    position: relative;
    overflow: hidden;
}

.project-results-section::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -20%;
    width: 60%;
    height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
    pointer-events: none;
}

.project-results-section .section-header {
    text-align: center;
    margin-bottom: 60px;
}

.project-results-section .section-label {
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.project-results-section .section-title {
    font-size: 40px;
    font-weight: 800;
    color: #ffffff !important;
}

.project-results-section .results-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

.project-results-section .result-item {
    text-align: center;
    padding: 40px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    backdrop-filter: blur(10px);
}

.project-results-section .result-number {
    font-size: 56px;
    font-weight: 800;
    color: #ffffff;
    line-height: 1;
    margin-bottom: 15px;
}

.project-results-section .result-label {
    color: rgba(255, 255, 255, 0.9);
    font-size: 16px;
    font-weight: 500;
}

/* Project Gallery */
.project-gallery-section {
    padding: 100px 0;
    background: #f8f9fa;
}

.project-gallery-section .gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.project-gallery-section .gallery-item {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    aspect-ratio: 4/3;
    cursor: pointer;
}

.project-gallery-section .gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.project-gallery-section .gallery-item:hover img {
    transform: scale(1.1);
}

.project-gallery-section .gallery-item::after {
    content: '\f00e';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    width: 60px;
    height: 60px;
    background: rgba(246, 138, 30, 0.9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 20px;
    transition: transform 0.4s ease;
}

.project-gallery-section .gallery-item:hover::after {
    transform: translate(-50%, -50%) scale(1);
}

/* Related Projects */
.project-related-section {
    padding: 100px 0;
    background: #ffffff;
}

.project-related-section .related-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.project-related-section .related-card {
    display: flex;
    background: #f8f9fa;
    border-radius: 20px;
    overflow: hidden;
    transition: all 0.4s ease;
    text-decoration: none;
}

.project-related-section .related-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
}

.project-related-section .related-image {
    width: 200px;
    flex-shrink: 0;
}

.project-related-section .related-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.project-related-section .related-content {
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.project-related-section .related-category {
    color: #f68a1e;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.project-related-section .related-title {
    font-size: 20px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 10px;
    transition: color 0.3s ease;
}

.project-related-section .related-card:hover .related-title {
    color: #f68a1e;
}

.project-related-section .related-arrow {
    color: #f68a1e;
    font-size: 14px;
}

/* Project CTA Section */
.project-cta-section {
    padding: 80px 0;
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
    text-align: center;
}

.project-cta-section .cta-title {
    font-size: 36px;
    font-weight: 800;
    color: #ffffff !important;
    margin-bottom: 20px;
}

.project-cta-section .cta-text {
    color: rgba(255, 255, 255, 0.8) !important;
    font-size: 18px;
    margin-bottom: 30px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.project-cta-section .th-btn {
    background: linear-gradient(135deg, #f68a1e, #ff9f43);
    color: #ffffff;
    padding: 18px 40px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    transition: all 0.4s ease;
}

.project-cta-section .th-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 40px rgba(246, 138, 30, 0.4);
}

/* Responsive Styles for Project Pages */
@media (max-width: 991px) {
    .project-hero-ultra {
        min-height: 60vh;
        padding: 60px 0;
    }

    .project-hero-ultra .hero-title {
        font-size: 36px;
    }

    .project-facts-strip .facts-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .project-split-section .split-row {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .project-specs-section .specs-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .project-results-section .results-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .project-gallery-section .gallery-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .project-related-section .related-grid {
        grid-template-columns: 1fr;
    }

    .project-timeline-section .timeline-container::before {
        left: 20px;
    }

    .project-timeline-section .timeline-dot {
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 767px) {
    .project-hero-ultra .hero-title {
        font-size: 28px;
    }

    .project-facts-strip .facts-grid {
        grid-template-columns: 1fr;
    }

    .project-specs-section .specs-grid {
        grid-template-columns: 1fr;
    }

    .project-results-section .results-grid {
        grid-template-columns: 1fr;
    }

    .project-gallery-section .gallery-grid {
        grid-template-columns: 1fr;
    }

    .project-split-section .split-title {
        font-size: 28px;
    }

    .project-specs-section .section-title,
    .project-results-section .section-title {
        font-size: 30px;
    }
}

/* ========================================================================
   MODERN PREMIUM FOOTER STYLES (2024-2025 Trends)
   Industrial Elegance: Glassmorphism + Gradient + Micro-Animations
   ======================================================================== */

/* Footer Accent Line - Gradient Top Border */
.footer-accent-line {
    height: 4px;
    background: linear-gradient(90deg, #f68a1e 0%, #1a1a1a 100%);
    position: relative;
}

/* Brand Zone Styling */
.footer-brand-zone {
    padding: 60px 0 40px;
    text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.footer-brand-zone .footer-logo-wrap {
    margin-bottom: 20px;
}

.footer-brand-zone .footer-logo-wrap img {
    max-width: 200px;
    height: auto;
}

.footer-brand-slogan {
    font-size: 18px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 25px;
    letter-spacing: 0.5px;
}

/* Enhanced Social Icons with Glow */
.footer-social-modern {
    display: flex;
    justify-content: center;
    gap: 15px;
}

.footer-social-modern a {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 18px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    background: rgba(255, 255, 255, 0.03);
}

.footer-social-modern a:hover {
    border-color: #f68a1e;
    color: #f68a1e;
    box-shadow: 0 0 25px rgba(246, 138, 30, 0.5);
    transform: scale(1.1) translateY(-3px);
    background: rgba(246, 138, 30, 0.1);
}

/* Mega Footer Grid */
.footer-mega-grid {
    padding: 50px 0 10px;
}

.footer-mega-grid>.row {
    margin-left: -15px;
    margin-right: -15px;
    display: flex;
    justify-content: flex-start;
    /* Changed to flex-start to use manual gaps */
    flex-wrap: wrap;
}

/* First Column (Logo) */
.footer-mega-grid .row>[class*="col-"]:nth-child(1) {
    padding-left: 0 !important;
    margin-right: 60px;
    /* Lowered gap to 60px as requested to "yaklaştır" */
}

/* Middle Columns distribution */
.footer-mega-grid .row>[class*="col-"]:nth-child(2),
.footer-mega-grid .row>[class*="col-"]:nth-child(3),
.footer-mega-grid .row>[class*="col-"]:nth-child(4) {
    margin-right: auto;
}

/* Last Column (İletişim) */
.footer-mega-grid .row>[class*="col-"]:last-child {
    padding-right: 0 !important;
    text-align: right;
    margin-left: 0;
    /* Clear previous auto margins if any */
}

.footer-mega-grid .row>[class*="col-"]:last-child .footer-widget-modern {
    display: inline-block;
    text-align: left;
    width: auto;
}

.footer-mega-grid .row>[class*="col-"]:last-child .contact-item {
    width: auto;
}

.footer-mega-grid .row>[class*="col-"]:last-child .contact-text {
    flex: 0 0 auto;
}

/* Footer Logo Size */
.footer-mega-grid .footer-logo-wrap img {
    width: 240px !important;
    max-width: 240px !important;
    height: auto;
}

/* Enhanced Widget Title */
.footer-widget-modern .widget-title-modern {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 15px;
}

.footer-widget-modern .widget-title-modern::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 3px;
    background: linear-gradient(90deg, #f68a1e, #ff9f43);
    border-radius: 3px;
}

/* Enhanced Footer Links with Micro-Animations */
.footer-links-modern {
    list-style: none;
    padding: 0;
    margin: 0;
}

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

.footer-links-modern li a {
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
    position: relative;
}

.footer-links-modern li a::before {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 1px;
    background: #f68a1e;
    transition: width 0.3s ease;
}

.footer-links-modern li a:hover {
    color: #f68a1e;
    transform: translateX(5px);
}

.footer-links-modern li a:hover::before {
    width: 100%;
}

/* Contact Info Modern Styling */
.footer-contact-modern .contact-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 20px;
}

.footer-contact-modern .contact-icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: rgba(246, 138, 30, 0.15);
    border: 1px solid rgba(246, 138, 30, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.footer-contact-modern .contact-item:hover .contact-icon {
    background: #f68a1e;
    border-color: #f68a1e;
}

.footer-contact-modern .contact-icon i {
    color: #f68a1e;
    font-size: 16px;
    transition: color 0.3s ease;
}

.footer-contact-modern .contact-item:hover .contact-icon i {
    color: #ffffff;
}

.footer-contact-modern .contact-text {
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    line-height: 1.6;
}

.footer-contact-modern .contact-text a {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-contact-modern .contact-text a:hover {
    color: #f68a1e;
}

/* CTA Section */
.footer-cta-zone {
    padding: 50px 0;
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.footer-cta-zone .cta-title {
    font-size: 24px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 20px;
}

.footer-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 40px;
    background: linear-gradient(135deg, #f68a1e 0%, #e07a0e 100%);
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 50px;
    text-decoration: none;
    box-shadow: 0 8px 32px rgba(246, 138, 30, 0.35);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.footer-cta-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 45px rgba(246, 138, 30, 0.45);
    color: #ffffff;
}

.footer-cta-btn i {
    transition: transform 0.3s ease;
}

.footer-cta-btn:hover i {
    transform: translateX(5px);
}

/* Glassmorphism Copyright Bar */
.footer-copyright-glass {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding: 25px 0;
}

.footer-copyright-glass .copyright-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.footer-copyright-glass .copyright-text {
    color: rgba(255, 255, 255, 0.5);
    font-size: 13px;
    margin: 0;
}

.footer-copyright-glass .copyright-text a {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-copyright-glass .copyright-text a:hover {
    color: #f68a1e;
}

.footer-legal-links {
    display: flex;
    gap: 25px;
}

.footer-legal-links a {
    color: rgba(255, 255, 255, 0.5);
    font-size: 13px;
    text-decoration: none;
    transition: color 0.3s ease;
    position: relative;
}

.footer-legal-links a::after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 0;
    height: 1px;
    background: #f68a1e;
    transition: width 0.3s ease;
}

.footer-legal-links a:hover {
    color: #f68a1e;
}

.footer-legal-links a:hover::after {
    width: 100%;
}

/* Unified Copyright Bar (same bg, line separator) */
.footer-copyright-unified {
    background: transparent;
    padding: 15px 0;
    margin-top: 0;
}

.footer-copyright-unified .copyright-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.footer-copyright-unified .copyright-text {
    color: rgba(255, 255, 255, 0.5);
    font-size: 13px;
    margin: 0;
}

.footer-copyright-unified .copyright-text a {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-copyright-unified .copyright-text a:hover {
    color: #f68a1e;
}

/* Mobile Responsive Footer */
@media (max-width: 991px) {
    .footer-mega-grid .row {
        flex-wrap: wrap;
    }

    .footer-widget-modern {
        margin-bottom: 40px;
    }

    .footer-copyright-glass .copyright-content {
        flex-direction: column;
        text-align: center;
    }

    .footer-legal-links {
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media (max-width: 767px) {
    .footer-brand-zone {
        padding: 40px 0 30px;
    }

    .footer-brand-slogan {
        font-size: 16px;
    }

    .footer-social-modern a {
        width: 44px;
        height: 44px;
    }

    .footer-cta-zone .cta-title {
        font-size: 20px;
    }

    .footer-cta-btn {
        padding: 14px 30px;
        font-size: 14px;
    }
}

/* ========================================================================
   RECOVERED & ULTRA MODERN STYLES (Policy, Services, Projects)
   ======================================================================== */

/* --- 1. Policy Page Ultra Styles --- */
.policy-hero-ultra {
    position: relative;
    padding: 180px 0 100px;
    background: #0c121d;
    overflow: hidden;
}

.policy-hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-size: cover;
    background-position: center;
    opacity: 0.6;
}

.policy-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(12, 18, 29, 0.8), #0c121d);
    z-index: 2;
}

.policy-hero-content {
    position: relative;
    z-index: 3;
    text-align: center;
}

.policy-main-title {
    font-size: 48px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 20px;
}

.policy-hero-subtitle {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.8);
    max-width: 700px;
    margin: 0 auto;
}

.policy-content-wrapper {
    position: relative;
    z-index: 10;
    margin-top: -60px;
    padding-bottom: 80px;
}

.policy-card-modern {
    background: #ffffff;
    border-radius: 20px;
    padding: 50px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
}

.policy-section-title {
    font-size: 24px;
    font-weight: 700;
    color: #1a2332;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.policy-icon-box {
    width: 40px;
    height: 40px;
    background: rgba(246, 138, 30, 0.1);
    color: #f68a1e;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.policy-list-modern {
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

.policy-list-modern li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    color: #555;
    font-size: 16px;
}

.policy-list-modern li:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    left: 0;
    top: 2px;
    color: #f68a1e;
}

.policy-alert-box-premium {
    background: #fdf8f3;
    border-left: 4px solid #f68a1e;
    padding: 20px 25px;
    border-radius: 0 10px 10px 0;
    margin: 25px 0;
    font-size: 15px;
    color: #555;
}

/* --- 2. Service & Project Card Modern Styles (Missing) --- */
.service-card-modern,
.project-card-modern {
    background: #ffffff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.service-card-modern:hover,
.project-card-modern:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}

.service-card-image,
.project-card-image {
    position: relative;
    height: 320px;
    overflow: hidden;
    background: #0a0f18;
}

.service-card-image img,
.project-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transition: transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* Ürünler sayfası için özel resim ayarları */
.product-card-image img {
    object-fit: cover;
    object-position: center 55%;
}

.service-card-modern:hover .service-card-image img,
.project-card-modern:hover .project-card-image img {
    transform: scale(1.1);
}

.service-overlay,
.project-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(12, 18, 29, 0.2), rgba(12, 18, 29, 0.8));
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 0.5s ease;
    z-index: 3;
}

.service-card-modern:hover .service-overlay,
.project-card-modern:hover .project-overlay {
    opacity: 1;
}

.service-icon,
.project-category {
    width: 70px;
    height: 70px;
    background: #f68a1e;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    box-shadow: 0 10px 30px rgba(246, 138, 30, 0.4);
    transform: translateY(30px) scale(0.8);
    transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.service-card-modern:hover .service-icon,
.project-card-modern:hover .project-category {
    transform: translateY(0) scale(1);
}

.service-card-content,
.project-card-content {
    padding: 30px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.service-title,
.project-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 1.4;
    color: #1a2332;
}

.service-title a,
.project-title a {
    color: #1a2332;
    text-decoration: none;
    transition: color 0.3s ease;
}

.service-title a:hover,
.project-title a:hover {
    color: #f68a1e;
}

.service-excerpt,
.project-excerpt {
    color: #666;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 20px;
    flex-grow: 1;
    /* 2-line text clamp */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.service-features,
.project-meta {
    margin-bottom: 25px;
    padding: 0;
    list-style: none;
}

.service-features li,
.project-meta span {
    font-size: 14px;
    color: #888;
    margin-bottom: 8px;
    display: block;
}

.service-features li i,
.project-meta span i {
    color: #f68a1e;
    width: 20px;
}

/* Link Styles with Advanced Animation */
.service-link,
.project-link {
    font-weight: 700;
    color: #f68a1e;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

/* Expanding Underline */
.service-link::after,
.project-link::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -4px;
    left: 0;
    background: #f68a1e;
    transition: width 0.3s ease;
    box-shadow: 0 0 10px rgba(246, 138, 30, 0.4);
    border-radius: 2px;
}

.service-link:hover::after,
.project-link:hover::after {
    width: 100%;
}

/* Hover State */
.service-link:hover,
.project-link:hover {
    gap: 12px;
    color: #f68a1e !important;
    text-shadow: 0 0 15px rgba(246, 138, 30, 0.5);
    /* Glow Effect */
}

/* Arrow Animation */
.service-link:hover i,
.project-link:hover i {
    transform: translateX(3px);
    filter: drop-shadow(0 0 5px rgba(246, 138, 30, 0.8));
}

/* --- 3. Fix for Dark Sections Text Color (Subpage Override) --- */
body.subpage .section-dark h1,
body.subpage .section-dark h2,
body.subpage .section-dark h3,
body.subpage .section-dark p,
body.subpage .bg-dark-custom h1,
body.subpage .bg-dark-custom h2,
body.subpage .bg-dark-custom p,
body.subpage [style*="background-color: #0c121d"] h1,
body.subpage [style*="background-color: #0c121d"] h2,
body.subpage [style*="background-color: #0c121d"] p,
body.subpage [style*="background: linear-gradient"] h1,
body.subpage [style*="background: linear-gradient"] h2,
body.subpage [style*="background: linear-gradient"] p,
body.subpage .text-white {
    color: #ffffff !important;
}

body.subpage [style*="color: #f68a1e"] {
    color: #f68a1e !important;
}

/* Force titles/text inside modern cards to be dark even on subpages */
body.subpage .service-card-modern h1,
body.subpage .service-card-modern h2,
body.subpage .service-card-modern h3,
body.subpage .service-card-modern p,
body.subpage .project-card-modern h1,
body.subpage .project-card-modern h2,
body.subpage .project-card-modern h3,
body.subpage .project-card-modern p {
    color: #0c0a0a !important;
}

/* Excerpts should be slightly lighter */
body.subpage .service-card-modern p.service-excerpt,
body.subpage .project-card-modern p.project-excerpt {
    color: #666 !important;
}

/* ========================================================================
   HEADER LOGO STABILITY
   ======================================================================== */
.header-logo,
.header-logo a,
.header-logo a img {
    opacity: 1 !important;
    visibility: visible !important;
    transition: all 0.3s ease !important;
}

.header-logo a:hover img {
    transform: scale(1.02);
}

/* --- 4. Premium Hero Sections --- */
.about-hero-ultra {
    position: relative;
    height: 100vh !important;
    min-height: 100vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 0 !important;
    overflow: hidden;
    background-color: #0c121d;
    width: 100%;
}

.about-hero-content {
    position: relative;
    z-index: 5;
    width: 100%;
    margin-top: 0 !important;
    /* Centered by flexbox */
}

.about-hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    z-index: 1;
    opacity: 0.5;
    transform: none !important;
}

.about-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at center, transparent 0%, rgba(12, 18, 29, 0.4) 50%, rgba(12, 18, 29, 0.9) 100%);
    z-index: 2;
}

.about-hero-title {
    font-size: clamp(45px, 8vw, 90px);
    font-weight: 800;
    margin-bottom: 30px;
    letter-spacing: -2px;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.1;
    color: #ffffff;
    text-transform: capitalize;
}

.about-hero-title br {
    display: block;
    margin-bottom: 10px;
}

.about-hero-desc {
    font-size: 18px;
    max-width: 600px;
    opacity: 0.9;
    margin-bottom: 40px;
    line-height: 1.7;
    margin-left: auto;
    margin-right: auto;
}

/* --- 5. Technical Article Cards --- */
.article-card-modern {
    background: #ffffff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05);
    transition: all 0.4s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.article-card-modern:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}

.article-card-image {
    position: relative;
    height: 240px;
    overflow: hidden;
}

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

.article-card-modern:hover .article-card-image img {
    transform: scale(1.1);
}

.article-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(12, 18, 29, 0.3);
    display: flex;
    align-items: flex-end;
    padding: 20px;
}

.article-category {
    background: #f68a1e;
    color: #fff;
    padding: 6px 15px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 700;
}

.article-card-content {
    padding: 30px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.article-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 1.4;
}

.article-title a {
    color: #0c121d;
    text-decoration: none;
    transition: color 0.3s ease;
}

.article-title a:hover {
    color: #f68a1e;
}

.article-excerpt {
    color: #666;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 25px;
}

.article-link {
    margin-top: auto;
    color: #f68a1e;
    font-weight: 700;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: gap 0.3s ease;
}

.article-link:hover {
    gap: 12px;
}

/* --- 6. Sector Grid Styles --- */
.sector-card {
    background: #fff;
    padding: 40px;
    border-radius: 20px;
    text-align: center;
    transition: all 0.4s ease;
    border: 1px solid rgba(0, 0, 0, 0.05);
    height: 100%;
}

.sector-card:hover {
    background: #f68a1e;
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(246, 138, 30, 0.2);
    border-color: #f68a1e;
}

.sector-icon {
    width: 80px;
    height: 80px;
    background: #f0f0f0;
    /* Light Gray instead of Orange-ish tint */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 25px;
    font-size: 32px;
    color: #f68a1e;
    transition: all 0.4s ease;
}

.sector-card:hover .sector-icon {
    background: #fff;
}

/* KESİN ÇÖZÜM: Kart hover olduğunda ikon (i etiketi) görünmüyor. 
   Burada rengi turuncuya zorluyoruz ki beyaz yuvarlak içinde görünsün. */
.sector-card:hover .sector-icon i {
    color: #f68a1e !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.sector-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    transition: color 0.4s ease;
}

.sector-card:hover .sector-title {
    color: #fff;
}

.sector-desc {
    color: #666;
    font-size: 14px;
    line-height: 1.6;
    transition: color 0.4s ease;
}

.sector-card:hover .sector-desc {
    color: rgba(255, 255, 255, 0.8);
}

/* Subpage Color Overrides for New Components */
body.subpage .article-card-modern h1,
body.subpage .article-card-modern h2,
body.subpage .article-card-modern h3,
body.subpage .article-card-modern p {
    color: #0c121d !important;
}

body.subpage .article-card-modern p.article-excerpt {
    color: #666 !important;
}

body.subpage .sector-card h1,
body.subpage .sector-card h2,
body.subpage .sector-card h3,
body.subpage .sector-card p {
    color: inherit !important;
}

/* --- 7. Modern Process Section Styles --- */
.process-card-modern {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 50px 35px;
    border-radius: 30px;
    text-align: center;
    position: relative;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    height: 100%;
    overflow: hidden;
    backdrop-filter: blur(10px);
}

.process-card-modern::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(246, 138, 30, 0.1) 0%, transparent 100%);
    opacity: 0;
    transition: opacity 0.5s ease;
}

.process-card-modern:hover {
    transform: translateY(-15px);
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(246, 138, 30, 0.4);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
}

.process-card-modern:hover::before {
    opacity: 1;
}

.process-number {
    position: absolute;
    top: -10px;
    right: 20px;
    font-size: 80px;
    font-weight: 900;
    color: rgba(255, 255, 255, 0.05);
    line-height: 1;
    transition: all 0.5s ease;
    z-index: 1;
}

.process-card-modern:hover .process-number {
    color: rgba(246, 138, 30, 0.1);
    transform: translateY(20px) scale(1.1);
}

.process-icon {
    width: 80px;
    height: 80px;
    background: rgba(246, 138, 30, 0.1);
    border: 1px solid rgba(246, 138, 30, 0.3);
    color: #f68a1e;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    margin: 0 auto 30px;
    position: relative;
    z-index: 2;
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.process-card-modern:hover .process-icon {
    background: #f68a1e;
    color: #fff;
    transform: rotateY(180deg);
    box-shadow: 0 10px 20px rgba(246, 138, 30, 0.3);
}

.process-title {
    font-size: 22px;
    font-weight: 700;
    color: #fff !important;
    margin-bottom: 20px;
    position: relative;
    z-index: 2;
}

.process-text {
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 15px;
    line-height: 1.7;
    position: relative;
    z-index: 2;
}

/* Counter Card Text Overrides */
body.subpage .counter-card h2,
body.subpage .counter-card p,
body.subpage .counter-card span {
    color: #ffffff !important;
}

/* Modern Pagination Fix */
.modern-pagination {
    margin: 60px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    width: 100%;
}

.pagination-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    background: rgba(255, 255, 255, 0.05);
    padding: 12px 25px;
    border-radius: 100px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Light Style Variant */
.modern-pagination.style-light .pagination-wrapper {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

.pagination-numbers {
    display: flex;
    align-items: center;
    gap: 12px;
}

.page-number {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    text-decoration: none !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid transparent;
    font-weight: 500;
}

.modern-pagination.style-light .page-number {
    color: #475569;
}

.page-number.active {
    background: #f68a1e;
    color: #fff !important;
    box-shadow: 0 4px 15px rgba(246, 138, 30, 0.3);
}

.page-number:hover:not(.active) {
    background: rgba(255, 255, 255, 0.1);
    transform: translateY(-2px);
}

.modern-pagination.style-light .page-number:hover:not(.active) {
    background: #e2e8f0;
}

.pagination-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #f68a1e;
    text-decoration: none !important;
    font-weight: 700;
    transition: all 0.3s ease;
    padding: 0 5px;
}

.pagination-btn.disabled {
    color: rgba(255, 255, 255, 0.3);
    pointer-events: none;
}

.modern-pagination.style-light .pagination-btn.disabled {
    color: #cbd5e1;
}

.pagination-btn i {
    font-size: 12px;
}

.page-dots {
    color: rgba(255, 255, 255, 0.5);
    font-weight: 700;
    letter-spacing: 2px;
}

.modern-pagination.style-light .page-dots {
    color: #94a3b8;
}

.pagination-info {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    width: 100%;
}

.modern-pagination.style-light .pagination-info {
    color: #64748b;
}

.pagination-info strong {
    color: #fff;
}

.modern-pagination.style-light .pagination-info strong {
    color: #1e293b;
}

.pagination-info .separator {
    margin: 0 8px;
    opacity: 0.5;
    color: rgba(255, 255, 255, 0.4);
}

.modern-pagination.style-light .pagination-info .separator {
    color: #94a3b8;
    opacity: 1;
}

/* ========================================================================
   ULTRA MODERN SEARCH OVERLAY
   ======================================================================== */
/* ========================================================================
   INDUSTRIAL COMMAND CONSOLE (Premium Theme Integrated UI)
   ======================================================================== */
.popup-search-box.search-overlay-ultra {
    background: #0a0a0a !important;
    /* Solid industrial black */
    border-top: 4px solid #F68A0A;
    /* Industrial orange header line */
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-overlay-ultra.show {
    animation: industrialSlideDown 0.5s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}

@keyframes industrialSlideDown {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Console Palette Wrapper */
.command-palette-wrapper {
    width: 100%;
    max-width: 800px;
    padding: 0 40px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

/* Unified Console Input */
.command-input-group {
    position: relative;
    background: #151b26;
    /* Deep industrial blue-grey */
    border: 2px solid #2a3444;
    border-radius: 4px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
    transition: border-color 0.3s ease;
    height: 90px;
    /* Locked height for absolute centering control */
    display: grid;
    align-items: center;
    overflow: hidden;
}

.command-input-group:focus-within {
    border-color: #F68A0A;
}

.command-input-group .search-form-ultra {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    display: block;
}

.command-input-inner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 25px;
    padding: 0 40px;
    height: 100%;
}

.command-input-inner i.main-search-icon {
    font-size: 32px;
    color: #F68A0A;
    line-height: 1;
    margin: 0 !important;
    padding: 0 !important;
}

.command-input-inner input {
    flex: 1;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    font-family: 'Outfit', sans-serif;
    line-height: 90px;
    /* Matching parent height for perfect centering */
    height: 90px;
    padding: 0 !important;
    margin: 0 !important;
}

.command-input-inner input::placeholder {
    color: rgba(255, 255, 255, 0.15);
}

.command-submit-btn {
    background: #F68A0A;
    border: none;
    color: #fff;
    width: 56px;
    height: 56px;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.3s ease;
}

.command-submit-btn:hover {
    background: #f68a1e;
}

/* Industrial Bento Grid */
.command-suggestions-bento {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.bento-item {
    background: #1a2332;
    /* Site industrial color */
    border: 1px solid rgba(255, 255, 255, 0.05);
    padding: 30px;
    text-decoration: none;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    position: relative;
    overflow: hidden;
}

.bento-item::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: #F68A0A;
    transition: width 0.3s ease;
}

.bento-item:hover {
    background: #232e41;
    transform: translateY(-5px);
}

.bento-item:hover::before {
    width: 100%;
}

.bento-item i {
    font-size: 36px;
    color: #F68A0A;
}

.bento-item span {
    font-size: 16px;
    font-weight: 800;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Bento Sizing */
.bento-item-large {
    grid-column: span 2;
}

.bento-item-small {
    grid-column: span 1;
}

/* Console Keywords (Modern Popular Searches) */
.trending-wrap-premium {
    margin-top: 25px;
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 0 10px;
}

.trending-label {
    font-size: 11px;
    font-weight: 900;
    color: rgba(255, 255, 255, 0.3);
    text-transform: uppercase;
    letter-spacing: 2px;
    white-space: nowrap;
}

.trending-tags-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.trend-tag-elegant {
    font-size: 13px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.8);
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 8px 18px;
    border-radius: 4px;
    /* Industrial sharp look */
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    display: flex;
    align-items: center;
    gap: 8px;
}

.trend-tag-elegant::before {
    content: '#';
    color: #F68A0A;
    opacity: 0.5;
    font-weight: 900;
}

.trend-tag-elegant:hover {
    background: #F68A0A;
    border-color: #F68A0A;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(246, 138, 10, 0.3);
}

.trend-tag-elegant:hover::before {
    color: #fff;
    opacity: 1;
}

/* Console Close (Industrial X) */
.command-palette-close {
    position: fixed;
    top: calc(40px + env(safe-area-inset-top));
    right: 50px;
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 1000000;
}

.command-palette-close:hover {
    background: #F68A0A;
    border-color: #F68A0A;
}

@media (max-width: 991px) {
    .command-palette-wrapper {
        max-width: 95%;
        padding: 0 20px;
    }

    .command-suggestions-bento {
        grid-template-columns: repeat(2, 1fr);
    }

    .command-input-inner input {
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    .bento-item-large {
        grid-column: span 1;
    }

    .command-suggestions-bento {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .bento-item {
        padding: 20px;
        min-height: 80px;
        flex-direction: row;
        align-items: center;
    }
}

@media (max-width: 767px) {
    .search-input-compact-wrapper input {
        font-size: 18px;
    }

    .search-close-compact {
        top: calc(20px + env(safe-area-inset-top));
        right: 20px;
        width: 45px;
        height: 45px;
    }
}

.search-close-ultra .close-icon::before {
    transform: rotate(45deg);
}

.search-close-ultra .close-icon::after {
    transform: rotate(-45deg);
}

.search-container-ultra {
    max-width: 800px;
    margin: 0 auto;
    padding: 80px 20px;
}

.search-header-ultra {
    text-align: center;
    margin-bottom: 40px;
}

.search-title-ultra {
    font-size: 42px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
}

.search-subtitle-ultra {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.6);
}

.search-form-ultra {
    margin-bottom: 50px;
}

.search-input-wrapper {
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.05);
    border: 2px solid rgba(255, 255, 255, 0.1);
    border-radius: 60px;
    padding: 10px 20px;
    transition: all 0.3s ease;
}

.search-input-wrapper:focus-within {
    border-color: #F68A0A;
    background: rgba(255, 255, 255, 0.08);
}

.search-icon-ultra {
    font-size: 20px;
    color: rgba(255, 255, 255, 0.5);
    margin-right: 15px;
}

.search-input-wrapper input {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    font-size: 18px;
    color: #fff;
    padding: 15px 0;
}

.search-input-wrapper input::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

.search-submit-ultra {
    width: 50px;
    height: 50px;
    background: #F68A0A;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.search-submit-ultra:hover {
    background: #ff9d2e;
    transform: scale(1.1);
}

.search-submit-ultra i {
    color: #fff;
    font-size: 18px;
}

.search-popular-ultra {
    margin-top: 40px;
}

.popular-title-ultra {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 20px;
}

.popular-title-ultra i {
    color: #F68A0A;
}

.popular-links-ultra {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.popular-link {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px 20px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.popular-link:hover {
    background: rgba(246, 138, 10, 0.1);
    border-color: rgba(246, 138, 10, 0.3);
    transform: translateX(5px);
}

.popular-link>i:first-child {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(246, 138, 10, 0.15);
    border-radius: 10px;
    color: #F68A0A;
    font-size: 16px;
}

.popular-link .link-content {
    flex: 1;
}

.popular-link .link-title {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 2px;
}

.popular-link .link-desc {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.5);
}

.popular-link>i:last-child {
    color: rgba(255, 255, 255, 0.3);
    font-size: 14px;
    transition: all 0.3s ease;
}

.popular-link:hover>i:last-child {
    color: #F68A0A;
    transform: translateX(5px);
}

/* Responsive */
@media (max-width: 768px) {
    .search-title-ultra {
        font-size: 28px;
    }

    .search-container-ultra {
        padding: 60px 15px;
    }

    .search-close-ultra {
        top: 15px;
        right: 15px;
    }
}

/* ========================================================================
   BRS PREMIUM SEARCH OVERLAY - Complete Redesign
   ======================================================================== */
.brs-search-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    display: none;
    opacity: 0;
    visibility: hidden;
}

.brs-search-overlay.active {
    display: block;
    opacity: 1;
    visibility: visible;
}

.brs-search-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, #0a0f1a 0%, #141b2d 50%, #1a2642 100%);
    animation: brsSlideIn 0.3s ease;
}

@keyframes brsSlideIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.brs-search-close {
    position: fixed;
    top: 30px;
    right: 40px;
    width: 56px;
    height: 56px;
    background: rgba(255, 255, 255, 0.08);
    border: 2px solid rgba(255, 255, 255, 0.15);
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
}

.brs-search-close:hover {
    background: #F68A0A;
    border-color: #F68A0A;
    transform: rotate(90deg);
}

.brs-search-close span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 2px;
    background: #fff;
}

.brs-search-close span:first-child {
    transform: translate(-50%, -50%) rotate(45deg);
}

.brs-search-close span:last-child {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.brs-search-container {
    position: relative;
    z-index: 5;
    max-width: 680px;
    margin: 0 auto;
    padding: 50px 20px 30px;
    animation: brsSlideUp 0.4s ease 0.1s both;
}

@keyframes brsSlideUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.brs-search-header {
    text-align: center;
    margin-bottom: 25px;
}

.brs-search-header h2 {
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 5px 0;
}

.brs-search-header p {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.5);
    margin: 0;
}

.brs-search-form {
    margin-bottom: 25px;
}

.brs-search-input-group {
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.06);
    border: 2px solid rgba(255, 255, 255, 0.12);
    border-radius: 50px;
    padding: 8px 10px 8px 25px;
    transition: all 0.3s ease;
}

.brs-search-input-group:focus-within {
    border-color: #F68A0A;
    background: rgba(255, 255, 255, 0.08);
    box-shadow: 0 0 30px rgba(246, 138, 10, 0.15);
}

.brs-search-input-group>i {
    font-size: 20px;
    color: rgba(255, 255, 255, 0.4);
    margin-right: 15px;
}

.brs-search-input-group input {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    font-size: 18px;
    color: #fff;
    padding: 12px 0;
}

.brs-search-input-group input::placeholder {
    color: rgba(255, 255, 255, 0.35);
}

.brs-search-input-group button {
    width: 52px;
    height: 52px;
    background: #F68A0A;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.brs-search-input-group button:hover {
    background: #ff9d2e;
    transform: scale(1.08);
}

.brs-search-input-group button i {
    color: #fff;
    font-size: 18px;
}

/* Trending Section */
.brs-search-trending {
    margin-bottom: 20px;
}

.brs-search-trending h4,
.brs-search-categories h4,
.brs-search-popular h4 {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.6);
    margin: 0 0 10px 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.brs-search-trending h4 i,
.brs-search-categories h4 i,
.brs-search-popular h4 i {
    color: #F68A0A;
}

.brs-trending-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.brs-trending-tags a {
    display: inline-block;
    padding: 8px 14px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 25px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 13px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.brs-trending-tags a:hover {
    background: rgba(246, 138, 10, 0.15);
    border-color: rgba(246, 138, 10, 0.4);
    color: #F68A0A;
}

/* Category Grid */
.brs-search-categories {
    margin-bottom: 20px;
}

.brs-category-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.brs-category-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 14px 10px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.brs-category-card:hover {
    background: rgba(246, 138, 10, 0.1);
    border-color: rgba(246, 138, 10, 0.3);
    transform: translateY(-3px);
}

.brs-category-card i {
    font-size: 20px;
    color: #F68A0A;
}

.brs-category-card span {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.8);
    text-align: center;
}

/* Popular Pages */
.brs-search-popular {
    margin-bottom: 20px;
}

.brs-popular-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.brs-popular-list a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.brs-popular-list a:hover {
    background: rgba(246, 138, 10, 0.08);
    border-color: rgba(246, 138, 10, 0.25);
    transform: translateX(5px);
}

.brs-popular-icon {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(246, 138, 10, 0.12);
    border-radius: 8px;
    flex-shrink: 0;
}

.brs-popular-icon i {
    font-size: 15px;
    color: #F68A0A;
}

.brs-popular-text {
    flex: 1;
}

.brs-popular-text strong {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 1px;
}

.brs-popular-text span {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.45);
}

.brs-popular-list a>i:last-child {
    color: rgba(255, 255, 255, 0.25);
    font-size: 14px;
    transition: all 0.3s ease;
}

.brs-popular-list a:hover>i:last-child {
    color: #F68A0A;
    transform: translateX(5px);
}

/* Responsive */
@media (max-width: 768px) {
    .brs-search-header h2 {
        font-size: 32px;
    }

    .brs-search-container {
        padding: 70px 15px 30px;
    }

    .brs-search-close {
        top: 15px;
        right: 15px;
        width: 48px;
        height: 48px;
    }

    .brs-category-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ========================================================================
   SEARCH RESULTS PAGE - Grouped Horizontal Design
   ======================================================================== */

/* Hero Section */
.brs-search-hero {
    position: relative;
    padding: 160px 0 80px;
    overflow: hidden;
}

.brs-search-hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, #0a0f1a 0%, #141b2d 50%, #1a2642 100%);
    z-index: -1;
}

.brs-search-hero-content {
    text-align: center;
    max-width: 700px;
    margin: 0 auto;
}

.brs-search-hero-title {
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 12px 0;
}

.brs-search-query-display {
    color: #F68A0A;
}

.brs-search-hero-subtitle {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.5);
    margin: 0 0 30px 0;
}

/* Hero Search Input - FIXED */
.brs-search-hero-form {
    max-width: 600px;
    margin: 0 auto;
}

.brs-search-hero-input {
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.08);
    border: 2px solid rgba(255, 255, 255, 0.15);
    border-radius: 50px;
    padding: 6px 8px 6px 24px;
    transition: all 0.3s ease;
}

.brs-search-hero-input:focus-within {
    border-color: #F68A0A;
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 30px rgba(246, 138, 10, 0.15);
}

.brs-search-hero-input>i {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.5);
    margin-right: 12px;
}

.brs-search-hero-input input {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    font-size: 16px;
    color: #fff;
    padding: 14px 0;
}

.brs-search-hero-input input::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

.brs-search-hero-input button {
    width: 48px;
    height: 48px;
    background: #F68A0A;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.brs-search-hero-input button:hover {
    background: #ff9d2e;
    transform: scale(1.05);
}

.brs-search-hero-input button i {
    color: #fff;
    font-size: 18px;
}

/* Results Section */
.brs-search-results-section {
    padding: 40px 0 100px;
    background: linear-gradient(to bottom, #0c121d, #080b12);
    min-height: 60vh;
}

.brs-results-grid {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

/* === CATEGORY GROUP === */
.brs-search-group {
    animation: fadeInUp 0.5s ease both;
}

.brs-group-header {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.brs-group-icon {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, rgba(246, 138, 30, 0.2), rgba(246, 138, 30, 0.05));
    border: 1px solid rgba(246, 138, 30, 0.3);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.brs-group-icon i {
    font-size: 20px;
    color: #f68a1e;
}

.brs-group-title {
    font-size: 22px;
    font-weight: 700;
    color: #ffffff !important;
    margin: 0;
    flex: 1;
}

.brs-group-count {
    font-size: 13px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.4);
    background: rgba(255, 255, 255, 0.05);
    padding: 6px 14px;
    border-radius: 20px;
}

/* === HORIZONTAL CARD === */
.brs-group-items {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.brs-horizontal-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 24px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 14px;
    text-decoration: none;
    transition: all 0.3s ease;
    animation: fadeInUp 0.4s ease both;
}

.brs-horizontal-card:hover {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(246, 138, 30, 0.3);
    transform: translateX(8px);
}

.brs-hcard-content {
    flex: 1;
    min-width: 0;
}

.brs-hcard-title {
    font-size: 17px;
    font-weight: 600;
    color: #ffffff !important;
    margin: 0 0 6px 0;
    transition: color 0.3s;
}

.brs-horizontal-card:hover .brs-hcard-title {
    color: #f68a1e;
}

.brs-hcard-desc {
    font-size: 14px;
    color: #b0b8c4 !important;
    margin: 0;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Card Image Thumbnail */
.brs-hcard-image {
    width: 120px;
    height: 80px;
    flex-shrink: 0;
    border-radius: 10px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.05);
}

.brs-hcard-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.brs-horizontal-card:hover .brs-hcard-image img {
    transform: scale(1.1);
}

/* No Results State */
.brs-no-results-state {
    text-align: center;
    padding: 80px 20px;
    background: rgba(255, 255, 255, 0.02);
    border: 1px dashed rgba(255, 255, 255, 0.1);
    border-radius: 20px;
}

.brs-no-results-icon {
    font-size: 48px;
    color: rgba(255, 255, 255, 0.2);
    margin-bottom: 20px;
}

.brs-no-results-state h3 {
    color: #ffffff !important;
    font-size: 24px;
    margin-bottom: 10px;
}

.brs-no-results-state p {
    color: #ffffff !important;
    max-width: 400px;
    margin: 0 auto;
}

/* Mobile Adjustments */
@media (max-width: 768px) {
    .brs-search-hero {
        padding: 120px 0 50px;
    }

    .brs-search-hero-title {
        font-size: 28px;
    }

    .brs-group-header {
        flex-wrap: wrap;
    }

    .brs-group-title {
        font-size: 18px;
    }

    .brs-horizontal-card {
        padding: 16px;
    }

    .brs-hcard-title {
        font-size: 15px;
    }
}

/* Sidebar */
.brs-search-sidebar {
    position: sticky;
    top: 100px;
}

.brs-sidebar-widget {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 16px;
    padding: 24px;
    margin-bottom: 20px;
}

.brs-widget-title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    /* Slightly larger */
    font-weight: 700;
    /* Bolder */
    color: #ffffff !important;
    /* Pure white */
    margin: 0 0 20px 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.brs-widget-title i {
    color: #F68A0A;
}

.brs-category-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.brs-category-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    background: rgba(255, 255, 255, 0.02);
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.brs-category-item:hover {
    background: rgba(246, 138, 10, 0.1);
}

.brs-category-item>i:first-child {
    color: #F68A0A;
    font-size: 16px;
    width: 20px;
    text-align: center;
}

.brs-category-item span {
    flex: 1;
    font-size: 14px;
    color: #ffffff !important;
    /* Maximum contrast */
    font-weight: 500;
}

.brs-category-item>i:last-child {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.3);
    transition: all 0.3s ease;
}

.brs-category-item:hover>i:last-child {
    color: #F68A0A;
    transform: translateX(3px);
}

/* Popular Searches */
.brs-popular-searches {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.brs-popular-searches a {
    display: inline-block;
    padding: 8px 16px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 20px;
    font-size: 13px;
    color: #ffffff !important;
    /* Maximum contrast */
    text-decoration: none;
    transition: all 0.3s ease;
    font-weight: 500;
}

.brs-popular-searches a:hover {
    background: rgba(246, 138, 10, 0.15);
    border-color: rgba(246, 138, 10, 0.3);
    color: #F68A0A;
}

/* Sidebar CTA */
.brs-sidebar-cta {
    background: linear-gradient(135deg, rgba(246, 138, 10, 0.1) 0%, rgba(246, 138, 10, 0.05) 100%);
    border: 1px solid rgba(246, 138, 10, 0.2);
    border-radius: 16px;
    padding: 28px 24px;
    text-align: center;
}

.brs-cta-icon {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(246, 138, 10, 0.15);
    border-radius: 50%;
    margin: 0 auto 16px;
}

.brs-cta-icon i {
    font-size: 24px;
    color: #F68A0A;
}

.brs-sidebar-cta h4 {
    font-size: 20px;
    font-weight: 700;
    color: #ffffff !important;
    margin: 0 0 10px 0;
}

.brs-sidebar-cta p {
    font-size: 15px;
    color: #ffffff !important;
    /* Pure white for readability */
    margin: 0 0 20px 0;
    line-height: 1.5;
}

/* Animations */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive */
@media (max-width: 992px) {
    .brs-search-sidebar {
        position: static;
        margin-top: 40px;
    }
}

@media (max-width: 768px) {
    .brs-search-hero {
        padding: 120px 0 40px;
    }

    .brs-search-hero-title {
        font-size: 28px;
    }

    .brs-result-card {
        padding: 24px !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 20px !important;
    }

    .brs-result-left {
        flex-direction: row !important;
        gap: 15px !important;
    }

    .brs-result-icon {
        width: 48px;
        height: 48px;
    }
}

/* ========================================================================
   ULTRA PREMIUM CONTENT SECTIONS (2025 TRENDS)
   ======================================================================== */

/* 1. Global Utilities for Content Sections */
.brs-section-dark {
    background-color: #0c0c0c !important;
    /* Deep dark background */
}

/* 2. Ultra Premium Card Design */
.brs-card-ultra {
    background: linear-gradient(145deg, #1a1a1a 0%, #0f0f0f 100%);
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    /* Subtle border */
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.brs-card-ultra:hover {
    transform: translateY(-8px);
    border-color: rgba(246, 138, 10, 0.3);
    /* Turuncu border on hover */
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), 0 0 20px rgba(246, 138, 10, 0.1);
}

.brs-card-ultra .card-image {
    position: relative;
    width: 100%;
    aspect-ratio: 16/10;
    overflow: hidden;
}

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

.brs-card-ultra:hover .card-image img {
    transform: scale(1.08);
    /* Slight zoom */
}

.brs-card-ultra .card-body {
    padding: 24px;
    background: rgba(15, 15, 15, 0.95);
    /* Nearly opaque */
    flex: 1;
    display: flex;
    flex-direction: column;
}

.brs-card-ultra .card-category {
    display: inline-flex;
    padding: 6px 14px;
    background: rgba(246, 138, 10, 0.1);
    border: 1px solid rgba(246, 138, 10, 0.2);
    border-radius: 20px;
    font-size: 11px;
    font-weight: 600;
    color: #f68a1e;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 16px;
    align-self: flex-start;
}

.brs-card-ultra .card-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
    line-height: 1.4;
}

.brs-card-ultra .card-title a {
    color: #ffffff;
    text-decoration: none;
    transition: color 0.3s ease;
}

.brs-card-ultra .card-title a:hover {
    color: #f68a1e;
}

.brs-card-ultra .card-excerpt {
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 24px;
    flex: 1;
    /* Pushes CTA to bottom */
}

/* 3. Card CTA Button */
.brs-card-cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #f68a1e;
    font-weight: 600;
    font-size: 14px;
    transition: gap 0.3s ease;
    text-decoration: none;
}

.brs-card-cta i {
    font-size: 12px;
    transition: transform 0.3s ease;
}

.brs-card-ultra:hover .brs-card-cta {
    gap: 12px;
}

.brs-card-ultra:hover .brs-card-cta i {
    transform: translateX(4px);
}

/* 4. Filter Tabs Style */
.brs-filter-tabs {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 50px;
}

.brs-tab-btn {
    padding: 12px 24px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 50px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
}

.brs-tab-btn:hover,
.brs-tab-btn.active {
    background: #f68a1e;
    border-color: #f68a1e;
    color: #ffffff;
    box-shadow: 0 8px 20px rgba(246, 138, 10, 0.25);
}

/* 5. Bento Grid Layout (Projects) */
.brs-bento-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: minmax(300px, auto);
    gap: 24px;
}

/* Featured item spans 2 columns */
.brs-bento-item-featured {
    grid-column: span 2;
    grid-row: span 2;
}

.brs-bento-item-featured .brs-card-ultra .card-title {
    font-size: 28px;
    /* Larger title */
}

.brs-bento-item-featured .brs-card-ultra .card-body {
    justify-content: flex-end;
    /* Text at bottom */
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.brs-bento-item-featured .card-image {
    height: 100%;
}

@media (max-width: 991px) {
    .brs-bento-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .brs-bento-item-featured {
        grid-column: span 2;
    }
}

@media (max-width: 768px) {
    .brs-bento-grid {
        grid-template-columns: 1fr;
    }

    .brs-bento-item-featured {
        grid-column: span 1;
        grid-row: span 1;
    }
}

/* 6. Pagination Component */
.brs-pagination-ultra {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    margin-top: 60px;
}

.brs-pagination-pills {
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50px;
    padding: 8px;
    /* Compact padding */
    gap: 8px;
}

.brs-page-link {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    font-size: 14px;
}

.brs-page-link:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
}

.brs-page-link.active {
    background: #f68a1e;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(246, 138, 10, 0.3);
}

.brs-pagination-info {
    color: rgba(255, 255, 255, 0.5);
    font-size: 13px;
    letter-spacing: 0.5px;
}

.brs-pagination-info strong {
    color: #ffffff;
    font-weight: 600;
}

/* 7. Icon-First Card (Services) */
.brs-service-card {
    background: #151515;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 20px;
    padding: 32px;
    transition: all 0.4s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.brs-service-card:hover {
    background: #1a1a1a;
    border-color: rgba(246, 138, 10, 0.3);
    transform: translateY(-5px);
}

.brs-service-icon {
    width: 64px;
    height: 64px;
    background: rgba(246, 138, 10, 0.1);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    transition: all 0.4s ease;
}

.brs-service-card:hover .brs-service-icon {
    background: #f68a1e;
    transform: scale(1.1) rotate(-5deg);
}

.brs-service-icon i,
.brs-service-icon img {
    font-size: 28px;
    color: #f68a1e;
    transition: all 0.4s ease;
}

.brs-service-card:hover .brs-service-icon i,
.brs-service-card:hover .brs-service-icon img {
    color: #ffffff;
    filter: brightness(0) invert(1);
}

.brs-service-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 16px;
    color: #ffffff;
}

.brs-service-text {
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.6;
    margin-bottom: 24px;
    flex: 1;
}

/* 8. Scroll Animation Classes */
.reveal-fade-up {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.reveal-visible .reveal-fade-up {
    opacity: 1;
    transform: translateY(0);
}

/* Stagger delay classes */
.delay-100 {
    transition-delay: 0.1s;
}

.delay-200 {
    transition-delay: 0.2s;
}

.delay-300 {
    transition-delay: 0.3s;
}

/* =========================================================================
   ADVANCED INDUSTRIAL UI ENGINE 2025
   ========================================================================= */

:root {
    --ind-orange: #f68a1e;
    --ind-dark-bg: #0d0d0d;
    --ind-card-bg: #151515;
    --ind-border: rgba(255, 255, 255, 0.08);
    --ind-font-mono: 'Inter', monospace;
}

/* 1. HUD & Grid Backgrounds */
.brs-ind-section {
    position: relative;
    background-color: var(--ind-dark-bg);
    background-image:
        linear-gradient(rgba(246, 138, 30, 0.02) 1px, transparent 1px),
        linear-gradient(90deg, rgba(246, 138, 30, 0.02) 1px, transparent 1px);
    background-size: 50px 50px;
    /* Subtle industrial grid */
}

/* 2. Advanced Modular Card */
.brs-ind-module {
    background: var(--ind-card-bg);
    border: 1px solid var(--ind-border);
    border-radius: 0;
    /* Pure industrial sharp edge */
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    display: flex;
    flex-direction: column;
    height: 100%;
}

.brs-ind-module:hover {
    border-color: var(--ind-orange);
    box-shadow: 0 0 20px rgba(246, 138, 30, 0.15);
}

/* Corner Bracket Decor */
.brs-ind-module::before {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    width: 20px;
    height: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
}

.brs-ind-module:hover::before {
    border-color: var(--ind-orange);
    width: 30px;
    height: 30px;
}

/* Scanning Light Effect */
.brs-ind-scan {
    position: absolute;
    top: -150%;
    left: -150%;
    width: 400%;
    height: 400%;
    background: radial-gradient(circle, rgba(246, 138, 30, 0.08) 0%, transparent 70%);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s ease;
    z-index: 1;
}

.brs-ind-module:hover .brs-ind-scan {
    opacity: 1;
    animation: brs-ind-scanner 4s infinite linear;
}

@keyframes brs-ind-scanner {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/* Tactical HUD Variant (Red) */
.brs-ind-module.brs-ind-tactical {
    background: rgba(252, 0, 18, 0.1) !important;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 6px inset !important;
    border-color: rgba(252, 0, 18, 0.2);
}

.brs-ind-module.brs-ind-tactical:hover {
    border-color: #fc0012;
    box-shadow: rgba(252, 0, 18, 0.3) 0px 0px 15px, rgba(0, 0, 0, 0.3) 0px 0px 6px inset !important;
}

.brs-ind-module.brs-ind-tactical .brs-ind-id-label {
    color: rgba(252, 0, 18, 0.4);
}

.brs-ind-module.brs-ind-tactical .brs-ind-tech-list {
    color: #fc0012;
}

.brs-ind-module.brs-ind-tactical::before {
    border-color: rgba(252, 0, 18, 0.3);
}

.brs-ind-module.brs-ind-tactical .brs-ind-scan {
    background: radial-gradient(circle, rgba(252, 0, 18, 0.1) 0%, transparent 70%);
}

.brs-ind-btn.btn-tactical {
    border-color: #fc0012;
}

.brs-ind-btn.btn-tactical:hover {
    background: #fc0012;
}

/* 3. Header HUD (For Sections) */
.brs-ind-header {
    border-left: 4px solid var(--ind-orange);
    padding-left: 20px;
    margin-bottom: 40px;
}

.brs-ind-header .sub-title {
    font-family: var(--ind-font-mono);
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: var(--ind-orange);
    margin-bottom: 10px;
}

/* 4. Service Layout: Panel Style */
.brs-ind-panel-content {
    padding: 40px;
    z-index: 2;
    position: relative;
}

.brs-ind-id-label {
    position: absolute;
    top: 20px;
    right: 20px;
    font-family: var(--ind-font-mono);
    font-size: 10px;
    color: rgba(255, 255, 255, 0.2);
    letter-spacing: 2px;
}

.brs-ind-module-icon {
    width: 50px;
    height: 50px;
    margin-bottom: 30px;
    filter: brightness(0) invert(1) opacity(0.8);
    transition: all 0.3s ease;
}

.brs-ind-module:hover .brs-ind-module-icon {
    filter: none;
    transform: scale(1.1);
}

.brs-ind-module-title {
    font-size: 24px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 15px;
    font-family: 'Outfit', sans-serif;
}

.brs-ind-module-text {
    font-size: 15px;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.7);
    /* Increased from 0.5 */
    margin-bottom: 30px;
}

/* Technical Details List */
.brs-ind-tech-list {
    list-style: none;
    padding: 0;
    margin: 0 0 40px 0;
    font-family: var(--ind-font-mono);
    font-size: 11px;
    color: var(--ind-orange);
    opacity: 0.6;
}

.brs-ind-tech-list li {
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.1);
}

/* Industrial Button */
.brs-ind-btn {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    padding: 15px 30px;
    background: transparent;
    border: 1px solid var(--ind-orange);
    color: #fff;
    font-family: var(--ind-font-mono);
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    cursor: pointer;
    text-decoration: none;
}

.brs-ind-btn:hover {
    background: var(--ind-orange);
    color: #000;
}

.brs-ind-btn i {
    font-size: 12px;
    transition: transform 0.3s ease;
}

.brs-ind-btn:hover i {
    transform: translateX(5px);
}

/* 5. Project Layout: Blueprint Overlay */
.brs-ind-blueprint {
    position: relative;
    height: 350px;
    background-color: #0d0d0d;
}

.brs-ind-blueprint img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.7;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.brs-ind-module:hover .brs-ind-blueprint img {
    opacity: 0.4;
    transform: scale(1.05);
}

.brs-ind-blueprint-overlay {
    position: absolute;
    inset: 0;
    background-image:
        radial-gradient(circle at 10% 10%, rgba(246, 138, 30, 0.05) 1%, transparent 1%),
        linear-gradient(rgba(246, 138, 30, 0.1) 1px, transparent 1px),
        linear-gradient(90deg, rgba(246, 138, 30, 0.1) 1px, transparent 1px);
    background-size: 20px 20px, 40px 40px, 40px 40px;
    opacity: 0;
    transition: opacity 0.4s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.brs-ind-module:hover .brs-ind-blueprint-overlay {
    opacity: 1;
}

/* 6. Product Showcase: Depth View */
.brs-ind-product-focus {
    background: radial-gradient(circle at center, #222, #0d0d0d);
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.brs-ind-product-focus img {
    max-height: 80%;
    filter: drop-shadow(0 20px 50px rgba(0, 0, 0, 0.8));
    transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.brs-ind-module:hover .brs-ind-product-focus img {
    transform: scale(1.1) rotate(-5deg);
}

.brs-ind-spec-tag {
    position: absolute;
    bottom: 20px;
    left: 20px;
    background: var(--ind-orange);
    color: #000;
    padding: 2px 8px;
    font-family: var(--ind-font-mono);
    font-size: 10px;
    font-weight: 900;
}

/* 7. Grid Helpers */
.brs-ind-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
    gap: 1px;
    /* Technical thin line */
    background: var(--ind-border);
    /* Grid lines come from border color */
    border: 1px solid var(--ind-border);
}

@media (max-width: 768px) {
    .brs-ind-grid {
        grid-template-columns: 1fr;
    }
}

/* 8. Terminal UI (For Teknik Bilgiler) */
.brs-ind-terminal {
    background: #0a0a0a;
    border: 1px solid var(--ind-border);
    border-top: 30px solid #1a1a1a;
    position: relative;
    font-family: var(--ind-font-mono);
}

.brs-terminal-header {
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    height: 30px;
    display: flex;
    align-items: center;
    padding: 0 15px;
    justify-content: space-between;
}

.brs-terminal-dots span {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    margin-right: 5px;
}

.brs-terminal-title {
    color: rgba(255, 255, 255, 0.4);
    font-size: 10px;
    letter-spacing: 1px;
}

.brs-terminal-body {
    padding: 40px;
    max-height: 600px;
    overflow-y: auto;
}

.brs-log-entry {
    margin-bottom: 50px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.brs-log-meta {
    color: var(--ind-orange);
    font-size: 12px;
    margin-bottom: 10px;
    opacity: 0.8;
}

.brs-log-title {
    color: #fff;
    font-size: 20px;
    margin-bottom: 15px;
}

.brs-log-text {
    color: rgba(255, 255, 255, 0.8) !important;
    /* Forces visibility */
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 20px;
}

.brs-log-tag {
    background: rgba(246, 138, 30, 0.1);
    color: var(--ind-orange);
    padding: 4px 10px;
    font-size: 10px;
    margin-right: 10px;
}

.brs-log-link {
    color: #fff;
    text-decoration: none;
    float: right;
    font-size: 12px;
    transition: color 0.3s ease;
}

.brs-log-link:hover {
    color: var(--ind-orange);
}

.brs-terminal-footer {
    background: #151515;
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid var(--ind-border);
}

.brs-terminal-specs {
    font-size: 10px;
    color: rgba(255, 255, 255, 0.3);
}

.brs-cursor {
    color: var(--ind-orange);
    animation: brs-blink 1s infinite;
}

@keyframes brs-blink {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }
}

/* ========================================
   PDF DOWNLOAD WIDGET - PRODUCT PAGES
======================================== */
.pdf-download-widget {
    background: linear-gradient(135deg, #1a2332 0%, #0f141c 100%);
    border-radius: 16px;
    padding: 25px;
    margin-bottom: 30px;
    text-align: center;
    border: 1px solid rgba(246, 138, 30, 0.2);
}

.pdf-download-widget .pdf-icon {
    width: 60px;
    height: 60px;
    background: rgba(246, 138, 30, 0.1);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px;
}

.pdf-download-widget .pdf-icon i {
    font-size: 28px;
    color: #f68a1e;
}

.pdf-download-widget .pdf-title {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 5px;
}

.pdf-download-widget .pdf-size {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 20px;
}

.pdf-download-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    background: linear-gradient(135deg, #f68a1e 0%, #e55a00 100%);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 16px 35px;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.4s ease;
    box-shadow: 0 8px 25px rgba(246, 138, 30, 0.3);
}

.pdf-download-btn:hover {
    background: linear-gradient(135deg, #e55a00 0%, #f68a1e 100%);
    transform: translateY(-3px);
    box-shadow: 0 12px 35px rgba(246, 138, 30, 0.4);
    color: #fff;
}

.pdf-download-btn i:first-child {
    font-size: 18px;
}

.pdf-download-btn i:last-child {
    transition: transform 0.3s ease;
}

.pdf-download-btn:hover i:last-child {
    transform: translateX(5px);
}

/* Fix contrast for subpages */
body.subpage .pdf-download-widget h4,
body.subpage .pdf-download-widget p,
body.subpage .pdf-download-widget .pdf-title,
body.subpage .pdf-download-widget .pdf-size {
    color: #ffffff !important;
}

body.subpage .product-nav-widget h3,
body.subpage .product-nav-widget .nav-link .title {
    color: #ffffff !important;
}

body.subpage .cta-widget h3,
body.subpage .cta-widget p {
    color: #ffffff !important;
}

/* CTA Widget Base Styles */
.cta-widget {
    position: relative;
    padding: 40px 30px;
    border-radius: 20px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    text-align: left;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.cta-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(26, 35, 50, 0.95) 0%, rgba(10, 15, 24, 0.8) 100%);
    z-index: 1;
}

.cta-content {
    position: relative;
    z-index: 2;
}

.cta-widget h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 1.3;
}

.cta-widget p {
    font-size: 15px;
    opacity: 0.9;
    margin-bottom: 25px;
    line-height: 1.6;
}

.cta-widget .th-btn {
    padding: 12px 25px;
    font-size: 14px;
}

/* ========================================
   PRODUCT ITEM GRID - NEW
   ======================================== */
.product-items-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 30px;
    margin-top: 40px;
}

.product-item-card {
    background: #ffffff;
    border-radius: 24px;
    padding: 25px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.05);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.product-item-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
    border-color: rgba(246, 138, 30, 0.3);
}

.product-item-card .product-img {
    height: 180px;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f9fa;
    border-radius: 18px;
    padding: 20px;
    transition: all 0.4s ease;
    overflow: hidden;
}

.product-item-card:hover .product-img {
    background: #ffffff;
    box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.02);
}

.product-item-card .product-img img {
    max-height: 100%;
    width: auto;
    object-fit: contain;
    border-radius: 12px;
    transition: transform 0.5s ease;
}

.product-item-card:hover .product-img img {
    transform: scale(1.08);
}

.product-item-card .product-title {
    font-size: 20px;
    font-weight: 800;
    color: #1a1a1a;
    margin-bottom: 12px;
    font-family: 'Outfit', sans-serif;
}

.product-item-card .product-desc {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 25px;
    flex-grow: 1;
    padding: 0 10px;
}

.product-item-card .product-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #f68a1e;
    color: #ffffff;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    padding: 12px 25px;
    border-radius: 50px;
    transition: all 0.3s ease;
    width: fit-content;
    margin: 0 auto;
}

.product-item-card .product-btn i {
    font-size: 12px;
    transition: transform 0.3s ease;
}

.product-item-card .product-btn:hover {
    background: #e55a00;
    color: #ffffff;
    box-shadow: 0 8px 20px rgba(230, 90, 0, 0.2);
}

.product-item-card .product-btn:hover i {
    transform: translateX(5px);
}

/* ========================================
   PRODUCT PAGE STYLES
======================================== */
.product-hero {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: stretch;
    /* Stretch child to full height */
    justify-content: flex-start;
    overflow: hidden;
    padding-top: 0;
    /* Remove padding from parent */
    padding-bottom: 0;
    text-align: left;
}

/* Generic Orange Text Class */
.text-theme {
    color: #f68a1e !important;
}

.product-hero .hero-bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.product-hero .hero-content {
    position: relative;
    z-index: 3;
    width: 100%;
    height: auto;
    min-height: 100vh;
    /* Ensure it covers full screen */
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    /* Push content to bottom */
    padding: 120px 0 60px;
    /* Internal padding for content spacing */
}

.product-hero .hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(10, 15, 24, 0.9) 0%, rgba(26, 35, 50, 0.85) 100%);
    z-index: 1;
}

.product-hero .hero-content {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 100px 0 60px;
}

.product-hero .hero-category {
    display: inline-block;
    background: rgba(246, 138, 30, 0.2);
    color: #f68a1e;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 8px 20px;
    border-radius: 50px;
    margin-bottom: 20px;
}

.product-hero .hero-title {
    position: absolute;
    /* Detach from flow */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: clamp(3rem, 7vw, 5.5rem);
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: -1.5px;
    margin: 0;
    padding: 0 20px;
    z-index: 10;
}

.product-hero .hero-excerpt {
    color: rgba(255, 255, 255, 0.85);
    font-size: 18px;
    max-width: 600px;
    margin-bottom: 30px;
}

.product-hero .hero-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.product-hero .hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    padding: 12px 20px;
    border-radius: 10px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}

.product-hero .hero-badge i {
    color: #f68a1e;
}

/* Product Specs Grid */
.product-specs-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin: 40px 0;
}

.product-spec-card {
    background: linear-gradient(135deg, #1a2332 0%, #0a0f18 100%);
    border-radius: 16px;
    padding: 25px;
    text-align: center;
    border: 1px solid rgba(246, 138, 30, 0.2);
    transition: all 0.3s ease;
}

.product-spec-card:hover {
    transform: translateY(-5px);
    border-color: rgba(246, 138, 30, 0.5);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);
}

/* 
   Project Grid Specific Overrides 
   User Request: "projeler sayfasındaki kartların başlıkları sadece o sayfayı etkilemeli rengi turuncu olmalı"
*/
#proje-grid .property-card-title a {
    color: #f68a1e !important;
}

/* 
   Product Series Cards (ISO/ECO)
   User Request: "seriler bölümüne özel bir animsyon ver hover da" & "başlıklarının rengi turuncu olsun"
*/
.series-card {
    display: block;
    background: linear-gradient(135deg, #1a2332 0%, #0f141c 100%);
    border-radius: 16px;
    padding: 30px;
    text-decoration: none;
    border: 1px solid rgba(246, 138, 30, 0.2);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    /* Bouncy elegant transition */
    position: relative;
    overflow: hidden;
}

.series-card:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), 0 0 20px rgba(246, 138, 30, 0.2);
    border-color: rgba(246, 138, 30, 0.6);
}

.series-card h3 {
    color: #f68a1e !important;
    /* Orange titles as requested */
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    transition: color 0.3s ease;
}

.series-card p {
    color: #ffffff;
    font-size: 14px;
    margin-bottom: 15px;
    transition: opacity 0.3s ease;
}

.series-card span {
    color: #f68a1e;
    font-size: 14px;
    font-weight: 600;
}

/* UNIVERSAL DISTINCT GLASS CARD STYLE (FORMERLY WHITE) 
   User Feedback (Step 8260): "Beyaz çok sırıtmış... glassmorph kullan" */
.white-card-style {
    background: rgba(40, 48, 60, 0.45);
    /* Distinguishable but dark glass */
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 20px;
    overflow: hidden;
    transition: all 0.4s ease;
    height: 100%;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.08);
    /* Subtle border for separation */
}

.white-card-style:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
}

.white-card-style h3 a,
.white-card-style h4 {
    color: #ffffff !important;
    /* Revert to white text */
    transition: color 0.3s ease;
}

.white-card-style h3 a:hover {
    color: #f68a1e !important;
}

.white-card-style p,
.white-card-style li span {
    color: #ffffff !important;
    opacity: 0.9;
}

/* Update Product Card (Service Card Modern) to White */
/* Update Product Card (Service Card Modern) to Distinct Glass */
.service-card-modern {
    background: rgba(40, 48, 60, 0.45);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 20px;
    padding: 0;
    margin-bottom: 0;
    transition: all 0.4s ease;
    overflow: hidden;
    height: 100%;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.service-card-modern .service-title a {
    color: #f68a1e;
}

.service-card-modern .service-excerpt {
    color: #ffffff !important;
    opacity: 0.9;
}

.service-card-modern .service-features li {
    color: #ffffff !important;
    opacity: 0.9;
}

/* RESTORED SELECTOR */
.product-spec-card .spec-icon {
    width: 50px;
    height: 50px;
    background: rgba(246, 138, 30, 0.15);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px;
}

.product-spec-card .spec-icon i {
    font-size: 22px;
    color: #f68a1e;
}

.product-spec-card .spec-value {
    font-size: 28px;
    font-weight: 900;
    color: #fff;
    margin-bottom: 5px;
}

.product-spec-card .spec-label {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Product Features List */
.product-features-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.product-features-list li {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 15px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.product-features-list li:last-child {
    border-bottom: none;
}

.product-features-list li i {
    width: 24px;
    height: 24px;
    background: rgba(246, 138, 30, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #f68a1e;
    flex-shrink: 0;
    margin-top: 2px;
}

.product-features-list li span {
    color: rgba(255, 255, 255, 0.85);
    font-size: 15px;
    line-height: 1.6;
}

/* Product Gallery */
.product-gallery {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin: 40px 0;
}

.product-gallery-item {
    border-radius: 16px;
    overflow: hidden;
    position: relative;
}

.product-gallery-item img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.product-gallery-item:hover img {
    transform: scale(1.1);
}

/* Sidebar Product Navigation */
.product-nav-widget {
    background: linear-gradient(135deg, #1a2332 0%, #0a0f18 100%);
    border-radius: 16px;
    padding: 25px;
    margin-bottom: 30px;
}

.product-nav-widget h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.product-nav-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.product-nav-list li {
    margin-bottom: 5px;
}

.product-nav-list li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 15px;
    border-radius: 10px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
}

.product-nav-list li a:hover,
.product-nav-list li a.active {
    background: rgba(246, 138, 30, 0.15);
    color: #f68a1e;
}

.product-nav-list li a i {
    opacity: 0;
    transform: translateX(-10px);
    transition: all 0.3s ease;
}

.product-nav-list li a:hover i,
.product-nav-list li a.active i {
    opacity: 1;
    transform: translateX(0);
}

@media (max-width: 991px) {
    .product-hero .hero-title {
        font-size: 42px;
        /* Increased from 32px */
    }

    .product-specs-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .product-hero .hero-title {
        font-size: 36px;
        /* Increased from 28px */
    }

    .product-specs-grid {
        grid-template-columns: 1fr;
    }

    .product-gallery {
        grid-template-columns: 1fr;
    }
}

/* ========================================================================
   BLOG FILTERS MODENIZATION
   ======================================================================== */
.blog-filter-wrapper {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
    position: relative;
    z-index: 100;
}

.blog-filters {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    background: rgba(26, 35, 50, 0.8);
    padding: 10px 15px;
    border-radius: 60px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

@supports (backdrop-filter: blur(20px)) {
    .blog-filters {
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        background: rgba(26, 35, 50, 0.6);
    }
}

.filter-btn {
    position: relative;
    padding: 12px 28px;
    border-radius: 40px;
    color: rgba(255, 255, 255, 0.65);
    font-size: 15px;
    font-weight: 600;
    text-decoration: none !important;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    background: transparent;
    border: 1px solid transparent;
    cursor: pointer;
    overflow: hidden;
    letter-spacing: 0.3px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.filter-btn:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.08);
    transform: translateY(-2px);
}

.filter-btn.active {
    background: #f68a1e;
    color: #fff;
    box-shadow: 0 5px 20px rgba(246, 138, 30, 0.4);
    border-color: rgba(255, 255, 255, 0.1);
    transform: translateY(-2px);
}

.filter-btn.active:hover {
    background: #e57d15;
}

/* Animasyonlu geçiş için */
.blog-item {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform, opacity;
}

/* Blog Kart Görünüm Düzeltmeleri */
.property-card-title {
    min-height: 54px;
    /* Başlıklar için eşit alan */
}

.property-card-title a {
    color: #f68a1e !important;
    text-decoration: none;
    transition: color 0.3s ease;
}

.property-card-title a:hover {
    color: #ff9f3a !important;
}

/* Pagination container animasyonu */
#pagination-container {
    transition: opacity 0.4s ease, height 0.4s ease;
    overflow: hidden;
}

#pagination-container.hidden {
    opacity: 0;
    height: 0;
    margin: 0 !important;
    pointer-events: none;
}

/* ========================================================================
   12. PAGINATION DARK MODE FIX
   ======================================================================== */
.theme-color2 .th-pagination li a,
.brs-ind-section .th-pagination li a,
.th-pagination li a {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.theme-color2 .th-pagination li a:hover,
.brs-ind-section .th-pagination li a:hover,
.theme-color2 .th-pagination li a.active,
.brs-ind-section .th-pagination li a.active,
.th-pagination li a:hover,
.th-pagination li a.active {
    background-color: #f68a1e !important;
    color: #ffffff !important;
    border-color: #f68a1e !important;
    box-shadow: 0 0 15px rgba(246, 138, 30, 0.4);
}

/* ========================================================================
   2026 CONTACT PAGE REDESIGN - PHASE 2 ("Dark Glass & Contrast")
   ======================================================================== */

/* Global Wrapper Override for Contact Page */
.contact-hub-wrapper {
    position: relative;
    padding: 80px 0 120px 0;
    margin-top: 0;
    background: #0f0f0f;
    background: radial-gradient(circle at top right, #1a1a1a 0%, #050505 100%);
    overflow: hidden;
    color: #ffffff !important;
    /* Force White Text Global */
}

/* Ensure all text inside is white */
.contact-hub-wrapper h1,
.contact-hub-wrapper h2,
.contact-hub-wrapper h3,
.contact-hub-wrapper h4,
.contact-hub-wrapper h5,
.contact-hub-wrapper h6,
.contact-hub-wrapper p,
.contact-hub-wrapper span,
.contact-hub-wrapper a,
.contact-hub-wrapper label,
.contact-hub-wrapper input,
.contact-hub-wrapper select,
.contact-hub-wrapper textarea {
    color: #ffffff !important;
}

/* Background Ambient Glows */
.contact-hub-wrapper::before {
    content: '';
    position: absolute;
    top: -20%;
    right: -10%;
    width: 800px;
    height: 800px;
    background: radial-gradient(circle, rgba(246, 138, 30, 0.08) 0%, transparent 70%);
    border-radius: 50%;
    filter: blur(100px);
    z-index: 0;
    animation: pulseGlow 15s infinite alternate;
}

/* ========================================================================
   NEW MODERN HERO SECTION
   ======================================================================== */
.modern-hero-section {
    position: relative;
    height: 550px;
    /* Increased height for impact */
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
    overflow: hidden;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.modern-hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/bg/contact_hero_new.png');
    /* New generated hero image */
    background-size: cover;
    background-position: center;
    opacity: 0.5;
    /* Increased opacity for new image */
    filter: grayscale(80%) contrast(1.1);
    transform: scale(1.1);
    transition: transform 10s ease;
}

.modern-hero-section:hover .modern-hero-bg {
    transform: scale(1.0);
}

.modern-hero-content {
    position: relative;
    z-index: 2;
    text-align: center;
}

.hero-big-title {
    font-size: 100px;
    font-weight: 900;
    letter-spacing: -3px;
    color: #ffffff !important;
    /* FORCED WHITE */
    margin: 0;
    line-height: 0.9;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    background: none;
    -webkit-text-fill-color: #ffffff !important;
}

.hero-big-title span.highlight {
    color: #f68a1e !important;
    -webkit-text-fill-color: #f68a1e !important;
    display: block;
}

.hero-breadcrumb {
    display: inline-flex;
    gap: 15px;
    margin-top: 20px;
    padding: 10px 25px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 50px;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.hero-breadcrumb a,
.hero-breadcrumb span {
    font-size: 14px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.7) !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
}

.hero-breadcrumb .active {
    color: #f68a1e !important;
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ========================================================================
   GLASS PORTAL CARD (PHASE 4 - BALANCED & SLEEK)
   ======================================================================== */
.glass-portal-card {
    position: relative;
    z-index: 2;
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 24px;
    padding: 0;
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 0 60px rgba(246, 138, 30, 0.08);
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    margin-top: -60px;
}

/* 50/50 SPLIT ENFORCEMENT */
.portal-left {
    flex: 0 0 50%;
    max-width: 50%;
    background: rgba(0, 0, 0, 0.3);
    /* Subtle separation */
    padding: 80px 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-right: 1px solid rgba(246, 138, 30, 0.3);
    /* Subtle Orange Separator */
}

.portal-right {
    flex: 0 0 50%;
    /* STRICT EQUALITY */
    max-width: 50%;
    background: transparent;
    padding: 80px 60px;
    /* Matching padding */
}

/* Typography & Layout */
.portal-left h2 {
    font-size: 42px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 50px;
}

.portal-info-item {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-bottom: 40px;
}

/* ORANGE ICON BOX STYLE (Reference Match) */
.portal-icon {
    width: 54px;
    height: 54px;
    background: #f68a1e;
    /* Solid Orange Background */
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    /* White Icon */
    font-size: 22px;
    flex-shrink: 0;
    box-shadow: 0 10px 20px rgba(246, 138, 30, 0.3);
    transition: transform 0.3s ease;
}

.portal-info-item:hover .portal-icon {
    transform: scale(1.1);
}

.portal-text h5 {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.5) !important;
    margin-bottom: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.portal-text p,
.portal-text a {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: #fff !important;
}

/* FORM STYLING (Reference Match) */
.portal-form-title {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 50px;
    display: flex;
    align-items: center;
    gap: 15px;
    color: #fff;
}

.portal-form-control {
    width: 100%;
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    /* Distinct underline */
    border-radius: 0;
    padding: 12px 0;
    font-size: 15px;
    color: #fff !important;
    transition: all 0.3s ease;
}

.portal-form-control:focus {
    background: transparent;
    border-bottom-color: #f68a1e;
    box-shadow: none;
}

.portal-input-group {
    position: relative;
    margin-bottom: 40px;
    /* Spacious */
}

.portal-input-group i {
    position: absolute;
    top: 12px;
    right: 0;
    color: rgba(255, 255, 255, 0.3) !important;
    pointer-events: none;
}

.portal-form-control:focus+i {
    color: #f68a1e !important;
}

.portal-submit-btn {
    background: #f68a1e;
    color: #fff !important;
    padding: 16px 40px;
    border-radius: 50px;
    font-weight: 800;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: none;
    box-shadow: 0 15px 30px rgba(246, 138, 30, 0.25);
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.portal-submit-btn:hover {
    background: #ffffff;
    color: #f68a1e !important;
    box-shadow: 0 10px 40px rgba(255, 255, 255, 0.2);
    transform: translateY(-3px);
}

.portal-submit-btn:hover span,
.portal-submit-btn:hover i {
    color: #f68a1e !important;
}

/* CINEMATIC MAP (Preserved) */
.cinematic-map-wrapper {
    position: relative;
    height: 500px;
    width: 100%;
    overflow: hidden;
    filter: none;
}

.cinematic-map-wrapper iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.map-overlay-pulse {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 10;
}

.pulse-ring {
    width: 20px;
    height: 20px;
    background: #f68a1e;
    border-radius: 50%;
    position: relative;
    animation: pulseDot 2s infinite;
}

.pulse-ring::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    border: 2px solid #f68a1e;
    border-radius: 50%;
    animation: pulseRing 2s infinite;
}

@keyframes pulseDot {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes pulseRing {
    0% {
        width: 20px;
        height: 20px;
        opacity: 1;
    }

    100% {
        width: 100px;
        height: 100px;
        opacity: 0;
    }
}

/* Responsiveness */
@media (max-width: 991px) {
    .glass-portal-card {
        flex-direction: column;
    }

    .portal-left,
    .portal-right {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 50px 30px;
    }
}

/* ========================================================================
   LEGAL PAGES (PHASE 5 - DARK GLASS THEME)
   ======================================================================== */
/* Sync Background with Hizmetler Page */
.legal-page-wrapper {
    position: relative;
    padding: 80px 0;
    background: linear-gradient(135deg, #0c121d 0%, #1a2332 100%);
}

.legal-glass-card {
    /* Enhanced Glassmorphism - More Prominent */
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-top: 1px solid rgba(255, 255, 255, 0.35);
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.15),
        0 0 80px rgba(246, 138, 30, 0.05);
    border-radius: 24px;
    padding: 60px;
    margin-bottom: 60px;
}

.legal-title {
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
    letter-spacing: -1px;
}

.legal-subtitle {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 40px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.legal-section {
    margin-bottom: 50px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    padding-bottom: 40px;
}

.legal-section:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.legal-section-title {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
}

/* ORANGE ICON BOX for Legal Headers */
.legal-icon {
    width: 44px;
    height: 44px;
    background: #f68a1e;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    font-size: 18px;
    flex-shrink: 0;
    box-shadow: 0 10px 20px rgba(246, 138, 30, 0.2);
}

.legal-section h3 {
    font-size: 22px;
    font-weight: 700;
    color: #fff !important;
    margin: 0;
}

.legal-content p {
    font-size: 16px;
    line-height: 1.8;
    color: #ffffff !important;
    margin-bottom: 20px;
    max-width: 85ch;
}

/* List Styling */
.legal-list {
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

.legal-list li {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 15px;
    color: #ffffff !important;
    font-size: 16px;
}

.legal-list li span,
.legal-list li span strong,
.legal-content strong,
.legal-glass-card * {
    color: #ffffff !important;
}

.legal-list li i {
    color: #f68a1e;
    font-size: 18px;
    margin-top: 5px;
    flex-shrink: 0;
}

/* Info Box / Table Style */
.legal-info-box {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    padding: 30px;
    margin-top: 25px;
}

.legal-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin-top: 20px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.legal-table th {
    text-align: left;
    padding: 18px 20px;
    color: #f68a1e !important;
    font-weight: 700;
    background: rgba(246, 138, 30, 0.1);
    border-bottom: 1px solid rgba(246, 138, 30, 0.2);
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.legal-table td {
    padding: 16px 20px;
    color: #ffffff !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    font-size: 15px;
    transition: background 0.2s ease;
}

.legal-table tr:hover td {
    background: rgba(255, 255, 255, 0.03);
}

.legal-table tr:last-child td {
    border-bottom: none;
}

/* Analitik badge styling */
.legal-table td:nth-child(2) {
    font-weight: 600;
}

/* Contact Box within Legal */
.legal-contact {
    background: rgba(246, 138, 30, 0.1);
    border: 1px solid rgba(246, 138, 30, 0.2);
    border-radius: 16px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.legal-contact p {
    margin: 0;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
}

.legal-contact a {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}

.legal-contact a:hover {
    color: #f68a1e;
}

@media (max-width: 768px) {
    .legal-glass-card {
        padding: 30px;
        border-radius: 16px;
    }

    .legal-title {
        font-size: 28px;
    }

    .legal-section-title {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .legal-table {
        display: block;
        overflow-x: auto;
    }
}

/* ----------------------------------------------------
   13. LIVE SEARCH (ANLIK ARAMA) STYLES
   ---------------------------------------------------- */
.live-search-results {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #1a1f29;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 0 0 8px 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    z-index: 99999;
    margin-top: 5px;
    overflow: hidden;
    max-height: 400px;
    overflow-y: auto;
}

.live-search-header {
    padding: 8px 15px;
    background: rgba(255, 255, 255, 0.03);
    color: rgba(255, 255, 255, 0.5);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.live-search-item {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    text-decoration: none;
    transition: all 0.2s ease;
    gap: 15px;
}

.live-search-item:last-child {
    border-bottom: none;
}

.live-search-item:hover {
    background: rgba(246, 138, 30, 0.1);
}

.live-result-img {
    width: 50px;
    height: 50px;
    border-radius: 6px;
    overflow: hidden;
    flex-shrink: 0;
    background: #000;
}

.live-result-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.live-result-info {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 3px;
    align-items: flex-start;
    /* Sola dayalı */
    text-align: left;
    /* Metinleri sola yasla */
    justify-content: center;
    /* Dikeyde ortala */
}

.live-result-title {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
}

.live-result-title .highlight {
    color: #f68a1e;
    background: rgba(246, 138, 30, 0.15);
    padding: 0 2px;
    border-radius: 2px;
}

.live-result-cat {
    color: rgba(255, 255, 255, 0.5);
    font-size: 11px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.live-arrow {
    color: rgba(255, 255, 255, 0.2);
    font-size: 12px;
}

.live-search-item:hover .live-arrow {
    color: #f68a1e;
    transform: translateX(3px);
}

.live-view-all {
    display: block;
    text-align: center;
    padding: 12px;
    background: #f68a1e;
    color: #fff !important;
    font-weight: 600;
    font-size: 13px;
    transition: all 0.3s;
}

.live-view-all:hover {
    background: #d6710b;
}

.live-no-results {
    padding: 20px;
    text-align: center;
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
}

/* Form input parent fix */
.brs-search-hero-input {
    position: relative;
    /* Container for live results */
}

/* Popup Search Placeholder Opacity */
.search-form-ultra input::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
    opacity: 1;
    /* Firefox default opacity override */
}

.search-form-ultra input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

.search-form-ultra input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
    opacity: 1;
}

.search-form-ultra input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* Placeholder Focus Durumu - Tıklayınca Kaybolsun */
.search-form-ultra input:focus::placeholder {
    opacity: 0 !important;
    transition: opacity 0.3s ease;
}

.search-form-ultra input:focus::-webkit-input-placeholder {
    opacity: 0 !important;
}

.search-form-ultra input:focus::-moz-placeholder {
    opacity: 0 !important;
}

.search-form-ultra input:focus:-ms-input-placeholder {
    opacity: 0 !important;
}

/* USER REQUEST: Turuncu başlıkları siyah yap */
.property-card-title a {
    color: #000000 !important;
}

.property-card-title a:hover {
    color: #f68a1e !important;
}

/* USER REQUEST: Teknik Bilgiler kart başlıklarını turuncu yap (Scoped) */
#blog-grid .property-card-title,
#blog-grid .property-card-title a {
    color: #f68a1e !important;
}

/* ========================================================================
   EVRENSEL MOBİL UYUMLULUK AYARLARI (Max-Genişlik: 768px)
   AÇIKLAMA: Bu bölüm SADECE telefonlarda (iPhone, Android vb.) çalışır.
   Masaüstü görünümünü etkilemez.
   ======================================================================== */
@media (max-width: 768px) {

    /* 1. Hero (Ana Başlık) Alanları - Güvenli Bölge ve Boyutlandırma */
    .product-hero,
    .blog-hero-ultra {
        min-height: 85vh !important;
        /* Dikeyde yeterli alan bırak (Ekranın %85'i kadar) */
        padding-bottom: 0 !important;
    }

    .product-hero .hero-content,
    .blog-hero-ultra .hero-content {
        padding-bottom: 40px !important;
        /* İçeriği biraz yukarı iterek alt kısımdan ayrılmasını sağlar */
        justify-content: flex-end;
    }

    /* 2. Başlıklar - Taşma ve Örtüşme Önleme */
    .product-hero .hero-title,
    .blog-hero-ultra .hero-title {
        /* clamp(min, ideal, max) -> Ekran küçüldükçe fontu otomatik küçültür */
        font-size: clamp(2.2rem, 8vw, 3.2rem) !important;
        width: 90% !important;
        left: 50% !important;
        /* Yazıyı hafif yukarı taşıyarak alttaki buton/yazılarla çakışmasını engeller */
        transform: translate(-50%, -60%) !important;
        line-height: 1.15 !important;
    }

    /* 3. Açıklama Yazıları ve Rozetler - Mobil Düzeni */
    .product-hero .hero-excerpt,
    .blog-hero-ultra .hero-excerpt {
        font-size: 15px !important;
        max-width: 100% !important;
        /* Mobilde okumayı kolaylaştırmak için yazıları ortala */
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 20px !important;
        padding: 0 15px;
    }

    .product-hero .hero-badges,
    .blog-hero-ultra .blog-meta-glass {
        justify-content: center !important;
        /* Rozetleri ortala */
    }

    .product-hero .hero-category,
    .blog-hero-ultra .hero-category {
        margin-left: auto !important;
        margin-right: auto !important;
        display: table !important;
        /* Kategori etiketini ortalar */
        margin-bottom: 15px !important;
    }

    /* 4. Izgara (Grid) Sistemi Güvenliği */
    .container {
        /* Kenarlardan boşluk bırakarak içeriğin ekrana yapışmasını önler */
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    /* 5. Font Ölçekleme (Genel Başlıklar) */
    h1,
    .h1 {
        font-size: clamp(2rem, 5vw, 2.5rem) !important;
    }

    h2,
    .h2 {
        font-size: clamp(1.8rem, 4vw, 2.2rem) !important;
    }

    /* 6. Kart Ayarları */
    .product-card,
    .service-card,
    .series-card {
        margin-bottom: 20px;
        /* Kartlar arasına mesafe koy */
    }

    /* 7. Proje Slider Düzeltmesi (Mobil) */
    .project-slider4-1 {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* 8. Footer Mobil Düzenlemesi (Screenshot Düzeltmesi) */
    .footer-mega-grid .row {
        text-align: center !important;
        /* Tüm footer içeriğini ortala */
    }

    .footer-widget-modern {
        margin-bottom: 40px !important;
        align-items: center !important;
    }

    .footer-widget-modern p {
        max-width: 90% !important;
        /* Inline 240px limitini kaldır */
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .footer-links-modern li {
        justify-content: center !important;
        /* Linkleri ortala */
    }

    .footer-services-modern li {
        justify-content: center !important;
    }

    .footer-social-modern {
        justify-content: center !important;
        width: 100% !important;
        display: flex !important;
        gap: 15px !important;
    }

    /* 9. Header ve Mobil Menü Düzeltmesi */
    .header-logo img {
        max-width: 180px !important;
        /* Logo mobilde çok büyük kalmasın */
    }

    .th-header .th-btn {
        display: none !important;
        /* "Bize Ulaşın" butonu mobilde gizlensin */
    }

    .th-menu-toggle {
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        width: 30px !important;
        height: auto !important;
        margin-left: 15px !important;
        display: none !important;
        /* VARSAYILAN OLARAK GİZLİ (Desktop için) */
        align-items: center !important;
        justify-content: center !important;
    }

    /* Sadece Mobilde Göster */
    @media (max-width: 991px) {
        .th-menu-toggle {
            display: inline-flex !important;
        }
    }



    .custom-burger-icon {
        display: flex;
        flex-direction: column;
        gap: 5px;
        /* Çizgiler arası boşluk */
        width: 100%;
        align-items: flex-end;
        /* Sağdan hizalı dursun (opsiyonel) */
    }

    .custom-burger-icon .line {
        display: block;
        width: 100%;
        height: 2px;
        /* Çizgi kalınlığı */
        background-color: #fff;
        /* Üst ve alt çizgi beyaz */
        border-radius: 2px;
        transition: 0.3s;
    }

    .custom-burger-icon .line.orange-line {
        background-color: #f68a1e !important;
        /* ORTA ÇİZGİ TURUNCU */
        width: 75%;
        /* Ortadaki çizgi biraz kısa olsun, şık durur */
    }

    /* İLETİŞİM ALANI DÜZELTMESİ (SON VE KESİN) */
    .footer-mega-grid .footer-contact-modern {
        display: table !important;
        /* İçeriğe göre genişle */
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 350px !important;
        /* Mobilde taşmayı önle */
        width: 100% !important;
        text-align: left !important;
        /* İçindekileri sola daya */
    }

    .footer-contact-modern .widget-title-modern {
        text-align: center !important;
        /* Başlığı ortala */
        display: block !important;
        width: 100% !important;
    }

    .footer-contact-modern .contact-item {
        display: flex !important;
        justify-content: flex-start !important;
        /* İkonları sola daya */
        text-align: left !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 15px !important;
        padding-left: 10px !important;
        /* Hafif iç boşluk */
    }

    /* Copyright Kısmı Taşma Çözümü */
    .footer-copyright-unified .copyright-content {
        flex-direction: column !important;
        gap: 15px !important;
    }

    .footer-legal-links {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 10px !important;
    }

    .footer-legal-links a {
        font-size: 13px !important;
        white-space: nowrap !important;
    }
}

/* ========================================================================
   TABLET & KOMPAKT LAPTOP OPTİMİZASYONU (769px - 1366px)
   AÇIKLAMA: Bu bölüm iPad, Tablet ve Küçük Ekranlı Laptopları (13 inç) hedefler.
   Hem dikey hem yatay tabletleri korur.
   ======================================================================== */
@media (min-width: 769px) and (max-width: 1366px) {

    /* 1. Orta Yükseklik Gereksinimi */
    .product-hero,
    .blog-hero-ultra {
        min-height: 90vh !important;
        /* Tabletlerde de ekranın çoğunu kaplasın ama taşmasın */
        padding-bottom: 0 !important;
    }

    .product-hero .hero-content,
    .blog-hero-ultra .hero-content {
        padding-bottom: 60px !important;
        /* Alt kısımdan güvenli boşluk */
        justify-content: flex-end;
    }

    /* 2. Başlık Ölçekleme (Ne çok büyük, ne çok küçük) */
    .product-hero .hero-title,
    .blog-hero-ultra .hero-title {
        /* Mobilden büyük, masaüstünden küçük dinamik font */
        font-size: clamp(3rem, 6vw, 4rem) !important;
        width: 80% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        line-height: 1.1 !important;
    }

    /* 3. İçerik Hizalama Güvenliği */
    .product-hero .hero-excerpt,
    .blog-hero-ultra .hero-excerpt {
        font-size: 16px !important;
        max-width: 700px !important;
        margin-left: 0 !important;
        /* Geniş ekranlarda olduğu gibi SOLA dayalı kalsın */
        margin-right: auto !important;
        padding-left: 0;
    }

    /* 4. Grid (Sütun) Sıkışmasını Önleme */
    .col-lg-3,
    .col-lg-4 {
        /* Yan yana duran kartların birbirine girmesini engeller */
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* DESKTOP GÜVENLİK KİLİDİ: MASAÜSTÜNDE ASLA GÖSTERME (ROOT LEVEL) */
@media (min-width: 992px) {
    .th-menu-toggle {
        display: none !important;
    }
}

/* ========================================================================

.th-language-switcher:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.th-language-switcher .lang-btn {
    position: relative;
    flex: 1;
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.6);
    font-size: 13px;
    font-weight: 600;
    font-family: 'Outfit', sans-serif;
    letter-spacing: 0.5px;
    padding: 0;
    height: 100%;
    cursor: pointer;
    z-index: 2;
    transition: color 0.4s ease;
}

.th-language-switcher .lang-btn.active {
    color: #fff;
}

.th-language-switcher .lang-indicator {
    position: absolute;
    top: 4px;
    left: 4px;
    width: calc(50% - 4px);
    height: calc(100% - 8px);
    background: linear-gradient(135deg, #f68a1e, #ff9e3d);
    border-radius: 100px;
    z-index: 1;
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    box-shadow: 0 4px 15px rgba(246, 138, 30, 0.3);
}

/* English Active State for the sliding background */
.th-language-switcher.en-active .lang-indicator {
    transform: translateX(100%);
}

@media (max-width: 991px) {
    .th-language-switcher {
        margin-left: 10px;
        margin-right: 5px;
        width: 75px;
        height: 34px;
    }

    .th-language-switcher .lang-btn {
        font-size: 11px;
    }
}

/* ========================================================================

.th-language-switcher.larger-switcher:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.25);
    box-shadow: 0 8px 32px rgba(246, 138, 30, 0.15);
}

.th-language-switcher.larger-switcher .lang-btn {
    position: relative;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
    font-weight: 700;
    font-family: 'Outfit', sans-serif;
    letter-spacing: 0.8px;
    padding: 0;
    height: 100%;
    cursor: pointer;
    z-index: 2;
    transition: all 0.4s ease;
}

.th-language-switcher.larger-switcher .lang-btn.active {
    color: #fff;
}

.th-language-switcher.larger-switcher .flag-svg {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    object-fit: cover;
    border: 1.5px solid rgba(255, 255, 255, 0.1);
    transition: transform 0.4s ease;
}

.th-language-switcher.larger-switcher .lang-btn.active .flag-svg {
    border-color: rgba(255, 255, 255, 0.5);
    transform: scale(1.1);
}

.th-language-switcher.larger-switcher .lang-indicator {
    position: absolute;
    top: 5px;
    left: 5px;
    width: calc(50% - 5px);
    height: calc(100% - 10px);
    background: linear-gradient(135deg, #f68a1e, #ff9e3d);
    border-radius: 100px;
    z-index: 1;
    transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
    box-shadow: 0 4px 15px rgba(246, 138, 30, 0.4);
}

/* English Active State */
.th-language-switcher.larger-switcher.en-active .lang-indicator {
    transform: translateX(100%);
}

@media (max-width: 1199px) {
    .th-language-switcher.larger-switcher {
        width: 110px;
        height: 42px;
        margin-left: 15px;
    }

    .th-language-switcher.larger-switcher .lang-btn {
        font-size: 13px;
        gap: 5px;
    }

    .th-language-switcher.larger-switcher .flag-svg {
        width: 18px;
        height: 18px;
    }
}

@media (max-width: 991px) {
    .th-language-switcher.larger-switcher {
        width: 100px;
        height: 38px;
        margin-left: 10px;
        margin-right: 5px;
    }
}

/* ======================================================================== */

.th-language-switcher.larger-switcher .lang-btn {
    position: relative;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
    font-weight: 800;
    font-family: 'Outfit', sans-serif;
    padding: 0;
    height: 100%;
    cursor: pointer;
    z-index: 2;
    transition: all 0.4s ease;
}

.th-language-switcher.larger-switcher .flag-svg {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    flex-shrink: 0;
    /* Guard against squeezing */
    object-fit: cover;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    transition: all 0.4s ease;
}

.th-language-switcher.larger-switcher .lang-btn.active .flag-svg {
    border-color: #fff;
    transform: scale(1.1);
}

.th-language-switcher.larger-switcher .lang-indicator {
    position: absolute;
    top: 5px;
    left: 5px;
    width: calc(50% - 5px);
    height: calc(100% - 100px);
    /* Reset before actual set */
}

/* Fix for the indicator calculation */
.th-language-switcher.larger-switcher .lang-indicator {
    height: calc(100% - 10px);
    background: linear-gradient(135deg, #f68a1e, #ff9e3d);
    border-radius: 100px;
    z-index: 1;
    transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.th-language-switcher.larger-switcher.en-active .lang-indicator {
    transform: translateX(100%);
}

@media (max-width: 1199px) {
    .th-language-switcher.larger-switcher {
        width: 120px;
        height: 42px;
    }
}

@media (max-width: 991px) {
    .th-language-switcher.larger-switcher {
        width: 110px;
        height: 38px;
    }
}


/* ========================================================================
   THE QUANTUM SWITCHER (NEO-GLASSMORPHISM & ELASTIC MOTION)
   ======================================================================== */
.th-language-switcher {
    position: relative;
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 100px;
    padding: 3px;
    margin-left: 0 !important;
    margin-right: 0 !important;
    height: 40px;
    width: 90px;
    overflow: hidden;
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.02), 0 10px 30px rgba(0, 0, 0, 0.2);
}

/* Shimmer Reflective Effect */
.th-language-switcher::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg,
            transparent 0%,
            transparent 40%,
            rgba(255, 255, 255, 0.1) 50%,
            transparent 60%,
            transparent 100%);
    transform: rotate(25deg);
    animation: quantumShimmer 6s infinite linear;
    pointer-events: none;
    z-index: 3;
}

@keyframes quantumShimmer {
    0% {
        transform: translateX(-100%) rotate(25deg);
    }

    100% {
        transform: translateX(100%) rotate(25deg);
    }
}

.th-language-switcher .lang-btn {
    position: relative;
    flex: 1;
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.3);
    font-size: 13px;
    font-weight: 700;
    font-family: 'Outfit', sans-serif;
    letter-spacing: 1px;
    padding: 0;
    height: 100%;
    cursor: pointer;
    z-index: 4;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    filter: blur(0.5px);
}

.th-language-switcher .lang-btn.active {
    color: #fff;
    filter: blur(0);
    transform: scale(1.1);
    text-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
}

.th-language-switcher .lang-indicator {
    position: absolute;
    top: 3px;
    left: 3px;
    width: calc(50% - 3px);
    height: calc(100% - 6px);
    background: linear-gradient(135deg, #f68a1e, #ff9e3d);
    border-radius: 100px;
    z-index: 2;
    transition: transform 0.6s cubic-bezier(0.68, -0.6, 0.32, 1.6);
    box-shadow: 0 4px 15px rgba(246, 138, 30, 0.4);
}

.th-language-switcher.en-active .lang-indicator {
    transform: translateX(100%);
}

.th-language-switcher:hover {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.15);
}

@media (max-width: 991px) {
    .th-language-switcher {
        width: 80px;
        height: 34px;
        margin-left: 10px;
    }

    .th-language-switcher .lang-btn {
        font-size: 11px;
    }

    /* ========================================================================
       MOBİL HEADER DÜZENLEMELERİ (Sadece ≤991px)
       ======================================================================== */

    /* Header row - tek satırda, sığdır */
    .th-header.header-layout3 .row {
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 10px 15px !important;
    }

    /* TÜM SÜTUNLARI SIFIRLA - Desktop override */
    .th-header.header-layout3 .row>.col-auto {
        flex: 0 0 auto !important;
        display: flex !important;
        align-items: center !important;
    }

    /* 1. SÜTUN (LOGO) - ZORLA GÖRÜNÜR */
    .th-header.header-layout3 .row>.col-auto:first-child {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        min-width: 120px !important;
        flex-shrink: 0 !important;
    }

    /* Menü sütununu (2. sütun) tamamen gizle */
    .th-header.header-layout3 .row>.col-auto:nth-child(2) {
        display: none !important;
        flex: 0 !important;
        width: 0 !important;
        min-width: 0 !important;
    }

    /* Logo görünür ve uygun boyutta */
    .th-header.header-layout3 .header-logo {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        min-width: 100px !important;
    }

    .th-header.header-layout3 .header-logo a {
        display: block !important;
    }

    .th-header.header-layout3 .header-logo img {
        max-height: 80px !important;
        min-width: 150px !important;
        width: auto !important;
        display: block !important;
        visibility: visible !important;
    }

    /* Sağ taraf butonları düzenle */
    .th-header.header-layout3 .header-button {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 20px !important;
        /* Arama ve Dil arası mesafe */
        margin: 0 !important;
    }

    /* Arama butonu */
    .th-header.header-layout3 .search-btn {
        font-size: 18px !important;
        margin: 0 !important;
        padding: 8px !important;
    }

    /* Dil değiştirici - kompakt */
    .th-header.header-layout3 .th-language-switcher {
        width: 68px !important;
        height: 30px !important;
    }

    /* Hamburger menü görünür */
    .th-header.header-layout3 .th-menu-toggle {
        display: inline-flex !important;
        background: transparent !important;
        border: none !important;
        padding: 8px !important;
        margin-left: 30px !important;
        /* 7px sağa kaydırıldı */
    }

    /* Hamburger ikonları - BÜYÜK */
    .th-header.header-layout3 .custom-burger-icon {
        display: flex;
        flex-direction: column;
        gap: 7px;
        width: 40px;
    }

    .th-header.header-layout3 .custom-burger-icon .line {
        display: block;
        height: 3px;
        background-color: #fff;
        border-radius: 2px;
        transition: 0.3s;
    }

    .th-header.header-layout3 .custom-burger-icon .line:nth-child(1) {
        width: 100%;
    }

    .th-header.header-layout3 .custom-burger-icon .line.orange-line {
        width: 70%;
        background-color: #f68a1e !important;
    }

    .th-header.header-layout3 .custom-burger-icon .line:nth-child(3) {
        width: 100%;
    }
}

/* ==========================================================================
   MOBİL MENÜ OVERLAY DÜZENLEMELERİ
   ========================================================================== */

/* Mobil menü logosu - ORTALI ve BÜYÜK */
.th-menu-wrapper .mobile-logo {
    text-align: center !important;
    padding: 40px 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    min-height: 120px !important;
    background-color: #1a1a2e !important;
}

.th-menu-wrapper .mobile-logo a {
    display: block !important;
}

.th-menu-wrapper .mobile-logo img,
.th-menu-wrapper .mobile-logo svg {
    max-height: 100px !important;
    min-height: 60px !important;
    max-width: 250px !important;
    width: auto !important;
    margin: 0 auto !important;
    display: block !important;
}

/* Kapatma (X) butonu - BÜYÜK ve BELİRGİN */
.th-menu-wrapper .th-menu-toggle {
    width: 45px !important;
    height: 45px !important;
    font-size: 24px !important;
    line-height: 45px !important;
    background-color: #f68a1e !important;
    color: #fff !important;
    border-radius: 50% !important;
    right: 15px !important;
    top: 20px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

.th-menu-wrapper .th-menu-toggle:hover {
    background-color: #fff !important;
    color: #f68a1e !important;
}

/* ==========================================================================
   MOBİL ARAMA KUTULU (Command Palette) DÜZENLEMELERİ
   ========================================================================== */

@media (max-width: 991px) {

    /* Arama overlay - mobil */
    .popup-search-box.search-overlay-ultra {
        padding: 60px 15px 30px 15px !important;
        /* Extra padding for top tools and bottom spacing */
        align-items: flex-start !important;
        /* Start from top on mobile for scrolling to work correctly */
        padding-top: calc(80px + env(safe-area-inset-top)) !important;
    }

    /* Command palette wrapper - mobil */
    .command-palette-wrapper {
        max-width: 100% !important;
        padding: 0 15px !important;
        gap: 25px !important;
        margin: 0 auto !important;
        /* Center horizontally */
    }

    /* Input group - mobil */
    .command-input-group {
        height: 60px !important;
        border-radius: 8px !important;
    }

    /* Input inner - mobil */
    .command-input-inner {
        padding: 0 15px !important;
        gap: 12px !important;
    }

    /* Arama ikonu - mobil */
    .command-input-inner i.main-search-icon {
        font-size: 20px !important;
    }

    /* Input alanı - mobil */
    .command-input-inner input {
        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 60px !important;
        height: 60px !important;
    }

    /* Submit butonu - mobil */
    .command-submit-btn {
        width: 42px !important;
        height: 42px !important;
        font-size: 16px !important;
        border-radius: 6px !important;
    }

    /* Bento grid - mobil */
    .command-suggestions-bento {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }

    /* Bento items - mobil */
    .bento-item {
        padding: 20px !important;
        font-size: 15px !important;
        justify-content: flex-start !important;
        text-align: left !important;
    }

    .bento-item i {
        font-size: 24px !important;
        margin-right: 15px !important;
    }

    /* Trending Row - mobil */
    .trending-wrap-premium {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 15px !important;
        margin-top: 10px !important;
    }

    .trending-label {
        margin-right: 0 !important;
        font-size: 12px !important;
        opacity: 0.6 !important;
    }

    .trending-tags-wrap {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
    }

    .trend-tag-elegant {
        padding: 10px 18px !important;
        font-size: 13px !important;
        background: rgba(255, 255, 255, 0.05) !important;
        border: 1px solid rgba(255, 255, 255, 0.1) !important;
    }

    /* Kapatma butonu - mobil */
    .command-palette-close {
        top: 10px !important;
        right: 10px !important;
        font-size: 20px !important;
        width: 34px !important;
        height: 34px !important;
        background: rgba(255, 255, 255, 0.1) !important;
        border: 1px solid rgba(255, 255, 255, 0.2) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 100 !important;
        border-radius: 50% !important;
    }
}

/* ==========================================================================
   DESKTOP RESPONSIVE DÜZENLEMELERİ (ABSOLUTE CENTER STRATEGY)
   ========================================================================== */

/* 
   SORUN: Logo görünmüyor çünkü height:auto SVG'yi 0px yapıyor.
   ÇÖZÜM: Menü ortada kalsın, Logo'ya NET YÜKSEKLİK verelim.
*/

@media (min-width: 992px) {

    /* 1. Kapsayıcıyı Hazırla */
    .th-header.header-layout3 .row {
        position: relative !important;
        justify-content: space-between !important;
        min-height: 120px !important;
        /* Header yüksekliğini biraz daha açtım */
    }

    /* 2. Logo Sütunu - Her zaman görünür ve üstte */
    .th-header.header-layout3 .row>.col-auto:first-child {
        position: relative !important;
        z-index: 20 !important;
        display: flex !important;
        align-items: center !important;
        flex: 0 0 auto !important;
        min-width: 200px !important;
        /* Logo için yer ayır */
    }

    /* Logo Wrapper */
    .th-header.header-layout3 .header-logo,
    .th-header.header-layout3 .header-logo a {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        line-height: 0 !important;
        /* Boşlukları temizle */
    }

    /* Logo Resmi - NET YÜKSEKLİK */
    .th-header.header-layout3 .header-logo img {
        width: auto !important;
        /* En boy oranını koru */
        height: 90px !important;
        /* Varsayılan Yükseklik (Büyük) */
        display: block !important;
        max-width: 300px !important;
        object-fit: contain !important;
    }

    /* 3. Menü Sütununu Akıştan Çıkar ve Ortala */
    .th-header.header-layout3 .row>.col-auto:nth-child(2) {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: auto !important;
        z-index: 10 !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    /* Menü linklerini standartlaştır */
    .th-header.header-layout3 .main-menu>ul>li>a {
        padding: 36.5px 12px !important;
        font-size: 15px !important;
        white-space: nowrap !important;
        font-weight: 500 !important;
    }
}

/* ==========================================================================
   EKRAN BOYUTLARINA GÖRE İNCE AYARLAR
   ========================================================================== */

/* 1. KÜÇÜK DESKTOP / TABLET (992px - 1280px) */
@media (min-width: 992px) and (max-width: 1280px) {

    /* Logo: Biraz daha kompakt */
    .th-header.header-layout3 .header-logo img {
        height: 60px !important;
        /* Net Yükseklik */
    }

    /* Menü fontunu biraz küçült */
    .th-header.header-layout3 .main-menu>ul>li>a {
        padding: 36.5px 8px !important;
        font-size: 13px !important;
    }

    .th-header.header-layout3 .main-menu>ul>li {
        margin: 0 4px !important;
    }

    /* Buton: KESİNLİKLE GİZLE */
    body .th-header.header-layout3 .header-button .th-btn {
        display: none !important;
    }
}

/* 2. STANDART LAPTOP (1281px - 1599px) */
@media (min-width: 1281px) and (max-width: 1599px) {

    /* Logo: İdeal Boyut */
    .th-header.header-layout3 .header-logo img {
        height: 75px !important;
        /* Net Yükseklik */
    }

    /* Menü: Rahat */
    .th-header.header-layout3 .main-menu>ul>li>a {
        font-size: 15px !important;
        padding: 36.5px 10px !important;
    }

    .th-header.header-layout3 .main-menu>ul>li {
        margin: 0 6px !important;
    }

    /* Buton: GİZLE */
    body .th-header.header-layout3 .header-button .th-btn {
        display: none !important;
    }
}

/* 3. BÜYÜK EKRANLAR (1600px +) */
@media (min-width: 1600px) {

    /* Logo: Dev Ekran */
    .th-header.header-layout3 .header-logo img {
        height: 95px !important;
        /* Net Yükseklik */
    }

    /* Butonu göster */
    body .th-header.header-layout3 .header-button .th-btn {
        display: inline-flex !important;
    }
}

/* ========================================================================
   GLOBAL COOKIE CONSENT POPUP (Persistent & Humorous)
   ======================================================================== */
.cookie-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
    /* Darker overlay to emphasize modal */
    backdrop-filter: blur(8px);
    z-index: 99998;
    display: none;
    /* JS toggled */
    opacity: 0;
    transition: opacity 0.4s ease;
}

.cookie-overlay.active {
    display: block;
    opacity: 1;
}

.cookie-consent-modal {
    position: fixed;
    bottom: 30px;
    left: 30px;
    width: 100%;
    max-width: 420px;
    background: linear-gradient(145deg, #1a1a1a, #0d0d0d);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 25px 80px rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 20px;
    padding: 30px;
    z-index: 99999;
    transform: translateY(20px) scale(0.95);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.cookie-consent-modal.active {
    transform: translateY(0) scale(1);
    opacity: 1;
    visibility: visible;
}

/* Shake Animation for Rejection Attempts */
@keyframes shake {

    0%,
    100% {
        transform: translateY(0) translateX(0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translateY(0) translateX(-5px);
    }

    20%,
    40%,
    60%,
    80% {
        transform: translateY(0) translateX(5px);
    }
}

.cookie-consent-modal.shake {
    animation: shake 0.5s cubic-bezier(.36, .07, .19, .97) both;
}

.cookie-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
    position: relative;
}

.cookie-icon {
    font-size: 32px;
    color: #f68a1e;
    animation: float 3s ease-in-out infinite;
}

@keyframes float {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-5px);
    }
}

.cookie-title {
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    margin: 0;
    font-family: 'Outfit', sans-serif;
}

.cookie-close-btn {
    position: absolute;
    top: -5px;
    right: -5px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.6);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    cursor: not-allowed;
    /* Visually indicate it won't work easily */
    transition: all 0.3s ease;
}

.cookie-close-btn:hover {
    background: rgba(246, 138, 30, 0.2);
    color: #f68a1e;
    border-color: #f68a1e;
}

/* Speech Bubble for Humorous Messages */
.cookie-speech-bubble {
    position: absolute;
    top: -80px;
    right: -20px;
    background: #f68a1e;
    color: #fff;
    padding: 10px 15px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    max-width: 220px;
    box-shadow: 0 10px 25px rgba(246, 138, 30, 0.4);
    pointer-events: none;
    opacity: 0;
    transform: translateY(10px) scale(0.9);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 100000;
}

.cookie-speech-bubble::after {
    content: '';
    position: absolute;
    bottom: -6px;
    right: 35px;
    width: 12px;
    height: 12px;
    background: #f68a1e;
    transform: rotate(45deg);
}

.cookie-speech-bubble.visible {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.cookie-text {
    font-size: 14px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 25px;
    font-weight: 400;
}

.cookie-link {
    color: #f68a1e;
    text-decoration: underline;
    transition: color 0.3s;
}

.cookie-link:hover {
    color: #fff;
}

.cookie-buttons {
    display: flex;
    gap: 12px;
}

.cookie-btn {
    padding: 14px 20px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    flex: 1;
    text-align: center;
    border: none;
    font-family: 'Outfit', sans-serif;
    letter-spacing: 0.5px;
}

.cookie-btn-accept {
    background: #f68a1e;
    color: #fff;
    box-shadow: 0 4px 15px rgba(246, 138, 30, 0.3);
}

.cookie-btn-accept:hover {
    background: #e57d15;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(246, 138, 30, 0.5);
}

.cookie-btn-reject {
    background: rgba(255, 255, 255, 0.05);
    color: #888;
    border: 1px solid rgba(255, 255, 255, 0.1);
    cursor: not-allowed;
    /* Same trick as close button */
}

.cookie-btn-reject:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}

@media (max-width: 576px) {
    .cookie-consent-modal {
        left: 20px;
        right: 20px;
        bottom: 20px;
        width: auto;
        max-width: none;
        padding: 25px;
    }

    .cookie-speech-bubble {
        right: 0;
        top: -90px;
    }
}

/* ========================================================================
   13. BLOG OPTIMIZATIONS (SIDEBAR & RELATED POSTS)
   ======================================================================== */
.related-post-item {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.related-post-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.related-post-item .post-thumb {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    border-radius: 10px;
    overflow: hidden;
    display: block;
}

.related-post-item .post-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.related-post-item .post-thumb:hover img {
    transform: scale(1.1);
}

.related-post-item .post-info {
    flex-grow: 1;
}

.related-post-item .post-info h6 {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 8px 0;
}

.related-post-item .post-info h6 a {
    color: #1e293b;
    text-decoration: none;
    transition: color 0.3s ease;
}

.related-post-item .post-info h6 a:hover {
    color: #f97316;
}

.related-post-item .post-info span {
    font-size: 12px;
    color: #64748b;
    display: flex;
    align-items: center;
    gap: 5px;
}

.related-post-item .post-info span i {
    color: #f97316;
}

/* ========================================================================
   CRITICAL MOBILE MENU FIX - FORCE VISIBILITY
   ======================================================================== */

/* Desktop: Hide the mobile trigger explicitly */
@media (min-width: 992px) {

    .mobile-menu-trigger,
    .desktop-hidden {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        position: absolute !important;
    }
}

/* Mobile: Force Show */
@media (max-width: 991px) {

    /* 1. Toggle Button Container Visibility */
    .th-header .th-menu-toggle,
    .header-button .th-menu-toggle,
    button.th-menu-toggle,
    .mobile-menu-trigger {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        z-index: 100 !important;
        width: 44px !important;
        height: 44px !important;
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        margin-left: 15px !important;
    }

    /* 2. Custom Burger Icon Wrapper */
    .custom-burger-icon {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: flex-end !important;
        /* Right align lines */
        width: 30px !important;
        height: 24px !important;
        gap: 6px !important;
    }

    /* 3. The Lines themselves */
    .custom-burger-icon .line {
        display: block !important;
        height: 3px !important;
        background-color: #ffffff !important;
        /* Default White */
        border-radius: 3px !important;
        transition: all 0.3s ease !important;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
    }

    /* 4. Line Widths for staggered effect */
    .custom-burger-icon .line:nth-child(1) {
        width: 30px !important;
    }

    .custom-burger-icon .line:nth-child(2) {
        width: 22px !important;
        background-color: #f68a1e !important;
        margin: 6px 0 !important;
    }

    /* Orange middle line */
    .custom-burger-icon .line:nth-child(3) {
        width: 26px !important;
    }

    /* 5. Ensure it works on white backgrounds (Sticky Header) */
    .sticky-wrapper.sticky .custom-burger-icon .line {
        background-color: #0c0a0a !important;
        /* Dark on sticky white */
        box-shadow: none !important;
    }

    .sticky-wrapper.sticky .custom-burger-icon .line.line-orange {
        background-color: #f68a1e !important;
        /* Keep orange orange */
    }

    /* 6. Specific Fix for Samsung/Small widths using flex layouts */
    .header-button {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
    }
}

/* ================================================
   MOBILE HEADER FIX - FINAL CORRECTED (Syntax Fix)
   ================================================ */
@media screen and (max-width: 991px) {

    /* 1. LAYOUT - FLEX CONFIGURATION (Restored) */
    .th-header .row,
    .menu-area .row {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
    }

    /* 1. GLOBAL - Restore Body Rules */
    html,
    body {
        overflow-x: hidden !important;
        width: 100% !important;
        position: relative !important;
    }

    /* 1.1 GLOBAL - Box-sizing for Header Only */
    header.th-header,
    header.th-header *,
    .menu-area,
    .menu-area * {
        box-sizing: border-box !important;
    }

    /* 1.2 RESET PADDING (Logo Absolute Left) */
    .th-header .container,
    .menu-area .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Logo Wrapper Zero Padding/Margin + Extreme Negative Pull */
    .th-header .col-auto:first-child,
    .th-header .header-logo {
        padding-left: 0 !important;
        margin-left: -20px !important;
    }

    /* 2. HIDE MIDDLE COLUMN */
    .th-header .col.text-center,
    .menu-area .col.text-center {
        display: none !important;
        width: 0 !important;
        position: absolute !important;
        left: -9999px !important;
    }

    /* 3. LOGO ALIGNMENT (LEFT) */
    .th-header .col-auto:first-child .header-logo {
        display: flex !important;
        align-items: center !important;
    }

    .th-header .col-auto:first-child {
        margin-right: auto !important;
        /* Pushes buttons to right */
    }

    /* 4. BUTTONS ALIGNMENT (RIGHT) */
    .header-button {
        display: flex !important;
        gap: 10px !important;
        align-items: center !important;
        justify-content: flex-end !important;
    }

    /* 5. STICKY FIX (Position & Color) */
    .sticky-wrapper.sticky,
    #mobile-sticky-header.sticky {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        z-index: 99999 !important;
        background: #121212 !important;
        /* Fix for 'transparency doesn't decrease' */
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important;
    }

    /* 6. HAMBURGER MENU STYLES (Restored) */
    #ultra-mobile-toggle .line,
    .th-menu-toggle .line {
        display: block !important;
        height: 3px !important;
        background-color: #ffffff !important;
        border-radius: 2px !important;
        transition: all 0.3s ease !important;
    }

    #ultra-mobile-toggle .line:nth-child(1),
    .th-menu-toggle .line:nth-child(1) {
        width: 26px !important;
    }

    #ultra-mobile-toggle .line:nth-child(2),
    .th-menu-toggle .line:nth-child(2) {
        width: 20px !important;
        background-color: #f68a1e !important;
    }

    #ultra-mobile-toggle .line:nth-child(3),
    .th-menu-toggle .line:nth-child(3) {
        width: 26px !important;
    }

    /* 7. HIDE DESKTOP ELEMENTS */
    .th-header .main-menu,
    .th-header nav.main-menu,
    .th-header .d-xl-inline-flex,
    .th-header .th-btn:not(.th-menu-toggle),
    .desktop-only {
        display: none !important;
    }
}

/* ================================================
   FINAL VISIBILITY FORCE (Desktop Hide / Mobile Show)
   ================================================ */
@media screen and (max-width: 991px) {
    #ultra-mobile-toggle {
        display: flex !important;
    }
}

@media screen and (min-width: 992px) {
    #ultra-mobile-toggle {
        display: none !important;
    }
}

/* ================================================
   SYMMETRICAL ALIGNMENT (Zero Container, Equal Padding)
   ================================================ */
@media screen and (max-width: 991px) {

    /* 1. Container sınırlarını kaldır */
    .th-header .container,
    .menu-area .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* 2. Orta Sütunu YOK ET */
    .th-header .col.text-center,
    .menu-area .col.text-center {
        display: none !important;
    }

    /* 3. SOL KOLON (Logo): Soldan 10px boşluk ve İTME GÜCÜ */
    .th-header .col-auto:first-child {
        padding-left: 10px !important;
        margin-right: auto !important;
        /* BUTONLARI SAĞA İT */
        display: flex !important;
        align-items: center !important;
    }

    /* 4. SAĞ KOLON (Butonlar): Sağdan 10px boşluk ve İTME GÜCÜ */
    .th-header .col-auto:last-child {
        margin-left: auto !important;
        /* ELEMANLARI EN SAĞA İT */
        padding-right: 15px !important;
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
    }

    /* 5. Buton Grubu Temizliği */
    .header-button {
        margin: 0 !important;
        gap: 20px !important;
        /* Standart boşluk */
    }
}

/* =========================================================================
   CROSS-BROWSER SELECT DROPDOWN FIX
   Ensures options are readable on Opera/Chrome by forcing dark background.
   ========================================================================= */
select option,
select.portal-form-control option {
    background-color: #0c121d !important;
    color: #ffffff !important;
    padding: 8px 12px;
}

/* --- PREMIUM MOBILE MENU OVERHAUL --- */

/* 1. Sidebar Container - Dark & Glassy */
.th-menu-wrapper {
    background-color: rgba(0, 0, 0, 0.7) !important;
    /* Darker overlay */
    backdrop-filter: blur(8px) !important;
    /* Premium blur */
    -webkit-backdrop-filter: blur(8px);
    z-index: 100000;
    /* Ensure on top */
}

.th-menu-area {
    background: linear-gradient(160deg, #0f172a 0%, #020617 100%) !important;
    /* Deep Navy/Black Gradient */
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 10px 0 50px rgba(0, 0, 0, 0.5);
    width: 300px !important;
    max-width: 85%;
}

/* 2. Logo Area */
.mobile-logo {
    background: rgba(255, 255, 255, 0.03);
    padding: 30px 20px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    margin-bottom: 20px;
}

.mobile-logo img {
    max-width: 160px !important;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.2));
    /* Slight glow */
}

/* 3. Close Button - Stylish & Orange */
.th-menu-toggle {
    background-color: #f97316 !important;
    /* Brand Orange */
    color: white !important;
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
    font-size: 18px !important;
    top: 15px !important;
    right: 15px !important;
    /* Move to Right */
    left: auto !important;
    box-shadow: 0 4px 15px rgba(249, 115, 22, 0.4);
    transition: all 0.3s ease;
    border: 2px solid rgba(255, 255, 255, 0.2) !important;
}

.th-menu-toggle:hover {
    background-color: white !important;
    color: #f97316 !important;
    transform: none !important;
    /* Rotation removed */
}

/* 4. Menu Links - Typography & Spacing */
.th-mobile-menu ul {
    padding: 0 20px;
}

.th-mobile-menu ul li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.th-mobile-menu ul li:last-child {
    border-bottom: none !important;
}

.th-mobile-menu ul li a {
    color: #cbd5e1 !important;
    /* Slate 300 - Softer white */
    font-size: 16px !important;
    font-weight: 500 !important;
    font-family: 'Inter', sans-serif !important;
    padding: 15px 0 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: block;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Hover Effect - Slide Right & Orange */
.th-mobile-menu ul li a:hover {
    color: #f97316 !important;
    padding-left: 10px !important;
    background: linear-gradient(90deg, rgba(249, 115, 22, 0.1) 0%, transparent 100%);
    border-radius: 4px;
}

/* 5. Submenu Styles (Expandable) */
.th-mobile-menu ul.sub-menu {
    background-color: rgba(0, 0, 0, 0.2) !important;
    border-radius: 8px;
    margin: 5px 0 15px 0;
    border: 1px solid rgba(255, 255, 255, 0.03);
}

.th-mobile-menu ul.sub-menu li a {
    font-size: 14px !important;
    color: #94a3b8 !important;
    /* Slate 400 */
    padding: 10px 15px !important;
    text-transform: none;
    /* Keep submenus normal case */
    border-bottom: 1px solid rgba(255, 255, 255, 0.02) !important;
}

.th-mobile-menu ul.sub-menu li a:hover {
    color: white !important;
    padding-left: 20px !important;
}

/* 6. Expand Icon (+) */
.th-mobile-menu ul li.menu-item-has-children>span.mean-expand {
    background-color: rgba(255, 255, 255, 0.05) !important;
    color: white !important;
    border-radius: 4px;
    width: 30px !important;
    height: 30px !important;
    line-height: 30px !important;
    margin-top: -5px !important;
    font-weight: 300;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.th-mobile-menu ul li.menu-item-has-children>span.mean-expand.mean-clicked {
    background-color: #f97316 !important;
    color: white !important;
    border-color: #f97316 !important;
}

/* --- MOBILE MENU REPAIRS --- */

/* 1. Fix Weird Overlapping Characters */
.th-mobile-menu ul li a::before,
.th-mobile-menu ul li a::after,
.th-mobile-menu ul li::before,
.th-mobile-menu ul li::after {
    content: none !important;
    display: none !important;
    background: none !important;
    width: 0 !important;
}

/* 2. Logo Alignment Fix */
.mobile-logo {
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding-top: 50px !important;
    /* Push down to clear status bar/notch */
    margin-bottom: 30px !important;
}

/* 3. Close Button Position Fix */
.th-menu-toggle {
    top: 25px !important;
    right: 25px !important;
    z-index: 100002 !important;
}

/* 4. Fix Main Header Hamburger Alignment */
.th-menu-toggle.mobile-menu-trigger {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-direction: column !important;
}

/* Ensure no list markers */
.th-mobile-menu ul {
    list-style: none !important;
    padding: 0 20px !important;
}

/* --- NUCLEAR HAMBURGER FIX --- */
#ultra-mobile-toggle,
.mobile-menu-trigger {
    background: transparent !important;
    /* Remove black oval */
    border: none !important;
    box-shadow: none !important;
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    margin: 0 0 0 15px !important;
    /* Left margin for spacing */
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
    /* Proper spacing between lines */
    position: relative !important;
    opacity: 1 !important;
    visibility: visible !important;
}

#ultra-mobile-toggle .custom-burger-icon,
.mobile-menu-trigger .custom-burger-icon {
    width: 30px !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    background: transparent !important;
    justify-content: center !important;
    align-items: center !important;
}

#ultra-mobile-toggle .line,
.mobile-menu-trigger .line {
    width: 30px !important;
    height: 3px !important;
    background-color: white !important;
    border-radius: 4px !important;
    margin: 0 !important;
    display: block !important;
    float: none !important;
}

/* Middle Line Styling - Short & Orange */
#ultra-mobile-toggle .line:nth-child(2),
.mobile-menu-trigger .line:nth-child(2) {
    background-color: #f97316 !important;
    width: 20px !important;
    /* Shorter for style */
    margin-left: 10px !important;
    /* Align Right effect */
}

/* Hover Effect */
#ultra-mobile-toggle:hover .line:nth-child(2) {
    width: 30px !important;
    margin-left: 0 !important;
    transition: all 0.3s ease;
}

/* --- VERTICAL ALIGNMENT FIX --- */
.header-button {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    gap: 20px !important;
    /* Standart gap (Arama-Dil arası) */
}

/* Force all header-button children to align center */
.header-button>* {
    align-self: center !important;
    vertical-align: middle !important;
}

#ultra-mobile-toggle,
.mobile-menu-trigger {
    margin: 0 0 0 30px !important;
    /* 7px sağa kaydırıldı */
    padding: 0 !important;
    align-self: center !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    flex-shrink: 0 !important;
    height: 40px !important;
    width: 40px !important;
    position: relative !important;
    top: 0 !important;
}

/* Ensure components fit on very small screens (iPhone SE etc) */
@media screen and (max-width: 400px) {
    .th-language-switcher {
        margin-left: 8px !important;
        margin-right: 2px !important;
        width: 80px !important;
        transform: scale(0.9);
        /* Slight shrink to fit */
    }

    .header-button .search-btn {
        margin-left: 0 !important;
        transform: scale(0.9);
    }

    #ultra-mobile-toggle {
        margin-left: 20px !important;
        /* Smaller gap for very small screens to fit logo */
    }
}


/* ================================================
   DESKTOP: FORCE HIDE HAMBURGER (Aggressive)
   ================================================ */
@media screen and (min-width: 992px) {

    #ultra-mobile-toggle,
    .th-menu-toggle,
    .mobile-menu-trigger,
    .custom-burger-icon {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

/* ========================================================================
   ULTRA MODERN MOBILE MENU OVERRIDES (FINAL)
   ======================================================================== */

/* 1. Siyah Kutuyu Yok Et ve Arka Planı Temizle */
body .mean-container .mean-bar,
body .mean-container .mean-bar * {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

body .mean-container .mean-bar {
    position: relative !important;
    padding: 20px !important;
    min-height: 100px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    z-index: 99999 !important;
}

/* 2. Logo Bölümü - 2 Kat Büyüklük */
body .mobile-logo {
    display: block !important;
    position: relative !important;
    z-index: 10 !important;
}

body .mobile-logo img {
    max-width: 280px !important;
    /* Mevcut halinin 2 katı */
    width: 280px !important;
    height: auto !important;
}

/* 3. Kapatma Butonu (X) - En Sağ Üst Köşe */
body .mean-container a.meanmenu-reveal {
    position: fixed !important;
    top: 25px !important;
    right: 25px !important;
    width: 60px !important;
    height: 60px !important;
    background: #f68a1e !important;
    /* Turuncu Arka Plan */
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
    z-index: 1000000 !important;
    font-size: 0 !important;
    /* Hamburger çizgilerini ve metni gizle */
}

/* Çarpı İşareti (Menü Açıkken) */
body .mean-container a.meanmenu-reveal::after {
    content: "\d7" !important;
    font-size: 45px !important;
    font-weight: 300 !important;
    color: #fff !important;
    line-height: 1 !important;
    display: block !important;
    visibility: visible !important;
}

/* Hamburger Çizgilerini Gizle */
body .mean-container a.meanmenu-reveal span {
    display: none !important;
}

/* 4. Menü Navigasyonu (Açılan Kısım) */
body .mean-container .mean-nav {
    background: rgba(10, 11, 16, 0.98) !important;
    backdrop-filter: blur(25px) !important;
    -webkit-backdrop-filter: blur(25px) !important;
    margin-top: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

body .mean-container .mean-nav ul li a {
    color: #cbd5e1 !important;
    font-family: 'Outfit', sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    padding: 18px 20px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* 5. + Sembolü Yerine Turuncu Sağa Ok (>) */
body .mean-container .mean-nav ul li a.mean-expand {
    background: transparent !important;
    height: 58px !important;
    width: 60px !important;
    font-size: 0 !important;
    /* "+" işaretini yok et */
    color: transparent !important;
    border-left: 1px solid rgba(255, 255, 255, 0.05) !important;
}

body .mean-container .mean-nav ul li a.mean-expand::after {
    content: "" !important;
    display: block !important;
    width: 10px !important;
    height: 10px !important;
    border-top: 2px solid #f68a1e !important;
    /* TURUNCU */
    border-right: 2px solid #f68a1e !important;
    /* TURUNCU */
    transform: rotate(45deg) !important;
    /* Sağa bak */
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    margin: -6px 0 0 -6px !important;
    visibility: visible !important;
}

/* Açıldığında Aşağı Bak */
body .mean-container .mean-nav ul li a.mean-expand.mean-clicked::after {
    transform: rotate(135deg) !important;
    border-color: #fff !important;
}

/* =========================================
   ULTRA MOBILE MENU (FINAL FIX - DIRECT INJECT)
   ========================================= */

/* 1. MEAN BAR (Üst Kısım) - Siyahlığı Yok Et, Yapıyı Hizala */
body .mean-container .mean-bar {
    background: transparent !important;
    /* Arka planı tamamen temizle */
    background-color: transparent !important;
    padding: 0 !important;
    /* Padding yok */
    min-height: 80px !important;
    /* Logo için alan */
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    /* İnce ayırıcı */
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 999999 !important;
    display: flex !important;
    justify-content: space-between !important;
    /* Logo sola, buton sağa */
    align-items: center !important;
}

/* 2. LOGO - 2 KAT BÜYÜKLÜK */
/* Kapsayıcılar genişlemeden resim büyümez */
body .mobile-logo {
    display: block !important;
    width: auto !important;
    max-width: 80% !important;
    /* Butona yer kalsın */
    padding: 15px 0 15px 20px !important;
    /* Soldan boşluk */
    margin: 0 !important;
    background: transparent !important;
    float: none !important;
}

body .mobile-logo a {
    display: block !important;
}

body .mobile-logo img {
    max-width: 280px !important;
    /* 2 Katı Büyüklük (Eski: 120px civarıydı) */
    width: 280px !important;
    /* Zorla */
    height: auto !important;
}

/* 3. MENÜ KAPLAYICI (Açılan Kısım) */
body .mean-container .mean-nav {
    background-color: rgba(9, 11, 16, 0.98) !important;
    /* Koyu Lacivert/Siyah Zemin */
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    margin-top: 0 !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    width: 100% !important;
}

/* 4. KAPATMA (X) BUTONU - EN SAĞDA VE UYUMLU */
/* Varsayılan ortalama butonunu sağa al */
body .mean-container a.meanmenu-reveal {
    width: 60px !important;
    /* Geniş tıklama alanı */
    height: 60px !important;
    padding: 0 !important;
    position: absolute !important;
    top: 10px !important;
    /* Logoya göre ortala */
    right: 10px !important;
    /* En sağa yasla */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    /* Arka plan yok, sadece ikon */
    background: transparent !important;
    border: none !important;
    color: #fff !important;
    font-size: 20px !important;
    /* Hamburger boyutu */
}

/* Hamburger Çizgileri */
body .mean-container a.meanmenu-reveal span {
    background-color: #fff !important;
    display: block !important;
    height: 3px !important;
    width: 25px !important;
    margin-top: 5px !important;
    border-radius: 2px !important;
}

/* MENÜ AÇIKKEN (X Durumu) */
body .mean-container a.meanmenu-reveal.meanclose {
    color: #f68a1e !important;
    /* Turuncu X */
    font-size: 0 !important;
    /* "X" metnini gizle */
    background: transparent !important;
    /* Arka plan yok */
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    /* Hafif çerçeve */
    border-radius: 5px !important;
    /* Köşeli/Hafif oval */
}

/* X İkonunu Kendimiz Çizelim (Garanti) */
body .mean-container a.meanmenu-reveal.meanclose::after {
    content: "\00d7" !important;
    /* Standart Çarpı Karakteri (CSS Safe) */
    font-size: 40px !important;
    /* Büyük ve İnce */
    line-height: 1 !important;
    padding-bottom: 5px !important;
    /* Optik dengeleme */
    color: #fff !important;
    /* Beyaz Çarpı */
    font-weight: 200 !important;
    font-family: sans-serif !important;
}

body .mean-container a.meanmenu-reveal.meanclose:hover::after {
    color: #f68a1e !important;
    /* Hover: Turuncu */
}

/* Hamburger çizgilerini gizle */
body .mean-container a.meanmenu-reveal.meanclose span {
    display: none !important;
}


/* 5. MENÜ LİNKLERİ */
body .mean-container .mean-nav ul li a {
    color: #cbd5e1 !important;
    /* Açık Gri */
    font-family: 'Outfit', sans-serif !important;
    font-size: 15px !important;
    /* Okunabilir */
    font-weight: 500 !important;
    text-transform: uppercase !important;
    padding: 18px 20px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-top: none !important;
    background: transparent !important;
    text-align: left !important;
}

/* Hover */
body .mean-container .mean-nav ul li a:hover {
    color: #f68a1e !important;
    background: rgba(255, 255, 255, 0.02) !important;
    padding-left: 25px !important;
    /* Kayma efekti */
}

/* 6. + YERİNE > (VE TURUNCU) */
body .mean-container .mean-nav ul li a.mean-expand {
    width: 60px !important;
    /* Geniş basma alanı */
    height: 58px !important;
    /* Satır yüksekliği kadar */
    line-height: 58px !important;
    padding: 0 !important;
    text-align: center !important;
    background: transparent !important;
    border: none !important;
    border-left: 1px solid rgba(255, 255, 255, 0.05) !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;

    /* "+" Gizleme (Kesin) */
    font-size: 0 !important;
    color: transparent !important;
    z-index: 2 !important;
}

/* TURUNCU OK (> İşareti) - Saf CSS */
body .mean-container .mean-nav ul li a.mean-expand::after {
    content: '' !important;
    display: block !important;
    width: 10px !important;
    height: 10px !important;

    /* CSS OK TEKNİĞİ */
    border-top: 2px solid #f68a1e !important;
    /* Turuncu */
    border-right: 2px solid #f68a1e !important;
    /* Turuncu */
    transform: rotate(45deg) !important;
    /* Sağa bak (Chevron Right) */

    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    margin-top: -6px !important;
    margin-left: -6px !important;

    opacity: 1 !important;
    visibility: visible !important;
}

/* Hover durumunda ok parlasın */
body .mean-container .mean-nav ul li a.mean-expand:hover::after {
    border-color: #fff !important;
    /* Beyaz olsun */
}

/* TIKLANDIĞINDA (AÇIKKEN) */
/* MeanMenu active olunca "mean-clicked" classı ekler */
body .mean-container .mean-nav ul li a.mean-expand.mean-clicked::after {
    transform: rotate(135deg) !important;
    /* Aşağı bak */
    border-color: #f68a1e !important;
    margin-top: -8px !important;
}

/* 7. ALT MENÜ STİLİ */
body .mean-container .mean-nav ul li ul {
    background-color: rgba(0, 0, 0, 0.2) !important;
    /* Hafif koyult */
}

body .mean-container .mean-nav ul li ul li a {
    padding: 14px 20px 14px 35px !important;
    /* Girintili */
    font-size: 14px !important;
    text-transform: capitalize !important;
    color: rgba(255, 255, 255, 0.7) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.03) !important;
}

body .mean-container .mean-nav ul li ul li a:hover {
    color: #fff !important;
    padding-left: 40px !important;
}

/* ========================================================================
   CONTACT FORM VALIDATION ENHANCEMENTS
   ======================================================================== */
.was-validated .portal-form-control:invalid,
.portal-form-control[style*="border-color: red"] {
    background-color: rgba(255, 0, 0, 0.05) !important;
    box-shadow: 0 0 15px rgba(255, 77, 77, 0.4) !important;
    transition: all 0.3s ease;
}

.was-validated .portal-form-control:valid {
    border-color: rgba(40, 167, 69, 0.5) !important;
}

/* Add an asterisk to the placeholder via CSS if supported or just strict styling */
::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-weight: 500;
}

/* ========================================================================
   SLIDE TO VERIFY (PREMIUM CAPTCHA)
   ======================================================================== */
.slider-captcha-wrapper {
    position: relative;
    width: 100%;
    height: 55px;
    background: rgba(255, 255, 255, 0.05);
    /* Glass feel */
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50px;
    user-select: none;
    margin-bottom: 25px;
    overflow: hidden;
    box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.2);
}

.slider-captcha-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
    font-weight: 500;
    pointer-events: none;
    transition: opacity 0.3s ease;
    width: 100%;
    text-align: center;
    letter-spacing: 0.5px;
}

.slider-handle {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 47px;
    height: 47px;
    background: #f68a1e;
    /* Brand Orange */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: grab;
    box-shadow: 0 4px 15px rgba(246, 138, 30, 0.4);
    transition: background 0.3s ease, box-shadow 0.3s ease;
    z-index: 2;
}

.slider-handle:active {
    cursor: grabbing;
    transform: scale(0.95);
}

.slider-handle i {
    color: #fff;
    font-size: 16px;
    transition: transform 0.3s ease;
}

/* Success State */
.slider-captcha-wrapper.verified {
    background: rgba(40, 167, 69, 0.1);
    border-color: rgba(40, 167, 69, 0.3);
}

.slider-captcha-wrapper.verified .slider-handle {
    background: #28a745;
    /* Success Green */
    box-shadow: 0 4px 15px rgba(40, 167, 69, 0.4);
    left: calc(100% - 51px) !important;
    /* Lock at end */
    cursor: default;
}

.slider-captcha-wrapper.verified .slider-text {
    opacity: 0;
}

/* Success Text (Hidden by default) */
.slider-success-text {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    text-align: center;
    color: #28a745;
    font-weight: 600;
    font-size: 14px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.slider-captcha-wrapper.verified .slider-success-text {
    opacity: 1;
    visibility: visible;
}

/* ========================================================================
   SLIDE TO VERIFY ENHANCEMENTS (ANIMATIONS)
   ======================================================================== */

/* Shimmer Effect on Track */
.slider-captcha-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
    animation: sliderShimmer 3s infinite;
    pointer-events: none;
}

@keyframes sliderShimmer {
    0% {
        left: -100%;
    }

    50% {
        left: 100%;
    }

    100% {
        left: 100%;
    }
}

/* Handle Pulse Animation (Invite to Click) */
.slider-handle {
    animation: handlePulse 2s infinite;
}

.slider-handle:active,
.slider-captcha-wrapper.active .slider-handle,
.slider-captcha-wrapper.verified .slider-handle {
    animation: none;
    /* Stop pulsing when interacting */
}

@keyframes handlePulse {
    0% {
        box-shadow: 0 0 0 0 rgba(246, 138, 30, 0.7);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(246, 138, 30, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(246, 138, 30, 0);
    }
}

/* Text Fade In/Out with Blur */
.slider-captcha-text {
    filter: blur(0px);
    transition: opacity 0.3s ease, filter 0.3s ease;
}

.slider-captcha-wrapper.active .slider-captcha-text {
    filter: blur(2px);
}

/* ========================================================================
   PREMIUM GLASS FORM INPUTS (REPLACES OLD STYLE)
   ======================================================================== */

.portal-input-group {
    position: relative;
    margin-bottom: 25px;
    /* Spacing between inputs */
}

/* Base Input Style */
.portal-form-control {
    width: 100%;
    background: rgba(255, 255, 255, 0.05) !important;
    /* Glass Dark */
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 16px !important;
    /* Modern softer roundness */
    padding: 0 20px 0 55px !important;
    /* Left padding for icon */
    height: 60px !important;
    /* Taller for premium feel */
    color: #fff !important;
    font-size: 15px;
    font-weight: 500;
    font-family: 'Outfit', sans-serif;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: none !important;
    outline: none !important;
}

/* Icon Positioning (Left) */
.portal-input-group i {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(255, 255, 255, 0.4);
    font-size: 18px;
    pointer-events: none;
    transition: all 0.3s ease;
    z-index: 2;
}

/* Focus State */
.portal-form-control:focus {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: #f68a1e !important;
    /* Brand Orange */
    box-shadow: 0 0 20px rgba(246, 138, 30, 0.15) !important;
    transform: translateY(-2px);
}

.portal-form-control:focus+i {
    color: #f68a1e;
}

/* AUTOFILL FIX (The Critical Part) 
   Forces the browser to use a dark shadow instead of white background */
.portal-form-control:-webkit-autofill,
.portal-form-control:-webkit-autofill:hover,
.portal-form-control:-webkit-autofill:focus,
.portal-form-control:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #1a1a1a inset !important;
    /* Match site dark bg */
    -webkit-text-fill-color: #fff !important;
    caret-color: #fff !important;
    transition: background-color 9999s ease-in-out 0s;
}

/* Textarea Specifics */
textarea.portal-form-control {
    height: 160px !important;
    padding: 20px !important;
    /* No icon in textarea usually */
    resize: none;
}

/* Detect if textarea has icon sibling, if not, reset padding-left */
/* Explicit overrides */
textarea.portal-textarea {
    padding-left: 20px !important;
}

/* Select Specifics */
select.portal-form-control {
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.7) !important;
}

select.portal-form-control option {
    background: #1a1a1a;
    color: #fff;
    padding: 10px;
}

/* Select arrow icon (right side usually for select) but we kept the wrapper structure */
.portal-input-group select+i {
    /* If the arrow is meant to be on the right for select */
    left: auto !important;
    right: 20px !important;
}

/* But wait, structure is <select><i></i> */
/* If we want the select to look consistent with inputs (icon on left?), usually selects have the arrow on right. */
/* Let's keep the arrow on the right for Selects as it indicates dropdown. */
select.portal-form-control {
    padding-left: 20px !important;
    /* No left icon for select in this design usually, or is there? */
}

/* Checking previous code: select had "form.serviceType" but no left icon class. 
   Line 550: <select ...> <i class="fal fa-angle-down"></i> 
   So yes, select has an arrow icon. We position it right. */


/* ========================================================================
   INTERNATIONAL PHONE INPUT THEMING (DARK GLASS)
   ======================================================================== */

/* Container */
.iti {
    display: block !important;
    width: 100%;
}

/* Override input styling to match other inputs but add padding for flag */
.iti__tel-input {
    width: 100% !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 16px !important;
    color: #fff !important;
    font-family: 'Outfit', sans-serif;
    font-size: 15px;
    height: 60px !important;
    padding-left: 90px !important;
    /* Space for flag + code */
}

/* Flag Container - Transparent Glass */
.iti__country-container {
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    padding-left: 15px;
}

.iti__selected-country {
    background: transparent !important;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.iti__selected-country:hover {
    background: rgba(255, 255, 255, 0.05) !important;
}

/* Arrow Color */
.iti__arrow {
    border-top-color: rgba(255, 255, 255, 0.5) !important;
}

.iti__arrow--up {
    border-bottom-color: rgba(255, 255, 255, 0.5) !important;
}

/* Wrapper alignment fix */
.iti--allow-dropdown input,
.iti--allow-dropdown input[type=text],
.iti--allow-dropdown input[type=tel],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type=text],
.iti--separate-dial-code input[type=tel] {
    padding-right: 20px !important;
}

/* DROPDOWN MENU - DARK MODE PREMIUIM */
.iti__country-list {
    background-color: #1a1a1a !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5) !important;
    color: #fff !important;
    margin-top: 10px;

    /* Scrollbar Styling */
    scrollbar-width: thin;
    scrollbar-color: #f68a1e #2d2d2d;
}

/* Dropdown Items */
.iti__country {
    padding: 10px 15px !important;
    font-size: 14px;
    transition: background 0.2s ease;
}

/* Highlight/Hover State */
.iti__country.iti__highlight {
    background-color: #f68a1e !important;
    color: #fff !important;
}

.iti__country-name,
.iti__dial-code {
    color: inherit !important;
}

.iti__divider {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Hide the old static icon if it exists via CSS just in case */
#number+i {
    display: none !important;
}


/* FIXES FOR PHONE INPUT (User Feedback) */

/* 1. Increase padding to prevent overlap with +90 */
.iti__tel-input {
    padding-left: 120px !important;
    /* Increased from 90px to 120px */
}

/* 2. Fix White Search Box in Dropdown */
.iti__search-input {
    background: #1a1a1a !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px !important;
    color: #fff !important;
    outline: none !important;
    padding: 10px !important;
    margin-bottom: 10px !important;
}

.iti__search-input:focus {
    border-color: #f68a1e !important;
}

/* 3. Dropdown Header/Background Fixes */
.iti__country-list {
    background-color: #1a1a1a !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Fix vertical alignment of the selected flag container */
.iti__country-container {
    height: 58px !important;
    /* Match input height roughly minus borders */
    top: 1px !important;
    left: 1px !important;
    bottom: 1px !important;
    background: transparent !important;
}

/* Separate Dial Code styling */
.iti__selected-dial-code {
    color: #fff !important;
    font-weight: 500;
    margin-left: 8px;
}


/* ========================================================================
   FINAL UI POLISH (USER FEEDBACK FIXES)
   ======================================================================== */

/* 1. Force Orange Text Class */
.text-brand-orange {
    color: #f68a1e !important;
}

/* 2. ULTIMATE DARK MODE FOR PHONE DROPDOWN (Fixing White Artifacts) */

/* The main dropdown wrapper often has a white background in the library's default CSS */
.iti__dropdown-content {
    background-color: #1a1a1a !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5) !important;
    padding: 0 !important;
    /* Remove padding that reveals white bg */
    overflow: hidden !important;
    /* Clip corners */
}

/* Ensure the list inside matches */
.iti__country-list {
    background-color: #1a1a1a !important;
    border: none !important;
    /* Border handled by wrapper */
    box-shadow: none !important;
    margin: 0 !important;
}

/* Search input container usually adds padding/white bg */
.iti__search-input {
    background-color: #0f0f0f !important;
    /* Slightly darker than list */
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 6px !important;
    color: #fff !important;
    margin: 10px !important;
    /* Add spacing inside the wrapper */
    width: calc(100% - 20px) !important;
    /* Fit with margin */
}

/* Fix text colors in dropdown */
.iti__country-name {
    color: #e0e0e0 !important;
}

.iti__dial-code {
    color: #a0a0a0 !important;
}

/* Scrollbar fixes for the dropdown to look premium */
.iti__country-list::-webkit-scrollbar {
    width: 6px;
}

.iti__country-list::-webkit-scrollbar-track {
    background: #1a1a1a;
}

.iti__country-list::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 3px;
}

.iti__country-list::-webkit-scrollbar-thumb:hover {
    background: #f68a1e;
}

/* Fix any arrow/triangle colors */
.iti__arrow {
    border-top-color: #f68a1e !important;
    /* Orange arrow for contrast */
}

.iti__arrow--up {
    border-bottom-color: #f68a1e !important;
}


/* NUCLEAR OPTION FOR TEXT COLOR */
#form-warning-text {
    color: #f68a1e !important;
    opacity: 1 !important;
    /* Ensure it's not transparent */
    visibility: visible !important;
}

/* SPACING FIX FOR PHONE SEPARATOR LINE */

/* 1. Add breathing room inside the flag container before the border line */
.iti__selected-country {
    padding-right: 12px !important;
    /* Push the border away from +90 */
}

/* 2. Increase input padding to accommodate the wider flag container */
.iti__tel-input {
    padding-left: 155px !important;
    /* Increased from 120px to safe 155px */
}


/* PHONE NUMBER TYPOGRAPHY (User Request: Larger & Separated) */
.iti__tel-input {
    font-size: 18px !important;
    /* Much larger for readability */
    font-weight: 700 !important;
    /* Bold */
    letter-spacing: 2px !important;
    /* Distinct separation between digits */
    color: #fff !important;
    /* Ensure crisp white */
}

/* FIX PHONE PLACEHOLDER (User Feedback: Make it match others) */
.iti__tel-input::placeholder {
    font-size: 15px !important;
    /* Standard size */
    font-weight: 500 !important;
    /* Standard weight */
    letter-spacing: normal !important;
    /* No wide spacing for placeholder */
    color: rgba(255, 255, 255, 0.7) !important;
    opacity: 1;
}

/* PLACEHOLDER BEHAVIOR (User Request: White & Hide on Focus) */
.portal-form-control::placeholder {
    color: #ffffff !important;
    /* Pure white as requested */
    opacity: 1 !important;
    transition: opacity 0.3s ease;
}

/* Hide placeholder immediately when clicked/focused */
.portal-form-control:focus::placeholder {
    opacity: 0 !important;
}

/* Apply same logic to the phone input placeholder */
.iti__tel-input::placeholder {
    color: #ffffff !important;
    opacity: 1 !important;
}

.iti__tel-input:focus::placeholder {
    opacity: 0 !important;
}

/* REVERT LETTER SPACING FOR MASKING */
.iti__tel-input {
    letter-spacing: 0.5px !important;
    /* Reduced from 2px so the spaces in (555) 555 don't look huge */
}

/* OPTIMIZE PHONE INPUT (User Request: Standard Font & Tight Spacing) */
.iti__tel-input {
    font-size: 15px !important;
    /* Back to standard form size */
    font-weight: 500 !important;
    /* Standard weight */
    padding-left: 110px !important;
    /* Reduced from 155px - Tightens gap significanty */
    letter-spacing: normal !important;
}

/* Slightly reduce the container breathing room to assist in tightening */
.iti__selected-country {
    padding-right: 8px !important;
    /* Reduced from 12px */
}

/* ========================================================================
   CUSTOM MULTI-SELECT DROPDOWN (PREMIUM DARK GLASS)
   ======================================================================== */

.custom-select-group {
    position: relative;
    cursor: pointer;
}

/* The Trigger (looks like input) */
.custom-select-trigger {
    display: flex !important;
    align-items: center;
    padding-left: 20px !important;
    /* No left icon here, just text */
    padding-right: 40px !important;
    /* Space for arrow */
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    user-select: none;
    line-height: 60px;
    /* Vertically center */
}

/* Initial text color */
.custom-select-text {
    color: rgba(255, 255, 255, 0.7);
    font-size: 15px;
    font-weight: 500;
}

.custom-select-trigger.has-selection .custom-select-text {
    color: #fff;
}

/* The Dropdown List (Hidden by default) */
.custom-options {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #1a1a1a;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    max-height: 300px;
    overflow-y: auto;
    margin-top: 10px;
}

/* Open State */
.custom-select-group.open .custom-options {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.custom-select-group.open .fal.fa-angle-down {
    transform: translateY(-50%) rotate(180deg);
}

/* Options */
.custom-option {
    padding: 12px 20px;
    color: #e0e0e0;
    cursor: pointer;
    transition: background 0.2s;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.custom-option:hover {
    background: rgba(255, 255, 255, 0.05);
    color: #fff;
}

.custom-option.selected {
    background: rgba(246, 138, 30, 0.1);
    /* Low opacity orange */
    color: #f68a1e;
    font-weight: 600;
}

/* Checkmark logic */
.custom-option.selected::after {
    content: "\f00c";
    /* FontAwesome Check */
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-size: 12px;
}

/* Scrollbar */
.custom-options::-webkit-scrollbar {
    width: 6px;
}

.custom-options::-webkit-scrollbar-track {
    background: #1a1a1a;
}

.custom-options::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 3px;
}

.custom-options::-webkit-scrollbar-thumb:hover {
    background: #f68a1e;
}

/* Arrow positioning correction */
.custom-select-group .fal.fa-angle-down {
    left: auto !important;
    /* Reset left positioning */
    right: 20px !important;
    color: rgba(255, 255, 255, 0.5);
    transition: transform 0.3s ease;
}

.custom-select-group.open .portal-form-control {
    border-color: #f68a1e !important;
    box-shadow: 0 0 20px rgba(246, 138, 30, 0.15) !important;
}


/* SCROLLING FIXES (User Feedback) */

/* 1. Remove clipping on wrapper that might block wheel events or hide scrollbar parts */
.iti__dropdown-content {
    overflow: visible !important;
}

/* 2. Ensure list handles scrolling properly */
.iti__country-list {
    max-height: 300px !important;
    /* Ensure a height limit exists to trigger scroll */
    overflow-y: auto !important;
    /* Native scroll behavior */
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
    /* Smooth scroll on touch */
}

/* 3. Make scrollbar slightly friendlier (Wider) */
.iti__country-list::-webkit-scrollbar {
    width: 10px !important;
    /* Increased from 6px */
}

/* Also apply to custom service dropdown for consistency */
.custom-options::-webkit-scrollbar {
    width: 10px !important;
}

/* PREMIUM CHECKBOX STYLING (User Request: Modern Check Symbols) */
.custom-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* Push checkbox to right */
    padding: 12px 20px;
    transition: background 0.2s;
}

/* The Checkbox Container (::after) */
.custom-option::after {
    content: "";
    /* Empty box by default */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border: 2px solid rgba(255, 255, 255, 0.2);
    /* Glass Border */
    border-radius: 6px;
    /* Soft rounding */
    margin-left: 10px;
    transition: all 0.2s ease;
    font-family: "Font Awesome 5 Pro";
    /* Prepare for icon */
    font-weight: 900;
    font-size: 12px;
    color: transparent;
    /* Hide icon initially */
}

/* Hover Effect on Box */
.custom-option:hover::after {
    border-color: rgba(255, 255, 255, 0.5);
}

/* Selected State: Orange Fill + Checkmark */
.custom-option.selected::after {
    content: "\f00c";
    /* Check Icon */
    background-color: #f68a1e;
    border-color: #f68a1e;
    color: #fff;
    /* White icon */
    box-shadow: 0 0 10px rgba(246, 138, 30, 0.4);
}

/* Remove default background change on selection to keep focus on the checkbox */
.custom-option.selected {
    background: transparent;
}

.custom-option.selected:hover {
    background: rgba(255, 255, 255, 0.05);
}

/* REFINE CHECKBOX VISUALS (User: White Square Tick) */
.custom-option::after {
    border-color: rgba(255, 255, 255, 0.6) !important;
    /* Make the square clearly visible/white */
    border-radius: 4px !important;
    /* Slightly sharper square as per typical UI */
    border-width: 2px !important;
}

.custom-option:hover::after {
    border-color: #ffffff !important;
    /* Pure white on hover */
}

/* Ensure checkmark is vertically centered and bold */
.custom-option.selected::after {
    font-size: 13px !important;
    line-height: 20px;
    /* Center vert */
}

/* CSS-ONLY CHECKMARK (Fix for missing font icon) */
.custom-option.selected::after {
    /* Create the checkmark using borders instead of text */
    content: "" !important;
    width: 6px !important;
    height: 12px !important;
    /* Rectangular aspect ratio for tick */
    border: solid white !important;
    border-width: 0 2px 2px 0 !important;
    /* L-shape */
    transform: rotate(45deg) !important;
    margin-bottom: 2px;
    /* Visual optical alignment */
    /* Remove background color if user just wants the tick inside the white square? 
       User said: "tik olsun dedim beyaz kare duıruyor" -> "It stands as a white square".
       This might mean they see the orange box as just a square.
       I will keep the orange fill to indicate selection but ensure the TICK is huge and clear.
    */
    background-color: transparent !important;
    /* Transparent background for the tick element itself */
    box-shadow: none !important;
    color: white !important;
}

/* Re-apply the orange box container style on the ::after parent, 
   but wait, ::after IS the box. 
   We need a nested approach or hack if we want ::after to be the box AND the tick. 
   
   Better approach:
   Keep ::after as the BOX.
   Use ::before as the TICK.
*/

.custom-option {
    position: relative;
    /* Context for absolute positioning if needed */
}

/* THE BOX (Common for both states) */
.custom-option::after {
    content: "" !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px !important;
    height: 22px !important;
    border: 2px solid rgba(255, 255, 255, 0.6) !important;
    border-radius: 4px !important;
    margin-left: 10px;
    background: transparent !important;
    transition: all 0.2s ease;
    /* Reset font properties to avoid weird characters */
    font-family: inherit !important;
    transform: none !important;
    /* Reset any rotation on the box itself */
}

/* THE TICK (Hidden by default, appears when selected) */
.custom-option::before {
    content: "";
    /* The tick */
    position: absolute;
    right: 27px;
    /* Position inside the box (20px padding + half box width approx) */
    /* Let's aim specifically for the center of the box. 
       Box is on the right. 
       Better to make the tick a child of the option visually via absolute pos.
    */
    right: 28px;
    /* 20px padding + 2px border + 6px offset */
    top: 50%;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: translateY(-65%) rotate(45deg);
    opacity: 0;
    transition: all 0.2s ease;
    z-index: 2;
}

/* SELECTED STATE */
.custom-option.selected::after {
    background-color: #f68a1e !important;
    /* Orange Fill */
    border-color: #f68a1e !important;
}

.custom-option.selected::before {
    opacity: 1;
    /* Show Tick */
}

/* GLASS DROPDOWN (User Request: Move from solid black to glass) */
.custom-options {
    background: rgba(20, 20, 20, 0.85) !important;
    /* Translucent */
    backdrop-filter: blur(16px) !important;
    /* Strong blur */
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.7) !important;
    /* Premium depth */
}

/* Ensure the scrollbar track blends in with the glass */
.custom-options::-webkit-scrollbar-track {
    background: transparent !important;
}

/* FORM ERROR POPUP VARIANT */
/* When the popup has 'error' class, change the icon background to Red */
.form-success-popup.error .form-success-icon {
    background: linear-gradient(135deg, #FF4B4B 0%, #FF0000 100%) !important;
    box-shadow: 0 15px 35px rgba(255, 0, 0, 0.4) !important;
}

/* ========================================================================
   ULTRATHINK PROTOCOL: BESPOKE BRS PROSES INDUSTRIAL AVANT-GARDE
   Design Logic: 
   - Base: Precision Machined Obsidian (#0a0a0c)
   - Accent: BRS Industrial Orange Plasma (#f68a1e)
   - Feel: Heavy, Hydraulic, Architecturally Structured
   ======================================================================== */

/* THE BACKDROP: Industrial Atmosphere */
.form-success-popup {
    background: rgba(4, 5, 8, 0.88) !important;
    backdrop-filter: blur(50px) brightness(0.4) saturate(170%) !important;
    -webkit-backdrop-filter: blur(50px) brightness(0.4) saturate(170%) !important;
}

.form-success-popup.show {
    opacity: 1;
    visibility: visible;
}

/* THE CARD: BRS PROSES CORE UNIT */
.form-success-content {
    background: #0d0e12 !important;
    /* Total Obsidian */
    background-image:
        radial-gradient(circle at top left, rgba(246, 138, 30, 0.1), transparent 45%),
        radial-gradient(circle at bottom right, rgba(20, 30, 60, 0.25), transparent 45%) !important;
    border-radius: 4px !important;
    /* Ultra Industrial / Architectural (Almost Square) */
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow:
        0 60px 150px rgba(0, 0, 0, 0.95),
        inset 0 0 0 1px rgba(255, 255, 255, 0.04) !important;
    padding: 90px 70px !important;
    max-width: 550px !important;
    width: 95% !important;
    position: relative !important;
    overflow: visible !important;
    text-align: center;
    /* Hydraulic Force Entry: Snap with high-velocity easing */
    transform: translateY(150px) scale(0.8) !important;
    transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) !important;
}

.form-success-popup.show .form-success-content {
    transform: translateY(0) scale(1) !important;
}

/* THE STRUCTURAL OVERLAY (Precision Lines) */
.form-success-content::after {
    content: "";
    position: absolute;
    inset: 15px;
    border: 1px solid rgba(255, 255, 255, 0.03);
    pointer-events: none;
    z-index: 1;
}

/* PLASMA STATUS INDICATOR: Top Machined Light */
.form-success-content::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 180px;
    height: 4px;
    transform: translateX(-50%);
    background: #f68a1e;
    box-shadow:
        0 0 35px #f68a1e,
        0 0 15px rgba(246, 138, 30, 0.6) !important;
    z-index: 10;
    transition: all 0.6s ease;
}

.form-success-popup:not(.error) .form-success-content::before {
    background: #2ecc71;
    box-shadow: 0 0 35px #2ecc71, 0 0 15px rgba(46, 204, 113, 0.6) !important;
}

.form-success-popup.error .form-success-content::before {
    background: #e74c3c;
    box-shadow: 0 0 35px #e74c3c, 0 0 15px rgba(231, 76, 60, 0.6) !important;
}

/* THE ICON CORE: Machined Aperture */
.form-success-icon {
    width: 140px !important;
    height: 140px !important;
    margin: 0 auto 60px !important;
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 0 !important;
    /* Industrial Hex/Square Logic */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    z-index: 5;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
    /* Industrial Hexagon */
}

.form-success-icon i {
    font-size: 56px !important;
    color: #fff !important;
    opacity: 0.9;
    filter: drop-shadow(0 0 15px currentColor);
}

/* SCAN-LINE DETAIL */
.form-success-icon::after {
    content: "";
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(255, 255, 255, 0.04) 2px, rgba(255, 255, 255, 0.04) 4px);
    pointer-events: none;
    z-index: 2;
}

/* TYPOGRAPHY: Heavy Engineering Font (Inter/Outfit Bold) */
.form-success-title {
    font-family: 'Outfit', sans-serif !important;
    font-weight: 800 !important;
    font-size: 38px !important;
    color: #ffffff !important;
    margin-bottom: 22px !important;
    letter-spacing: -0.05em !important;
    text-transform: uppercase;
}

.form-success-text {
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    color: rgba(180, 190, 210, 0.6) !important;
    /* Steel Gray */
    line-height: 1.8 !important;
    max-width: 420px;
    margin: 0 auto 60px !important;
    font-weight: 400;
}

/* THE TRIGGER: Industrial Machined Button */
.form-success-close {
    background: #0d0e12 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    padding: 24px 80px !important;
    border-radius: 0 !important;
    /* Sharp */
    position: relative;
    cursor: pointer !important;
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) !important;
    text-transform: uppercase;
    letter-spacing: 5px;
    z-index: 5;
    overflow: hidden;
}

/* BUTTON FILL: BRS Orange Power Slide */
.form-success-close::before {
    content: "";
    position: absolute;
    left: -100%;
    top: 0;
    bottom: 0;
    width: 100%;
    background: #f68a1e;
    transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    z-index: -1;
}

.form-success-close:hover {
    color: #000 !important;
    border-color: #f68a1e !important;
    transform: scale(1.02);
}

.form-success-close:hover::before {
    left: 0;
}

/* Error state specific interaction */
.form-success-popup.error .form-success-close:hover::before {
    background: #e74c3c;
}


/* ========================================================================
   MOBİL OPTİMİZASYON - RESPONSIVE GÖRSELLER (WEBP)
   ======================================================================== */
@media (max-width: 768px) {

    /* Slide 1 - Mobile WebP */
    .hero-slider5 .swiper-slide:nth-child(1) .th-hero-bg {
        background-image: url('../img/hero/hero_bg_5_1_mobile.webp') !important;
    }

    /* Slide 2 - Mobile WebP */
    .hero-slider5 .swiper-slide:nth-child(2) .th-hero-bg {
        background-image: url('../img/hero/hero_bg_5_2_mobile.webp') !important;
    }

    /* Slide 3 - Mobile WebP */
    .hero-slider5 .swiper-slide:nth-child(3) .th-hero-bg {
        background-image: url('../img/hero/hero_bg_5_3_mobile.webp') !important;
    }



    /* Görselin tam oturması için */
    .th-hero-bg {
        background-position: center top !important;
        background-size: cover !important;
    }
}

/* ========================================================================
   ERİŞİLEBİLİRLİK İYİLEŞTİRMELERİ (Accessibility Fixes)
   ======================================================================== */

/* 1. Dokunma Hedefleri (Touch Targets) - Footer Linkleri */
.footer-contact .contact-text a {
    display: inline-block;
    padding: 8px 0;
    /* Mobilde parmakla tıklamayı kolaylaştırır */
    min-height: 44px;
    /* WCAG standardı (yaklaşık) */
    line-height: 1.5;
}

/* 2. Kontrast Oranı (Contrast Ratio) - Okunabilirlik */
.footer-contact .contact-text,
.footer-contact .contact-text a {
    color: #e0e0e0 !important;
    /* Açık gri (Koyu zemin üzerinde daha net görünür) */
}

/* Hover durumunda biraz daha parlak */
.footer-contact .contact-text a:hover {
    color: #ffffff !important;
    text-decoration: underline;
}

/* ========================================================================
   MOBIL ARAMA EKRANI DÜZELTMESİ (Samsung/Android Scroll Fix)
   ======================================================================== */
@media (max-width: 992px) {

    /* Ana Overlay Kapsayıcısı */
    .popup-search-box {
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        /* Ortalamayı iptal et, yukarı yasla */
        padding-top: 20px !important;
        padding-bottom: 50px !important;
        overflow-y: auto !important;
        /* Tüm ekranın kaymasını sağla */
        -webkit-overflow-scrolling: touch;
        /* iOS için yumuşak kaydırma */
        height: 100vh !important;
        max-height: 100vh !important;
    }

    /* İçerik Kutusu */
    .command-palette-wrapper {
        max-height: none !important;
        /* Yükseklik sınırını kaldır */
        height: auto !important;
        overflow: visible !important;
        /* İçeriğin taşmasına izin ver parent scroll edecek */
        margin-bottom: 50px !important;
        /* Alt tarafta boşluk bırak */
    }
}

/* Cloudflare Turnstile Visibility Fix - GLOBAL FORCE */
.cf-turnstile {
    min-height: 65px !important;
    display: block !important;
    margin-bottom: 20px !important;
    clear: both !important;
    width: 100% !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 100 !important;
}

.cf-turnstile iframe {
    display: block !important;
    width: 300px !important;
    height: 65px !important;
}