#categories .sub_categories li:hover{
    color: #6b80ce;
}

li{
    list-style-type: none;
    text-decoration: none;
}
#offcanvasBurger .nav_container{
    text-align: center;
    font-size: 18px;
}
#offcanvasBurger .nav_container li{
    padding: 20px 0;
    border-bottom: 1px solid #c8c8c8 ;
}
footer .backup_logo{
    display: none;
}
.select_vehicle_container{
    max-width: 100%;
}
.search_input_login_container{
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: end;
}
.search_input{
    width: 100%;
}
.header_nav{
    margin-bottom: 0!important;
}
.login-btn{
    border: 1px solid white!important;
    color: white!important;
    height: 40px!important;
    padding: 6px 15px!important;
}
#parts_index .parts_container {
    display: flex;
    flex-direction: column;
    width: 100%;
}

#parts_index .parts_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
}
#categories .wrapper.off{
    text-align: center;
    flex: 1;
    margin: 0 10px;
}
#parts_index .parts_header_item {
    margin-bottom: 10px;
}

#parts_index .form-control {
    max-width: 200px;
}

#parts_index .view {
    display: flex;
    align-items: center;
}
.no-price {
    color: #888;
    font-style: italic;
    margin-top: 10px;
}
#burger_menu{
    display: none;
    align-items: center;
    justify-content: space-between;
    padding: 18px 28px;
}
#default_header .search_icon i{
    font-size: 32px;
}
#default_header .burger_menu_icon i{
    font-size: 45px;
}
#default_header .cart_icon{
    font-size: 32px;
}
#default_header .cart_icon,
#default_header .burger_menu_icon,
#default_header .search_icon{
    display: none!important;
}
#offcanvasBurger .search_input{
    display: none!important;
}
#offcanvasBurger .search_input input,
#offcanvasBurger .search_input button{
    border: 1px solid #c8c8c8 !important;
}

#offcanvasBurger .search_input button{
    background-color: #f5f5f5!important;
}
#offcanvasBurger ul{
    margin: 0!important;
    padding: 0!important;
    text-decoration: none;
}
#default_header .cart_icon i,
#default_header .burger_menu_icon i,
#default_header .search_icon i{
    margin:  0 10px;
}
.offcanvas-body .custom_input{
    border: 1px solid grey;

}
#main .select-item{
    width: 20%;
}
#search_vehicle .submit_container{
    width: 13% !important;
}
@media (max-width: 1200px) {
    #main .makes_container {
        grid-template-columns: repeat(7, 1fr);
    }
}


@media (max-width: 1030px) {
    #categories .categories_container_cust {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 992px) {
    body:not(.new_template) header{
        height: 115px!important;
    }
    #index_grid {
        grid-template-columns: repeat(3, 1fr) ;
    }
    .models_container{
        grid-template-columns: repeat(3, 1fr) !important;
    }
    /*#default_header{*/
    /*    display: none!important;*/
    /*}*/
    /*#burger_menu{*/
    /*    display: flex;*/
    /*}*/
    #default_header .login_container,
    #default_header .header_nav{
        display: none!important;
    }
    #default_header .burger_menu_icon{
        display: block!important;
        margin-left: 15px;
    }
    #main .select_vehicle_container{
        flex-direction: column;
        align-items: center;
    }
    .search_input_login_container{
        width: 60% !important;
    }
    #main .makes_container {
        grid-template-columns: repeat(5, 1fr);
    }
    #main .select-item{
        width: 50%;
        margin-bottom: 10px;
    }
}

@media (max-width: 768px) {
    #main .makes_container {
        grid-template-columns: repeat(4, 1fr);
    }
    #index_grid {
        grid-template-columns: repeat(2, 1fr) ;
    }
    #parts_index .parts_header{
        flex-direction: column;
    }
    #parts_index .parts_header .parts_header_item{
        width: 100%;
    }

    #parts_index .parts_header .parts_header_item.view{
        width: 100%;
        justify-content: start;
    }
    #parts_index #index_list .parts_item{
        flex-direction: column;
    }
    #parts_index #index_list .price_container{
        flex-direction: row;
        margin: 0;
    }
    #parts_index #index_list .part_min_max_price{
        margin-right: 15px;
    }
    #index_list img {
        width: 100px!important;
        height: 100px!important;
    }
    #categories .upper_categories_container{
        margin: auto;
    }
    .models_container{
        grid-template-columns: repeat(2, 1fr) !important;
    }
    #default_header .cart_icon,
    #default_header .burger_menu_icon,
    #default_header .search_icon{
        display: block!important;
    }

    #default_header .search_input{
        display: none!important;
    }
    #offcanvasBurger .search_input{
        display: flex!important;
    }
    .search_input_login_container{
        width: 55% !important;
        justify-content: space-between;
    }
    footer .policy,
    footer .general_logo{
        display: none;
    }
    footer .backup_logo{
        display: block;
    }
    footer .nav{
        margin-top: 15px;
    }
    footer{
        margin-top: -171px!important;
        height: 171px!important;
    }
    main {
        padding-bottom: 171px!important;
    }
}
@media (max-width: 580px) {
    #main .makes_container {
        grid-template-columns: repeat(3, 1fr);
    }
    #parts_show  .not_fount_stores,
    #parts_show  .stores_title{
        padding: 0 20px;
        margin-bottom: 1rem !important;
    }
    #parts_show  .not_fount_stores{
        padding: 0 20px;
    }
    footer{
        margin-top: -379px!important;
        height: 379px!important;
    }
    main {
        padding-bottom: 379px!important;
    }
    footer .container{
        flex-direction: column;
    }
    footer .nav{
        flex-direction: column;
        align-items: center;
    }
    #main .select-item{
        width: 90%;
        margin-left: 0!important;
        margin-right: 0!important;
    }
    #search_vehicle .submit_container{
        width: 90%;
        justify-content: center;
        display: flex;
        align-items: center;
        margin-left: 0!important;
        margin-right: 0!important;
    }
    #makes_select,
    #years_select,
    #models_select,
    #trims_select{
        width: 10% !important;
    }
}
@media (max-width: 454px) {

    #index_grid {
        grid-template-columns: repeat(1, 1fr);
    }

    #categories .categories_container_cust {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    #categories .sub_categories.on {
        display: grid!important;
        grid-template-columns: repeat(1, 1fr) !important;
        grid-gap: 7px;
    }
    #categories .sub_categories{
        padding: 10px 25px !important;
    }
    .models_container{
        grid-template-columns: repeat(1, 1fr) !important;
    }
}

@media (max-width: 400px) {
    #index_list .parts_item {
        padding: 10px!important;
    }
    #main .makes_container {
        grid-template-columns: repeat(2, 1fr);
    }
    #index_list .photo_container img {
        width: 80px!important;
        height: auto!important;
    }

    #index_list .part_name {
        font-size: 1.1em;
    }

    #index_list .part_sku, .part_other_names {
        font-size: 0.8em;
    }

    #index_list .part_other_names {
        margin-top: 8px;
    }

    #index_list .part_min_max_price {
        font-size: 0.9em;
    }

    #index_list .custom_btn {
        font-size: 14px;
        padding: 8px 12px;
    }
    #parts_index .parts_item .price_container .price {
        font-size: 16px !important;
    }
    #parts_index .no-price {
        font-size: 0.9em;
    }
    #default_header .cart_icon,
    #default_header .search_icon{
        display: none!important;
    }
    .search_input_login_container{
        width: unset;
        justify-content: end;
    }
}
@media (max-width: 360px) {
    #parts_index .parts_header .parts_header_item.sort{
        flex-direction: column!important;
        align-items: start !important;
    }
    #main .makes_container {
        grid-template-columns: repeat(1, 1fr);
    }

    .makes_item{
         margin: 0 32px;
     }
}


/*на удаление*/
.logo{
    display: flex;
    align-items: center;
}

#parts_index .parts_item .price_container {
    min-width: fit-content;
    margin-left: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
}

@media (max-width: 300px) {
    #parts_index #index_list .parts_item .price_container{
        margin-top: 10px;
        margin-left: 0!important;
        flex-direction: column;
        justify-content: start;
        align-items: start!important;
    }

    #parts_index #index_list .parts_item .price_container .btn.custom_btn.green{
        margin-top: 0!important;
    }


    #parts_index .parts_header_item {
        margin-bottom: 15px;
    }
}
.custom_btn.green{
    border: 1px solid #86ba75!important;
    background-color: #86ba75!important;
    color: white;
    transition: background-color 0.3s ease;
}
.custom_btn.green:hover{
    border: 1px solid #5ba836!important;
    background-color: #5ba836!important;
    color: white;
}
#parts_index .parts_item .price_container .price{
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 20px!important;
    text-align: center;
}
#parts_index #index_list .parts_item .price_container{
    min-width: fit-content;
    margin-left: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
}
#parts_index #index_grid .parts_item .price_container{
    min-width: fit-content;
    margin-left: 30px;
    display: flex;
    flex-direction: column!important;
    justify-content: center!important;
    align-items: center!important;
}




.theme-switcher {
    position: relative;
    display: inline-block;
}

.theme-switcher__checkbox {
    display: none;
}

.theme-switcher__label {
    position: relative;
    display: flex;
    align-items: center;
    width: 60px;
    height: 32px;
    background-color: #e5e5e5;
    border-radius: 50px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    padding: 4px;
}

.theme-switcher__checkbox:disabled + .theme-switcher__label {
    cursor: not-allowed;
    opacity: 0.6;
}

.theme-switcher__icon {
    position: absolute;
    width: 16px;
    height: 16px;
    transition: opacity 0.3s ease;
    pointer-events: none;
    z-index: 2;
}

.theme-switcher__icon--sun {
    left: 8px;
    color: #fbbf24;
    opacity: 1;
}

.theme-switcher__icon--moon {
    right: 8px;
    color: #60a5fa;
    opacity: 0;
}

.theme-switcher__slider {
    position: absolute;
    left: 4px;
    width: 24px;
    height: 24px;
    background-color: #ffffff;
    border-radius: 50%;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    z-index: 1;
}