.nav-link{
    font-weight:500;
    transition:.3s;
}

.nav-link:hover{
    color:#0d6efd !important;
}

.navbar{
    padding:15px 0;
}

.navbar-custom {
    background-color: #afb0b1; /* soft koyu gri */
    backdrop-filter: blur(6px);
    border-bottom: 1px solid #a0aab4;
}

.navbar-custom .nav-link {
    color: #2c3e50;
    font-weight: 500;
}

.navbar-custom .nav-link:hover {
    color: #198754;
}

.navbar-custom .navbar-brand img {
    filter: brightness(0.95);
}


    /* SOL GRUP: Butonları dikeyde düzgünce hizalayan kapsayıcı */
    .left-floating-group {
        position: fixed;
        bottom: 30px;
        left: 25px;
        z-index: 9999;
        display: flex;
        flex-direction: column-reverse; /* WhatsApp altta, telefon üstte olacak şekilde sıralar */
        gap: 15px; /* İkonların birbiriyle binmesini önleyen hayati boşluk */
    }

    /* Esnek Hizalama Satırı (Buton + Yazı Etiketi) */
    .floating-item {
        display: flex;
        align-items: center;
        gap: 10px;
        text-decoration: none;
    }

    /* İkonların Genel Tasarımı */
    .floating-icon {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease;
        color: white !important;
    }
    .floating-item:hover .floating-icon {
        transform: scale(1.1);
        box-shadow: 0 8px 20px rgba(0,0,0,0.4) !important;
    }

    /* İkon Renkleri */
    .bg-floating-whatsapp {
        background-color: #25D366 !important;
    }
    .bg-floating-phone {
        background-color: #007bff !important;
    }

    /* Görseldeki Gibi Yanlarında Çıkan Şık Yazı Etiketleri */
    .floating-label {
        background-color: rgba(255, 255, 255, 0.95);
        color: #222;
        padding: 6px 14px;
        border-radius: 20px;
        font-size: 14px;
        font-weight: 600;
        box-shadow: 0 4px 10px rgba(0,0,0,0.15);
        opacity: 0.9;
        transition: all 0.3s ease;
        white-space: nowrap;
    }
    .floating-item:hover .floating-label {
        opacity: 1;
        transform: translateX(3px);
    }

    /* SAĞ TARAF: Yukarı Çık Butonu Tasarımı */
    .btn-floating-scroll {
        position: fixed;
        bottom: 30px;
        right: 25px;
        z-index: 9999;
        width: 50px;
        height: 50px;
        background-color: #ffffff !important;
        color: #111111 !important;
        border: 1px solid #ddd !important;
        transition: all 0.3s ease;
    }
    .btn-floating-scroll:hover {
        transform: translateY(-5px);
        background-color: #111111 !important;
        color: #ffffff !important;
        border-color: #111111 !important;
        box-shadow: 0 6px 15px rgba(0,0,0,0.3) !important;
    }

    /* SOL GRUP: Sabit Kapsayıcı */
.left-floating-group {
    position: fixed;
    bottom: 30px;
    left: 25px;
    z-index: 9999;
    display: flex;
    flex-direction: column-reverse;
    gap: 15px;
}

.floating-item {
    display: flex;
    align-items: center;
    gap: 0; /* Başlangıçta boşluk yok */
    text-decoration: none;
}

/* İkonların Genel Stili */
.floating-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    color: white !important;
    z-index: 2;
}

.bg-floating-whatsapp { background-color: #25D366 !important; }
.bg-floating-phone { background-color: #007bff !important; }

/* Gizli Yazı Etiketleri (Hover Efekti İçin) */
.floating-label {
    background-color: rgba(255, 255, 255, 0.95);
    color: #222;
    padding: 0;
    font-size: 14px;
    font-weight: 600;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    white-space: nowrap;
    opacity: 0;
    max-width: 0; /* Başlangıçta genişlik sıfır */
    overflow: hidden;
    transition: all 0.3s ease;
    border-radius: 0 20px 20px 0;
    transform: translateX(-20px); /* İkonun arkasından çıkıyormuş efekti */
}

/* Üzerine Gelindiğinde Yazıyı Göster */
.floating-item:hover .floating-label {
    opacity: 1;
    max-width: 150px; /* Yazının sığacağı kadar genişlik */
    padding: 6px 15px 6px 10px;
    transform: translateX(-5px); /* Hafifçe sağa kayar */
}

.floating-item:hover .floating-icon {
    transform: scale(1.1);
    box-shadow: 0 8px 20px rgba(0,0,0,0.4) !important;
}

/* SAĞ TARAF: Yukarı Çık Butonu */
.btn-floating-scroll {
    position: fixed;
    bottom: 30px;
    right: 25px;
    z-index: 9999;
    width: 50px;
    height: 50px;
    background-color: #ffffff !important;
    color: #111111 !important;
    border: 1px solid #ddd !important;
    transition: all 0.3s ease;
}
.btn-floating-scroll:hover {
    transform: translateY(-5px);
    background-color: #111111 !important;
    color: #ffffff !important;
    border-color: #111111 !important;
    box-shadow: 0 6px 15px rgba(0,0,0,0.3) !important;
}

/* Slider Metin Kısıtlaması */
    .max-w-600 {
        max-width: 600px;
    }
    /* Kartların Üzerine Gelince Hafif Havaya Kalkma Efekti */
    .transition-hover {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .transition-hover:hover {
        transform: translateY(-8px);
        box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
    }
    /* Carousel Yazı Konumlandırma İyileştirmesi */
    .carousel-caption {
        right: 10%;
        left: 10%;
    }

     .max-w-600 { max-width: 600px; }
    .transition-hover { transition: transform 0.3s ease, box-shadow 0.3s ease; }
    .transition-hover:hover {
        transform: translateY(-8px);
        box-shadow: 0 12px 24px rgba(0,0,0,0.08) !important;
    }
    .carousel-caption { right: 10%; left: 10%; }
    .tracking-wider { letter-spacing: 1px; }

    /* Mobil Ekranlar İçin Özel Medya Sorguları */
    @media (max-width: 768px) {
        .fs-2-mobile { font-size: 1.8rem !important; line-height: 1.3; }
        .fs-6-mobile { font-size: 0.95rem !important; }
        .btn-mobile { padding: 10px 16px !important; font-size: 0.9rem !important; }
        .mobile-h2 { font-size: 1.6rem !important; }
        .text-justify-mobile { text-align: justify; }
        .text-sm-mobile { font-size: 14px; }
        .style-mobile-img { margin: 0 auto; }
        #heroSlider .carousel-item { height: 60vh !important; min-height: 380px !important; }
    }

     .max-w-600 { max-width: 600px; }
    .transition-hover { transition: transform 0.3s ease, box-shadow 0.3s ease; }
    .transition-hover:hover {
        transform: translateY(-8px);
        box-shadow: 0 12px 24px rgba(0,0,0,0.08) !important;
    }
    .carousel-caption { right: 10%; left: 10%; }
    .tracking-wider { letter-spacing: 1px; }

    /* Mobil Ekranlar İçin Özel Medya Sorguları */
    @media (max-width: 768px) {
        .fs-2-mobile { font-size: 1.8rem !important; line-height: 1.3; }
        .fs-6-mobile { font-size: 0.95rem !important; }
        .btn-mobile { padding: 10px 16px !important; font-size: 0.9rem !important; }
        .mobile-h2 { font-size: 1.5rem !important; }
        .text-justify-mobile { text-align: justify; }
        .text-sm-mobile { font-size: 14px; }
        .style-mobile-img { margin: 0 auto; }
        #heroSlider .carousel-item { height: 60vh !important; min-height: 380px !important; }
    }

    .max-w-600 { max-width: 600px; }
    .py-2\.5 { padding-top: 0.65rem !important; padding-bottom: 0.65rem !important; }
    
    @media (max-width: 768px) {
        .fs-6-mobile { font-size: 0.95rem !important; }
        .mobile-h2 { font-size: 1.5rem !important; }
    }