.im-center{display:flex;flex-direction: column;align-items: center;text-align: center;}
.im-bold{font-weight: 700;font-size: 16px;}
.im-thin{font-size: 14px;font-weight: 400;line-height: 20px;color: #99A7AC;}

.basket_item{background: #1A1C21;box-shadow: 0px 0px 20px rgba(3, 3, 3, 0.25);margin-bottom:12px;padding: 8px;padding-right: 15px;
    display:grid;grid-template-columns: 111px 1fr;
    grid-template-areas: 
            "p n";
}

#basket_body hr{margin: 24px 0;}
.basket_item .pic{grid-area: p;}
.basket_item .nopic{grid-area: n;width:100%;height:100%;
    display: grid;grid-template-rows: 1fr 32px;
    grid-template-areas: 
            "i i"
            "a c";
}


.basket_item .pic img{width:100%;height:100%;object-fit: contain;width:96px;margin-right:15px;}
.basket_item .nopic .name{grid-area: i;font-style: normal;font-weight: 700;font-size: 14px;line-height: 140%;}
.basket_item .nopic .ingrs{font-size: 13px;font-weight: 400;line-height: 18px;color: #99A7AC;line-height: 140%;}

:where(#basket_body,.basket_item) .amount{grid-area: a;display: flex;height:32px;align-items: flex-end;}
:where(#basket_body,.basket_item) .amount input{width: 2em;height:32px;background: none;border: none;color: white;text-align: center;}
:where(#basket_body,.basket_item,.tools,#spend_bonus) .amount button{cursor:pointer;outline: none;border: none;width:32px;height:32px;background: rgba(0,0,0,0);background-position: center;background-repeat: no-repeat;}

:where(#basket_body,.basket_item) .price{grid-area: c;height:32px;display:flex;justify-content: flex-end; align-items: flex-end;font-weight: 700;text-align: right;}
:where(#basket_body,.basket_item) .price.present > div{display:flex;color:var(--main);align-items: flex-end;}
:where(#basket_body,.basket_item) .price.present > div > img{margin:0;height: fit-content;padding-bottom: 4px;margin-right: 8px;}
:where(#basket_body,.basket_item) .price.present > div > span{display: block;height: fit-content;}

.tools > div, .score > div, #spend_bonus > div:not(.amount){display: flex;justify-content: space-between;align-items: center;}
.tools > div:first-child{margin-top:6px;margin-bottom:10px;}
.tools > div:last-child{margin-top:10px;margin-bottom:6px;}
.tools > div > span{font-weight: 700;font-size: 14px;}

.score{display:grid;}
.promo, .spend_bonus{text-transform: uppercase;color: var(--main);font-size: 14px;font-weight: 500;line-height: 20px;margin-bottom:20px;font-family: "PFDinDisplayPro", "Helvetica Neue", Arial, sans-serif;}
.discount,.accrue_bonus{margin-bottom:20px;font-weight: 400;font-size: 14px;}
:is(.discount,.accrue_bonus) > span:first-child, #spend_bonus > div:not(.amount)  > span:first-child{color: #99A7AC;}
.accrue_bonus > span:last-child{color: var(--main);}

.result{font-style: normal;font-weight: 700;font-size: 16px;}

.ybtn{cursor: pointer;margin: 24px auto;width:100%;display: flex;background: var(--main);padding: 16px; align-items: center;justify-content: center;
    font-family: "PFDinDisplayPro", "Helvetica Neue", Arial, sans-serif;text-transform: uppercase;font-weight: 500;font-size: 14px;color: black;}
.gbtn{cursor: pointer;padding: 16px;font-family: "PFDinDisplayPro", "Helvetica Neue", Arial, sans-serif;text-transform: uppercase;font-weight: 500;font-size: 14px;color: var(--main);}

#promo,#spend_bonus{
    max-width: 420px;
    width:100%;
    position:fixed;
    left:0;right:0; 
    bottom:0;
    margin: 0 auto;
    padding:24px 15px;background: #1A1C21;
    display:grid;justify-items: center;
}

@media screen and (min-width: 768px) {
    #promo,#spend_bonus{
        position: absolute;
    }
}

#promo_input, #spend_bonus > .amount > input{background: #303237;}

#promo_input{
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 140%;
    padding-left: 0;
}

.im-form :is(input,select,textarea), .input_spec {width: 100%;height: 50px;padding-left:15px;margin-bottom: 16px;background: #1A1C21;border-radius: 4px;color: white;border: none;outline: none;text-indent: unset;}
.im-form :is(input,textarea), .input_spec {padding-left: 15px;padding-right:10px;}
.im-form :is(input,textarea)::-webkit-input-placeholder, .input_spec::-webkit-input-placeholder {color: #5F6269;vertical-align: middle;}
.im-form textarea{height:96px; min-height: 96px;padding: 14px 15px;}


.im-form select{padding-right: 25px;-webkit-appearance: none;-moz-appearance: none;appearance: none; background: #1A1C21 url(/personal/img/arrow.svg) no-repeat right; background-position-x: calc(100% - 15px);}
#map .im-form :is(){background: #303237;}
#map .im-form :is(input,textarea,select)::-webkit-input-placeholder{color: #5F6269;vertical-align: middle;}

.im-form .status.inv{opacity:0;}
.im-form .status{margin-top: 8px;}
.im-form .gbtn{margin-top:8px;padding-bottom:0;}

#spend_bonus .amount{width: 100%;height: 50px;background: #303237;border-radius: 4px;color: white;border: none;outline: none;
    display:grid;grid-template-columns: 20% 60% 20%; align-items: center;justify-items: center;
}
#spend_bonus .amount input{width:60%; margin:0;padding: 0;text-align: center;}
#spend_bonus .amount button{outline: none;border: none;width:32px;height:32px;background-position: center;background-repeat: no-repeat;}

#spend_bonus > div:not(.amount){width: 100%;margin-bottom: 16px;}


#order_menu{padding-inline-start: 0px;display:flex;justify-content: space-evenly;font-family: "PFDinDisplayPro", "Helvetica Neue", Arial, sans-serif;font-weight: 500;font-size: 14px;text-transform: uppercase;margin-bottom:30px;color:#99A7AC;}
#order_menu input{display:none;}
#order_menu > label > input:checked+span{color: var(--main);}


/*Select2*/
.select2-container--material {width: 100% !important;}
.select2-container--material ::-moz-placeholder {color: inherit;}
.select2-container--material :-ms-input-placeholder {color: inherit;}
.select2-container--material ::placeholder {color: inherit;}
.select2-container--material .select2-selection {
/* @extend input */
overflow: visible;font: inherit;touch-action: manipulation;margin: 0;line-height: inherit;border-radius: 0;box-sizing: inherit;
/* @extend .form-control */
display: block;width: 100%;color: #55595c;background-clip: padding-box;border: 1px solid rgba(0, 0, 0, 0.15);
padding: 0.5rem 0 0.6rem;font-size: 1rem;line-height: 1.5;background-color: transparent;background-image: none;
border-radius: 0;margin-top: 0.2rem;margin-bottom: 1rem;
/* @extend input[type=text] */
background-color: transparent;border: none;border-bottom: 1px solid #ccc;border-radius: 0;outline: 0;width: 100%;font-size: 1rem;
box-shadow: none;transition: all 0.3s;min-height: 2.1rem;
}
.select2-container--material .select2-selection .select2-selection__rendered {padding-left: 0;}
.select2-container--material .select2-selection--single .select2-selection__rendered {float: left;}
.select2-container--material .select2-selection--single .select2-selection__arrow {float: right;}
.select2-container--material .select2-selection--multiple .select2-selection__rendered {width: 100%;}
.select2-container--material .select2-selection--multiple .select2-selection__rendered li {list-style: none;}
.select2-container--material .select2-selection--multiple .select2-selection__choice {
/* @extend .mdl-chip */
height: 32px;line-height: 32px;padding: 0 12px;border: 0;border-radius: 16px;background-color: #dedede;
display: inline-block;color: rgba(0, 0, 0, 0.87);margin: 2px 0;font-size: 0;white-space: nowrap;font-size: 13px;
vertical-align: middle;display: inline-block;float: left;margin-right: 8px;margin-bottom: 4px;}
.select2-container--material .select2-selection--multiple .select2-selection__choice__remove {
    font-size: 0;opacity: 0.38;cursor: pointer;float: right;margin-top: 4px;margin-right: -6px;margin-left: 6px;transition: opacity;
}
.select2-container--material .select2-selection--multiple .select2-selection__choice__remove::before {
content: "cancel";font-weight: normal;font-style: normal;font-size: 24px;line-height: 1;letter-spacing: normal;
text-transform: none;display: inline-block;white-space: nowrap;word-wrap: normal;direction: ltr;color: #000;
}
.select2-container--material .select2-selection--multiple .select2-selection__choice__remove:hover {opacity: 0.54;}
.select2-container--material .select2-search--inline .select2-search__field {width: 100%;margin-top: 0;height: 34px;line-height: 1;}
.select2-container--material .select2-dropdown {border: 0;}
.select2-container--material .select2-dropdown .select2-search__field {min-height: 2.1rem;margin-bottom: 16px;border: 0;border-bottom: 1px solid #ccc;transition: all 0.3s;}
.select2-container--material .select2-dropdown .select2-search__field:focus {border-bottom: 1px solid #4285f4;box-shadow: 0 1px 0 0 #4585f4;}
.select2-container--material .select2-results__options {box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
background-color: #fff;margin: 0;min-width: 100px;max-height: 650px;overflow-y: auto;z-index: 999;will-change: width, height;}
.select2-container--material .select2-results__option {
/* @extend .dropdown-content li */
cursor: pointer;clear: both;color: rgba(0, 0, 0, 0.87);
line-height: 1.5rem;text-align: left;text-transform: none;
font-size: 1.2rem;display: block;
padding: 1rem;}
.select2-container--material .select2-results__option[aria-disabled=true] {color: rgba(0, 0, 0, 0.3);background-color: transparent !important;cursor: context-menu;cursor: not-allowed;}
.select2-container--material .select2-results__option[aria-selected=true] {color: #4285f4;background-color: #eee;}
.select2-container--material .select2-results__option--highlighted[aria-selected] {background-color: #ddd;}
.select2-container--material.select2-container--focus .select2-selection {border-bottom: 1px solid #4285f4;box-shadow: 0 1px 0 0 #4585f4;}
.select2-container--material.select2-container--disabled .select2-selection {color: rgba(0, 0, 0, 0.3);cursor: default;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;
user-select: none;border-bottom: 1px solid rgba(0, 0, 0, 0.3);}
.select2-container--material.select2-container--disabled.select2-container--focus .select2-selection {box-shadow: none;}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-width: 0!important;border-color: transparent!important;background: url(/personal/img/arrow.svg) no-repeat right;
    margin-left: -15px!important;margin-top: -3px!important;width:10px!important;height:6px!important;
}


/* стили карты, отредактировать, чтобы с другими пунктами не пересекалось*/
.address > .price.warning{color:#F44336;}
.address > .error{display: none;}
.address.error > .error{display: block}
.address.error > .success{display: none}
.address > .nozone{display: none}
.address.nozone > .nozone{display: block;}
.address.nozone > .success{display: none;}
.address.nozone > .error{display: none;}

.adr_form {top: 0;left: 0;padding:  24px 15px;background: #1A1C21;width: 100%;height: 100%;overflow-y: auto;margin:  0 auto;}
.adr_form > form{height: 100%;}
.adr_form > form > div{display: grid;}

/*обратить на это внимание*/
.adr_form :is(input,select){width: 100%;height: 50px;margin-bottom: 16px;background: #303237;border-radius: 4px;color: white;border: none;outline: none;}
.adr_form input{padding-left: 15px;}
.adr_form input::-webkit-input-placeholder {color: #5F6269;vertical-align: middle;}

.adr_form > form .mbtn{max-width: 600px;width:  100%;}
.address > .price{display: block;margin-bottom: 12px;color: #99A7AC;text-align: center;font-size: 14px;}

.mobilefull{margin: 0 auto;max-width:600px;font-family: "PFDinDisplayPro", "Helvetica Neue", Arial, sans-serif;font-style: normal;line-height: 20px;letter-spacing: 0em;text-align: left;display: flex;flex-direction: column;}

/*обратить на это внимание*/
.mbtn,.mchange{font-size: 14px;}
.mbtn{cursor: pointer;max-width: 600px;margin: 0 auto;margin-bottom: 16px;margin-top: 12px;text-transform: uppercase;display: flex;background: var(--main);
    padding: 16px; align-items: center;justify-content: center;color: black;font-weight: 500;}
.mchange{cursor: pointer;max-width: 600px;margin: 0 auto;text-transform: uppercase;color: var(--main);text-align: center;width: 100%;display: block;}

.adr_your{padding-bottom: 12px;text-align: center;width: 100%;display: block;font-style: normal;font-weight: 400;font-size: 14px;}
.geocode{font-weight: 500;font-size: 16px;}

#box{padding:  24px 15px;}

@media screen and (max-width: 768px) and (orientation : portrait) {
    .mobilefull{
        position: fixed;
        width:100%;
        height: calc(100vh - 220px);
        bottom: 0;
        background: #1A1C21;
        z-index: 2;

        left: 0;
        right: 0;
        

         /*
        margin-left: -6px;
        margin-right: -6px;

       
        margin-left: -15px;
        margin-right: -15px;
        */
    }

    .adr_form{
        position: absolute;
    }	

    .adr_form > form {
        padding-bottom: 75px	
    }
}

@media screen and (min-width: 769px){
    .mobilefull{
        position: fixed;
        width: 100%;

        height: calc(100vh - 220px);
        max-height:800px;
        bottom: 100px;


        background: #1A1C21;
        z-index: 2;
        left: 0;
        right: 0;
    }

    .adr_form{
        position: absolute;
    }	
}



#map{width:  100%;height: 100%;min-height: 100px;color:  black;}	
#map *{color: black;}


@media screen and (min-width: 769px){
    #map, #map > ymaps, #map > ymaps > ymaps{
        min-height: 300px;
    }
}

#order_frame hr{margin-top:24px;margin-bottom:24px;width: 100%;}


#order_pay{display:grid;margin-bottom:4px;margin-top:3px;}
#order_pay > label:first-child{margin-bottom: 20px;}

#order_pay [type="radio"]{position: absolute;left: -9999px;}
#order_pay span{position: relative;padding-left: 28px;cursor: pointer;line-height: 20px;display: inline-block;font-size: 16px;/*color: #666;*/}
#order_pay span:before{content: '';position: absolute;left: 0;top: 0;width: 18px;height: 18px;background: #1A1C21;border-radius: 100%;}
#order_pay span:after{content: '';width: 14px;height: 14px;background: black;position: absolute;top: 2px;left: 2px;border-radius: 100%;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
#order_pay [type="radio"]:not(:checked) + span:after{opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
#order_pay [type="radio"]:checked + span:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
#order_pay [type="radio"]:checked + span:before{background: var(--main);}

#order_info select{padding-left:15px;padding-right:15px;}
#order_info input[type="time"]::-webkit-calendar-picker-indicator{color: #5F6269;filter: invert(48%);vertical-align: middle;}

#rest_map_block, #rest_map{width:100%;min-height:50vh;max-height:600px;height:100%;}

#order_proccess, #order_proccess > p{display:grid;}
#order_proccess >  span{padding-top:24px;font-family: Arial;font-size: 16px;text-transform: uppercase;}
#order_proccess >  p{padding-top:16px;color: #99A7AC;}
#order_proccess > .time{color: #99A7AC;padding-top:0;text-transform: none;}
#order_proccess > .basket_block{padding-top:24px;}

#order_status > *:first-child{text-transform: uppercase;}
#order_status > *:not(:first-child){color:#99A7AC;}

.recfont{
    margin-top:24px;

    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    /* identical to box height, or 20px */

    text-transform: uppercase;
}

/*личный кабинет*/

.lk_box > hr,.lk_box hr{margin-top:24px;margin-bottom: 24px;}

.line_menu{
    width:100%; display:flex;align-items: center;flex-wrap: nowrap;justify-content: space-around;list-style-type: none; padding-inline-start: 0px;height:25px;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
    white-space: nowrap;

    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;     

}
@media screen and (max-width: 768px) {
    .line_menu{justify-content: space-between;}
}


.line_menu::-webkit-scrollbar {width: 0;height: 0;}
.line_menu > li > a{font-family: "PFDinDisplayPro", "Helvetica Neue", Arial, sans-serif;font-weight: 500;font-size: 14px;text-transform: uppercase; color: #99A7AC;display: inline-block;white-space: nowrap;}
.line_menu > li.active > a{color: var(--main);}
.line_menu > li{height:25px;display: inline-block;white-space: nowrap;}
.line_menu > li:not(:last-child){padding-right:12px}
.line_menu > li:not(:first-child){padding-left:12px}

#menu_tab{display:flex;justify-content: space-evenly;font-family: "PFDinDisplayPro", "Helvetica Neue", Arial, sans-serif;font-weight: 500;font-size: 14px;text-transform: uppercase;margin-bottom:24px;color:#99A7AC;}
#menu_tab input{display:none;}
#menu_tab > label > input:checked+span{color: var(--main);}

.lk_box{font-size: 16px!important;color:white}

.order_block{width:100%;height: 86px;background: #1A1C21;box-shadow: 0px 0px 20px rgba(3, 3, 3, 0.25);}

.order_block > .info {
    display:grid;
    width:100%;
    height: 100%;
    padding: 15px;
    grid-template-columns: 1fr 32px;
    grid-template-areas: 
        "l b"
        "s b";
}

.order_block > .info > .num {grid-area: l;font-size: 14px;font-weight: 700;}
.order_block > .info > .num > span {font-weight: 400;color: #99A7AC;}
.order_block > .info > .status {grid-area: s;font-size: 14px;background: #99A7AC;box-shadow: 0px 0px 20px rgba(3, 3, 3, 0.25);color:#030303;padding: 2px 8px;width:fit-content;}
.order_block > .info > .show_btn {grid-area: b;}


/*Рекомендации*/
.recomend > .slick-list > .slick-track > .slick-slide{
    background: #1A1C21;
    display: grid;
    padding:8px;
    width:fit-content;
    height: 88px;

    grid-template-columns: 80px 1fr;
    grid-template-rows: 1fr 14px;
    grid-template-areas: 
        "i n"
        "i p";
}

.recomend > .slick-list > .slick-track > .slick-slide > img{margin-right:8px;grid-area: i;margin-bottom: 0;}
.recomend > .slick-list > .slick-track > .slick-slide > .name{grid-area: n;font-style: normal;font-weight: 700;font-size: 14px;line-height: 140%;}
.recomend > .slick-list > .slick-track > .slick-slide > .price{grid-area: p;font-style: normal;font-weight: 700;font-size: 14px;line-height: 140%;color:var(--main);justify-content: unset;align-items: unset;}

.basket_modal{max-width:1000px;margin: 0 auto;background: #1A1C21;padding: 20px;}

#order_status span{font-weight: 700;color: var(--main);}


.user_address > div{
    height: 74px;
    background: #1A1C21;
    padding: 15px;
    padding-right:0;
    margin-bottom: 24px;


    display:grid;
    grid-template-columns: 1fr 45px;
    grid-template-rows: 1fr 0.8fr;
    grid-template-areas: 
        "n i"
        "p i";
}

.user_address > div > span:not(.edit){
    grid-area: n;
    font-family: 'Arial';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
}
.user_address > div > p{
    grid-area: p;
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;    
    color: #99A7AC;
    margin-bottom: 0px;
    padding-bottom: 0;

}
.user_address > div > span.edit{
    grid-area: i;
    display: flex;
    align-items: center;
    justify-content: center;
    padding:15px;
}

.user_address > div > span.edit:hover > svg > path{
    fill:var(--main);
}

.user_address > span{
    color: var(--main);
    font-family: "PFDinDisplayPro", "Helvetica Neue", Arial, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    text-transform: uppercase;
    text-align: center;
    display: block;
}

/*.lk_box > #order_tabs > div > form > span{}*/

#auth > form{display: grid;justify-items: center;}
#auth > form > .ybtn{margin-bottom: 0px;margin-top: 8px;}
#auth > form > .gbtn{margin-top: 0px;}

#reg > form{display: grid;justify-items: center;}
#reg > form > .ybtn{margin-top: 8px;}
#reg > form > p{color: #99A7AC;text-align: center;}
#reg > form > p > a{color: var(--main);font-weight: unset;}