/* Yukarı Kaydırma Butonu Stilleri */
.scroll-top-btn {
    position: fixed !important;
    bottom: 30px !important;
    right: 30px !important;
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    background-color: #F18A3A !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;
    cursor: pointer !important;
    opacity: 1 !important; /* Başlangıçta görünür */
    transform: none !important; /* Transform'u kaldır */
    transition: all 0.3s ease !important;
    z-index: 9999 !important; /* z-index'i artır */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.scroll-top-btn i {
    font-size: 20px !important;
    color: #fff !important;
}

.scroll-top-btn:hover,
.scroll-top-btn:active,
.scroll-top-btn:focus {
    background-color: #e07728 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
    transform: scale(1.05) !important;
    color: #fff !important;
    text-decoration: none !important;
}

.scroll-top-btn:hover i,
.scroll-top-btn:active i,
.scroll-top-btn:focus i {
    color: #fff !important;
}

/* Bu sınıfı kaldırıyoruz ve doğrudan görünür yapıyoruz */
/*
.scroll-top-btn.show {
    opacity: 1;
    transform: translateY(0);
}
*/