/* product card */
.productItem {
    background: var(--card-bg); border-radius: var(--card-border-radius); padding: var(--card-padding); position: relative;
    width: var(--product-card-width); height: var(--product-card-height);
    transition: var(--short-transition); -moz-transition: var(--short-transition); -webkit-transition: var(--short-transition);
}
.productItem.isStop {
    opacity: .5;
}
.productItem:hover, .productItem:focus, .productItem:active {
    box-shadow: var(--card-shadow);
}
.productImg {
    width: 210px; height: 210px; margin: 0 auto; position: relative; cursor: pointer;
    overflow: hidden; border-radius: var(--card-border-radius); display: flex; display: -webkit-flex;
    align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center;
}
.productImg img {
    width: auto; height: auto; max-width: 100%; max-height: 100%; border-radius: var(--card-border-radius);
    transition: var(--long-transition); -moz-transition: var(--long-transition); -webkit-transition: var(--long-transition);
}
.productItem:hover > .productImg img, .productItem:focus > .productImg img, .productItem:active > .productImg img {
    transform: scale(var(--scale)); -webkit-transform: scale(var(--scale)); -moz-transform: scale(var(--scale)); -ms-transform: scale(var(--scale));
}
.productImg .productAttr {
    position: absolute; right: 0; top: 0; padding: 5px 10px; border-radius: var(--card-border-radius); color: #FFFFFF;
    font-size: 16px; line-height: 20px; font-family: var(--bold-font); border: 1px solid var(--input-border-color); z-index: 2;
}
.productAttr.attrNew {
    background: var(--main-color);
}
.productAttr.attrHit {
    background: var(--attr-hit-bg);
}
.productAttr.attrStop {
    background: var(--a-not-checked-color);
}
.productInfo {
    height: calc(100% - 210px); padding: 11px 0 0 0; position: relative;
}
.productInfo h3.productName {
    font-size: 16px; line-height: 20px; font-family: var(--bold-font); margin: 0 0 11px 0; color: var(--text-color); cursor: pointer;
}
.productInfo p.productDescription {
    font-size: 16px; line-height: 20px; font-family: var(--light-font); margin: 0; padding-bottom: 10px; color: var(--text-color);
}
.productAction {
    position: absolute; left: 0; bottom: 0; width: 100%; height: var(--def-button-height);
}
.productPrice {
    width: calc(100% - var(--add-btn-width)); padding-right: 10px; height: 100%;
}
.productPrice p {
    font-size: 18px; line-height: var(--def-button-height); font-family: var(--bold-font); margin: 0;
}
.isStop .addBtn {
    visibility: hidden; opacity: 0;
}
.addBtn {
    background: var(--add-btn-bg); border: 1px solid var(--add-btn-text-color); border-radius: var(--card-border-radius); height: var(--def-button-height);
    text-align: center; color: var(--add-btn-text-color); cursor: pointer; font-size: 16px; line-height: calc(var(--def-button-height) - 2px);
    outline: none; font-family: var(--bold-font); width: var(--add-btn-width);
    transition: var(--short-transition); -moz-transition: var(--short-transition); -webkit-transition: var(--short-transition);
}
.addBtn:hover, .addBtn:focus, .addBtn:active {
    background: var(--add-btn-hover-color); color: var(--add-btn-hover-text-color); border: 1px solid var(--add-btn-hover-color);
}
.addBtn:disabled {
    opacity: 0.5; cursor: not-allowed;
}
.btnLoader {
    width: 50px; height: 42px; background: url("../img/add-loader.svg") no-repeat center; background-size: cover; display: none; margin: 0 0 0 auto;
}
.commentIcon {
    width: 20px; height: 20px; position: absolute; top: 0; right: 0; cursor: pointer;
}
.commentIcon path {
    fill: #D9D9D9; transition: var(--short-transition); -moz-transition: var(--short-transition); -webkit-transition: var(--short-transition);
}
.commentIcon:hover > path, .commentIcon:focus > path {
    fill: var(--text-color);
}
.productComment textarea {
    height: 120px;
}
/* product card */

/* product detail */
.productDetail {
    position: relative; width: 750px; height: auto; max-height: 500px; padding: 0; border-radius: var(--card-border-radius);
    background: #FFFFFF; box-shadow: var(--card-shadow);
}
.closeModal {
    background: url("../img/closeIcon-dark-50x50.png") no-repeat center; cursor: pointer; position: absolute; right: 0; top: 0;
}
.productDetail .closeModal {
    width: 50px; height: 50px;
}
.productEnergy {
    width: 24px; height: 24px; position: absolute; right: 13px; top: 60px;
}
#dropdownEnergy {
    opacity: .7; cursor: pointer; transition: var(--short-transition); -moz-transition: var(--short-transition); -webkit-transition: var(--short-transition);
}
#dropdownEnergy:hover, #dropdownEnergy:focus {
    opacity: 1;
}
.energy {
    width: auto; margin: 0 0 20px 0;
}
.energy h4 {
    font-family: var(--bold-font); font-size: 14px; line-height: 17px; color: var(--text-color); margin: 0 0 10px 0;
}
.energyInfo {
    width: auto; height: auto; margin: 0 0 5px 0;
}
.energyInfo p {
    font-family: var(--light-font); font-size: 12px; line-height: 15px; margin: 0; width: 50%;
}
.energyInfo p:last-child {
    text-align: right;
}
.productImage {
    width: 440px; flex: 0 0 440px; -webkit-flex: 0 0 440px; -ms-flex: 0 0 440px; height: auto; position: relative;
    padding: 40px 43px 40px 40px; display: flex; display: -webkit-flex;
    align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center;
}
.productImage img {
    max-width: 100%; max-height: 100%; border-radius: var(--card-border-radius);
}
.productImage .productAttr {
    position: absolute; right: 43px; top: 40px; padding: 5px 10px; border-radius: var(--card-border-radius); color: #FFFFFF;
    font-size: 16px; line-height: 20px; font-family: var(--bold-font); border: 1px solid var(--input-border-color); z-index: 2;
}
.productData {
    width: calc(100% - 440px); height: auto; max-height: 100%; background: var(--page-bg); padding: 40px 0 40px 20px;
    border-radius: 0 var(--card-border-radius) var(--card-border-radius) 0;
}
.productData__description {
    width: 100%; height: calc(100% - 72px); margin: 0 0 30px 0; overflow-y: auto; padding-right: 40px;
}
.productData__description h3.productTitle {
    font-size: 22px; line-height: 27px; color: var(--text-color); font-family: var(--bold-font); margin: 0 0 10px 0;
}
.productWeight {
    height: 24px; padding-left: 29px; background: url("../img/weightIcon-24x24.png") no-repeat left center;
    font-size: 16px; line-height: 24px; color: var(--text-color); font-family: var(--bold-font);
}
.requireModifiers {
    width: 100%; height: auto; margin: 20px 0 0 0;
}
.groupModifier {
    width: 100%; height: auto; margin: 0 0 20px 0;
}
.requireModifiers .groupModifier:last-child, .modifiers .groupModifier:last-child {
    margin: 0;
}
.requireLabel {
    display: inline-block; height: 36px; width: auto; padding: 0 10px; cursor: pointer; border-radius: var(--card-border-radius);
    font-size: 16px; line-height: 36px; color: rgba(34, 34, 34, 0.5); font-family: var(--bold-font);
    transition: var(--short-transition); -moz-transition: var(--short-transition); -webkit-transition: var(--short-transition);
}
.groupModifier input[type="radio"]:checked + label {
    background: var(--main-color); color: #FFFFFF;
}
.productDescription {
    font-size: 16px; line-height: 19px; color: var(--text-color); font-family: var(--light-font); margin: 21px 0 0 0;
}
.modifiers {
    width: 100%; height: auto; margin: 20px 0 0 0;
}
.groupModifier h4 {
    font-size: 18px; line-height: 22px; color: var(--text-color); font-family: var(--bold-font); margin: 0 0 10px 0;
}
.modifierLabel {
    display: block; height: 100px; width: calc(33.3333333% - 8px); padding:8px; margin: 0 8px 8px 0; cursor: pointer; border-radius: var(--card-border-radius);
    background: #FFFFFF; border: 1px solid var(--input-border-color); position: relative;
    transition: var(--short-transition); -moz-transition: var(--short-transition); -webkit-transition: var(--short-transition);
}
.modifierLabel p {
    font-size: 14px; line-height: 17px; color: var(--text-color); font-family: var(--light-font); margin: 0 0 10px 0; text-align: center;
}
.modifierLabel span {
    font-size: 14px; line-height: 17px; color: var(--text-color); font-family: var(--regular-font); text-align: center; display: block;
    position: absolute; left: 8px; bottom: 8px; width: calc(100% - 16px);
}
.groupModifier input[type="checkbox"]:checked + label {
    border: 1px solid var(--main-color); background: var(--main-color);
}
.groupModifier input[type="checkbox"]:checked + label > p, .groupModifier input[type="checkbox"]:checked + label > span {
    color: #FFFFFF;
}
.productData__action {
    width: calc(100% - 40px); height: var(--def-button-height);
}
.productData__price {
    font-size: 18px; line-height: var(--def-button-height); color: var(--text-color); display: inline-block; font-family: var(--bold-font);
}
/* product detail */

/* groupCard */
.categoryItem {
    width: 180px; height: 180px; border-radius: var(--menu-card-border-radius); background: var(--menu-card-bg); border: 1px solid var(--menu-card-border);
    transition: var(--short-transition); -moz-transition: var(--short-transition); -webkit-transition: var(--short-transition); padding: 24px 0;
    margin: 0 0 20px 0; display: block;
}
.categoryItem:not(:nth-child(6)) {
    margin: 0 20px 20px 0;
}
.categoryItem:hover, .categoryItem:focus, .categoryItem:active {
    box-shadow: var(--menu-card-shadow);
}
.categoryItemImg {
    width: 100px; flex: 0 0 100px; -webkit-flex: 0 0 100px; -ms-flex: 0 0 100px; height: 100px; display: flex; display: -webkit-flex;
    align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; margin: 0 auto;
}
.categoryItemImg img {
    max-width: 100%; max-height: 100%; width: auto; height: auto;
}
.categoryItem h4 {
    font-size: 16px!important; line-height: 20px!important; color: var(--text-color)!important; font-family: var(--bold-font)!important; margin: 13px 0 0 0;
    transition: var(--short-transition); -moz-transition: var(--short-transition); -webkit-transition: var(--short-transition); text-align: center; padding: 0 24px;
}
.categoryItem:hover > h4, .categoryItem:focus > h4, .categoryItem:active > h4 {
    color: var(--main-color)!important;
}
/* groupCard */

/* cartItem */
.cartItem {
    width: 100%; height: auto; border-radius: var(--card-border-radius); background: #FFFFFF; margin: 0 0 20px 0; padding: 14px; position: relative;
    transition: var(--short-transition); -moz-transition: var(--short-transition); -webkit-transition: var(--short-transition); border: 1px solid var(--input-border-color);
}
.cartItem:last-child {
    margin: 0;
}
.cartItem:hover, .cartItem:focus, .cartItem:active {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.05);
}
.cartItem-product {
    width: 100%; height: auto; margin: 0 0 10px 0;
}
.cartItem-productImg {
    width: 64px; height: auto; margin: 0 14px 0 0; position: relative; flex: 0 0 64px; -webkit-flex: 0 0 64px; -ms-flex: 0 0 64px;
}
.cartItem-productImg img {
    width: auto; height: auto; max-height: 100%; max-width: 100%; border-radius: var(--card-border-radius);
}
.cartItem-productData {
    width: calc(100% - 78px); height: auto; margin: 0; position: relative; flex: 0 0 calc(100% - 78px); -webkit-flex: 0 0 calc(100% - 78px); -ms-flex: 0 0 calc(100% - 78px);
}
.cartItem-productData h5 {
    font-size: 16px!important; line-height: 20px!important; color: var(--text-color)!important; font-family: var(--bold-font)!important; margin: 0 0 7px 0;
}
.cartItem-productData p {
    font-size: 16px; line-height: 19px; color: var(--text-color); font-family: var(--light-font); margin: 0 0 10px 0;
}
.modifiersRequire, .modifiersAlso {
    width: auto; height: auto; margin: 0 0 5px 0;
    font-size: 16px; line-height: 19px; color: var(--text-color); font-family: var(--light-font);
}
.cartItem-footer {
    width: 100%; height: 30px;
}
.cartItemAmount {
    width: 90px; height: 30px; flex: 0 0 90px; -webkit-flex: 0 0 90px; -ms-flex: 0 0 90px;
}
.cartActionBtn {
    width: 30px; height: 100%; border-radius: 100%; cursor: pointer; transition: var(--short-transition); -moz-transition: var(--short-transition); -webkit-transition: var(--short-transition);
    background-position: center; background-repeat: no-repeat; margin: 0; opacity: .8; border: 1px solid var(--input-border-color);
}
.cartActionBtn:hover, .cartActionBtn:focus {
    opacity: 1;
}
.reduce {
    background-image: url("../img/reduceIcon-8x2.png"); background-color: rgba(0, 0, 0, 0.15);
}
.increase {
    background-image: url("../img/increaseIcon-8x8.png"); background-color: var(--main-color);
}
.cartItemAmount p {
    display: inline-block; width: auto; height: 100%; margin: 0 auto!important; line-height: 30px!important;
    font-size: 16px!important; color: var(--text-color)!important; font-family: var(--bold-font)!important;
}
.cartItemPrice {
    width: auto; display: inline-block; height: auto; line-height: 30px; margin: 0 auto;
}
.cartItemTotalPrice {
    width: auto; display: inline-block; height: auto; line-height: 30px;
}
.cartItemPrice p, .cartItemTotalPrice p {
    display: inline-block; margin: 0 5px 0 0; font-size: 12px; color: var(--light-text-color); font-family: var(--bold-font);
}
.cartItemPrice span, .cartItemTotalPrice span {
    display: inline-block; margin: 0; font-size: 16px; color: var(--text-color); font-family: var(--bold-font);
}
/* cartItem */

/* auth */
.auth__ {
    width: 300px; height: auto; position: relative; padding: 40px 35px; background: #FFFFFF; box-shadow: var(--card-shadow); border-radius: var(--card-border-radius);
}
.auth__ .closeModal {
    width: 50px; height: 50px;
}
.auth__ h3 {
    font-size: 22px!important; line-height: 27px!important; color: var(--text-color)!important; font-family: var(--bold-font)!important; margin: 0 0 10px 0;
}
.errorMessage {
    width: 100%; height: auto; color: var(--error-border); font-size: 12px; font-family: var(--regular-font); margin: 0 0 20px 0; display: block;
}
.auth__ p.getModal {
    display: block; text-align: center; color: var(--main-color); font-family: var(--regular-font); font-size: 14px; cursor: pointer;
    transition: var(--short-transition); -moz-transition: var(--short-transition); -webkit-transition: var(--short-transition); margin: 10px 0 0 0;
}
.auth__ p.getModal:hover, .auth__ p.getModal:focus {
    color: var(--main-color-dark);
}
.repeatSendSms, .sendTimer {
    position: absolute; top: -1px; right: 0; display: inline-block;
}
.repeatSendSms {
    cursor: pointer; color: var(--main-color); transition: var(--short-transition); -moz-transition: var(--short-transition); -webkit-transition: var(--short-transition);
    font-size: 12px; line-height: 15px; font-family: var(--bold-font);
}
.repeatSendSms.hide, .sendTimer.hide {
    display: none;
}
.repeatSendSms:hover, .repeatSendSms:focus {
    color: var(--main-color-dark)
}
.sendTimer {
    font-size: 12px; line-height: 15px; font-family: var(--bold-font); color: var(--text-color);
}
#smsTimer {
    color: var(--main-color);
}
/* auth */

/* checkout */
.checkout__modal {
    width: 600px; height: auto; max-height: calc(100vh - 100px); position: relative; padding: 40px 22px 40px 40px; background: #FFFFFF; box-shadow: var(--card-shadow);
    border-radius: var(--card-border-radius); overflow: hidden;
}
.checkout__ {
    max-height: calc(100vh - 180px); position: relative; overflow-y: auto; padding: 0 18px 0 0;
}
.checkout__modal .closeModal {
    width: 50px; height: 50px;
}
.checkout__ h3 {
    font-size: 33px!important; line-height: 40px!important; color: var(--text-color)!important; font-family: var(--bold-font)!important; margin: 0 0 20px 0;
}
.checkoutSection {
    width: 100%; height: auto; margin: 0 0 30px 0; position: relative;
}
.checkoutSection:last-child {
    margin: 0;
}
.checkoutSection h5 {
    font-size: 16px!important; line-height: 20px!important; color: var(--text-color)!important; font-family: var(--bold-font)!important; margin: 0 0 10px 0;
}
.checkoutSection p {
    font-size: 16px; line-height: 19px; color: var(--text-color); font-family: var(--light-font); margin: 0 0 14px 0;
}
.contactPhone {
    font-size: 18px; line-height: 22px; color: var(--main-color); font-family: var(--bold-font);
}
.input-w1 {
    width: calc(33.33333333% - 7px);
}
.input-w2 {
    width: calc(66.66666666% - 7px);
}
.input-w3 {
    width: 100%;
}
.input-w1, .input-w2 {
    margin: 0 14px 0 0;
}
.input-w1:last-child, .input-w2:last-child {
    margin: 0;
}
.checkout__ .nav-tabs {
    border-bottom: none!important; margin: 20px 0;
}
.checkout__ .nav-tabs .nav-link {
    border: 1px solid transparent; border-radius: var(--card-border-radius)!important; color: var(--light-text-color)!important;
}
.checkout__ .nav-link.active {
    color: #FFFFFF!important; background-color: var(--main-color)!important; border-color: var(--input-border-color)!important;
}
.checkout__ .nav-tabs .nav-link:focus, .checkout__ .nav-tabs .nav-link:hover {
    border-color: transparent!important; color: var(--main-color);
}
.newAddress__ {
    width: 100%; height: auto; position: relative;
}
.addressString {
    width: 100%; height: auto; position: relative; margin: 0 0 10px 0;
}
.addressString .formGroup {
    margin-bottom: 0;
}
.requireInputView {
    color: var(--main-color); font-family: var(--bold-font);
}
.addressString p {
    color: var(--text-color); font-size: 16px; font-family: var(--regular-font); margin: 0;
}
.setText, .addNewAddressBtn {
    color: var(--main-color)!important; font-family: var(--bold-font)!important; cursor: pointer;
    transition: var(--short-transition); -moz-transition: var(--short-transition); -webkit-transition: var(--short-transition);
}
.setText:hover, .setText:focus, .addNewAddressBtn:hover, .addNewAddressBtn:focus {
    color: var(--main-color-dark)!important;
}
.quicklyEnter {
    padding: 0 10px;
}
.textCount {
    position: relative; text-align: right; color: var(--light-text-color)!important; font-size: 14px!important;
}
.addressString textarea {
    height: auto;
}
.addNewAddressBtn {
    margin: 20px 0!important;
}
.newAddress__formWrap {
    width: 600px; height: auto; max-height: calc(100vh - 100px); padding: 40px; background: #FFFFFF; box-shadow: var(--card-shadow);
    border-radius: var(--card-border-radius); overflow-y: auto;
}
.newAddressModal__ .defaultBtn {
    width: 200px;
}
.newAddressModal__ .close {
    position: absolute; right: 0; top: 0; cursor: pointer; z-index: 11;
}
.selectize-control.single .selectize-input, .selectize-dropdown.single {
    border-color: var(--input-border-color)!important;
}
.selectize-input {
    border: 1px solid var(--input-border-color)!important;
    padding: 0 20px!important;
    border-radius: var(--card-border-radius)!important;
}
.selectize-dropdown, .selectize-input, .selectize-input input {
    color: var(--text-color)!important;
    font-family: var(--light-font)!important;
    font-size: 18px!important;
    line-height: 40px!important;
}
.checkoutSection label {
    color: var(--text-color); font-size: 14px; line-height: 17px; font-family: var(--light-font);
}
.selfAddress {
    position: relative; width: auto; display: inline-block; height: auto; margin: 0 30px 20px 0;
}
.selfAddress .label_radio {
    position: relative; padding-left: 25px;
}
.selfAddress .label_radio:before {
    top: 4px;
}
.selfAddress .label_radio .address__ {
    margin: 0 0 5px 0;
}
.selfAddress .label_radio .terminalName {
    font-family: var(--bold-font); font-size: 18px; line-height: 22px; margin: 0 0 7px 0;
}
.selfAddress .label_radio .address__ p {
    font-family: var(--light-font); font-size: 16px; margin: 0;
}
.paymentsWrap {
    width: 100%; height: auto; position: relative;
}
.label_payment {
    padding: 9px 0; border-bottom: 1px solid var(--input-border-color); cursor: pointer; margin: 0;
}
.paymentType:last-child .label_payment {
    border-bottom: none;
}
.label_payment p {
    font-size: 16px; line-height: 20px; color: var(--light-text-color); font-family: var(--bold-font); margin: 0; display: inline-block;
    transition: var(--short-transition); -moz-transition: var(--short-transition); -webkit-transition: var(--short-transition);
}
.label_payment img {
    width: auto; height: auto; max-width: 50%; max-height: 24px;
}
.paymentRadio:checked + label > p {
    color: var(--main-color);
}
.paymentsOptions {
    width: auto; height: auto; position: relative; transition: var(--long-transition); -moz-transition: var(--long-transition); -webkit-transition: var(--long-transition);
}
.checkout__loader, .small__loader {
    width: 50px; height: 42px; background: url("../img/add-loader.svg") no-repeat center; background-size: cover; display: block; margin: 0 auto;
}
.checkout__loader.hide, .small__loader.hide {
    display: none;
}

/* checkout */

/* message */
.message__ {
    width: 300px; height: auto; position: relative; background: #FFFFFF; box-shadow: var(--card-shadow); border-radius: var(--card-border-radius);
}
.message__wrap {
    width: 100%; height: auto; position: relative; padding: 83px 35px; border-radius: var(--card-border-radius);
}
.message__loader {
    width: 100%; height: auto; position: relative; padding: 83px 35px; border-radius: var(--card-border-radius);
}
.message__wrap.hide, .message__loader.hide {
    display: none;
}
.message__ .closeModal {
    width: 50px; height: 50px;
}
.message__ img {
    width: 60px; height: 60px; margin: 0 auto 20px auto; display: block;
}
.message__ h3 {
    font-size: 22px!important; line-height: 27px!important; color: var(--text-color)!important; font-family: var(--bold-font)!important; margin: 0 0 21px 0; text-align: center;
}
.message__ p {
    font-size: 16px!important; line-height: 19px!important; color: var(--text-color)!important; font-family: var(--light-font)!important; margin: 0; text-align: center;
}
.message__ p a {
    color: var(--main-color)!important; transition: var(--short-transition); -moz-transition: var(--short-transition); -webkit-transition: var(--short-transition);
}
.message__ p a:hover, .message__ p a:focus, .message__ p a:active {
    color: var(--main-color-dark); text-decoration: none;
}
/* message */

/* promoItem */
.promoPageItem {
    width: 413px; height: 273px; position: relative; border-radius: var(--card-border-radius); background: #FFFFFF; padding: 14px; margin: 0 0 20px 0; color: var(--text-color);
    transition: var(--short-transition); -moz-transition: var(--short-transition); -webkit-transition: var(--short-transition); display: block; text-decoration: none;
}
.promoPageItem:not(:nth-child(3n)) {
    margin: 0 20px 20px 0;
}
.promoPageItem:hover, .promoPageItem:focus {
    text-decoration: none; color: var(--text-color); box-shadow: var(--card-shadow);
}
.promoPageItem-img {
    width: 100%; height: 126px; border-radius: var(--promo-card-img-radius); background-size: contain!important;
}
.pageDetail__ .promoPageItem-img {
    height: 132px;
}
.promoPageItem-img span {
    color: #FFFFFF; max-width: 45%; font-size: 18px; font-family: var(--bold-font); padding: 35px 0 35px 26px; display: block;
}
.promoPageItem h3.promoName {
    font-size: 16px; line-height: 20px; margin: 11px 0; max-width: 100%;
}
.pageDetail__ h3.promoName {
    font-size: 22px; line-height: 27px; margin: 40px 0; max-width: 100%;
}
.promoPageItem .promoText, .pageDetail__ .promoText {
    font-size: 16px; line-height: 19px; font-family: var(--light-font); margin: 0;
}
/* promoItem */

/* account address item */
.addressItem {
    border-radius: var(--card-border-radius); background: #FFFFFF; width: 100%; height: auto; margin: 0 0 20px 0; padding: 14px; position: relative;
    transition: var(--short-transition); -moz-transition: var(--short-transition); -webkit-transition: var(--short-transition); border: 1px solid transparent;
}
.addressItem:last-child {
    margin: 0;
}
.addressItem:hover, .addressItem:focus {
    border: 1px solid var(--input-border-color); box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.05);
}
h5.itemTitle {
    font-size: 16px; line-height: 20px; font-family: var(--bold-font); margin: 0 0 7px 0;
}
p.itemText {
    font-size: 16px; line-height: 19px; font-family: var(--light-font); margin: 0;
}
/* account address item */

/* account order item */
.myOrderItem {
    border-radius: var(--card-border-radius); background: #FFFFFF; width: 100%; height: auto; margin: 0 0 20px 0; padding: 14px; position: relative;
    transition: var(--short-transition); -moz-transition: var(--short-transition); -webkit-transition: var(--short-transition); border: 1px solid transparent;
}
.myOrderItem:last-child {
    margin: 0;
}
.myOrderItem:hover, .myOrderItem:focus {
    border: 1px solid var(--input-border-color); box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.05);
}
.myOrderItem-title {
    width: 100%; height: auto; margin: 0 0 7px 0;
}
.myOrderItem h5.itemTitle {
    margin: 0 9px 0 0;
}
.myOrderItem-status {
    display: inline-block; padding: 0 10px; line-height: 18px; border: 1px solid var(--input-border-color); border-radius: var(--card-border-radius);
    color: #FFFFFF; font-family: var(--bold-font); font-size: 12px;
}
.myOrderItem-sum {
    display: inline-block; margin: 0 0 0 auto; font-family: var(--bold-font); color: var(--text-color); font-size: 16px;
}
p.itemText {
    font-size: 16px; line-height: 19px; font-family: var(--light-font); margin: 0;
}
/* account order item */

@media screen and (min-width: 769px) and (max-width: 1320px) {
    /* promoItem */
    .promoPageItem {width: 319px; height: 241px;}
    .promoPageItem:not(:nth-child(3n)) {margin: 0 0 20px 0;}
    .promoPageItem:not(:nth-child(2n)) {margin: 0 20px 20px 0;}
    .promoPageItem-img {height: 95px; background-position: right 0 top 0!important;}
    .promoWrap .promoPageItem-img span {padding: 13px 0 13px 18px;}
    /* promoItem */
}
@media screen and (max-width: 768px) {
    /* cartItem */
    .cartItem {padding: 14px 10px;}
    .cartItem-productImg {margin: 0 7px 0 0;}
    .cartItem-productData {width: calc(100% - 71px); flex: 0 0 calc(100% - 71px); -webkit-flex: 0 0 calc(100% - 71px); -ms-flex: 0 0 calc(100% - 71px);}
    .cartItemPrice {display: none;}
    .cartItemTotalPrice {margin: 0 0 0 auto;}
    /* cartItem */
    /* product detail */
    .productDetail {width: 100%; height: 100vh; max-height: 100vh; -webkit-flex-wrap: wrap; flex-wrap: wrap; overflow-y: auto; border-radius: 0;}
    .productImage {width: calc(100% - 100px); flex: 0 0 calc(100% - 100px); -webkit-flex: 0 0 calc(100% - 100px); -ms-flex: 0 0 calc(100% - 100px); padding: 14px 0; margin: 0 auto 20px auto;}
    .productImage .productAttr {right: 0; top: 14px;}
    .productData {width: 100%; padding: 0 10px 10px 10px; background: #FFFFFF; max-height: none;}
    .productData__description {height: auto; margin: 0 0 30px 0; overflow-y: hidden; padding-right: 0;}
    .productData__action {width: 100%;}
    /* product detail */
    /* checkout */
    .checkout__modal {width: 100%; height: 100vh; max-height: 100vh; padding: 30px 10px 10px 10px; box-shadow: none; border-radius: 0; overflow-y: auto;}
    .checkout__ {max-height: none; height: auto; overflow-y: hidden; padding: 0;}
    .checkout__ h3 {font-size: 22px!important; line-height: 27px!important;}
    .newAddressModal__ {overflow-y: auto;}
    .newAddress__formWrap {width: 100%; height: auto; max-height: none; padding: 60px 10px 10px 10px; box-shadow: none; border-radius: 0; overflow: hidden;}
    .addressString:first-child {-webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .input-w1.selectInput, .input-w2.selectInput, .input-w3.selectInput {width: 100%; margin: 0 0 10px 0;}
    .selectInput:last-child {margin: 0;}
    /* checkout */
    /* auth */
    .auth__ {width: 100%; height: 100vh; box-shadow: none; border-radius: 0;}
    /* auth */
    /* account order item */
    .myOrderItem {padding: 14px 11px;}
    .myOrderItem-title {-webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .myOrderItem h5.itemTitle { width: 100%; margin: 0 0 9px 0;}
    .myOrderItem-status {padding: 0 5px;}
    /* account order item */
    /* promoItem */
    .promoPageItem {width: 100%; height: 241px;}
    .promoPageItem:not(:nth-child(3n)) {margin: 0 0 20px 0;}
    .promoPageItem-img {height: 95px; background-position: right -2px top 0!important;}
    .pageDetail__ .promoPageItem-img {height: 105px;}
    .promoPageItem-img span {font-size: 16px; padding: 23px 0 0px 17px;}
    .promoPageItem h3.promoName {
        font-size: 16px; line-height: 20px; margin: 11px 0; max-width: 100%;
    }
    .pageDetail__ h3.promoName {
        font-size: 22px; line-height: 27px; margin: 40px 0; max-width: 100%;
    }
    .promoPageItem .promoText, .pageDetail__ .promoText {
        font-size: 16px; line-height: 19px; font-family: var(--light-font); margin: 0;
    }
    /* promoItem */
}
@media screen and (max-width: 532px) {
    /* product card */
    .menu__wrap .productItem {width: 100%; height: auto;}
    .menu__wrap .productImg {width: 100%; height: auto;}
    .menu__wrap .productInfo {height: auto; padding: 11px 0 52px 0;}
    /* product card */
}