body{
    background-color: #FFFFFF;
}

header {
    padding: 1.9rem 0;
    /*background-color: #060606;*/
}

.filter-section{
    background-color: #212224;
    position: -webkit-sticky;
    position: sticky;
    top: 0; /* Will be set dynamically by JavaScript based on header height */
    z-index: 999;
    transition: padding 0.3s ease, top 0.3s ease;
}

/* Compact filter section when scrolled */
.filter-section.scrolled {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

/* Disable sticky on mobile and small tablets to save screen space */
@media (max-width: 1023px) {
    .filter-section {
        position: relative;
    }
}

.filter-section .form-control{
    height: calc(2.1em + 0.75rem + 2px);
    font-size: 1.9rem;
}

.select-input-dark{
    background: #212224;
    color: white;
    border: none;
    padding-top: 0px;
}

/*.box-shadow-login-book{*/
/*    background-color: #0c0c0c;*/
/*}*/

/*.login-top-tittless .tittle{*/
/*    color: #fff;*/
/*}*/

/*.forgot-password a{*/
/*    color: #fff;*/
/*}*/

/*.book-slider p, .book-slider h1, .book-slider h2, .book-slider h4{*/
/*    color: #fff !important;*/
/*}*/

/*.remember-me-login .prvc, .remember-me-login .prvc a, .dont-have-tittle h2, .dont-have-tittle h2 a{*/
/*    color: #fff;*/
/*}*/