/* Mobil auth butonları için stiller */
    .mobile-auth-buttons {
        padding: 15px 0;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        margin-top: 15px;
        display: none; /* Varsayılan olarak gizli */
    }

        .mobile-auth-buttons .button {
            display: block;
            width: 100%;
            margin: 10px 0;
            padding: 12px;
            text-align: center;
        }

    .top-bar {
        background: #fff;
        color: #022041;
        font-size: 15px;
        padding: 12px 0;
        box-shadow: 0 1px 3px rgba(0,0,0,0.1);
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1050;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }

        .top-bar.hide-topbar {
            transform: translateY(-100%);
            opacity: 0;
        }

        .top-bar .container-fluid {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-left: 24px;
            padding-right: 24px;
        }

        .top-bar .top-bar-left {
            display: flex;
            align-items: center;
            gap: 18px;
        }

        .top-bar .top-bar-phone {
            font-weight: 600;
            font-size: 15px;
            display: flex;
            align-items: center;
            gap: 6px;
        }

        .top-bar .top-bar-mail {
            font-size: 15px;
            display: flex;
            align-items: center;
            gap: 6px;
        }

        .top-bar .top-bar-right {
            display: flex;
            align-items: center;
            gap: 16px;
        }

            .top-bar .top-bar-right > * {
                margin-left: 12px;
            }
        /* Sosyal ikonlar */
        .top-bar .social-icons {
            display: flex;
            align-items: center;
            gap: 10px;
        }

    /* Responsive: phone solda, mail sağda — tek satır */
    @media (max-width: 768px) {
        .top-bar .container-fluid {
            padding-left: 14px;
            padding-right: 14px;
        }

        .top-bar .top-bar-left {
            flex-direction: row;
            align-items: center;
            justify-content: space-around;
            width: 100%;
            gap: 10px;
            flex-wrap: nowrap;
        }

        .top-bar .top-bar-left .top-bar-phone {
            font-size: 12.5px;
            gap: 5px;
            white-space: nowrap;
        }

        .top-bar .top-bar-left .top-bar-phone i {
            font-size: 14px;
        }

        /* Boş language selector wrapper'ı mobilde gizle ki sol blok tüm genişliği alabilsin */
        .top-bar .top-bar-right {
            display: none;
        }
    }

    /* 360 altı çok küçük cihazlar: numaranın boyutunu daha da daralt */
    @media (max-width: 359px) {
        .top-bar .top-bar-left .top-bar-phone {
            font-size: 11.5px;
        }
    }

    /* Canvas menu (mobil drawer) tüm ekranı kaplasın */
    .main-menu.is-active,
    .main-menu.active {
        z-index: 1200 !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100vh !important;
        padding-top: 70px !important;
    }
    /* Close butonu görünür olsun */
    .main-menu .menu-action {
        z-index: 1210 !important;
    }

    /* Mobil drawer içindeki dropdown'lar düzgün açılıp kapansın — max-height trick.
       Eski 'display: none + transition: all 0.6s' kombinasyonu kapatınca boşluk bırakıyordu. */
    @media (max-width: 768px) {
        .main-menu .dropdown-menu {
            display: block !important;
            max-height: 0 !important;
            overflow: hidden !important;
            opacity: 0 !important;
            visibility: hidden !important;
            margin: 0 !important;
            padding: 0 !important;
            transition: max-height 0.3s ease, opacity 0.25s ease, margin 0.3s ease, visibility 0s linear 0.3s !important;
        }
        .main-menu .dropdown-menu.show {
            max-height: 600px !important;
            opacity: 1 !important;
            visibility: visible !important;
            margin-top: 6px !important;
            margin-bottom: 6px !important;
            transition: max-height 0.35s ease, opacity 0.25s ease, margin 0.3s ease, visibility 0s linear 0s !important;
        }
        /* Açılınca dönsün ok */
        .main-menu .has-sub-menu > a[aria-expanded="true"] .la-angle-down,
        .main-menu .has-sub-menu > a[aria-expanded="true"] .fa-angle-down {
            transform: rotate(180deg);
            transition: transform 0.25s ease;
        }
        .main-menu .has-sub-menu > a .la-angle-down,
        .main-menu .has-sub-menu > a .fa-angle-down {
            transition: transform 0.25s ease;
            display: inline-block;
        }
    }


    /* LanguageSelector dropdown stilleri */
    .language-selector {
        position: relative;
        margin-left: 10px;
    }

        .language-selector .dropdown-toggle {
            background: #fff;
            color: #232526;
            border: none;
            border-radius: 20px;
            padding: 5px 18px 5px 12px;
            font-weight: 500;
            cursor: pointer;
            transition: background 0.2s;
            box-shadow: 0 1px 4px rgba(0,0,0,0.07);
            display: flex;
            align-items: center;
            gap: 6px;
        }

            .language-selector .dropdown-toggle:hover {
                background: #f2f2f2;
            }

        .language-selector .dropdown-menu {
            display: none;
            position: absolute;
            right: 0;
            top: 110%;
            background: #fff;
            min-width: 120px;
            border-radius: 8px;
            box-shadow: 0 4px 16px rgba(0,0,0,0.10);
            z-index: 100;
            padding: 6px 0;
        }

        .language-selector.open .dropdown-menu {
            display: block;
        }

        .language-selector .dropdown-item {
            padding: 8px 18px;
            color: #232526 !important;
            cursor: pointer;
            font-size: 15px;
            transition: background 0.15s;
        }

            .language-selector .dropdown-item:hover {
                background: #f5f5f5;
            }

    @media (max-width: 768px) {
        .top-bar

    {
        font-size: 13px;
        padding: 12px 0;
    }

    .top-bar .top-bar-phone {
        font-size: 13px;
    }

    }

    .row.inner {
        display: flex;
        align-items: center;
    }

    .header-right {
        margin-left: auto;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 18px;
    }
        .header-right .customer,
        .header-right .buttons {
            display: flex;
        }

    .mobile-auth-buttons {
        display: none !important;
    }

    /* Hamburger artık sağ blokta — sağ margin gerekmiyor, sol küçük ayraç */
    .site-header .header-right .canvas-menu {
        margin-right: 0;
        margin-left: 4px;
    }

    @media (max-width: 768px) {
        /* Register mobilde sadece drawer'da görünür */
        .header-right .customer {
            display: none !important;
        }

        /* Login (Giriş Yap) butonunu mobilde sağda göster */
        .header-right .buttons {
            display: flex !important;
        }

        /* Login butonunu sığacak şekilde sıkıştır */
        .header-right .buttons .button.fullfield {
            padding: 8px 14px;
            font-size: 13px;
            line-height: 1.2;
            white-space: nowrap;
        }

        /* Sağdaki içerikler için dengeli boşluk */
        .header-right {
            gap: 10px;
        }

        .mobile-auth-buttons {
            display: block !important;
        }
    }

    :root {
        --tb-h: 0px;
        --hd-h: 0px;
    }

    #masthead-spacer {
        height: calc(var(--tb-h) + var(--hd-h));
    }

    header.site-header {
        position: fixed;
        top: 60px; 
        left: 0;
        width: 100%;
        z-index: 1040;
        background: transparent;
        backdrop-filter: blur(0px);
        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        border-bottom: 1px solid transparent;
    }

        header.site-header.scrolled {
            top: 0;
            background: rgba(2, 32, 65, 0.95);
            backdrop-filter: blur(10px);
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
            padding-top: 5px;
            padding-bottom: 5px;
        }

   
            header.site-header.scrolled .main-menu > ul > li > a {
                color: #fff;
            }

            header.site-header.scrolled .main-menu > ul > li > a:hover{
                    color: #1BB5CC;
            }

            header.site-header.scrolled .canvas-menu svg {
                fill: #fff;
            }

            header.site-header.scrolled .button {
                background: #fff;
                color: #022041;
            }

                header.site-header.scrolled .button:hover {
                    background: #1cb5cc;
                }

        header.site-header .inner {
            transition: padding 0.3s ease;
        }

        header.site-header.scrolled .inner {
            padding: 12px 0;
        }

    /* Mobilde top-bar tek satır olduğu için header'ı kısa top değerine al */
    @media (max-width: 768px) {
        header.site-header {
            top: 44px;
        }

        header.site-header.scrolled {
            top: 0;
        }
    }


    @media (max-width: 768px) {


    .top-bar-left, .top-bar-right {
        display: flex;
        align-items: center;
        gap: 10px; 
    }

        .top-bar-left span,
        .top-bar-right .social-icons a {
            display: flex;
            align-items: center;
        }

    }

    .pdt180n {
        padding-top: 180px;
    }

    .site-header .buttons 
    {
        margin-left:0px;
    }

     .site-header .main-menu.is-active > ul > li a {
        font-size: 20px;
    }