.cart_section{
  gap: 20px;  
  margin: 100px 0;
  align-items: start;
}
.cart_chosen_prods{
    max-width: 1078px;
    flex-direction: column;
    gap: 40px;
    align-items: start;
}
.checkout_box{
    max-width: 600px;
    border-radius: 50px;
    border: 2px solid #EDF0F6;
    background: #EEF3F7;
    flex-direction: column;
    gap: 40px;
    width: 50%;
    padding: 30px;
}
.order_price_sp{
    color: #10364E;
    font-size: 40px;
    margin-bottom: 40px;
    /*font-family: 'k2d-Medium';*/
    font-weight: bold;
}
.name_price{
    gap: 10px;
}
.nameof_cart{
    color: #10364E;
    font-size: 18px;
}
.priceof_cart{
    color: #10364E;
    font-size: 20px;
}
.bold_sp{
    font-weight: bold;
    /*font-family: 'k2d-Bold';*/
}

.check_btn:hover svg path {
    fill: var(--blueBrand);
}
.check_btn{
    padding: 8px 10px 8px 20px;
}
.chosen_prods_blck{
    flex-direction: column;
    gap: 25px;
}
.names_sps{
    gap: 10px;
    padding: 20px;
    justify-content: center;
    border-radius: 20px;
    background: #EEF3F7;
}
.quatro_sps{
    color: #10364E;
    font-size: 18px;
    width: calc(100% / 5 - 12px);
}
.img_n_name, .prod_name_cart, .text_pcskg, .text_plusminus, .text_price{
    width: calc(100% / 5 - 10px);
}
.chosen_product{
    gap: 10px;
    border-radius: 45px;
    padding: 20px;
    border: 1px solid rgba(215, 220, 223, 1);
}
.prods_img{
    max-width: 202px;
    width: 100%;
    height: 160px;
    position: relative;
}
.prods_img img{
    border-radius: 40px;
}
.sale_sp{
    position: absolute;
    top: 13px;
    right: 13px;
    font-size: 14px;
    padding: 9px;
    border-radius: 30px;
    color: var(--white);
    background: #FF4846;
}
.prod_name_cart{
    font-size: 24px;
    max-width: 250px;
    font-weight: bold;
    /*font-family: 'k2d-Bold';*/
}
.chosen_product .inp_radio{
    align-items: start;
    gap: 15px;
    flex-direction: column;
}
.price_sale{
    flex-direction: column;
    gap: 2px;
}
.sale_num{
    position: relative;
    font-size: 17px;
    color: rgba(48, 50, 56, 0.50);
}
.sale_num:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
    border-top: 1px solid rgba(48, 50, 56, 0.50);
    transform: rotate(-15deg);
}
.price_sale .priceof_prd, .chosen_product .prod_quantity {
    font-size: 24px;
}
.chosen_product .plus_minus{
    width: 43px;
    height: 43px;
    font-size: 22px;
}
.chosen_product .checko_, .chosen_product .checko_ input,
.chosen_product .checkbox_form {
    width: 30px;
    height: 30px;
}
.chosen_product .lab_check{
    font-size: 18px;
    width: 100%;
    text-align: center;
}
.text_pcskg .lab_inp {
    width: 100%;
}
.remove_prod{
    cursor: pointer;
}
.remove_prod:hover svg path{
    stroke: red;
}
.inps_blcks{
    gap: 20px;
}
.cart_chosen_prods .order_price_sp{
    margin-bottom: 0;
    margin-top: 50px;
}
.cart_chosen_prods .payment_type{
    cursor: pointer;
    width: calc(100% / 4 - 25px);
}
.cart_chosen_prods .payment_type:hover, .payment_type_active{
    border-color: var(--blueBrand) !important;
}
.inps_drpdwn .inps_{
    cursor: pointer;
    padding-bottom: 6px;
}
.drp_svg{
    width: 30px;
    height: 30px;
}
.drp_svg svg {
    width: 100%;
    height: 100%;
}
.inps_drpdwn{
    position: relative;
}
.drpdown_, .drpdown_time{
    z-index: 1;
    display: none;
    position: absolute;
    top: 38px;
    right: 0;
    max-height: 200px;
    background-color: var(--white);
    overflow: auto;
    flex-direction: column;
    gap: 10px;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 0px 12px 0px #CCD3D9;
}
.drpdown_active{
    display: flex !important;
}
.city_state{
    cursor: pointer;
    font-size: 20px;
    padding: 5px;
    border-bottom: 1px solid rgb(48 50 56 / 22%);
}
.city_state:hover{
    color: var(--blueBrand);
}
.city_state:last-child{
    border: none;
}
.drpdown_::-webkit-scrollbar-thumb {
    background-color: var(--blueBrand);
    border-radius: 10px;
    background-clip: padding-box;
    transition: all 300ms ease-out;
}.drpdown_::-webkit-scrollbar {
    height: 4px;
    width: 5px;
}
.state_city_sp{
    font-size: 24px;
    color: rgba(48, 50, 56, 0.5);
}


.time_modul{
    gap: 15px;
}
.edit_time{
    cursor: pointer;
}
.edit_time:hover{
    opacity: 0.6;
}
.back_gray {
    display: none;
    position: fixed;
    width: 100%;
    z-index: 20;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    background-color: rgb(121 196 223 / 40%);
}
.back_gray_active {
    display: block;
}
.time_modul_popup{
    position: fixed;
    display: none;
    padding: 0 20px;
    max-width: 1050px;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 30;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.time_modul_popup_active{
    display: flex;
}
.time_popup_block{
   padding: 80px;
   position: relative;
   border-radius: 60px;
   background: #EEF3F7;
   max-height: 80vh;
   overflow: auto;
}
.close_popup{
    cursor: pointer;
    position: absolute;
    top: 60px;
    right: 60px;
}
.close_popup:hover svg path{
    stroke: red;
}
.popup_time{
   gap: 30px; 
   flex-direction: column;
   align-items: start;
}
.title_times{
    width: 100%;
    gap: 10px;
}
.title_pops{
    max-width: 320px;
    font-size: 48px;
    font-weight: bold;
    /*font-family: 'k2d-Bold';*/
}
.choose_time_inps{
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 264px;
    width: 100%;
}
.lab_time_blck{
    cursor: pointer;
    border-radius: 50px;
    border: 2px solid #D7DCDF;
    background: #FFF;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
    align-items: center;
}
.lab_time_blck:hover{
    border-color: var(--blueBrand);
}
.stand_time{
    font-size: 24px;
    text-align: center;
}
.timeof_sp{
    color: #515661;
    font-size: 14px;
}
.lab_time_blck .checko_svg{
    width: 60%;
    height: 60%;
}
.date_drps{
    gap: 10px;
}
.time_drpdwn{
    position: relative;
}
.timeof_deliv{
    gap: 10px;
    border-radius: 10px;
    padding: 4px 10px;
    border: 1.5px solid #80808066;
}
.time_nums{
    font-size: 12px;
}
.timefor_deliv{
    cursor: pointer;
    font-size: 12px;
    padding: 4px;
    border-bottom: 1px solid #80808066;
}
.timefor_deliv:hover{
    color: var(--blueBrand);
}
.drpdown_time{
    top: 30px;
    max-height: 80px;
    overflow: auto;
}
.data_inp{
    border: none;
}
.time_popup_block::-webkit-scrollbar-thumb, .drpdown_time::-webkit-scrollbar-thumb {
    background-color: var(--blueBrand);
    border-radius: 10px;
    background-clip: padding-box;
    transition: all 300ms ease-out;
}
.time_popup_block::-webkit-scrollbar, .drpdown_time::-webkit-scrollbar {
    height: 4px;
    width: 5px;
}
.drpdown_time_active{
    display: flex;
}
.remove_prod svg{
    width: 100%;
    height: 100%;
}