/* Tüm tarayıcılarda uyumlu scroll bar */
body {
    scrollbar-width: thin !important; /* Firefox için scroll bar genişliği */
    scrollbar-color: orange #f1f1f1 !important; /* Firefox için scroll bar ve arka plan rengi */
}

/* Webkit tarayıcılar (Chrome, Safari) için */
::-webkit-scrollbar {
    width: 12px; /* Scroll bar genişliği */
}

::-webkit-scrollbar-track {
    background: #f1f1f1; /* Arka plan rengi */
    border-radius: 10px; /* Köşeleri yuvarlatma */
}

::-webkit-scrollbar-thumb {
    background-color: orange; /* Scroll bar rengi */
    border-radius: 10px; /* Köşeleri yuvarlatma */
    border: 3px solid #f1f1f1; /* Scroll barın içine boşluk bırakma */
}

::-webkit-scrollbar-thumb:hover {
    background-color: darkorange; /* Hover durumunda scroll bar rengi */
}

/* Metin seçildiğinde renkleri değiştirme */
::selection {
    background-color: orange; /* Seçili metin arka plan rengi */
    color: white; /* Seçili metin yazı rengi */
}

/* Firefox uyumluluğu için */
::-moz-selection {
    background-color: orange; /* Seçili metin arka plan rengi */
    color: white; /* Seçili metin yazı rengi */
}

.category-nav a, .category-nav li {
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}
.category-nav a:hover, .category-nav li:hover {
    color: #ff8717;
}

.customer-service-header-url {
    color: #424D58;
    text-decoration: none; /* Altı çizili olmasını istemezseniz */
}

.customer-service-header-url:hover {
    color: #ff8717;
}