/*
 * Kainat Temizlik - Kurumsal Mobil Tasarim v5
 * Full-width Edge-to-Edge Slider + Header Overlay + Bottom Nav
 * 8 Nisan 2026 — ROOT CAUSE FIX
 */

/* =================================================================
   0. SAYFA GENISLIK GARANTISI - Tum parent zincirleri sifirlama
   ================================================================= */

@media (max-width: 991px) {

    html, body {
        overflow-x: hidden !important;
    }

    .page-wrapper,
    #page {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow-x: hidden !important;
    }

    /* KRITIK: Desktop'ta kutulu tasarim icin eklenen padding'i SIFIRLA */
    .header-style-2,
    header.header-style-2,
    header.site-header.header-style-2 {
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Desktop'ta border-radius: 30px olan swiper'i SIFIRLA */
    .pbmit-slider-two .swiper-slider {
        border-radius: 0 !important;
    }
}


/* =================================================================
   1. HEADER - Slider uzerinde transparent, scroll'da beyaz sticky
   ================================================================= */

@media (max-width: 991px) {

    /* ---- ORTAK: Tum header stilleri ---- */
    .site-header {
        width: 100% !important;
        z-index: 100 !important;
    }

    /* ---- header-style-2 (index.php): Slider uzerinde transparent ---- */
    .site-header.header-style-2 {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        background: transparent !important;
        backdrop-filter: none !important;
        box-shadow: none !important;
    }

    .site-header.header-style-2 .pbmit-header-overlay {
        background: transparent !important;
    }

    .site-header.header-style-2 .pbmit-main-header-area {
        background: transparent !important;
    }

    /* header-style-2: logo ortada */
    .site-header.header-style-2 .container-fluid {
        padding-left: 16px !important;
        padding-right: 16px !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .site-header.header-style-2 .site-branding {
        margin: 0 auto !important;
        text-align: center !important;
        flex: 0 0 auto !important;
    }

    .site-header.header-style-2 .site-branding .logo-img {
        height: 90px !important;
        max-height: 90px !important;
        max-width: 240px !important;
        width: auto !important;
        display: block !important;
        filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.4)) !important;
    }

    /* ---- header-style-1 (main.php alt sayfalar): Kompakt beyaz header ---- */
    .site-header.header-style-1 {
        position: relative !important;
        background: #ffffff !important;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08) !important;
    }

    .site-header.header-style-1 .site-header-menu {
        padding: 0 !important;
        margin: 0 !important;
    }

    .site-header.header-style-1 .pbmit-main-header-area {
        background: #ffffff !important;
        padding: 0 !important;
    }

    .site-header.header-style-1 .container-fluid {
        padding: 0 16px !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        min-height: 60px !important;
        max-height: 60px !important;
        position: relative !important;
    }

    .site-header.header-style-1 .pbmit-header-content {
        width: 100% !important;
        padding: 0 !important;
        min-height: 60px !important;
    }

    .site-header.header-style-1 .pbmit-logo-menuarea {
        width: 100% !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 0 !important;
        min-height: 60px !important;
    }

    /* Logo — sol taraf, kompakt */
    .site-header.header-style-1 .site-branding {
        flex: 0 0 auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .site-header.header-style-1 .site-branding .site-title {
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1 !important;
    }

    .site-header.header-style-1 .site-branding .logo-img {
        height: 42px !important;
        max-height: 42px !important;
        width: auto !important;
        max-width: 180px !important;
        display: block !important;
        filter: none !important;
    }

    /* Site navigation — sag tarafa yapis */
    .site-header.header-style-1 .site-navigation {
        position: static !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        flex: 0 0 auto !important;
        margin-left: auto !important;
    }

    /* Hamburger butonu — sag ust kose, gorunur */
    .site-header.header-style-1 .navbar-header {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .site-header.header-style-1 .navbar-toggler {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        transform: none !important;
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        overflow: visible !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 22px !important;
        color: #1f2937 !important;
        background: #f3f4f6 !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        border: none !important;
        border-radius: 10px !important;
        padding: 0 !important;
        cursor: pointer !important;
        box-shadow: none !important;
        -webkit-tap-highlight-color: transparent !important;
        transition: background 0.2s ease !important;
    }

    .site-header.header-style-1 .navbar-toggler:active {
        background: #e5e7eb !important;
        transform: none !important;
    }

    .site-header.header-style-1 .navbar-toggler:hover,
    .site-header.header-style-1 .navbar-toggler:focus {
        background: #e5e7eb !important;
        box-shadow: none !important;
        transform: none !important;
        outline: none !important;
    }

    .site-header.header-style-1 .navbar-toggler i {
        font-size: 22px !important;
        color: #1f2937 !important;
        line-height: 1 !important;
        transform: none !important;
    }

    /* Navbar collapse — mobilde gizle (slide panel kullaniliyor) */
    .site-header.header-style-1 #pbmit-menu {
        display: none !important;
    }

    /* Sag taraf buton kutusu — mobilde gizle */
    .site-header.header-style-1 .pbmit-right-box {
        display: none !important;
    }

    /* Padding-right override — mobile-2026.css bunu sisuruyor, sifirla */
    .site-header.header-style-1 .pbmit-main-header-area .container-fluid {
        padding-right: 16px !important;
    }

    /* ---- ORTAK: Renkli/sticky logo gizle ---- */
    .site-branding .sticky-logo-img {
        display: none !important;
    }

    /* SCROLL SONRASI - sticky header (tema JS ekler) */
    .site-header.sticky-header,
    .site-header.is-sticky,
    .site-header.header-sticky,
    .site-header.fixed-header {
        position: fixed !important;
        background: #ffffff !important;
        backdrop-filter: blur(12px) !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
        animation: slideDown 0.3s ease !important;
    }

    .site-header.sticky-header .logo-img,
    .site-header.is-sticky .logo-img,
    .site-header.header-sticky .logo-img,
    .site-header.fixed-header .logo-img {
        display: none !important;
        filter: none !important;
    }

    .site-header.sticky-header .sticky-logo-img,
    .site-header.is-sticky .sticky-logo-img,
    .site-header.header-sticky .sticky-logo-img,
    .site-header.fixed-header .sticky-logo-img {
        display: block !important;
        max-height: 40px !important;
        width: auto !important;
        filter: none !important;
    }

    @keyframes slideDown {
        from { transform: translateY(-100%); }
        to { transform: translateY(0); }
    }

    /* header-style-2: Hamburger gizli (bottom nav tetikliyor) */
    .site-header.header-style-2 .navbar-toggler {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        opacity: 0 !important;
        pointer-events: none !important;
        overflow: hidden !important;
    }

    .site-header.header-style-2 .navbar-header {
        display: none !important;
    }

    /* Hizli teklif butonu - mobilde gizle */
    .pbmit-right-box {
        display: none !important;
    }

    /* Menu alani - sadece slide panel icin kalsin */
    .pbmit-menuarea {
        flex: 0 0 auto !important;
    }
}


/* =================================================================
   2. HERO SLIDER - Full-width edge-to-edge, profesyonel
   ================================================================= */

@media (max-width: 991px) {

    /* Slider alani - GERCEK tam genislik: 100vw + breakout */
    .pbmit-slider-area,
    .pbmit-slider-area.pbmit-slider-two {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(-50vw + 50%) !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .pbmit-slider-area .swiper-slider,
    .pbmit-slider-area .swiper-container {
        width: 100% !important;
        height: 88vh !important;
        min-height: 520px !important;
        max-height: 750px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important;
    }

    .pbmit-slider-area .swiper-wrapper {
        height: 100% !important;
    }

    .pbmit-slider-area .swiper-slide {
        height: 100% !important;
        width: 100% !important;
    }

    /* Slider item - tam kaplama, padding sifirla */
    .pbmit-slider-item {
        width: 100% !important;
        height: 100% !important;
        padding: 0 !important;
        position: relative !important;
        overflow: hidden !important;
        background-color: rgba(0, 24, 55, 0.4) !important;
    }

    /* Arka plan resmi - tam kaplama */
    .pbmit-slider-bg {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        z-index: 0 !important;
    }

    /* KOYU GRADIENT OVERLAY - ust kisim logo icin, alt icerik icin */
    .pbmit-slider-item::before {
        content: '' !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        height: 120px !important;
        background: linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.55) 0%,
            rgba(0, 0, 0, 0.15) 60%,
            transparent 100%
        ) !important;
        z-index: 1 !important;
        pointer-events: none !important;
    }

    .pbmit-slider-item::after {
        content: '' !important;
        position: absolute !important;
        inset: 0 !important;
        background: linear-gradient(
            180deg,
            transparent 0%,
            rgba(0, 10, 30, 0.15) 30%,
            rgba(0, 10, 30, 0.55) 70%,
            rgba(0, 10, 30, 0.80) 100%
        ) !important;
        z-index: 1 !important;
        pointer-events: none !important;
    }

    /* Slider icerik - dikeyde ortala, alta dogru */
    .pbmit-slider-item > .container {
        position: absolute !important;
        inset: 0 !important;
        display: flex !important;
        align-items: flex-end !important;
        justify-content: center !important;
        z-index: 2 !important;
        padding: 0 24px 48px !important;
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .pbmit-slider-item > .container > .row {
        width: 100% !important;
        margin: 0 !important;
    }

    .pbmit-slider-item > .container > .row > [class*="col-"] {
        padding: 0 !important;
    }

    .pbmit-slider-content {
        position: relative !important;
        z-index: 2 !important;
        text-align: center !important;
    }

    /* Slogan — ince, uppercase, elegant */
    .pbmit-slider-content h5,
    .pbmit-slider-content .pbmit-sub-title {
        font-size: 11px !important;
        font-weight: 600 !important;
        letter-spacing: 4px !important;
        text-transform: uppercase !important;
        color: rgba(255, 255, 255, 0.70) !important;
        margin-bottom: 12px !important;
        display: block !important;
    }

    /* OVERRIDE: responsive.css ≤485px gizliyor — GOSTER */
    .pbmit-slider-two .pbmit-sub-title {
        display: block !important;
    }

    /* Ana baslik — buyuk, kalin, gulce */
    .pbmit-slider-content h2,
    .pbmit-slider-content h1,
    .pbmit-slider-content .pbmit-title {
        font-size: clamp(26px, 7vw, 40px) !important;
        font-weight: 800 !important;
        line-height: 1.15 !important;
        color: #ffffff !important;
        text-shadow: 0 2px 12px rgba(0, 0, 0, 0.4) !important;
        margin-bottom: 12px !important;
        display: block !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
    }

    /* Mobilde gizlenen baslik sinifini GOSTER */
    .pbmit-slider-content .d-block.d-sm-none,
    .pbmit-slider-content h2.d-block.d-sm-none {
        display: block !important;
    }

    /* Alt aciklama */
    .pbmit-slider-content h4,
    .pbmit-slider-content .pbmit-title-small {
        font-size: clamp(14px, 3.5vw, 17px) !important;
        font-weight: 400 !important;
        line-height: 1.55 !important;
        color: rgba(255, 255, 255, 0.85) !important;
        margin: 0 auto 24px !important;
        max-width: 360px !important;
    }

    /* CTA Butonlari */
    .pbmit-slider-content .pbmit-button {
        flex-direction: column !important;
        align-items: center !important;
        gap: 12px !important;
        display: flex !important;
    }

    .pbmit-slider-content .pbmit-button > div {
        margin: 0 !important;
        width: auto !important;
    }

    /* OVERRIDE: responsive.css ≤485px CTA gizliyor — GOSTER */
    .pbmit-slider-two .pbmit-slider-content .pbmit-btn-global,
    .pbmit-slider-two .pbmit-slider-content .pbmit-button {
        display: flex !important;
    }

    /* WhatsApp butonu — kurumsal yesil, pill seklinde */
    .pbmit-slider-content a[href*="wa.me"] {
        display: inline-flex !important;
        align-items: center !important;
        gap: 10px !important;
        padding: 14px 32px !important;
        background: #25D366 !important;
        color: #ffffff !important;
        border: none !important;
        border-radius: 50px !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        box-shadow: 0 4px 16px rgba(37, 211, 102, 0.4) !important;
        text-decoration: none !important;
        letter-spacing: 0.3px !important;
    }

    .pbmit-slider-content a[href*="wa.me"] .pbmit-button-icon {
        display: none !important;
    }

    .pbmit-slider-content a[href*="wa.me"] .pbmit-button-text {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        color: #ffffff !important;
    }

    .pbmit-slider-content a[href*="wa.me"] .pbmit-button-text i {
        font-size: 20px !important;
    }

    .pbmit-slider-content a[href*="wa.me"]:active {
        transform: scale(0.96) !important;
        box-shadow: 0 2px 8px rgba(37, 211, 102, 0.3) !important;
    }

    /* ikinci CTA (Detayli Incele) — zarif cerceveli */
    .pbmit-slider-content .pbmit-btn-global {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 12px 28px !important;
        border: 1.5px solid rgba(255, 255, 255, 0.5) !important;
        background: rgba(255, 255, 255, 0.08) !important;
        color: #ffffff !important;
        border-radius: 50px !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        text-decoration: none !important;
        backdrop-filter: blur(4px) !important;
    }

    .pbmit-slider-content .pbmit-btn-global .pbmit-button-icon {
        display: none !important;
    }

    .pbmit-slider-content .pbmit-btn-global:active {
        background: rgba(255, 255, 255, 0.15) !important;
    }

    /* Swiper oklar gizle */
    .pbmit-slider-area .swiper-button-next,
    .pbmit-slider-area .swiper-button-prev,
    .pbmit-slider-area .swiper-buttons {
        display: none !important;
    }

    /* Swiper noktalar */
    .pbmit-slider-area .swiper-pagination {
        bottom: 20px !important;
        z-index: 3 !important;
    }

    .pbmit-slider-area .swiper-pagination-bullet {
        width: 8px !important;
        height: 8px !important;
        background: rgba(255, 255, 255, 0.4) !important;
        opacity: 1 !important;
        transition: all 0.3s ease !important;
    }

    .pbmit-slider-area .swiper-pagination-bullet-active {
        background: #ffffff !important;
        width: 24px !important;
        border-radius: 4px !important;
    }
}


/* =================================================================
   3. MOBIL SLIDE MENU - Temiz, bagimsiz menu sistemi
   body.menu-open ile kontrol — header position'a bagimsiz
   ================================================================= */

@media (max-width: 991px) {

    /* ---- KAPALI durum: Tum cakisan dosyalari ezici reset ---- */
    .pbmit-mobile-menu-bg {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 99999 !important;
        background: rgba(0, 0, 0, 0.55) !important;
        backdrop-filter: blur(0) !important;
        -webkit-backdrop-filter: blur(0) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: none !important;
        transition: opacity 0.3s ease, visibility 0.3s ease !important;
        border-radius: 0 !important;
    }

    .pbmit-menu-wrap {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        width: 300px !important;
        height: 100% !important;
        z-index: 100000 !important;
        background: #ffffff !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        box-shadow: -4px 0 24px rgba(0, 0, 0, 0.15) !important;
        border-radius: 0 !important;
        border-left: none !important;
        padding: 60px 0 24px 0 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        transform: translateX(100%) !important;
        opacity: 1 !important;
        visibility: hidden !important;
        transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
                    visibility 0.35s ease !important;
        animation: none !important;
        will-change: transform !important;
    }

    /* ---- ACIK durum: body.menu-open ile tetiklenir ---- */
    body.menu-open {
        overflow: hidden !important;
    }

    body.menu-open .pbmit-mobile-menu-bg {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    body.menu-open .pbmit-menu-wrap {
        transform: translateX(0) !important;
        visibility: visible !important;
    }

    /* ---- Eski .active sistemi — elementler body icinde, parent yok ---- */
    /* JS body.menu-open kullandigi icin .active fallback'e gerek yok */

    /* ---- Kapat butonu ---- */
    .closepanel {
        position: absolute !important;
        right: 16px !important;
        top: 16px !important;
        width: 40px !important;
        height: 40px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 50% !important;
        background: #f3f4f6 !important;
        cursor: pointer !important;
        z-index: 100 !important;
        transform: none !important;
    }

    .closepanel:active {
        background: #e5e7eb !important;
    }

    .closepanel svg {
        width: 14px !important;
        height: 14px !important;
    }

    .closepanel rect {
        fill: #374151 !important;
    }

    /* Menu items */
    .pbmit-menu-wrap .navigation {
        padding: 0 !important;
        margin: 0 !important;
        list-style: none !important;
    }

    .pbmit-menu-wrap .navigation > li {
        border-bottom: 1px solid #f3f4f6 !important;
        position: relative !important;
    }

    .pbmit-menu-wrap .navigation > li > a {
        display: block !important;
        padding: 14px 20px !important;
        color: #1f2937 !important;
        font-size: 15px !important;
        font-weight: 500 !important;
        text-decoration: none !important;
    }

    .pbmit-menu-wrap .navigation > li > a:active {
        background: #f9fafb !important;
    }

    /* Dropdown ok */
    .pbmit-menu-wrap .navigation li.dropdown > a {
        padding-right: 48px !important;
    }

    .pbmit-menu-wrap .navigation li.dropdown .righticon {
        position: absolute !important;
        right: 0 !important;
        top: 0 !important;
        width: 48px !important;
        height: 48px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        z-index: 5 !important;
    }

    .pbmit-menu-wrap .navigation li.dropdown .righticon:active {
        background: #f3f4f6 !important;
    }

    .pbmit-menu-wrap .navigation li.dropdown .righticon i {
        font-size: 14px !important;
        color: #6b7280 !important;
        transition: transform 0.3s ease !important;
    }

    /* Alt menu */
    .pbmit-menu-wrap .navigation > li > ul {
        background: #f9fafb !important;
        border: none !important;
    }

    .pbmit-menu-wrap .navigation > li > ul > li {
        border-bottom: 1px solid #f0f0f0 !important;
    }

    .pbmit-menu-wrap .navigation > li > ul > li:last-child {
        border-bottom: none !important;
    }

    .pbmit-menu-wrap .navigation > li > ul > li > a {
        padding: 12px 20px 12px 36px !important;
        font-size: 14px !important;
        color: #4b5563 !important;
        display: block !important;
        text-decoration: none !important;
    }

    .pbmit-menu-wrap .navigation > li > ul > li > a:active {
        background: #f3f4f6 !important;
        color: #1e40af !important;
    }

    .pbmit-menu-wrap .navigation > li > ul > li > ul > li > a {
        padding-left: 52px !important;
        font-size: 13px !important;
        color: #6b7280 !important;
    }
}


/* =================================================================
   4. BOTTOM NAVIGATION - 5'li kurumsal grid
   ================================================================= */

@media (max-width: 991px) {

    .mobile-bottom-nav {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: auto !important;
        min-height: 56px !important;
        background: #ffffff !important;
        border-top: 1px solid #e5e7eb !important;
        box-shadow: 0 -1px 8px rgba(0, 0, 0, 0.06) !important;
        display: grid !important;
        grid-template-columns: repeat(5, 1fr) !important;
        align-items: end !important;
        justify-items: center !important;
        z-index: 1000 !important;
        padding: 0 !important;
        padding-bottom: env(safe-area-inset-bottom, 0px) !important;
        border-radius: 0 !important;
    }

    .mobile-bottom-nav .nav-item,
    .mobile-bottom-nav a.nav-item,
    .mobile-bottom-nav button.nav-item {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        padding: 8px 4px 6px !important;
        text-decoration: none !important;
        color: #9ca3af !important;
        font-size: 10px !important;
        font-weight: 500 !important;
        line-height: 1 !important;
        border: none !important;
        background: transparent !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        transform: none !important;
        outline: none !important;
        cursor: pointer !important;
        -webkit-tap-highlight-color: transparent !important;
        transition: color 0.2s ease !important;
        min-height: 56px !important;
        margin: 0 !important;
        position: relative !important;
    }

    .mobile-bottom-nav .nav-item i {
        font-size: 20px !important;
        margin-bottom: 4px !important;
        color: inherit !important;
        display: block !important;
        width: auto !important;
        height: auto !important;
        background: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        padding: 0 !important;
    }

    .mobile-bottom-nav .nav-item span {
        display: block !important;
        font-size: 10px !important;
        font-weight: 500 !important;
        white-space: nowrap !important;
        color: inherit !important;
    }

    .mobile-bottom-nav .nav-item.active {
        color: #1e40af !important;
    }

    .mobile-bottom-nav .nav-item.active::after {
        content: '' !important;
        position: absolute !important;
        top: 0 !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 32px !important;
        height: 2px !important;
        background: #1e40af !important;
        border-radius: 0 0 2px 2px !important;
    }

    /* Menu butonu - ortada yukseltilmis */
    .mobile-bottom-nav .menu-center {
        margin-top: -14px !important;
        background: transparent !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    .mobile-bottom-nav .menu-center i {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 48px !important;
        height: 48px !important;
        background: linear-gradient(135deg, #1e40af, #3b82f6) !important;
        color: #ffffff !important;
        border-radius: 50% !important;
        font-size: 20px !important;
        box-shadow: 0 4px 14px rgba(30, 64, 175, 0.35) !important;
        margin-bottom: 4px !important;
        padding: 0 !important;
    }

    .mobile-bottom-nav .menu-center span {
        color: #1e40af !important;
        font-weight: 600 !important;
    }

    .mobile-bottom-nav .menu-center:active i {
        transform: scale(0.93) !important;
    }

    .mobile-bottom-nav .nav-whatsapp i {
        color: #25D366 !important;
    }

    .mobile-bottom-nav .nav-item:active:not(.menu-center) {
        color: #1e40af !important;
    }

    body {
        padding-bottom: calc(56px + env(safe-area-inset-bottom, 0px)) !important;
    }
}


/* =================================================================
   5. SOSYAL MEDYA SIDEBAR - Gizle
   ================================================================= */

@media (max-width: 991px) {
    .social-icons,
    .social-buttons-left,
    .sticky-social-icons {
        display: none !important;
    }
}


/* =================================================================
   6. GENEL MOBIL
   ================================================================= */

@media (max-width: 991px) {
    .pbmit-progress-wrap {
        bottom: calc(70px + env(safe-area-inset-bottom, 0px)) !important;
    }

    footer {
        margin-bottom: 56px;
    }

    /* Slider altindaki ilk section */
    .page-content > section:first-child {
        margin-top: 0 !important;
    }
}


/* =================================================================
   7. DARK MODE
   ================================================================= */

@media (max-width: 991px) and (prefers-color-scheme: dark) {
    .mobile-bottom-nav {
        background: #1a1a2e !important;
        border-top-color: rgba(255,255,255,0.08) !important;
    }
    .mobile-bottom-nav .nav-item { color: #6b7280 !important; }
    .mobile-bottom-nav .nav-item.active { color: #60a5fa !important; }
    .mobile-bottom-nav .nav-item.active::after { background: #60a5fa !important; }
    .mobile-bottom-nav .menu-center span { color: #60a5fa !important; }

    .pbmit-menu-wrap { background: #1f2937 !important; }
    .pbmit-menu-wrap .navigation > li { border-bottom-color: #374151 !important; }
    .pbmit-menu-wrap .navigation > li > a { color: #e5e7eb !important; }
    .pbmit-menu-wrap .navigation > li > ul { background: #111827 !important; }
    .pbmit-menu-wrap .navigation > li > ul > li > a { color: #9ca3af !important; }
    .closepanel { background: #374151 !important; }
    .closepanel rect { fill: #e5e7eb !important; }
}


/* =================================================================
   8. KUCUK EKRANLAR
   ================================================================= */

@media (max-width: 375px) {
    .mobile-bottom-nav .nav-item span { font-size: 9px !important; }
    .mobile-bottom-nav .nav-item i { font-size: 18px !important; }
    .mobile-bottom-nav .menu-center i { width: 44px !important; height: 44px !important; }
    .mobile-bottom-nav .menu-center { margin-top: -12px !important; }
    .site-branding .logo-img,
    .site-branding .sticky-logo-img { max-height: 70px !important; }
}