.grid-photo,
.grid-desc,
.grid-info {
    width: 100%;
    max-width: none;
}
.grid-photo {
    order: 1;
    padding-bottom: 20px;
}
@media (min-width: 768px) and (max-width: 991px) {
    .grid-photo {
        padding-bottom: 60px;
    }
}
.grid-info {
    order: 2;
}
.grid-desc {
    order: 3;
}
.fl-row.grid {
    display: flex;
    flex-wrap: wrap;
}
@media(min-width: 992px) {
    .grid-desc { grid-area: grid-desc; }
    .grid-photo { grid-area: grid-photo; max-width: none; }
    .grid-info { grid-area: grid-info; }
    .fl-row.grid {
        display: grid;
        grid-template-areas: "grid-photo grid-info" "grid-desc grid-info";
        grid-template-columns: 58.333333333333336% 41.66666666666667%;
        grid-template-rows: auto 1fr;
    }
    .fl-row.grid:before,
    .fl-row.grid:after {
        display: none;
        content: none;
    }
}
.title-brand {
    margin-bottom: 24px;
}
.colors {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 40px;
}
.colors-item {
    display: block;
    width: 22px;
    height: 22px;
    border-radius: 12px;
    border: 1px solid #fff;
    box-shadow: 0 0 0 1px #D9D9D9;
    margin: 5px;
}
.colors-item.selected {
    box-shadow: 0 0 0 2px #FF8343;
}
.lastnameinp {position: absolute;left: -9999px;display: none;}
.product-page-status {margin-top: 0 !important;}
.nalichie {align-self: flex-start; font-size:  12px !important; padding-right: 0 !important; padding-left: 15px;}
.nalichie:after {display: none !important;}
.nalichie:before {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    margin-right: 5px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    background-color: #8fd436;
}
.nalichie.nalichie_delay:before {
    background-color: #ff8343;
}
.nalichie.nalichie_limited {padding-left:0}
.nalichie.nalichie_limited img {height: 12px; margin: 0 5px 0 -3px;}
.nalichie.nalichie_limited:before {
    display: none;
}
.productCard_buttons {display: flex; margin-bottom: 15px;}
.productCard_buttons .rezerv_btn {font-size: 15px; display: flex; align-items: center; justify-content: center; padding-left: 5px; padding-right: 5px; margin-right: 10px;}

.description p.infoPhone {line-height: normal;}
.description p.infoPhone a {display: inline; line-height: normal; text-transform: unset; padding: 0; text-decoration: underline; font-size: 18px; font-weight: normal;}

.productCard_buttons .buy-btn {margin-bottom: 0; width: 220px;}
.productCard_buttons .buy-btn span {font-size: 15px; transition: .3s; padding: 0 10px !important;}

.productCard_buttons .buy-btn:not(.redBtn) {width: 190px;}
.productCard_buttons .buy-btn:not(.redBtn) span { border: 2px solid #f44747; background: transparent; color: #393939; }
.productCard_buttons .buy-btn.oraBtn span { border: 2px solid #ff8343; }
.productCard_buttons .buy-btn:not(.redBtn) span img {margin-right: 5px; position: relative; top: 2px; transition: .3s;}
.productCard_buttons .buy-btn:not(.redBtn) span:hover {background: #f44747; color: #fff;}
.productCard_buttons .buy-btn.oraBtn span:hover { background: #ff8343; }
.productCard_buttons .buy-btn:not(.redBtn) span:hover img {filter: invert(1);}

.bottomInfoPhone {display: flex; margin: 15px 0; font-size: 16px; line-height: normal;}
.bottomInfoPhone a.imgPhone {align-self: flex-start; margin-right: 10px; margin-top: 5px;}
.bottomInfoPhone a:not(.imgPhone) {text-decoration: underline;}
.bottomInfoPhone a img {max-width: 30px;}

.info-block.bottomInfoPhone {
    border: none;
    padding: 0;
    justify-content: flex-start;
    font-size: initial;
    color: initial;
}

.rezerv__container {
    position: relative;
    width: 100%;
    max-width: 900px;
    background-color: #fff;
    margin: 0 auto;
    -webkit-box-shadow: 0 8px 30px rgb(0 0 0 / 20%);
    box-shadow: 0 8px 30px rgb(0 0 0 / 20%);
    padding: 30px;
}
.rezerv__container h3 span, .rezerv__container .h3 span {color: #ff5050; text-decoration: underline;}
.rezerv__container .h3 {
    display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
.rezerv__container .h4 {
    display: block;
    margin-block-start: 1.33em;
    margin-block-end: 1.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
.rezerv__container .callManager {color: #ff5050; font-weight:  bold;}
.rezerv_salons {}
.rezerv_salon {display: flex; justify-content: space-between; padding: 30px 0; border-bottom: 1px solid #cdcdcd}
.rezerv_salon:last-child {border-bottom: 0;}
.rezerv_address {}
.rezerv_address p {margin: 0 0 10px 0;}
.rezerv_button {}
.rezerv_btn {
    display: block;
    width: 100%;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #f44747;
    line-height: 45px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    border: 0;
    outline:  none;
    padding-left: 20px;
    padding-right: 20px;
    }
.rezerv_btn:hover {
    background: #ff8343;
}
.rezerv_btn.delay {
    background: #ff8343;
}
.rezerv_btn.delay:hover {
    background: #f44747;
}
.rezerv_btn:disabled,
.rezerv_btn:disabled:hover {
    background: #bfbfbf !important;
}
.rezerv_form-salonID {display: none;}
.rezerv_form-salonID p {margin: 0 0 10px 0;}
.rezerv_form-salonID.active {display: block;}
.rezerv_form-topInfo {
    display: flex;
    justify-content: space-between;
    padding-bottom: 30px;
    border-bottom: 1px solid #cdcdcd;
}
.rezerv_form-product {
    display: flex;
}
.rezerv_form-product img {
    width: 100px;
    height: auto;
    align-self: flex-start;
}
.rezerv_form-product-right {
    display: flex;
    flex-direction: column;
    padding-left: 15px;
}
.rezerv_form-product-right p {margin: 0;}
.rezerv_form-product-title {font-weight: bold;}
.rezerv_form-salonBack {background: #eee; outline: none; cursor: pointer; padding: 5px 10px; margin: 0; font-size: 16px; border: 1px solid #cdcdcd; border-radius: 4px;}
.rezerv_form-formInputs {display: flex;}
.rezerv_form-formInputs .form-item {flex-grow: 1;}
.rezerv_form-formInputs .form-item + .form-item {margin-left: 15px;}
.rezerv_form-formInputs .form-item .input {border: 1px solid #b5b5b5;}
.rezerv_form-formTextarea.form-item .input {border: 1px solid #b5b5b5;}
.rezerv_form-formTextarea.form-item textarea {height: 100px; padding-top: 15px;}
.rezerv_form-formFooter {display: flex; align-items: center; margin-bottom: 30px;}
.rezerv_form-form button {width: auto; margin-right: 30px; padding-left: 15px;padding-right: 15px;}
.rezerv_form-form p {margin: 0;}
@media screen and (max-width:1280px) {
    .productCard_buttons .rezerv_btn {max-width: none; margin-right: 0;margin-bottom: 15px}
    .productCard_buttons {flex-wrap: wrap; margin-top:15px;}
    .productCard_buttons .buy-btn { width: 100%!important;}
    .js-prod_buy_wrap { width: 100%; flex-wrap: wrap;}
    .buy-btn.js-prod_orderprice.redBtn {margin-left: 0;margin-top:15px;}
}
@media screen and (max-width:991px) {
    .productCard_buttons {flex-direction: column;}
    .productCard_buttons .rezerv_btn {margin-right: 0; margin-bottom: 15px}
    .productCard_buttons .buy-btn {width: 100% !important}
    .prices-block {margin-bottom: 10px !important}

    .rezerv__close {top: -5px !important; right: -5px !important;}
    .rezerv__container {padding: 15px 15px 30px 15px;}
    .rezerv_salons h3, .rezerv_salons .h3 {margin-top: 5px; margin-bottom: 5px; line-height: normal;}
    .rezerv_salon {flex-direction: column; padding: 20px 0;}
    .rezerv__container .callManager {margin: 5px 0; font-size: 16px; line-height: normal;}
    .rezerv_address p {line-height: normal}
    .rezerv_form-topInfo {flex-direction: column;}
    .rezerv_form h3, .rezerv_form .h3 {margin-top: 5px; margin-bottom: 10px; line-height: normal;}
    .rezerv_form-address {margin-bottom: 30px}
    .rezerv_form-address p {line-height: normal}
    .rezerv_form-product img {align-self: center}
    .rezerv_form-formInputs {flex-direction: column;}
    .rezerv_form-formInputs .form-item + .form-item {margin-left: 0}
    .rezerv_form-formFooter {flex-direction: column; margin-bottom: 15px}
    .rezerv_form-form h3, .rezerv_form-form .h3 {margin: 15px 0;}
    .rezerv_form-form p {font-size: 14px; margin-top: 10px; text-align: center}
    .rezerv_form-formInputs .form-item {margin-bottom: 10px}
    .rezerv_form-form .callManager {font-size: 16px;}
    .rezerv_form-form button {width: 100%; margin-right: 0}

}