@import url(//fonts.googleapis.com/css?family=Comfortaa:400,700|Roboto:400,500,700,900&display=swap&subset=cyrillic);
@import url(https://www.bustrayytka.com/assets/templates/meet/styles/owl.carousel.min.css);

:root {
    --main-shadow: 0px 0px 12px rgba(152, 162, 179, 0.15), 0px 0px 4px rgba(152, 162, 179, 0.15),
        0px 0px 2px rgba(152, 162, 179, 0.15);
    --main-red: #de2735;
    --dark-red: #de2735;
    --mid-red: #d791a0;
    --light-red: #fff3fa;
    --ultra-dark-grey: #6d6d6d;
    --dark-grey: #969696;
    --mid-grey: #d0d0d0;
    --light-grey: #f6f5f7;
    --ultra-light-grey: #faf9fa;
    --main-blue: #036cb5;
    --light-blue: #78b7e4;
    --main-yellow: #ffb400;
    --mid-yellow: #ffb400;
    --light-yellow: #ffe5b3;
    --main-green: #76a82c;
    --main-grey: #333333;
    --mid-green: #a5cc6b;
    --light-green: #f5fbf0;
    --scarlet: #ff503b;
    --orange: #ff985e;
    --pink: #ff406e;
    --main-red-hover: #de2735;
    --amber: #ff3a44;
    --warnings-text: #ea4a4a;
    --main-gold: #fc9a11;
    --gold-light: #ffbd00;
    --green-hover: #89b34a;
    --green-eco: #76a82c;
    --green-eco-hover: #a5cc6b;
    --dark-grey: #6d6d6d;
    --mid-grey: #969696;
    --grey: #7f7f7f;
    --grey-mid: #c4c4c4;
    --grey-new: #cbcbcb;
    --grey-dark-new: #acacac;
    --dark-grey: #2d4a5a;
    --background-dark-grey: rgba(45, 74, 90, 0.75);
    --label-bcg-color-sale: #fc9a11;
    --label-bcg-color-new: #333333;
    --label-bcg-color-hit: #e25822;
    --label-bcg-color-fresh: #699fbd;
    --label-bcg-color-natural: #3aa76d;
    --label-bcg-color-harvest: #d3610c;
    --main-font-color: #363636;
    --blue: #036cb5;
    --freeze: #5c94ff;
    --modal-background: rgba(45, 74, 90, 0.75);
}

.buttonUI {
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.25s ease-in-out;
    display: flex;
    justify-content: center;
    line-height: 100%;
}

.buttonUI.large {
    padding: 20px 32px;
    font-size: 20px;
}

.buttonUI.normal {
    padding: 16px 32px;
    font-size: 20px;
}

.buttonUI.medium {
    padding: 14px 32px;
    font-size: 16px;
}

.buttonUI.small {
    padding: 12px 24px;
    font-size: 14px;
}

.buttonUI.extraSmall {
    padding: 8px 24px;
    font-size: 14px;
}

.buttonUI.disabled {
    cursor: not-allowed;
}

.buttonUI.red.primary.default {
    background: var(--main-grey);
    color: #fff;
}

.buttonUI.red.primary.default:hover {
    background: var(--main-red);
}

.buttonUI.red.primary.hover {
    background: var(--main-red);
    color: #fff;
}

.buttonUI.red.primary.disabled {
    background: #ededed;
    color: #cbcbcb;
}

.buttonUI.red.secondary.default {
    background: #fff;
    color: var(--main-grey);
    border: 1px solid var(--main-grey);
}

.buttonUI.red.secondary.default:hover {
    background: var(--main-red);
    color: #fff;
}

.buttonUI.red.secondary.hover {
    background: var(--main-red);
    color: #fff;
}

.buttonUI.red.secondary.disabled {
    background: #fff;
    color: #cbcbcb;
    border: 1px solid #cbcbcb;
}

.buttonUI.red.tertiary.default {
    color: var(--main-grey);
}

.buttonUI.red.tertiary.default:hover {
    color: var(--main-red);
}

.buttonUI.red.tertiary.hover {
    color: var(--main-red);
}

.buttonUI.red.tertiary.disabled {
    color: #d791a0;
}

.buttonUI.grey.primary.default {
    background: #6d6d6d;
    color: #fff;
}

.buttonUI.grey.primary.default:hover {
    background: #cbcbcb;
}

.buttonUI.grey.primary.hover {
    background: #cbcbcb;
    color: #fff;
}

.buttonUI.grey.primary.disabled {
    background: #ededed;
    color: #cbcbcb;
}

.buttonUI.grey.secondary.default {
    background: #fff;
    color: #6d6d6d;
    border: 1px solid #6d6d6d;
}

.buttonUI.grey.secondary.default:hover {
    background: #6d6d6d;
    color: #fff;
}

.buttonUI.grey.secondary.hover {
    background: #6d6d6d;
    color: #fff;
}

.buttonUI.grey.secondary.disabled {
    background: #fff;
    color: #cbcbcb;
    border: 1px solid #cbcbcb;
}

.buttonUI.grey.tertiary.default {
    color: #6d6d6d;
}

.buttonUI.grey.tertiary.default:hover {
    color: #cbcbcb;
}

.buttonUI.grey.tertiary.hover {
    color: #cbcbcb;
}

.buttonUI.grey.tertiary.disabled {
    color: #d791a0;
}

.buttonUI.green.primary.default {
    background: #76a82c;
    color: #fff;
}

.buttonUI.green.primary.default:hover {
    background: #a5cc6b;
}

.buttonUI.green.primary.hover {
    background: #a5cc6b;
    color: #fff;
}

.buttonUI.green.primary.disabled {
    background: #ededed;
    color: #cbcbcb;
}

.buttonUI.green.secondary.default {
    background: #fff;
    color: #76a82c;
    border: 1px solid #76a82c;
}

.buttonUI.green.secondary.default:hover {
    background: #a5cc6b;
    color: #fff;
}

.buttonUI.green.secondary.hover {
    background: #a5cc6b;
    color: #fff;
}

.buttonUI.green.secondary.disabled {
    background: #fff;
    color: #cbcbcb;
    border: 1px solid #cbcbcb;
}

.buttonUI.green.tertiary.default {
    color: #76a82c;
}

.buttonUI.green.tertiary.default:hover {
    color: #a5cc6b;
}

.buttonUI.green.tertiary.disabled,
.buttonUI.green.tertiary.hover {
    color: #a5cc6b;
}

.buttonUI.counter {
    cursor: auto;
    background: #fff;
    color: #363636 !important;
}

.buttonUI.counter .disabled {
    cursor: not-allowed;
}

.cards-type-toggler {
    transform: rotate(0deg);
    transition: transform 0.2s ease-in-out;
    width: 24px;
    height: 24px;
}

.cards-type-toggler--hor {
    transform: rotate(90deg);
}

@media (min-width: 768px) {
    .cards-type-toggler {
        display: none;
    }
}

.NotificationContent {
    background-color: #334958;
    position: relative;
    padding: 12px 16px;
    color: #fff;
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
}

.NotificationContent__cross {
    position: absolute;
    right: 4px;
    top: 4px;
}

.NotificationContent__title {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    margin-bottom: 8px;
}

.NotificationContent__text {
    font-size: 14px;
    line-height: 130%;
}

.react-dadata__container {
    position: relative;
    width: 100%;
}

.react-dadata__input {
    display: block;
    box-sizing: border-box;
    height: 38px;
    border: 1px solid #ccc;
    width: 100%;
    font-size: 16px;
    padding: 0 10px;
}

.react-dadata__input:focus {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(255, 154, 0, 0.1);
    border-color: #ff931e;
}

.react-dadata__suggestions {
    position: absolute;
    z-index: 10;
    background-color: #fff;
    box-shadow: 0 1px 6px 3px rgba(0, 0, 0, 0.1);
    top: 100%;
    left: 0;
    right: 0;
}

.react-dadata__suggestion-note {
    font-size: 14px;
    color: #828282;
    padding: 10px 10px 5px;
}

.react-dadata__suggestion {
    font-size: 15px;
    padding: 7px 10px;
    cursor: pointer;
}

.react-dadata__suggestion--current {
    background-color: #fff5e7;
}

.react-dadata__suggestion:hover {
    background-color: #fff9f0;
}

.react-dadata mark {
    background: none;
}

.react-dadata--highlighted {
    color: #e5841c;
}

.form-input,
.order-page-input {
    width: 100%;
    position: relative;
    margin-bottom: 18px;
}

.form-label {
    margin-bottom: 10px;
    display: block;
}

.order-page-input .required-star {
    color: var(--main-red);
    display: inline-block;
    margin-right: 5px;
}

.order-page-input input.error {
    border-color: var(--main-red);
}

.order-page-input .helper {
    color: #363636;
}

.order-page-input .error {
    color: #ff513b;
}

.choices__inner,
.custom-input {
    border-radius: 8px;
    border: 1px solid #cbcbcb;
    width: 100%;
    height: 40px;
    padding: 0 15px;
    color: #363636;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    transition: all 0.3s ease-in-out;
}

.choices__inner {
    height: auto;
    padding: 0;
}

.order-page-input .choices__list--single {
    padding: 9.5px 15px;
}

.custom-input:focus {
    border: 1px solid #6d6d6d;
}

.custom-input.text-area {
    height: 80px;
    padding-top: 8px;
}

.order-page-input.text-area {
    height: 80px;
}

.order-page-input.is-hidden-field {
    display: none;
}

.error .custom-input {
    border: 1px solid #ff513b;
}

.InputWrapper {
    position: relative;
    border: 1px solid #cbcbcb;
    border-radius: 8px;
}

.InputWrapper--focused {
    border: 1px solid #6d6d6d;
}

.InputWrapper--disabled .InputWrapper__input {
    background-color: #fff;
}

.InputWrapper--error {
    border: 1px solid #ff503b;
    color: #ff503b;
}

.InputWrapper--error .InputWrapper__input,
.InputWrapper--error .InputWrapper__placeholder {
    color: #ff503b;
}

.InputWrapper__placeholder {
    position: absolute;
    top: -6px;
    left: 12px;
    z-index: 1;
    color: #6d6d6d;
    background-color: #fff;
    font-size: 12px;
    padding: 0 4px;
    user-select: none;
}

.InputWrapper__pass-wrapper {
    position: relative;
    z-index: 0;
}

.InputWrapper__pass-wrapper__eye-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 24px;
}

.InputWrapper__search-wrapper {
    display: flex;
    align-items: center;
    background-color: inherit;
    border-radius: 8px;
}

.InputWrapper__search-wrapper__icon {
    padding: 0 0 0 20px;
}

.InputWrapper__search-wrapper__cross {
    margin-right: 20px;
}

.InputWrapper__search-wrapper .InputWrapper__input {
    padding: 10px 8px;
    background-color: inherit;
}

.InputWrapper__input {
    width: 100%;
    font-size: 14px;
    padding: 16px 8px;
    border-radius: 8px;
    text-align: inherit;
    line-height: 100%;
}

.InputWrapper input::-webkit-inner-spin-button,
.InputWrapper input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.InputWrapper input[type="number"] {
    -moz-appearance: textfield;
}

.CheckBox {
    width: 18px;
    height: 18px;
    border: 2px solid #ededed;
    border-radius: 4px;
    background-color: #fff;
    cursor: pointer;
    transition: all 0.25s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.CheckBox--checked {
    background-color: var(--main-grey);
    border: 2px solid var(--main-grey);
}

.CheckBox--round {
    border: 1px solid #e0e2e8;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 50%;
    transition: none;
}

.CheckBox--disabled {
    cursor: default;
}

.CheckBox.CheckBox--checked.CheckBox--round {
    border: 5px solid var(--main-grey);
    background-color: #fff;
}

.Toggle {
    margin-left: auto;
    position: relative;
}

.Toggle__input {
    -webkit-appearance: none;
    -moz-appearance: none !important;
    -webkit-border-radius: 0;
    border-radius: 0;
    box-shadow: none !important;
}

.Toggle__checkmark {
    cursor: pointer;
    position: absolute;
    top: 4px;
    left: 4px;
    z-index: 2;
}

.Toggle__switch {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 24px;
}

.Toggle__switch__input {
    opacity: 0;
    width: 0;
    height: 0;
}

.Toggle__slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ededed;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border-radius: 12px;
}

.Toggle__slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 4px;
    background-color: #fff;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border-radius: 50%;
    z-index: 3;
}

.Toggle__input:checked+.Toggle__slider {
    background-color: var(--main-red);
}

.Toggle__input:checked+.Toggle__slider:before {
    background-color: #fff;
    -webkit-transform: translateX(24px);
    -ms-transform: translateX(24px);
    transform: translateX(24px);
    z-index: 1;
}

.Uploader {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -8px;
}

@media (max-width: 767px) {
    .Uploader {
        margin-bottom: 24px;
    }
}

.Uploader__icon {
    padding: 15px;
    background-color: #ededed;
    border-radius: 8px;
    width: 54px;
    height: 54px;
    margin: 8px;
}

.Uploader__photo-wrapper {
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 8px;
}

.Uploader__photo-wrapper__cross {
    position: absolute;
    top: 4px;
    right: 4px;
}

.Uploader__photo {
    border-radius: 8px;
    max-width: 100%;
    max-height: 100%;
    height: 100%;
    width: auto;
    object-fit: cover;
    display: block;
}

.Uploader__empty-photo-wrapper {
    border: 1px dashed #6d6d6d;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border-radius: 8px;
    cursor: pointer;
    width: 54px;
    height: 54px;
    margin: 8px;
}

.Uploader__empty-photo-wrapper--error {
    border: 1px dashed var(--main-red);
}

.dropdown-select {
    cursor: pointer;
    position: relative;
    display: inline-block;
    width: 100%;
}

.dropdown-select .button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #cbcbcb;
    padding: 9px 20px;
    border-radius: 8px;
    font-weight: 400;
    font-size: 16px;
    width: 100%;
}

.dropdown-select .button.large {
    width: 420px;
}

.dropdown-select .button.modal-type-1 {
    width: 200px;
    height: 45px;
}

.dropdown-select .button.modal-type-2 {
    width: 250px;
    height: 45px;
}

.dropdown-select .button.modal-type-3 {
    height: 40px;
    background-color: #fff;
}

.dropdown-select__arrow {
    transform: rotate(-90deg);
    transition: transform 0.2s ease-in-out;
}

.dropdown-select__arrow--active {
    transform: rotate(90deg);
}

.dropdown-select ul {
    list-style-type: none;
    margin: 0;
    text-align: left;
    padding: 0 15px;
    top: 50px;
    left: 0;
    width: 100%;
    background-color: #fff;
    font-weight: 700;
    position: absolute;
    box-shadow: 0 0 12px rgba(152, 162, 179, 0.15), 0 0 4px rgba(152, 162, 179, 0.15), 0 0 2px rgba(152, 162, 179, 0.15);
    z-index: 4;
    border-radius: 4px;
}

.dropdown-select ul.large {
    width: 420px;
}

.dropdown-select ul.modal-type-1 {
    width: 200px;
}

.dropdown-select ul.modal-type-2 {
    width: 248px;
}

.dropdown-select li {
    font-weight: 400;
    font-size: 13px;
    cursor: pointer;
    padding: 14px 0;
    border-bottom: 1px solid #cbcbcb;
}

.dropdown-select li span {
    margin-left: 5px;
}

.dropdown-select li.active {
    color: var(--main-red);
}

.dropdown-select li:last-child {
    border-bottom: none;
}

.dropdown-select li:hover {
    color: var(--main-red);
}

@media (max-width: 767px) {
    .dropdown-select li:hover {
        color: inherit;
    }
}

.Tooltip {
    font-size: 13px;
    padding: 14px 16px;
    color: #fff;
    background-color: #6d6d6d;
    border-radius: 8px;
    max-width: 200px;
    line-height: 130%;
}

.Tooltip--grey {
    position: relative;
    right: -20px;
    background: #ededed;
    color: #363636;
}

.Tooltip--longer {
    max-width: 300px;
}

.picture-component--on-click:hover {
    cursor: pointer;
}

.picture-component.expressAddress {
    position: absolute;
    z-index: 1;
    right: 12px;
    bottom: 18px;
}

.ui-collapse {
    margin-bottom: 24px;
}

.ui-collapse__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    max-width: 323px;
    user-select: none;
    margin-bottom: 16px;
}

.ui-collapse__arrow {
    transition: all 0.3s ease-in-out;
}

.ui-collapse__arrow--opened {
    transform: rotate(180deg);
}

.ui-collapse__content {
    margin-left: 16px;
    font-size: 14px;
}

.IconText {
    display: flex;
    align-items: center;
    width: max-content;
    position: relative;
}

.IconText--fs-12 {
    font-size: 12px;
}

.IconText--fs-14 {
    font-size: 14px;
}

.IconText--fs-15 {
    font-size: 15px;
}

.IconText--fs-16 {
    font-size: 16px;
}

.IconText--fs-18 {
    font-size: 18px;
}

.IconText--fs-20 {
    font-size: 20px;
}

.IconText--fs-22 {
    font-size: 22px;
}

.IconText--fs-24 {
    font-size: 24px;
}

.IconText--clr-red {
    color: var(--main-grey);
}

.IconText--bold {
    font-weight: 700;
}

.IconText--medium {
    font-weight: 500;
}

.IconText--clr-green {
    color: #76a82c;
}

@media (hover: hover) and (pointer: fine) {
    .IconText--withHover-black:hover {
        text-decoration: none;
        cursor: pointer;
        color: #363636;
    }
}

@media (hover: hover) and (pointer: fine) {
    .IconText--withHover-red:hover {
        text-decoration: none;
        cursor: pointer;
        color: var(--main-red);
    }
}

@media (hover: hover) and (pointer: fine) {
    .IconText--with-cursor:hover {
        text-decoration: underline;
        cursor: pointer;
    }
}

.IconText--clr-grey {
    color: #6d6d6d;
}

@media (hover: hover) and (pointer: fine) {
    .IconText--withHover-grey:hover {
        text-decoration: underline;
        cursor: pointer;
        color: #6d6d6d;
    }
}

.IconText--withHover-red:hover svg path {
    fill: var(--main-red);
}

.IconText__picture {
    display: flex;
    align-items: center;
}

.IconText__icon--mr-2 {
    margin-right: 2px;
}

.IconText__icon--mr-4 {
    margin-right: 4px;
}

.IconText__icon--mr-6 {
    margin-right: 6px;
}

.IconText__icon--mr-8 {
    margin-right: 8px;
}

.IconText__icon--mr-10 {
    margin-right: 10px;
}

.IconText__icon--mr-12 {
    margin-right: 12px;
}

.IconText__icon--mr-14 {
    margin-right: 14px;
}

.IconText__icon--mr-15 {
    margin-right: 15px;
}

.IconText__icon--mr-16,
.IconText__icon--mr-18,
.IconText__icon--mr-20 {
    margin-right: 16px;
}

.IconText__text {
    padding-top: 1px;
    line-height: 100%;
}

.page-heading {
    font-size: 32px;
    font-weight: 500;
    display: block;
}

@media (max-width: 767px) {
    .page-heading {
        font-size: 24px;
    }
}

.deliveryFast-icon,
.express-icon,
.freeze-icon {
    border-radius: 50%;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.freeze-icon {
    background-color: var(--freeze);
}

.express-icon {
    background-color: #fc7464;
}

.deliveryFast-icon {
    background-color: #f79410;
}

.ModalWrapper {
    background-color: #fff;
    border-radius: 30px;
    padding: 40px 64px 48px;
    max-width: 480px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.ModalWrapper--p-sm {
    padding: 24px;
}

@media (max-width: 767px) {
    .ModalWrapper {
        padding: 32px;
    }

    .ModalWrapper--p-sm {
        padding: 24px;
    }
}

.ModalWrapper__back-btn {
    position: absolute;
    top: 24px;
    left: 24px;
    z-index: 10;
}

@media (max-width: 767px) {
    .ModalWrapper__back-btn {
        top: 16px;
        left: 16px;
    }
}

.ModalWrapper__cross {
    cursor: pointer;
    margin-left: auto;
    position: absolute;
    top: 24px;
    right: 24px;
    z-index: 10;
}

@media (max-width: 767px) {
    .ModalWrapper__cross {
        top: 16px;
        right: 16px;
    }
}

.SbpButton {
    width: 100%;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 8px 6px;
    justify-content: center;
    column-gap: 8px;
    border-radius: 8px;
    color: #363636;
    background-color: #fff;
    border: 1px solid #6d6d6d;
    font-size: 14px;
    transition: all 0.25s ease-in-out;
}

.SbpButton:hover:not(.SbpButton--disabled) {
    border: 1px solid #1d1346;
    background-color: #1d1346;
    color: #fff;
}

.SbpButton:hover:not(.SbpButton--disabled) .SbpButton__icon {
    display: none;
}

.SbpButton:hover:not(.SbpButton--disabled) .SbpButton__icon--white {
    display: block;
}

.SbpButton--disabled {
    border: 1px solid #969696;
    color: #969696;
    cursor: default;
}

.SbpButton--rounded {
    border-radius: 100px;
}

.SbpButton__disclaimer {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f9f9f9;
    border-radius: 8px;
    column-gap: 8px;
    padding: 6px 8px;
    font-size: 12px;
    margin-top: 12px;
}

.SbpButton__disclaimer a {
    text-decoration: underline;
}

.SbpButton__icon--white {
    display: none;
}

@media (max-width: 767px) {
    .SbpButton {
        margin-top: 0;
    }
}

.SbpModal {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.SbpModal__error__heading {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 24px;
}

.SbpModal__error__text {
    margin-bottom: 32px;
    font-size: 14px;
    line-height: 18px;
}

.SbpModal__error__text a {
    text-decoration: underline;
    transition: color 0.25s ease-in-out;
}

.SbpModal__error__text a:hover {
    color: var(--main-red-hover);
}

.SbpModal__wrapper {
    width: 600px;
    height: 580px;
    max-width: 600px;
    padding: 81px 141px;
    overflow: auto;
    max-height: 100%;
}

.SbpModal__wrapper--small {
    width: 480px;
    height: 357px;
    max-width: 480px;
    padding: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 767px) {
    .SbpModal__wrapper {
        position: fixed;
        bottom: 0;
        left: 0;
        border-radius: 8px 8px 0 0;
        max-width: none;
        width: 100%;
        height: auto;
        padding: 24px 16px;
    }
}

.SbpModal__heading {
    font-size: 20px;
    margin-bottom: 12px;
    font-weight: 500;
}

.SbpModal__text {
    font-size: 14px;
    line-height: 130%;
    max-width: 100%;
    margin-bottom: 24px;
}

.SbpModal__link {
    display: flex;
    align-items: center;
    background: #f9f9f9;
    border-radius: 8px;
    padding: 12px 18px;
    font-size: 14px;
    margin: 12px 0;
    column-gap: 8px;
    width: 100%;
    justify-content: space-between;
}

.SbpModal__link__text {
    text-overflow: ellipsis;
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
}

.SbpModal .buttonUI {
    width: 100%;
    justify-content: center;
}

.SbpModal__banks {
    width: 100%;
}

.SbpModal__banks__heading {
    font-weight: 700;
    font-size: 14px;
    margin: 16px 0;
    text-align: left;
}

.SbpModal__banks__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: start;
    gap: 12px;
}

.MainBanner {
    background-size: cover;
    background-repeat: no-repeat;
    height: 400px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: relative;
    margin-bottom: 50px;
    text-align: center;
}

@media (max-width: 767px) {
    .MainBanner {
        height: 220px;
        margin-bottom: 30px;
    }
}

.MainBanner__content {
    position: relative;
    z-index: 1;
}

.MainBanner__heading {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 32px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .MainBanner__heading {
        font-size: 24px;
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .MainBanner__heading {
        font-size: 18px;
        margin-bottom: 12px;
    }
}

.MainBanner__text {
    line-height: 1.3;
    font-size: 18px;
    max-width: 960px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .MainBanner__text {
        font-size: 15px;
        max-width: 548px;
    }
}

@media (max-width: 767px) {
    .MainBanner__text {
        font-size: 13px;
        max-width: 100%;
        padding: 0 12px;
    }
}

.MainBanner__btn {
    padding: 13px 0;
    display: block;
    margin: 50px auto 0;
    cursor: pointer;
    background-color: var(--main-red-hover);
    transition: background-color 0.2s ease-in-out;
    color: #fff;
    border-radius: 8px;
    line-height: 1;
    width: 208px;
}

.MainBanner__btn:hover {
    background-color: var(--main-red);
}

@media (min-width: 768px) and (max-width: 1279px) {
    .MainBanner__btn {
        margin-top: 32px;
    }
}

@media (max-width: 767px) {
    .MainBanner__btn {
        margin-top: 16px;
    }
}

.MainBanner__dark-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(45, 74, 90, 0.7);
    background-size: cover;
    z-index: 0;
}

.hovered-btn {
    display: flex;
    align-items: center;
    cursor: pointer;
    column-gap: inherit;
}

.hovered-btn__icon-hover {
    display: none;
}

@media (hover: hover) and (pointer: fine) {
    .hovered-btn:hover:not(.hovered-btn--no-hover-icon) .hovered-btn__icon {
        display: none;
    }

    .hovered-btn:hover:not(.hovered-btn--no-hover-icon) .hovered-btn__icon-hover {
        display: block;
    }
}

.hovered-btn--active {
    cursor: default;
}

.hovered-btn--reverse {
    flex-direction: column-reverse;
}

.thanks-for-purchase-add-product-to-order-button {
    background-color: var(--main-red);
    color: #fff;
    border-radius: 8px;
    text-align: center;
    padding: 12px 0;
    font-size: 16px;
    line-height: 100%;
    width: 100%;
    transition: all 0.25s ease-in-out;
    cursor: pointer;
}

@media (max-width: 1279px) {
    .thanks-for-purchase-add-product-to-order-button {
        font-size: 12px;
        padding: 10px 0;
    }
}

.thanks-for-purchase-add-product-to-order-button:hover {
    background-color: var(--main-grey);
}

.thanks-for-purchase-add-product-to-order-button--success {
    cursor: auto;
    background-color: var(--main-grey);
    border: 1px solid var(--main-grey);
    color: #fff;
}

.thanks-for-purchase-add-product-to-order-button--success:hover {
    border: 1px solid var(--main-grey);
}

.thanks-for-purchase-add-product-to-order-button-wrapper {
    margin-top: 10px;
}

.subscribe-to-product {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    max-height: none;
    width: 100%;
    transform: none;
    background-color: #fff;
    z-index: 100;
}

@media (min-width: 768px) {
    .subscribe-to-product {
        position: static;
        bottom: auto;
        left: auto;
        max-width: 242px;
    }
}

.subscribe-to-product--desktop-popup {
    position: relative;
}

.subscribe-to-product--desktop-popup,
.subscribe-to-product--with-padding {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    padding: 16px;
    border-radius: 8px;
}

.subscribe-to-product--centered {
    bottom: 0;
    position: fixed;
    left: 0;
    padding: 16px;
}

.subscribe-to-product__close-cross {
    position: absolute;
    top: 12px;
    right: 12px;
    cursor: pointer;
}

.subscribe-to-product__main-title {
    padding: 0;
    margin-bottom: 8px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
}

.subscribe-to-product__sub-title {
    font-size: 14px;
    text-align: center;
    margin-bottom: 8px;
}

.subscribe-to-product__titles {
    display: flex;
    margin-bottom: 12px;
}

.subscribe-to-product__title {
    text-align: center;
    width: 50%;
    border-bottom: 2px solid #cbcbcb;
    font-size: 14px;
    padding: 14px 0;
    cursor: pointer;
}

.subscribe-to-product__title.active-tab {
    font-weight: 400;
    color: #76a82c;
    border-bottom: 2px solid #76a82c;
}

.subscribe-to-product__input {
    padding: 15px 21px;
    border: 1px solid #cbcbcb;
    border-radius: 8px !important;
    font-size: 14px;
    width: 100%;
    margin-bottom: 12px;
}

.subscribe-to-product__input--warning {
    border: 1px solid #ea4a4a;
}

.subscribe-to-product__subscribe-btn {
    padding: 15px 0;
    width: 100%;
    background: #76a82c;
    border-radius: 8px;
    color: #fff;
    font-size: 14px;
    height: auto;
    line-height: 100%;
    cursor: pointer;
}

.subscribe-to-product__subscribe-btn:focus,
.subscribe-to-product__subscribe-btn:hover {
    background-color: #a5cc6b;
}

.subscribe-to-product__subscribe-btn--disabled {
    background-color: #c7c7c7;
}

.subscribe-to-product__subscribe-btn--disabled:hover {
    background-color: #c7c7c7;
}

.product-card-subscribe-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background-color: #a5cc6b;
    width: 40px;
    height: 40px;
    transition: background-color 0.25s ease-in-out;
}

.product-card-subscribe-btn:hover {
    background-color: #76a82c;
}

@media (max-width: 1279px) {
    .product-card-subscribe-btn {
        width: 32px;
        height: 32px;
    }
}

.ProductBuyBtns {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background-color: #fff;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.ProductBuyBtns--fw {
    justify-content: space-between;
}

.ProductBuyBtns--long {
    justify-content: flex-start;
}

.ProductBuyBtns--long .ProductBuyBtns__buy {
    background: var(--main-red);
    border-radius: 8px;
    color: #fff;
    padding: 12px 32px;
    font-size: 16px;
    line-height: 1;
}

.ProductBuyBtns__minus,
.ProductBuyBtns__plus {
    position: relative;
    border-radius: 8px;
    transition: background-color 0.25s ease-in-out;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

@media (max-width: 767px) {

    .product-card-new .ProductBuyBtns__minus,
    .product-card-new .ProductBuyBtns__plus {
        width: 32px;
        height: 32px;
    }
}

.ProductBuyBtns__minus:before,
.ProductBuyBtns__plus:before {
    content: "";
    position: absolute;
    width: calc(100% - 24px);
    height: 2px;
    border-radius: 10px;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
}

@media (max-width: 1279px) {

    .ProductBuyBtns__minus:before,
    .ProductBuyBtns__plus:before {
        width: calc(100% - 16px);
    }
}

.ProductBuyBtns__minus {
    background-color: #eee;
}

.ProductBuyBtns__minus:before {
    background-color: #363636;
}

.ProductBuyBtns__minus:hover {
    background-color: #e3e3e3;
}

.ProductBuyBtns__plus {
    background-color: var(--main-red);
}

.ProductBuyBtns__plus:before {
    background-color: #fff;
}

.ProductBuyBtns__plus:after {
    content: "";
    position: absolute;
    height: calc(100% - 24px);
    width: 2px;
    border-radius: 10px;
    background-color: #fff;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
}

@media (max-width: 1279px) {
    .ProductBuyBtns__plus:after {
        height: calc(100% - 16px);
    }
}

.ProductBuyBtns__plus:hover {
    background-color: var(--main-grey);
}

.ProductBuyBtns__plus--tooltip {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    padding: 12px 16px;
}

.ProductBuyBtns__plus--preOrder {
    background-color: #ff985e;
}

.ProductBuyBtns__plus--preOrder:hover {
    background-color: #ff985e;
}

body:not(.ready) .pp-main-block__actions {
    opacity: 0;
}

.pp-main-block__actions.active .ProductBuyBtns__plus {
    width: auto;
}

.pp-main-block__actions.active .ProductBuyBtns__plus:before {
    content: attr(data-text);
    width: auto;
    height: auto;
    top: auto;
    left: auto;
    transform: none;
    position: static;
    background-color: transparent;
    color: #fff;
    line-height: 40px;
    padding-left: 50px;
    padding-right: 50px;
}

.pp-main-block__actions.active .ProductBuyBtns__plus:after {
    display: none !important;
}

.ProductBuyBtns__count {
    font-size: 18px;
    width: 32px;
    text-align: center;
}

@media (max-width: 1279px) {
    .ProductBuyBtns__count {
        font-size: 14px;
    }
}

.product-buy-btn {
    background-color: var(--main-red);
    height: 40px;
    width: 40px;
    padding: 8px;
    border-radius: 8px;
    transition: all 0.3s;
}

@media (max-width: 1279px) {
    .product-buy-btn {
        height: 32px;
        width: 32px;
    }
}

.controls {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 1;
    display: flex;
    flex-direction: column;
    row-gap: 12px;
}

@media (max-width: 1279px) {
    .controls {
        top: 2px;
        right: 2px;
    }
}

.control {
    background-color: #fff;
    border-radius: 50%;
    padding: 3px;
    display: flex;
    width: 32px;
    height: 32px;
}

@media (max-width: 1279px) {
    .control {
        padding: 2px;
        width: 24px;
        height: 24px;
    }
}

.badges {
    position: absolute;
    top: 12px;
    left: 12px;
    right: 12px;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    column-gap: 4px;
    row-gap: 4px;
}

@media (max-width: 767px) {
    .catalog-product-page .badges {
        flex-direction: column;
    }
}

.badge {
    position: relative;
    width: max-content;
    padding: 4px 6px;
    border-radius: 4px;
    line-height: 1;
    color: #fff;
    font-size: 14px;
    display: flex;
    align-items: center;
    column-gap: 4px;
}

.badge--link {
    background-color: rgb(255, 220, 92);
    color: rgb(54, 54, 54);
    margin-right: 10px;
    margin-bottom: 10px;
}

.badge--link.badge--link__popular {
    background-color: rgb(255, 152, 94);
    color: rgb(255, 255, 255);
}

.badge--link.badge--link__persent {
    background-color: rgb(255, 220, 92);
    color: rgb(54, 54, 54);
    order: 1;
}

@media (max-width: 767px) {
    .badge--none {
        display: none;
    }
}

@media (max-width: 1279px) {
    .badge {
        font-size: 12px;
        padding: 2px 4px;
    }
}

@media (hover: hover) and (pointer: fine) {
    .badge:hover .badge__tooltip {
        display: block;
        opacity: 1;
    }
}

.badge__tooltip {
    position: absolute;
    bottom: -20px;
    padding: 2px 8px;
    z-index: 1;
    border-radius: 0 4px 4px 4px;
    left: 0;
    opacity: 0;
    background-color: inherit;
    width: max-content;
    display: none;
}

.ProductImgWrapper {
    position: relative;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

.ProductImgWrapper__img-wrapper {
    width: 100%;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    padding-top: 100%;
    height: 0;
    position: relative;
    overflow: hidden;
}

@media (max-width: 1279px) {
    .ProductImgWrapper__img-wrapper {
        height: 140px;
        padding-top: unset;
        border-radius: 8px;
        max-height: 140px;
        min-height: 140px;
        align-items: unset;
    }
}

.ProductImgWrapper__img-wrapper--mb {
    margin-bottom: 24px;
}

@media (max-width: 1279px) {
    .ProductImgWrapper__img-wrapper--mb {
        margin-bottom: 12px;
    }
}

.ProductImgWrapper__img-wrapper--big {
    position: fixed;
    z-index: 10000000000;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    min-height: 100vh !important;
    width: 100vw !important;
    background-color: rgba(54, 54, 54, 0.7);
}

.ProductImgWrapper__img {
    display: block;
    height: 100%;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    max-width: 100%;
    object-fit: cover;
}

@media (max-width: 1279px) {
    .ProductImgWrapper__img {
        width: 100%;
        height: 100%;
        position: static;
        transform: unset;
        left: auto;
        top: auto;
    }
}

.ProductImgWrapper__icons {
    position: absolute;
    display: flex;
    flex-direction: column;
    bottom: 12px;
    right: 12px;
}

.ProductImgWrapper__deliveryFast {
    z-index: 1;
    position: relative;
    bottom: -4px;
}

.ProductImgWrapper__freeze {
    position: relative;
    z-index: 2;
}

.ProductImgWrapper__express {
    z-index: 2;
    position: relative;
    bottom: -4px;
}

.ProductImgWrapper__imgs-controllers {
    display: flex;
    justify-content: center;
    height: 2px;
    margin: 4px 0 8px;
    padding: 0 8px;
}

@media (max-width: 1279px) {
    .ProductImgWrapper__imgs-controllers {
        margin: 4px 0 6px;
        padding: 0;
    }
}

.ProductImgWrapper__imgs-controller {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    margin: 0 4px;
    background-color: #eee;
    transition: background-color 0.2s ease-in-out;
}

@media (max-width: 1279px) {
    .ProductImgWrapper__imgs-controller {
        width: 100%;
        margin: 0 2px;
    }
}

.ProductImgWrapper__imgs-controller--active {
    background-color: #d791a0;
}

.weight-tabs {
    position: relative;
    max-width: 100%;
    width: 100%;
    margin-bottom: 8px;
}

.weight-tabs--flex {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 4px;
}

.weight-tabs__arrow {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
    background-color: #fff;
}

.weight-tabs__arrow--left {
    right: auto;
    left: 0;
}

.weight-tabs__title {
    margin-bottom: 8px;
    color: #6d6d6d;
    font-size: 12px;
    font-weight: 500;
}

@media (max-width: 1279px) {
    .weight-tabs {
        margin-bottom: 6px;
    }
}

.weight-tab {
    background-color: #fff;
    border: 1px solid #f6f5f7;
    font-size: 14px;
    padding: 5px 2px;
    border-radius: 4px;
    text-align: center;
    line-height: 1;
    transition: background-color 0.25s ease-in-out;
}

.weight-tab--last {
    margin-right: 0;
}

.weight-tab--active {
    border: 1px solid #f6f5f7;
    background-color: #f6f5f7;
}

@media (max-width: 1279px) {
    .weight-tab {
        font-size: 10px;
        padding: 2px 6px;
    }
}

.InStoreBlock {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    background-color: rgba(54, 54, 54, 0.7);
}

.InStoreBlock__count {
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 12px;
}

@media (max-width: 1279px) {
    .InStoreBlock__count {
        font-size: 20px;
        margin-bottom: 8px;
    }
}

.InStoreBlock__date {
    font-size: 16px;
    margin-bottom: 16px;
}

@media (max-width: 1279px) {
    .InStoreBlock__date {
        font-size: 12px;
        margin-bottom: 8px;
    }
}

.InStoreBlock__in-store {
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 1;
}

@media (max-width: 1279px) {
    .InStoreBlock__in-store {
        font-size: 9px;
    }
}

.InStoreBlock__in-store__icon {
    margin-right: 2px;
}

.InStoreBlock__special {
    background-color: var(--main-red);
    line-height: 1;
    padding: 4px 8px;
    font-size: 14px;
    color: #fff;
    margin-top: 12px;
}

@media (max-width: 1279px) {
    .InStoreBlock__special {
        font-size: 10px;
        padding: 2px 4px;
        margin-top: 8px;
    }
}

.product-card-new {
    position: relative;
    background-color: #fff;
    overflow: hidden;
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 8px;
}

.product-card-new a {
    transition: all 0.3s ease-in-out;
}

.product-card-new a:hover {
    color: var(--main-red);
}

.product-card-new__info {
    padding: 0 5px 8px;
    display: flex;
    flex-direction: column;
    height: 100%;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

@media (max-width: 1279px) {
    .product-card-new__info {
        padding: 0;
    }
}

.product-card-new__rating-vendor {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

@media (max-width: 1279px) {
    .product-card-new__rating-vendor {
        margin-bottom: 4px;
    }
}

.product-card-new__rating-wrapper {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 1;
}

@media (max-width: 1279px) {
    .product-card-new__rating-wrapper {
        font-size: 12px;
    }
}

.product-card-new__star {
    margin-right: 2px;
}

.product-card-new__rating-count {
    font-weight: 500;
    margin-right: 4px;
}

.product-card-new__rating-count--grey {
    color: #c4c4c4;
}

@media (max-width: 1279px) {
    .product-card-new__rating-count {
        font-size: 12px;
    }
}

.product-card-new__replaced {
    margin-right: 4px;
    font-weight: 700;
    font-size: 14px;
}

.product-card-new__replaced--grey {
    color: #c4c4c4;
}

.product-card-new__comments-number {
    color: #6d6d6d;
}

.product-card-new__vendor-code {
    color: #6d6d6d;
    font-size: 14px;
}

@media (max-width: 1279px) {
    .product-card-new__vendor-code {
        font-size: 12px;
    }
}

.product-card-new__title {
    font-size: 16px;
    line-height: 20px;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    margin-bottom: 8px;
}

@media (max-width: 1279px) {
    .product-card-new__title {
        font-size: 12px;
        line-height: 14px;
        max-height: 42px;
    }
}

.product-card-new__bottom {
    display: flex;
    flex-direction: column;
    margin-top: auto;
}

.product-card-new__measure {
    padding: 6px 8px;
    font-size: 14px;
    line-height: 1;
    border-radius: 4px;
    background-color: #f6f5f7;
    width: max-content;
    margin-bottom: 8px;
}

@media (max-width: 768px) {
    .product-card-new__measure {
        font-size: 12px;
        padding: 2px 6px;
        margin-bottom: 10px;
    }
}

.product-card-new__special {
    color: var(--main-red);
    font-size: 12px;
    margin-bottom: 6px;
    line-height: 1;
    font-weight: 400;
}

@media (max-width: 1279px) {
    .product-card-new__special {
        margin-bottom: 0;
        font-size: 12px;
    }

    .product-card-new__special--grey {
        color: #6d6d6d;
    }
}

.product-card-new__price-wrapper {
    font-size: 20px;
    font-weight: 500;
    white-space: nowrap;
}

@media (max-width: 1279px) {
    .product-card-new__price-wrapper--centered {
        text-align: center;
    }
}

.product-card-new__price {
    line-height: 1;
}

@media (max-width: 1279px) {
    .product-card-new__price {
        font-size: 14px;
        font-weight: 500;
    }
}

.product-card-new__price__decimal {
    font-size: 14px;
}

@media (max-width: 1279px) {
    .product-card-new__price__decimal {
        font-size: 12px;
    }
}

.product-card-new__price--red {
    color: var(--main-red);
}

.product-card-new__old-price {
    position: relative;
    color: #6d6d6d;
    font-size: 12px;
    font-weight: 400;
    width: max-content;
}

@media (max-width: 767px) {
    .product-card-new__old-price {
        font-size: 12px;
    }
}

.product-card-new__old-price:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #6d6d6d;
}

@media (max-width: 1279px) {
    .product-card-new__old-price--centered {
        margin: 0 auto;
    }

    .product-card-new__old-price--centered:after {
        content: none;
    }
}

.product-card-new__price-hrn {
    font-size: 14px;
}

@media (max-width: 1279px) {
    .product-card-new__price-hrn {
        font-size: 10px;
    }
}

.product-card-new__price-btn {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 320px) {
    .product-card-new__price-btn {
        display: unset;
        justify-content: unset;
        align-items: unset;
    }

    .product-card-new .ProductBuyBtns {
        margin-top: 10px;
    }
}

.product-card-new__price-wrapper--reversed .product-card-new__old-price {
    margin-left: 12px;
}

.product-card-new--thx {
    height: 100%;
}

.product-card-new--thx .product-card-new__price-btn {
    display: block;
}

.product-card-new__mobile-price {
    text-align: center;
}

.product-card-new__badges-bottom {
    display: flex;
    column-gap: 8px;
    font-size: 12px;
    margin-bottom: 8px;
}

@media (max-width: 767px) {
    .product-card-new__badges-bottom {}
}

.product-card-new__badge-bottom {
    font-weight: 400;
    line-height: 1;
}

.product-card-new__badge-bottom--link:hover {
    text-decoration: underline;
}

.product-card-new__review-btn {
    width: 100%;
    border: 1px solid #363636;
    font-size: 14px;
    padding: 12px 0;
    line-height: 1;
    text-align: center;
    border-radius: 8px;
    transition: all 0.25s ease-in-out;
    margin-top: auto;
}

@media (hover: hover) and (pointer: fine) {
    .product-card-new__review-btn:hover {
        color: #fff;
        background-color: var(--main-red);
        border: 1px solid var(--main-red);
    }
}

.complete-modal {
    text-align: center;
}

.complete-modal__title {
    font-size: 32px;
    margin-bottom: 16px;
    font-weight: 700;
}

@media (max-width: 767px) {
    .complete-modal__title {
        font-size: 24px;
    }
}

.complete-modal__text {
    line-height: 130%;
    max-width: 280px;
}

.fivestar-rating {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
}

.fivestar-rating--no-margin {
    margin: 0;
}

.fivestar-rating--onlyOneStar {
    margin-bottom: 0;
}

.fivestar-rating--onlyOneStar .fivestar-rating__icon {
    margin-right: 4px;
}

.fivestar-rating--onlyOneStar .fivestar-rating__text {
    padding-top: 1px;
}

.product-links {
    display: flex;
    flex-direction: column;
    align-self: flex-start;
    justify-content: space-between;
    min-width: auto !important;
    height: auto !important;
    gap: unset !important;
    align-items: center;
}

.product-links .product-links-icon {
    box-sizing: border-box;
    cursor: pointer;
    margin-bottom: 12px !important;
}

.product-links .product-links-icon img {
    display: block;
}

.product-links__icons {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
}

@media (max-width: 767px) {
    .product-links__icons {
        display: none;
    }
}

.with-tooltip {
    box-sizing: border-box;
    position: relative;
}

.with-tooltip>.tooltip-text {
    width: 103px;
    position: absolute;
    user-select: none;
    max-width: 105px;
    z-index: 50;
    font-size: 13px;
    padding: 12px;
    text-align: center;
    font-weight: 400;
    color: #363636;
    background-color: #fff;
    bottom: 35px;
    right: -39px;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
    border-radius: 3px 0 3px 3px;
    transform: scale(0);
}

@media (min-width: 1280px) {
    .with-tooltip:hover>.tooltip-text {
        transform: scale(1);
        transition: transform 0.3s ease-in-out;
    }
}

.with-tooltip.tooltipForLabel {
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
}

.with-tooltip.tooltipForLabel>.tooltip-text {
    width: auto;
    white-space: nowrap;
    position: absolute;
    user-select: none;
    z-index: 50;
    font-size: 12px;
    padding: 4px 8px;
    max-width: 195px;
    text-align: center;
    font-weight: 400;
    color: #fff;
    bottom: -21px;
    right: 0;
    box-shadow: none;
    border-radius: 12px 0 12px 12px;
    transition: none;
}

.with-tooltip.tooltipForLabel>.tooltip-text:first-letter {
    text-transform: capitalize;
}

.with-tooltip.tooltipForLabel>.tooltip-text--right-direction {
    right: auto;
    left: 0;
    bottom: -23px;
    border-radius: 0 12px 12px 12px;
    background-color: #76a82c;
}

.with-tooltip.tooltipForTasks {
    width: auto;
}

.with-tooltip.tooltipForTasks>.tooltip-text {
    background-color: #e5e5e5;
    font-size: 14px;
    color: #363636;
    width: max-content;
    border-radius: 16px 16px 16px 0;
    box-shadow: none;
}

@media (min-width: 1280px) {
    .with-tooltip.tooltipForTasks {
        width: auto;
    }

    .with-tooltip.tooltipForTasks:hover>.tooltip-text {
        width: max-content;
        transform: scale(1);
        transition: transform 0.3s ease-in-out;
        max-width: max-content;
        right: -110px;
    }
}

.product-label-natural {
    padding: 2px;
    border-radius: 50%;
    background-color: #76a82c;
    display: block;
}

.product__variants {
    margin-bottom: 8px;
    max-width: 100%;
    width: 100%;
}

.product__variants__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 8px;
}

.product__variants__heading {
    color: #6d6d6d;
    font-size: 12px;
    font-weight: 500;
}

.product__variants__arrows {
    display: flex;
    width: 80px;
    justify-content: space-between;
}

.product__variant {
    background-color: #f5f5f5;
    font-size: 12px;
    padding: 4px 2px;
    border-radius: 4px;
    text-align: center;
}

.product__variant--last {
    margin-right: 0;
}

.product__variant--active {
    background-color: var(--main-grey);
    color: #fff;
}

.ProductCardHorizontalBuyBtn__btns-wrapper {
    display: flex;
    align-items: center;
    position: absolute;
    right: 26px;
    bottom: 12px;
}

.ProductCardHorizontalBuyBtn__minus,
.ProductCardHorizontalBuyBtn__plus {
    cursor: pointer;
    background: none;
}

.ProductCardHorizontalBuyBtn__quantity {
    font-size: 18px;
    margin: 0 24px;
}

.ProductCardHorizontalBuyBtn__cart-wrapper {
    cursor: pointer;
    position: absolute;
    right: 0;
    bottom: 0;
    background: var(--main-grey);
    clip-path: polygon(100% 0, 0 100%, 100% 100%);
    -webkit-clip-path: polygon(100% 0, 0 100%, 100% 100%);
    width: 60px;
    height: 60px;
    z-index: 0;
    border-bottom-right-radius: 8px;
    overflow: hidden;
}

.ProductCardHorizontalBuyBtn__cart {
    position: absolute;
    bottom: 4px;
    right: 4px;
}

.add-to-cart-btn .add-basket-container .minus:after,
.add-to-cart-btn .add-basket-container .minus:before,
.add-to-cart-btn .add-basket-container .plus:after,
.add-to-cart-btn .add-basket-container .plus:before,
.add-to-cart-btn.is-added .add-basket-container .minus:after,
.add-to-cart-btn.is-added .add-basket-container .minus:before,
.add-to-cart-btn.is-added .add-basket-container .plus:after,
.add-to-cart-btn.is-added .add-basket-container .plus:before,
.add-to-cart-support-btn .add-basket-container .minus:after,
.add-to-cart-support-btn .add-basket-container .minus:before,
.add-to-cart-support-btn .add-basket-container .plus:after,
.add-to-cart-support-btn .add-basket-container .plus:before,
.add-to-cart-support-btn.is-added .add-basket-container .minus:after,
.add-to-cart-support-btn.is-added .add-basket-container .minus:before,
.add-to-cart-support-btn.is-added .add-basket-container .plus:after,
.add-to-cart-support-btn.is-added .add-basket-container .plus:before {
    border-radius: 10px;
}

.add-to-cart-btn .add-basket-container .minus,
.add-to-cart-btn.is-added .add-basket-container .minus,
.add-to-cart-support-btn .add-basket-container .minus,
.add-to-cart-support-btn.is-added .add-basket-container .minus {
    border: 2px solid #999;
}

.add-to-cart-btn .add-basket-container .minus:before,
.add-to-cart-btn.is-added .add-basket-container .minus:before,
.add-to-cart-support-btn .add-basket-container .minus:before,
.add-to-cart-support-btn.is-added .add-basket-container .minus:before {
    background: #999;
}

.add-to-cart-btn,
.add-to-cart-subscribe-btn,
.add-to-cart-support-btn {
    bottom: 0;
}

.add-to-cart-btn picture,
.add-to-cart-subscribe-btn picture,
.add-to-cart-support-btn picture {
    bottom: 6px;
    right: 6px;
}

.add-to-cart-btn picture:hover+.wrapper,
.add-to-cart-subscribe-btn picture:hover+.wrapper,
.add-to-cart-support-btn picture:hover+.wrapper {
    background: var(--main-grey);
}

.add-to-cart-btn .wrapper,
.add-to-cart-subscribe-btn .wrapper,
.add-to-cart-support-btn .wrapper {
    position: absolute;
    width: 110px;
    height: 110px;
    right: -60px;
    top: -42px;
    background: var(--main-grey);
    transform: rotate(45deg);
}

.add-to-cart-btn .wrapper:hover,
.add-to-cart-subscribe-btn .wrapper:hover,
.add-to-cart-support-btn .wrapper:hover {
    background: var(--main-red);
    transition: all 0.2s;
}

.add-to-cart-subscribe-btn {
    bottom: 0;
}

.add-to-cart-subscribe-btn picture {
    bottom: 64px;
    right: 3px;
}

.add-to-cart-subscribe-btn:after {
    width: 110px;
    height: 110px;
    right: -60px;
    top: -42px;
    background: #76a82c;
    transform: rotate(45deg);
}

.add-to-cart-subscribe-btn:hover:after {
    background: #89b34a;
    transition: all 0.2s;
}

.add-to-cart-btn .add-basket-container,
.add-to-cart-btn.is-added .add-basket-container,
.add-to-cart-support-btn .add-basket-container,
.add-to-cart-support-btn.is-added .add-basket-container {
    position: absolute;
    width: 100%;
    height: 70px;
    background: #fff;
    bottom: 62px;
    padding: 0 30px;
    justify-content: space-between;
    align-items: center;
    display: flex;
    transition: all 0.4s;
    z-index: 88;
}

.add-to-cart-btn .add-basket-container .minus,
.add-to-cart-btn .add-basket-container .plus,
.add-to-cart-btn.is-added .add-basket-container .minus,
.add-to-cart-btn.is-added .add-basket-container .plus,
.add-to-cart-support-btn .add-basket-container .minus,
.add-to-cart-support-btn .add-basket-container .plus,
.add-to-cart-support-btn.is-added .add-basket-container .minus,
.add-to-cart-support-btn.is-added .add-basket-container .plus {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    position: relative;
}

.add-to-cart-btn .add-basket-container .minus:after,
.add-to-cart-btn .add-basket-container .minus:before,
.add-to-cart-btn .add-basket-container .plus:after,
.add-to-cart-btn .add-basket-container .plus:before,
.add-to-cart-btn.is-added .add-basket-container .minus:after,
.add-to-cart-btn.is-added .add-basket-container .minus:before,
.add-to-cart-btn.is-added .add-basket-container .plus:after,
.add-to-cart-btn.is-added .add-basket-container .plus:before,
.add-to-cart-support-btn .add-basket-container .minus:after,
.add-to-cart-support-btn .add-basket-container .minus:before,
.add-to-cart-support-btn .add-basket-container .plus:after,
.add-to-cart-support-btn .add-basket-container .plus:before,
.add-to-cart-support-btn.is-added .add-basket-container .minus:after,
.add-to-cart-support-btn.is-added .add-basket-container .minus:before,
.add-to-cart-support-btn.is-added .add-basket-container .plus:after,
.add-to-cart-support-btn.is-added .add-basket-container .plus:before {
    content: "";
    width: 20px;
    height: 2px;
    background: #fff;
    display: block;
    left: calc(50% - 10px);
    position: absolute;
    top: 50%;
    transition: all 0.25s;
}

.add-to-cart-btn .add-basket-container .minus:hover,
.add-to-cart-btn .add-basket-container .plus:hover,
.add-to-cart-btn.is-added .add-basket-container .minus:hover,
.add-to-cart-btn.is-added .add-basket-container .plus:hover,
.add-to-cart-support-btn .add-basket-container .minus:hover,
.add-to-cart-support-btn .add-basket-container .plus:hover,
.add-to-cart-support-btn.is-added .add-basket-container .minus:hover,
.add-to-cart-support-btn.is-added .add-basket-container .plus:hover {
    transition: all 0.2s;
    cursor: pointer;
}

.add-to-cart-btn .add-basket-container .plus,
.add-to-cart-btn.is-added .add-basket-container .plus,
.add-to-cart-support-btn .add-basket-container .plus,
.add-to-cart-support-btn.is-added .add-basket-container .plus {
    background: var(--main-grey);
    border: 1px solid transparent;
}

.add-to-cart-btn .add-basket-container .plus:after,
.add-to-cart-btn.is-added .add-basket-container .plus:after,
.add-to-cart-support-btn .add-basket-container .plus:after,
.add-to-cart-support-btn.is-added .add-basket-container .plus:after {
    transform: rotate(90deg);
}

.add-to-cart-btn .add-basket-container .plus:hover,
.add-to-cart-btn.is-added .add-basket-container .plus:hover,
.add-to-cart-support-btn .add-basket-container .plus:hover,
.add-to-cart-support-btn.is-added .add-basket-container .plus:hover {
    background: var(--main-red);
}

.add-to-cart-btn .add-basket-container .minus,
.add-to-cart-btn.is-added .add-basket-container .minus,
.add-to-cart-support-btn .add-basket-container .minus,
.add-to-cart-support-btn.is-added .add-basket-container .minus {
    border: 2px solid #7f7f7f;
    background: #fff;
}

.add-to-cart-btn .add-basket-container .minus:before,
.add-to-cart-btn.is-added .add-basket-container .minus:before,
.add-to-cart-support-btn .add-basket-container .minus:before,
.add-to-cart-support-btn.is-added .add-basket-container .minus:before {
    background: #7f7f7f;
}

.add-to-cart-btn .add-basket-container .minus:after,
.add-to-cart-btn.is-added .add-basket-container .minus:after,
.add-to-cart-support-btn .add-basket-container .minus:after,
.add-to-cart-support-btn.is-added .add-basket-container .minus:after {
    display: none;
}

.add-to-cart-btn .add-basket-container .minus:hover,
.add-to-cart-btn.is-added .add-basket-container .minus:hover,
.add-to-cart-support-btn .add-basket-container .minus:hover,
.add-to-cart-support-btn.is-added .add-basket-container .minus:hover {
    background: var(--main-red);
    border: 2px solid var(--main-red);
}

.add-to-cart-btn .add-basket-container .minus:hover:before,
.add-to-cart-btn.is-added .add-basket-container .minus:hover:before,
.add-to-cart-support-btn .add-basket-container .minus:hover:before,
.add-to-cart-support-btn.is-added .add-basket-container .minus:hover:before {
    background: #fff;
}

.add-to-cart-btn .add-basket-container .amount,
.add-to-cart-btn.is-added .add-basket-container .amount,
.add-to-cart-support-btn .add-basket-container .amount,
.add-to-cart-support-btn.is-added .add-basket-container .amount {
    font-size: 18px;
    font-weight: 400;
}

.add-to-cart-btn,
.add-to-cart-subscribe-btn,
.add-to-cart-support-btn {
    position: absolute;
    bottom: -62px;
    left: 0;
    width: 100%;
    height: 62px;
    z-index: 3;
}

.add-to-cart-btn .add-basket-container,
.add-to-cart-subscribe-btn .add-basket-container,
.add-to-cart-support-btn .add-basket-container {
    bottom: -70px;
}

.add-to-cart-btn picture,
.add-to-cart-subscribe-btn picture,
.add-to-cart-support-btn picture {
    position: absolute;
    bottom: 67px;
    right: 5px;
    opacity: 1;
    z-index: 3;
    cursor: pointer;
}

.add-to-cart-btn picture:hover+.wrapper,
.add-to-cart-subscribe-btn picture:hover+.wrapper,
.add-to-cart-support-btn picture:hover+.wrapper {
    background: var(--main-red);
}

.add-to-cart-btn .wrapper,
.add-to-cart-subscribe-btn .wrapper,
.add-to-cart-support-btn .wrapper {
    cursor: pointer;
}

.add-to-cart-btn .wrapper:hover,
.add-to-cart-subscribe-btn .wrapper:hover,
.add-to-cart-support-btn .wrapper:hover {
    border-right: 30px solid var(--main-red);
    border-bottom: 30px solid var(--main-red);
}

.add-to-cart-subscribe-btn {
    position: absolute;
    bottom: -62px;
    height: 60px;
}

.add-to-cart-subscribe-btn picture {
    position: absolute;
    bottom: 65px;
    right: 4px;
    opacity: 1;
    z-index: 3;
    cursor: pointer;
}

.add-to-cart-subscribe-btn picture:hover+.add-to-cart-subscribe-btn picture:after {
    background: #89b34a;
}

.add-to-cart-subscribe-btn:after {
    content: "";
    position: absolute;
    cursor: pointer;
    z-index: 2;
}

@media (max-width: 767px) {

    .add-to-cart-btn .add-basket-container,
    .add-to-cart-btn.is-added .add-basket-container,
    .add-to-cart-support-btn .add-basket-container,
    .add-to-cart-support-btn.is-added .add-basket-container {
        padding: 0 18px;
        height: 62px;
    }

    .add-to-cart-btn .add-basket-container .amount,
    .add-to-cart-btn.is-added .add-basket-container .amount,
    .add-to-cart-support-btn .add-basket-container .amount,
    .add-to-cart-support-btn.is-added .add-basket-container .amount {
        font-size: 14px;
    }

    .add-to-cart-btn .add-basket-container .minus,
    .add-to-cart-btn .add-basket-container .plus,
    .add-to-cart-btn.is-added .add-basket-container .minus,
    .add-to-cart-btn.is-added .add-basket-container .plus,
    .add-to-cart-support-btn .add-basket-container .minus,
    .add-to-cart-support-btn .add-basket-container .plus,
    .add-to-cart-support-btn.is-added .add-basket-container .minus,
    .add-to-cart-support-btn.is-added .add-basket-container .plus {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        position: relative;
    }

    .add-to-cart-btn .add-basket-container .minus:after,
    .add-to-cart-btn .add-basket-container .minus:before,
    .add-to-cart-btn .add-basket-container .plus:after,
    .add-to-cart-btn .add-basket-container .plus:before,
    .add-to-cart-btn.is-added .add-basket-container .minus:after,
    .add-to-cart-btn.is-added .add-basket-container .minus:before,
    .add-to-cart-btn.is-added .add-basket-container .plus:after,
    .add-to-cart-btn.is-added .add-basket-container .plus:before,
    .add-to-cart-support-btn .add-basket-container .minus:after,
    .add-to-cart-support-btn .add-basket-container .minus:before,
    .add-to-cart-support-btn .add-basket-container .plus:after,
    .add-to-cart-support-btn .add-basket-container .plus:before,
    .add-to-cart-support-btn.is-added .add-basket-container .minus:after,
    .add-to-cart-support-btn.is-added .add-basket-container .minus:before,
    .add-to-cart-support-btn.is-added .add-basket-container .plus:after,
    .add-to-cart-support-btn.is-added .add-basket-container .plus:before {
        content: "";
        width: 14px;
        height: 2px;
        background: #fff;
        display: block;
        left: calc(50% - 7px);
        position: absolute;
        top: 50%;
        transition: all 0.25s;
    }

    .add-to-cart-btn .add-basket-container .minus:hover,
    .add-to-cart-btn .add-basket-container .plus:hover,
    .add-to-cart-btn.is-added .add-basket-container .minus:hover,
    .add-to-cart-btn.is-added .add-basket-container .plus:hover,
    .add-to-cart-support-btn .add-basket-container .minus:hover,
    .add-to-cart-support-btn .add-basket-container .plus:hover,
    .add-to-cart-support-btn.is-added .add-basket-container .minus:hover,
    .add-to-cart-support-btn.is-added .add-basket-container .plus:hover {
        transition: all 0.2s;
        cursor: pointer;
    }

    .add-to-cart-btn .add-basket-container .plus,
    .add-to-cart-btn.is-added .add-basket-container .plus,
    .add-to-cart-support-btn .add-basket-container .plus,
    .add-to-cart-support-btn.is-added .add-basket-container .plus {
        background: var(--main-grey);
        border: 1px solid transparent;
    }

    .add-to-cart-btn .add-basket-container .plus:after,
    .add-to-cart-btn.is-added .add-basket-container .plus:after,
    .add-to-cart-support-btn .add-basket-container .plus:after,
    .add-to-cart-support-btn.is-added .add-basket-container .plus:after {
        transform: rotate(90deg);
    }

    .add-to-cart-btn .add-basket-container .plus:hover,
    .add-to-cart-btn.is-added .add-basket-container .plus:hover,
    .add-to-cart-support-btn .add-basket-container .plus:hover,
    .add-to-cart-support-btn.is-added .add-basket-container .plus:hover {
        background: var(--main-red);
    }

    .add-to-cart-btn .add-basket-container .minus,
    .add-to-cart-btn.is-added .add-basket-container .minus,
    .add-to-cart-support-btn .add-basket-container .minus,
    .add-to-cart-support-btn.is-added .add-basket-container .minus {
        border: 2px solid #7f7f7f;
        background: #fff;
    }

    .add-to-cart-btn .add-basket-container .minus:before,
    .add-to-cart-btn.is-added .add-basket-container .minus:before,
    .add-to-cart-support-btn .add-basket-container .minus:before,
    .add-to-cart-support-btn.is-added .add-basket-container .minus:before {
        background: #7f7f7f;
    }

    .add-to-cart-btn .add-basket-container .minus:after,
    .add-to-cart-btn.is-added .add-basket-container .minus:after,
    .add-to-cart-support-btn .add-basket-container .minus:after,
    .add-to-cart-support-btn.is-added .add-basket-container .minus:after {
        display: none;
    }

    .add-to-cart-btn .add-basket-container .minus:hover,
    .add-to-cart-btn.is-added .add-basket-container .minus:hover,
    .add-to-cart-support-btn .add-basket-container .minus:hover,
    .add-to-cart-support-btn.is-added .add-basket-container .minus:hover {
        background: var(--main-red);
        border: 2px solid var(--main-red);
    }

    .add-to-cart-btn .add-basket-container .minus:hover:before,
    .add-to-cart-btn.is-added .add-basket-container .minus:hover:before,
    .add-to-cart-support-btn .add-basket-container .minus:hover:before,
    .add-to-cart-support-btn.is-added .add-basket-container .minus:hover:before {
        background: #fff;
    }
}

.product-card-horizontal {
    width: 100%;
    max-width: 100%;
    border-radius: 8px;
    padding: 10px 0 0 10px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 0 12px rgba(152, 162, 179, 0.15), 0 0 4px rgba(152, 162, 179, 0.15), 0 0 2px rgba(152, 162, 179, 0.15);
    display: flex;
    flex-direction: column;
}

.product-card-horizontal__product-links {
    position: absolute;
    top: 4px;
    right: 4px;
}

.product-card-horizontal__product-labels {
    position: absolute;
    top: 4px;
    left: 4px;
}

.product-card-horizontal__top-wrapper {
    display: grid;
    margin-bottom: 8px;
    grid-template-columns: 100px auto;
    column-gap: 12px;
}

.product-card-horizontal__product-img-wrapper {
    width: 100px;
    height: 100px;
}

.product-card-horizontal__product-img {
    max-width: 100%;
    display: block;
    max-height: 100%;
    height: auto;
    margin: auto;
}

.product-card-horizontal__info-wrapper {
    padding-right: 10px;
}

.product-card-horizontal__product-titles {
    padding-top: 1px;
    margin-bottom: 12px;
    max-width: 185px;
}

.product-card-horizontal__product-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 130%;
    margin-bottom: 5px;
}

@media (max-width: 355px) {
    .product-card-horizontal__product-title {
        max-width: 152px;
    }
}

.product-card-horizontal__product-subtitle {
    font-size: 12px;
    line-height: 15px;
    color: #6d6d6d;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (max-width: 355px) {
    .product-card-horizontal__product-subtitle {
        max-width: 152px;
    }
}

.product-card-horizontal__rating-wrapper {
    display: flex;
    align-items: center;
}

.product-card-horizontal__rating {
    margin: 0 4px 0 0;
    margin-bottom: 0 !important;
}

.product-card-horizontal__rating-count {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
}

.product-card-horizontal__bottom-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.product-card-horizontal__delivery {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
    margin-right: 24px;
}

.product-card-horizontal__delivery__icon {
    margin-right: 4px;
}

.product-card-horizontal__orders-count {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
    margin-right: 24px;
    color: #6d6d6d;
}

.product-card-horizontal__orders-count__icon {
    margin-right: 4px;
}

.product-card-horizontal__product-vendor-code {
    font-weight: 500;
    color: #6d6d6d;
    font-size: 12px;
}

.product-card-horizontal__buy-btn {
    bottom: 4px !important;
    right: 9px !important;
    padding: 3px 2px;
}

.product-card-horizontal .product-page__also-buy__card__buy-btn__quantity {
    font-size: 16px;
    margin: 0 27px;
    padding: 8px;
}

.product-card-horizontal__price-buy-btn-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin: auto 0 0;
}

.product-card-horizontal__price-wrapper {
    margin-bottom: 2px;
}

.product-card-horizontal__price {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    margin-right: 12px;
}

.product-card-horizontal__price__decimal,
.product-card-horizontal__price__hrn {
    font-size: 14px;
}

.product-card-horizontal__old-price {
    font-size: 12px;
    line-height: 16px;
    color: #6d6d6d;
    display: block;
}

.product-card-horizontal__old-price__value {
    position: relative;
}

.product-card-horizontal__old-price__value:after {
    position: absolute;
    top: 8px;
    left: 0;
    content: "";
    background-color: var(--main-grey);
    height: 1px;
    width: 100%;
    transform: rotate(-15deg);
}

.product-card-horizontal__weight {
    display: inline-block;
    font-size: 16px;
    line-height: 14px;
    color: #6d6d6d;
}

.product-card-horizontal__waiting {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 8px;
}

.product-card-horizontal__not-in-stock {
    font-size: 12px;
    color: var(--main-grey);
    margin-bottom: 12px;
}

.product-card-horizontal__special {
    color: var(--main-red);
    font-size: 12px;
    margin-top: 2px;
    padding-bottom: 8px;
}

.ReviewProductModalStars {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.ReviewProductModalStars__star {
    margin: 0 4px;
}

.ReviewProductModalStars__text {
    margin-left: 12px;
    font-size: 12px;
    line-height: 1;
    color: #6d6d6d;
    padding-top: 3px;
}

.ReviewProductModal {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.ReviewProductModal__star {
    margin: 0 8px;
}

.ReviewProductModal__heading {
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 16px;
}

.ReviewProductModal__forms-stage {
    width: 100%;
    min-height: 452px;
    padding-top: 40px;
    display: flex;
    flex-direction: column;
}

@media (max-width: 767px) {
    .ReviewProductModal__forms-stage {
        padding-top: 40px;
        min-height: 360px;
    }
}

.ReviewProductModal__forms-stage__title {
    position: absolute;
    top: 22px;
    left: 50%;
    transform: translate(-50%);
    font-weight: 700;
    width: max-content;
    font-size: 24px;
}

@media (max-width: 767px) {
    .ReviewProductModal__forms-stage__title {
        font-size: 18px;
        top: 17px;
    }
}

.ReviewProductModal__forms-stage__types-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 160px);
    align-items: center;
    column-gap: 16px;
    margin-bottom: 12px;
}

@media (max-width: 767px) {
    .ReviewProductModal__forms-stage__types-wrapper {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 8px;
    }
}

.ReviewProductModal__forms-stage__type {
    font-size: 14px;
    color: #6d6d6d;
    background-color: #fff;
    border: 1px solid #6d6d6d;
    border-radius: 8px;
    line-height: 1;
    padding: 13px 12px;
    cursor: pointer;
    text-align: center;
    transition: all 0.25s ease-in-out;
}

@media (max-width: 767px) {
    .ReviewProductModal__forms-stage__type {
        padding: 13px 6px;
    }
}

.ReviewProductModal__forms-stage__type:hover {
    color: #fff;
    background-color: var(--main-red);
    border: 1px solid var(--main-red);
}

.ReviewProductModal__forms-stage__type--active {
    color: var(--main-red);
    border: 1px solid var(--main-red);
    cursor: default;
}

.ReviewProductModal__forms-stage__type--active:hover {
    color: var(--main-red);
    border: 1px solid var(--main-red);
    background-color: #fff;
}

.ReviewProductModal__success-stage {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.ReviewProductModal__success-stage__img {
    margin-bottom: 32px;
}

.ReviewProductModal__success-stage__text {
    font-weight: 700;
    font-size: 20px;
}

.ReviewProductModalWrapper {
    padding: 24px;
    width: 550px;
    height: 536px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 100%;
}

@media (max-width: 767px) {
    .ReviewProductModalWrapper {
        width: 100%;
        height: 356px;
        position: fixed;
        left: 0;
        bottom: 0;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        padding: 12px;
    }

    .ReviewProductModalWrapper .ModalWrapper__back-btn,
    .ReviewProductModalWrapper .ModalWrapper__cross {
        top: 12px;
        right: 12px;
        width: calc(100% - 24px);
    }
}

.product-card-mini {
    margin: 2px;
    width: 160px;
    height: 184px;
    padding: 20px 12px;
    position: relative;
    box-shadow: 0 0 0 transparent;
    transition: all 2s;
}

@media (max-width: 767px) {
    .product-card-mini {
        box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
    }

    .product-card-mini .image-block {
        margin-bottom: 10px;
    }
}

.product-card-mini:hover {
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
    transition: all 0.2s;
    cursor: pointer;
}

.product-card-mini:hover .delete {
    display: block;
}

.product-card-mini .image-block {
    min-width: 100px;
    min-height: 100px;
    display: flex;
    align-items: center;
}

.product-card-mini .delete {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
}

@media (max-width: 767px) {
    .product-card-mini .delete {
        display: block;
    }
}

.product-card-mini .delete:hover {
    cursor: pointer;
}

.product-card-mini .img {
    margin: 0 auto;
    max-width: 100px;
    max-height: 100px;
}

.product-card-mini .title {
    font-size: 14px;
    font-weight: 700;
    height: 33px;
    overflow: hidden;
    display: block;
    text-align: center;
}

.article-card {
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    display: block;
    height: 100%;
    padding-bottom: 40px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}

@media (max-width: 767px) {
    .article-card {
        padding-bottom: 37px;
    }
}

.article-card__share {
    position: absolute;
    top: 8px;
    right: 8px;
    border-radius: 50%;
    background-color: #fff;
    margin-bottom: 12px;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 768px) {
    .article-card__share .share .social-links--share.horizontal.social-links--share-added {
        top: -11px;
        right: -8px;
    }
}

@media (max-width: 767px) {
    .article-card__share .share .social-links--share.horizontal.social-links--share-added {
        top: 40px;
    }
}

.article-card__share img {
    background: none !important;
    width: auto !important;
}

.article-card__img-wrapper {
    border-radius: 8px 8px 0 0;
    height: 220px;
    width: 100%;
}

@media (max-width: 767px) {
    .article-card__img-wrapper {
        height: 173px;
    }
}

.article-card__img-wrapper__img {
    width: 100%;
    object-fit: cover;
    max-height: 100%;
    height: 100%;
}

.article-card__info-wrapper {
    padding: 16px 24px 0;
    display: flex;
    flex-direction: column;
    flex: 1;
}

@media (max-width: 767px) {
    .article-card__info-wrapper {
        padding: 16px 24px 0;
    }
}

.article-card__card-type {
    text-align: center;
    margin-bottom: 12px;
    font-size: 12px;
    color: #6d6d6d;
}

.article-card__rating {
    margin-bottom: 16px;
}

.article-card__title {
    font-size: 20px;
    line-height: 24px;
    margin: 0 auto 24px;
    font-weight: 700;
    max-width: 100%;
    text-align: center;
    flex-grow: 1;
}

@media (max-width: 767px) {
    .article-card__title {
        font-size: 16px;
    }
}

.article-card__comments-wrapper {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #6d6d6d;
    margin: auto auto 0;
}

.article-card__comments-icon {
    margin-right: 8px;
}

.RecipeCard {
    width: 100%;
    max-width: 100%;
    border-radius: 12px;
    background-color: #fff;
    position: relative;
    max-height: 100%;
}

.RecipeCard__link--horizontal {
    display: grid;
    grid-template-columns: 300px auto;
    column-gap: 20px;
    border-radius: 12px;
    transition: box-shadow 0.25s ease-out;
}

@media (max-width: 1279px) {
    .RecipeCard__link--horizontal {
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    }
}

@media (hover: hover) and (pointer: fine) {
    .RecipeCard__link--horizontal:hover {
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    }
}

.RecipeCard__link--horizontal .fivestar-rating {
    margin-bottom: 16px;
}

.RecipeCard__link--horizontal .RecipeCard {
    text-align: left;
}

.RecipeCard__link--horizontal .RecipeCard__recipe-info {
    text-align: left;
    margin-bottom: 12px;
}

.RecipeCard__link--horizontal .RecipeCard__author {
    justify-content: left;
    margin-bottom: 12px;
    text-align: left;
}

.RecipeCard__link--horizontal .RecipeCard__info-block__category {
    text-align: left;
}

.RecipeCard__link--horizontal .RecipeCard-rating {
    justify-content: left;
}

.RecipeCard__link--horizontal .RecipeCard__img-block {
    max-width: 336px;
}

.RecipeCard__link--horizontal .RecipeNumbers,
.RecipeCard__link--horizontal .RecipeStats {
    text-align: left;
    justify-content: start;
}

.RecipeCard__link--horizontal .RecipeCard__title {
    text-align: left;
    margin: 0;
    font-size: 20px;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.RecipeCard__link--horizontal .RecipeCard__info-block__recipe-info {
    justify-content: left;
    margin-bottom: 12px;
    text-align: left;
}

.RecipeCard__link--horizontal .RecipeCard__img-block__img {
    border-radius: 12px;
}

.RecipeCard__link--horizontal .RecipeCard__info-block {
    padding: 6px 16px 6px 0;
    row-gap: 20px;
}

.RecipeCard__link--horizontal .RecipeCard__stats {
    justify-content: left;
}

.RecipeCard__link--horizontal .RecipeCard__info-block__bottom {
    margin: 0;
}

.RecipeCard__author {
    color: #6d6d6d;
    font-size: 14px;
}

.RecipeCard__img-block {
    height: 220px !important;
    display: flex;
    position: relative;
    margin-bottom: 20px;
}

@media (max-width: 1279px) {
    .RecipeCard__img-block {
        height: 180px !important;
        margin-bottom: 12px;
    }
}

.RecipeCard__img-block__img {
    border-radius: 12px;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.RecipeCard__info-block {
    height: 90px;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

@media (max-width: 1279px) {
    .RecipeCard__info-block {
        height: 70px;
        row-gap: 16px;
    }
}

.RecipeCard__info-block__bottom {
    margin: auto 0 0;
}

.RecipeCard__title {
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

@media (max-width: 1279px) {
    .RecipeCard__title {
        -webkit-line-clamp: 2;
        line-clamp: 2;
        font-size: 14px;
        line-height: 18px;
    }
}

.RecipeCard__category {
    position: absolute;
    top: 8px;
    left: 8px;
    font-size: 14px;
    background-color: #fff;
    line-height: 1;
    padding: 4px 10px;
    z-index: 1;
    border-radius: 8px;
    transition: all 0.2s ease-in-out;
}

@media (max-width: 1279px) {
    .RecipeCard__category {
        font-size: 12px;
        padding: 3px 6px;
    }
}

@media (hover: hover) and (pointer: fine) {
    .RecipeCard__category:hover {
        color: #fff;
        background-color: var(--main-red);
    }
}

@media (hover: hover) and (pointer: fine) {
    .RecipeCard__category--no-hover:hover {
        background-color: #fff;
        color: #363636;
    }
}

.RecipeCard__info-wrapper {
    display: flex;
    align-items: center;
    column-gap: 16px;
    font-size: 14px;
}

@media (max-width: 1279px) {
    .RecipeCard__info-wrapper {
        column-gap: 12px;
    }
}

.RecipeCard__info {
    display: flex;
    align-items: center;
    column-gap: 4px;
    line-height: 1;
}

@media (max-width: 1279px) {

    .RecipeCard__info--comment,
    .RecipeCard__info--people .RecipeCard__info__text {
        display: none;
    }
}

.RecipeCard-actions {
    position: absolute;
    top: 12px;
    right: 12px;
    cursor: pointer;
    z-index: 665;
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}

@media (max-width: 1279px) {
    .RecipeCard-actions {
        top: 4px;
        right: 4px;
        row-gap: 6px;
    }
}

@media (min-width: 768px) {
    .RecipeCard-actions .share .social-links--share.horizontal.social-links--share-added {
        top: -11px;
        right: -8px;
    }
}

@media (max-width: 767px) {
    .RecipeCard-actions .share .social-links--share.horizontal.social-links--share-added {
        top: 40px;
    }
}

.RecipeCard-actions__action {
    padding: 8px;
    border-radius: 50%;
    background-color: rgba(48, 48, 48, 0.3);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 1279px) {
    .RecipeCard-actions__action {
        width: 32px;
        height: 32px;
    }
}

.RecipeCard-actions__action img {
    background: none !important;
    width: auto !important;
    display: block;
}

@media (max-width: 1279px) {
    .RecipeCard-actions__action img {
        width: 20px;
        height: 20px;
    }
}

.ReviewControlBtns {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 14px;
    margin: 16px 0;
}

.ReviewControlBtns--no-mb {
    margin: 16px 0 0;
}

.ReviewControlBtns__divider {
    width: 100%;
    height: 1px;
    background-color: #ededed;
}

.ReviewControlBtns__btn {
    cursor: pointer;
    margin-left: 24px;
    color: #6d6d6d;
    transition: all 0.25s ease-in-out;
}

@media (max-width: 767px) {
    .ReviewControlBtns__btn {
        margin-left: 8px;
        margin-right: 16px;
    }
}

.ReviewAttachedFiles {
    display: flex;
    align-items: center;
    margin: 16px 0;
}

.ReviewAttachedFiles__file-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 4px;
    margin-right: 6px;
    position: relative;
}

.ReviewAttachedFiles__file-wrapper--last {
    margin-right: 0;
}

.ReviewAttachedFiles__file {
    width: auto;
    height: 100%;
    border-radius: 4px;
    cursor: zoom-in;
}

.ReviewAttachedFiles__video-play-btn-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(44, 73, 88, 0.5);
    width: 100%;
    height: 100%;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ReviewReply {
    margin-top: 20px;
    display: flex;
}

.ReviewReply__avatar-wrapper {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 24px;
}

@media (max-width: 767px) {
    .ReviewReply__avatar-wrapper {
        margin-right: 12px;
    }
}

.ReviewReply__avatar {
    height: 100%;
    width: auto;
    border-radius: 50%;
}

.ReviewReply__info-wrapper {
    width: 100%;
}

.ReviewReply__name {
    font-size: 16px;
    font-weight: 700;
    color: var(--main-grey);
    margin-bottom: 8px;
}

.ReviewReply__date {
    color: #6d6d6d;
    font-size: 14px;
    margin-bottom: 16px;
}

@media (max-width: 767px) {
    .ReviewReply__date {
        font-size: 12px;
        margin-bottom: 12px;
    }
}

.ReviewReply__text {
    font-size: 14px;
    line-height: 150%;
    margin-bottom: 8px;
}

.ReviewReply__text a {
    color: var(--main-red);
    text-decoration: underline;
}

.ReviewReply__text a:hover {
    color: var(--main-grey);
}

.ReviewReply__rate-answer {
    margin-left: auto;
    max-width: max-content;
}

.ReviewReply__star-wrapper {
    display: flex;
    align-items: center;
    column-gap: 8px;
    font-size: 14px;
    color: #6d6d6d;
    line-height: 1;
    justify-content: flex-end;
}

.ReviewReply__star {
    display: flex;
    align-items: center;
    column-gap: 2px;
}

.ConfirmModal {
    width: 332px;
    font-size: 16px;
}

@media (max-width: 767px) {
    .ConfirmModal {
        width: 244px;
    }
}

.ConfirmModal__text {
    margin-bottom: 24px;
    font-weight: 500;
    text-align: center;
}

.ConfirmModal__btns {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 12px;
    font-size: 14px;
}

.ConfirmModal__btn {
    text-align: center;
    width: 100%;
    padding: 12px 0;
    line-height: 100%;
    color: #6d6d6d;
    font-size: 14px;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #6d6d6d;
    cursor: pointer;
    transition: all 0.25s ease-in-out;
}

.ConfirmModal__btn--red {
    background-color: var(--main-red);
    border: 1px solid var(--main-red);
    color: #fff;
}

.ConfirmModal__btn:hover {
    background: var(--main-grey);
    border: 1px solid var(--main-grey);
    color: #fff;
}

.ProductReviewCard {
    background: #fff;
    padding: 32px 0;
    position: relative;
    border-bottom: 1px solid #f6f5f7;
}

.ProductReviewCard:first-of-type {
    padding-top: 0;
}

.ProductReviewCard:last-of-type {
    border-bottom: none;
}

.ProductReviewCard__product-info {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.ProductReviewCard__img-wrapper {
    margin-right: 20px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    min-width: 48px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}

.ProductReviewCard__img-wrapper--no-hover {
    cursor: default;
}

.ProductReviewCard__img-wrapper:hover>.ProductReviewCard__title {
    color: var(--main-red);
}

.ProductReviewCard__img {
    height: 100%;
    width: 100%;
    display: block;
    object-fit: contain;
    margin: 0 auto;
}

.ProductReviewCard__title {
    display: block;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 4px;
    cursor: pointer;
    transition: all 0.25s ease-in-out;
}

.ProductReviewCard__title:hover {
    color: var(--main-red);
}

.ProductReviewCard__title--no-hover:hover {
    color: #363636;
    cursor: default;
}

.ProductReviewCard__rating-date {
    display: flex;
    align-items: center;
    column-gap: 16px;
}

.ProductReviewCard__rating {
    display: flex;
    align-items: center;
}

.ProductReviewCard__star {
    margin-right: 4px;
}

.ProductReviewCard__star:last-of-type {
    margin-right: 0;
}

.ProductReviewCard__date {
    color: #6d6d6d;
    font-size: 14px;
    padding-top: 2px;
}

.ProductReviewCard__review-content {
    margin-left: 70px;
}

.ProductReviewCard__text {
    font-size: 14px;
    line-height: 1.3;
}

.LeaveFeedBackFormConsAndPros__heading {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 12px;
    text-align: center;
}

.LeaveFeedBackFormConsAndPros__wrapper {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(3, auto);
    column-gap: 10px;
    margin-bottom: 8px;
}

@media (max-width: 767px) {
    .LeaveFeedBackFormConsAndPros__wrapper {
        margin-bottom: 16px;
        display: flex;
        flex-wrap: wrap;
        column-gap: normal;
        row-gap: normal;
        justify-content: center;
    }
}

.LeaveFeedBackFormConsAndPros__box {
    line-height: 1;
    display: flex;
    align-items: center;
    padding: 8px 9px;
    cursor: pointer;
    background-color: #f6f6f6;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .LeaveFeedBackFormConsAndPros__box {
        margin-bottom: 10px;
        margin-right: 4px;
        padding: 8px 6px;
    }
}

.LeaveFeedBackFormConsAndPros__box--checked {
    background-color: #ffe5b3;
}

.LeaveFeedBackFormConsAndPros__box__icon {
    margin-right: 4px;
}

.LeaveFeedBackFormConsAndPros__box__text {
    font-size: 12px;
}

@media (max-width: 767px) {
    .LeaveFeedBackFormConsAndPros__box__text {
        line-height: 130%;
    }
}

.EditReviewModalModalWrapper {
    padding: 24px;
    width: 550px;
    min-height: 536px;
    height: 536px;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 100%;
}

@media (max-width: 767px) {
    .EditReviewModalModalWrapper {
        width: 100%;
        height: auto;
        min-height: 356px;
        position: fixed;
        left: 0;
        bottom: 0;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        padding: 12px 12px 24px;
    }
}

.EditReviewModal {
    width: 480px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

@media (max-width: 767px) {
    .EditReviewModal {
        width: 100%;
    }
}

.EditReviewModal__heading {
    font-weight: 500;
    font-size: 20px;
    text-align: center;
    margin-bottom: 24px;
}

.EditReviewModal__text-area {
    width: 100%;
    border-radius: 8px;
    border: 1px solid #cbcbcb;
    padding: 16px;
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 12px;
    flex: 1;
    min-height: 100px;
}

.EditReviewModal__rating-wrapper {
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #6d6d6d;
}

.EditReviewModal__rating-text {
    margin-left: 8px;
}

.EditReviewModal__uploader {
    margin-bottom: 32px;
    margin-top: auto;
}

.EditReviewModal__btns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 12px;
}

.EditReviewModal__btn {
    width: 100%;
    padding: 12px 0;
    line-height: 100%;
    color: #6d6d6d;
    font-size: 14px;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #6d6d6d;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.EditReviewModal__btn:hover {
    background: var(--main-red);
    border: 1px solid var(--main-red);
    color: #fff;
}

.EditReviewModal__btn--submit-btn {
    border: 1px solid var(--main-red);
    color: #fff;
    background-color: var(--main-red);
}

.EditReviewModal__btn--submit-btn:hover {
    background-color: var(--main-grey);
    border: 1px solid var(--main-grey);
}

.EditReviewModal__btn--disabled {
    cursor: pointer;
    color: #fff;
    background-color: #6d6d6d;
    border: 1px solid #6d6d6d;
}

.EditReviewModal__btn--disabled:hover {
    color: #fff;
    border: 1px solid #6d6d6d;
    background-color: #6d6d6d;
}

.ReviewCard {
    padding: 32px 0;
    position: relative;
    border-bottom: 1px solid #f6f5f7;
}

.ReviewCard:last-of-type {
    border-bottom: none;
}

@media (max-width: 767px) {
    .ReviewCard {
        padding: 16px 0 24px;
    }
}

.ReviewCard__user {
    display: flex;
}

.ReviewCard__user-info-wrapper {
    width: 100%;
}

.ReviewCard__review-info {
    padding-left: 69px;
}

@media (max-width: 767px) {
    .ReviewCard__review-info {
        padding-left: 0;
    }
}

.ReviewCard__user-photo-wrapper {
    display: flex;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    margin-right: 24px;
}

@media (max-width: 767px) {
    .ReviewCard__user-photo-wrapper {
        margin-right: 12px;
    }
}

.ReviewCard__user-photo {
    height: 100%;
    width: 100%;
    max-height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.ReviewCard__user-name {
    margin-bottom: 12px;
    font-weight: 700;
    font-size: 16px;
}

@media (max-width: 767px) {
    .ReviewCard__user-name {
        margin-bottom: 8px;
        font-size: 14px;
    }
}

.ReviewCard__rating {
    display: flex;
    align-items: center;
}

.ReviewCard__five-star-rating {
    margin-bottom: 0;
    margin-right: 12px;
    position: relative;
    top: -1px;
}

.ReviewCard__date-and-rating-wrapper {
    font-size: 14px;
    color: #6d6d6d;
    display: flex;
    margin-bottom: 16px;
}

@media (max-width: 767px) {
    .ReviewCard__date-and-rating-wrapper {
        flex-direction: column;
        margin-bottom: 12px;
    }
}

.ReviewCard__date {
    margin-right: 12px;
}

@media (max-width: 767px) {
    .ReviewCard__date {
        margin-bottom: 8px;
        margin-right: 0;
        font-size: 12px;
    }
}

.ReviewCard__tags {
    margin-bottom: 8px;
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
}

.ReviewCard__tags--no-margin {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .ReviewCard__tags {
        max-width: none;
    }
}

.ReviewCard__tag {
    margin-right: 8px;
    margin-bottom: 8px;
    padding: 8px;
    font-size: 12px;
    background: #f5f5f5;
    border-radius: 4px;
    display: block;
    width: max-content;
}

.ReviewCard__tag--last {
    margin-right: 0;
}

@media (max-width: 767px) {
    .ReviewCard__tag {
        font-size: 12px;
        padding: 2px 6px;
        margin-right: 4px;
        margin-bottom: 4px;
    }
}

.ReviewCard__review-text {
    font-size: 14px;
    line-height: 150%;
}

.news-card {
    display: block;
    height: 100%;
    box-shadow: 0 0 12px rgba(152, 162, 179, 0.15);
    text-align: center;
    padding: 0 0 20px;
}

@media (max-width: 767px) {
    .news-card {
        box-shadow: none;
    }
}

.news-card__img-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 335px;
    margin-bottom: 20px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .news-card__img-wrapper {
        height: 325px;
    }
}

@media (max-width: 767px) {
    .news-card__img-wrapper {
        height: 218px;
        margin-bottom: 10px;
    }
}

.news-card__img {
    width: 100%;
    height: 100%;
    display: block;
}

.news-card__category {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: 400;
}

@media (max-width: 767px) {
    .news-card__category {
        display: none;
    }
}

.news-card__title {
    font-size: 20px;
    font-weight: 400;
    padding: 0 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 55px;
}

@media (max-width: 767px) {
    .news-card__title {
        font-size: 15px;
        height: auto;
        padding: 0 5px;
    }
}

.BuyBtn {
    line-height: 100%;
    text-align: center;
    font-size: 14px;
    max-width: 148px;
    min-width: 105px;
}

@media (max-width: 767px) {
    .BuyBtn {
        max-width: 106px;
    }
}

.BuyBtn--full-width {
    max-width: 100%;
    width: 100%;
}

.BuyBtn--full-width .BuyBtn__main-btn {
    background-color: var(--main-red);
    border: 1px solid var(--main-red);
    padding: 12px 0;
}

.BuyBtn--full-width .BuyBtn__main-btn:hover {
    background-color: var(--main-grey);
    border: 1px solid var(--main-grey);
    color: #fff;
}

.BuyBtn--full-width .BuyBtn__subscribe-btn {
    padding: 12px 0;
}

.BuyBtn--product-page {
    max-width: 180px;
    width: 180px;
    font-size: 16px;
    height: 48px;
}

.BuyBtn--product-page .BuyBtn__main-btn {
    height: 100%;
}

.BuyBtn--product-page .BuyBtn {
    height: 100%;
    padding: 0;
}

.BuyBtn--product-page .BuyBtn__subscribe-btn {
    padding: 0;
    max-width: 180px;
    width: 180px;
    font-size: 16px;
    height: 48px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .BuyBtn--product-page {
        margin-left: auto;
    }
}

@media (max-width: 767px) {
    .BuyBtn--product-page {
        max-width: 120px;
        width: 120px;
        height: 40px;
        margin-left: auto;
    }
}

.BuyBtn__main-btn {
    width: 100%;
    border-radius: 8px;
    padding: 11px 0;
    background-color: var(--main-red);
    border: 1px solid var(--main-red);
    cursor: pointer;
    color: #fff;
    transition: all 0.25s ease-in-out;
    line-height: 100%;
}

.BuyBtn__main-btn--white {
    border: 1px solid #6d6d6d;
    background-color: #fff;
    color: #363636;
}

.BuyBtn__main-btn:hover {
    background-color: var(--main-grey);
    border: 1px solid var(--main-grey);
    color: #fff;
}

.BuyBtn__main-btn--preOrder {
    background-color: #ff985e;
    border: 1px solid #ff985e;
}

.BuyBtn__main-btn--preOrder:hover {
    background-color: #ff985e;
    border: 1px solid #ff985e;
}

.BuyBtn__main-btn--disabled {
    background-color: #6d6d6d;
    cursor: default;
    color: #fff;
    border: 1px solid #6d6d6d;
}

.BuyBtn__main-btn--disabled:hover {
    background-color: #6d6d6d;
    cursor: default;
    color: #fff;
    border: 1px solid #6d6d6d;
}

@media (max-width: 767px) {
    .BuyBtn__main-btn {
        padding: 10px 0;
    }
}

.BuyBtn__control-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

.BuyBtn__control-btn {
    cursor: pointer;
    position: relative;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 6px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .BuyBtn__control-btn {
        padding: 7px 6px;
    }
}

@media (max-width: 767px) {
    .BuyBtn__control-btn {
        padding: 6px;
    }
}

.BuyBtn__product-amount {
    margin: 0 12px;
}

.BuyBtn__subscribe-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #76a82c;
    border: 1px solid #76a82c;
    border-radius: 8px;
    text-align: center;
    padding: 11px 0;
    cursor: pointer;
    transition: all 0.25s ease-in-out;
    line-height: 100%;
    width: 100%;
}

@media (max-width: 767px) {
    .BuyBtn__subscribe-btn {
        padding: 10px 0;
    }
}

.BuyBtn__subscribe-btn:hover {
    background: #76a82c;
    color: #fff;
}

.purchase-template {
    margin-bottom: 24px;
}

.purchase-template:last-of-type {
    margin-bottom: 0;
}

.purchase-template__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f6f5f7;
    border-radius: 16px 16px 0 0;
    padding: 16px 24px;
    line-height: 1;
}

@media (max-width: 767px) {
    .purchase-template__header {
        padding: 16px 20px;
    }
}

.purchase-template__name {
    font-weight: 500;
    font-size: 20px;
}

@media (max-width: 767px) {
    .purchase-template__name {
        font-size: 16px;
    }
}

.purchase-template__delete-btn {
    display: flex;
    align-items: center;
    column-gap: 8px;
    margin-left: auto;
    margin-right: 24px;
}

@media (max-width: 767px) {
    .purchase-template__delete-btn {
        margin-right: 16px;
    }

    .purchase-template__delete-btn .IconText__text {
        display: none;
    }
}

.purchase-template__hide-btn {
    cursor: pointer;
    transition: all 0.25s ease-in-out;
}

.purchase-template__hide-btn--opened {
    transform: rotate(180deg);
}

.purchase-template__wrapper {
    padding: 20px 24px;
    border: 1px solid #f6f5f7;
    border-top: 0 solid #f6f5f7;
    border-radius: 0 0 16px 16px;
}

@media (max-width: 767px) {
    .purchase-template__wrapper {
        padding: 16px 12px;
    }
}

.purchase-template__info {
    margin: 0 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 767px) {
    .purchase-template__info {
        flex-direction: column;
        row-gap: 12px;
        align-items: unset;
    }
}

@media (max-width: 767px) and (max-width: 767px) {
    .purchase-template__info {
        margin: 0 0 24px;
    }
}

.purchase-template__info .buttonUI {
    font-size: 14px;
    background-color: var(--main-red) !important;
}

.purchase-template__info .buttonUI:hover {
    background-color: var(--main-grey) !important;
}

@media (max-width: 767px) {
    .purchase-template__info .buttonUI {
        width: 100%;
        justify-content: center;
    }
}

.purchase-template__products-images {
    display: flex;
    align-items: center;
    column-gap: 16px;
}

.purchase-template__product {
    display: grid;
    grid-template-columns: 371px 120px 216px;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
    border-bottom: 1px dashed #969696;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .purchase-template__product {
        grid-template-columns: 293px 120px 216px;
    }
}

@media (max-width: 767px) {
    .purchase-template__product {
        grid-template-columns: unset;
        align-items: unset;
        justify-content: unset;
        display: flex;
        flex-direction: column;
        row-gap: 12px;
    }
}

.purchase-template__product:last-of-type {
    border-bottom: none;
    padding-bottom: 0;
}

.purchase-template__product__wrapper {
    display: flex;
    align-items: center;
    column-gap: 12px;
    transition: color 0.25s ease-in-out;
    cursor: pointer;
}

.purchase-template__product__wrapper:hover {
    color: var(--main-red);
}

.purchase-template__product__title {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 4px;
    display: block;
}

.purchase-template__product__vendor {
    font-size: 12px;
    color: #6d6d6d;
}

.purchase-template__product__quantity {
    text-align: center;
}

@media (max-width: 767px) {
    .purchase-template__product__quantity {
        display: none;
    }
}

.purchase-template__product__price-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.purchase-template__product__price-wrapper {
    text-align: right;
}

@media (max-width: 767px) {
    .purchase-template__product__price-wrapper {
        display: flex;
        align-items: baseline;
        flex-direction: row-reverse;
        column-gap: 8px;
    }
}

.purchase-template__product__price {
    margin-bottom: 4px;
}

@media (max-width: 767px) {
    .purchase-template__product__price {
        margin-bottom: 0;
    }
}

.purchase-template__product__sum {
    font-size: 14px;
    color: #6d6d6d;
}

.purchase-template__full-list {
    display: grid;
    grid-auto-rows: 76px;
    row-gap: 20px;
}

@media (max-width: 767px) {
    .purchase-template__full-list {
        grid-auto-rows: unset;
    }
}

.purchase-template__img-wrapper {
    height: 56px;
    width: 56px;
    display: block;
    min-width: 56px;
}

.purchase-template__img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.task-card {
    position: relative;
    height: 364px;
    display: flex;
    flex-direction: column;
    cursor: pointer;
}

@media (max-width: 1279px) {
    .task-card {
        height: 236px;
    }
}

.task-card--default {
    cursor: default;
}

.task-card__img-wrapper {
    width: 100%;
    height: 184px;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}

@media (max-width: 1279px) {
    .task-card__img-wrapper {
        height: 112px;
        border-radius: 12px;
    }
}

.task-card__img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.task-card__status {
    position: absolute;
    bottom: 8px;
    right: 8px;
    background-color: var(--main-yellow);
    border-radius: 4px;
    padding: 5px 4px;
}

@media (max-width: 1279px) {
    .task-card__status {
        font-size: 12px;
    }
}

.task-card__date {
    position: absolute;
    top: 8px;
    left: 8px;
    display: flex;
    align-items: center;
    column-gap: 4px;
    color: #fff;
    padding: 4px 8px;
    background-color: rgba(48, 48, 48, 0.3);
    border-radius: 8px;
}

@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
    .task-card__date {
        -webkit-backdrop-filter: blur(2.5px);
        backdrop-filter: blur(2.5px);
    }
}

@media (max-width: 1279px) {
    .task-card__date {
        font-size: 12px;
        border-radius: 4px;
    }
}

.task-card__info {
    padding: 16px;
}

@media (max-width: 1279px) {
    .task-card__info {
        padding: 12px 0 0;
    }
}

.task-card__bonuses {
    font-weight: 700;
    margin-bottom: 12px;
}

@media (max-width: 1279px) {
    .task-card__bonuses {
        font-size: 14px;
        margin-bottom: 8px;
    }
}

.task-card__text {
    font-size: 14px;
    line-height: 18px;
}

@media (max-width: 1279px) {
    .task-card__text {
        font-size: 12px;
        line-height: 14px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

.task-card__label {
    display: flex;
    align-items: center;
    column-gap: 4px;
    margin: auto 12px 0 auto;
}

@media (max-width: 1279px) {
    .task-card__label {
        font-size: 12px;
        margin: auto 0 0;
        height: 32px;
    }
}

.task-card__label--green {
    color: var(--green-eco);
}

.task-card__label--red {
    color: var(--dark-red);
}

.task-card__btn {
    width: calc(100% - 32px);
    margin: auto auto 0;
    background-color: #fff;
    border: 1px solid #363636;
    padding: 12px;
    font-size: 14px;
    text-align: center;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.25s ease-in-out;
    user-select: none;
}

@media (hover: hover) and (pointer: fine) {
    .task-card__btn:hover {
        color: #fff;
        background-color: var(--main-red);
        border: 1px solid var(--main-red);
    }
}

@media (max-width: 1279px) {
    .task-card__btn {
        width: 100%;
        font-size: 12px;
        padding: 9px 0;
    }
}

.email-banner {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 300px;
    border-radius: 32px;
    padding: 53px 0 78px 32px;
    background-color: #f1f1f1;
    overflow: hidden;
}

@media (max-width: 767px) {
    .email-banner {
        border-radius: 0;
        height: 320px;
        padding: 32px 24px;
        justify-content: start;
    }
}

.email-banner__img {
    position: absolute;
    z-index: 0;
    right: -118px;
    bottom: -54px;
}

@media (max-width: 767px) {
    .email-banner__img {
        right: -38px;
        bottom: -184px;
        transform: scaleX(-1);
    }
}

.email-banner__title {
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 12px;
}

.email-banner__text {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 24px;
}

@media (max-width: 767px) {
    .email-banner__text br {
        display: none;
    }
}

.email-banner__input-wrapper {
    display: grid;
    grid-template-columns: 320px 153px;
    align-items: center;
    column-gap: 8px;
    z-index: 1;
}

@media (max-width: 767px) {
    .email-banner__input-wrapper {
        display: flex;
        flex-direction: column;
        column-gap: unset;
        row-gap: 8px;
    }
}

@media (max-width: 767px) {
    .email-banner__input {
        width: 100%;
    }
}

.email-banner__btn {
    width: 100%;
    background-color: var(--main-red);
    color: #fff;
    padding: 12px 0;
    height: 100%;
    cursor: pointer;
    transition: background-color 0.25s ease-in-out;
    border-radius: 8px;
    line-height: 1;
}

@media (max-width: 767px) {
    .email-banner__btn {
        padding: 16px 0;
    }
}

.email-banner__btn:hover {
    background-color: var(--main-red);
}

.app-banner {
    background-position: 50%;
    width: 100%;
    height: 300px;
    background-repeat: no-repeat;
    border-radius: 32px;
    padding: 53px 0 78px 32px;
    color: #fff;
}

@media (max-width: 767px) {
    .app-banner {
        padding: 24px 20px;
        border-radius: 0;
        background-position: 100% 100%;
        background-size: 100%;
        height: 320px;
    }
}

.app-banner__title {
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 12px;
}

.app-banner__text {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 14px;
}

@media (max-width: 767px) {
    .app-banner__text {
        width: 215px;
    }
}

.app-banner__text__bold {
    font-weight: 700;
}

.app-banner__btns {
    display: flex;
    align-items: center;
    column-gap: 12px;
}

.sale-banner {
    background-color: #ffe5b3;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 300px;
    border-radius: 32px;
    padding: 0 0 0 40px;
    overflow: hidden;
}

@media (max-width: 767px) {
    .sale-banner {
        border-radius: 0;
        padding: 32px 24px 0;
        justify-content: unset;
        height: 320px;
    }
}

.sale-banner__title {
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 8px;
    position: relative;
    z-index: 1;
}

.sale-banner__sub-title {
    font-size: 14px;
    margin-bottom: 24px;
    line-height: 18px;
    position: relative;
    z-index: 1;
}

.sale-banner__btn {
    display: flex;
    align-items: center;
    width: 151px;
    padding: 16px 0;
    color: #fff;
    justify-content: center;
    border-radius: 8px;
    background-color: var(--main-red);
    line-height: 1;
    transition: all 0.25s ease-in-out;
    position: relative;
    z-index: 1;
}

@media (max-width: 767px) {
    .sale-banner__btn {
        width: 100%;
        font-size: 14px;
    }
}

.sale-banner__btn:hover {
    background-color: var(--main-red-hover);
}

.sale-banner__img {
    position: absolute;
    right: -90px;
    bottom: 0;
    z-index: 0;
    width: 440px;
    height: auto;
}

@media (max-width: 767px) {
    .sale-banner__img {
        bottom: -96px;
        left: -20px;
        right: auto;
        z-index: 0;
        width: 400px;
        height: auto;
    }
}

.review-rules-modal {
    padding: 50px;
    max-width: 723px;
}

@media (max-width: 767px) {
    .review-rules-modal {
        padding: 32px 16px;
        width: 100%;
        max-width: 100%;
        min-width: auto;
        height: auto;
        min-height: 409px;
        border-radius: 16px 16px 0 0;
        position: fixed;
        bottom: 0;
        left: 0;
        overflow: auto;
        max-height: 66%;
    }
}

.review-rules-modal__trigger {
    column-gap: 12px;
    flex-direction: row-reverse;
    margin-left: auto;
    color: #6d6d6d;
    font-size: 14px;
    line-height: 1;
}

@media (hover: hover) and (pointer: fine) {
    .review-rules-modal__trigger:hover {
        color: var(--main-red);
    }
}

@media (max-width: 767px) {
    .review-rules-modal__trigger {
        column-gap: 4px;
    }

    .review-rules-modal__trigger img {
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 767px) {
    .review-rules-modal__trigger__text__hide-mobile {
        display: none;
    }
}

.review-rules-modal__heading {
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 32px;
}

@media (max-width: 767px) {
    .review-rules-modal__heading {
        margin-bottom: 16px;
    }
}

@media (min-width: 768px) {
    .review-rules-modal__heading br {
        display: none;
    }
}

.review-rules-modal__disc {
    display: flex;
    align-items: center;
    column-gap: 12px;
    background-color: #faf9fa;
    border-radius: 12px;
    padding: 8px;
    font-weight: 500;
    margin-bottom: 24px;
}

.review-rules-modal__disc,
.review-rules-modal__info {
    font-size: 14px;
    line-height: 18px;
}

.review-rules-modal__info ol {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    padding-left: 20px;
}

.review-rules-modal__info ol li {
    padding-left: 12px;
}

.review-rules-modal__info ol li ul {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    list-style: disc;
    padding: 0;
}

.review-rules-modal__info ol li ul li {
    padding-left: 0;
    position: relative;
    left: 17px;
    padding-right: 16px;
}

@media (max-width: 767px) {
    .review-rules-modal__info ol li ul li {
        left: 0;
        padding-right: 0;
    }
}

.ProductCommentBlock {
    background-color: #fff;
    padding: 20px 0 24px;
}

@media (max-width: 767px) {
    .ProductCommentBlock {
        padding: 0 0 24px;
        border-radius: unset;
    }
}

.ProductCommentBlock__user-info {
    display: grid;
    grid-template-columns: 44px auto;
    column-gap: 24px;
}

@media (max-width: 767px) {
    .ProductCommentBlock__user-info {
        column-gap: 16px;
    }
}

.ProductCommentBlock__avatar-wrapper {
    width: 44px;
    height: 44px;
}

.ProductCommentBlock__avatar {
    max-width: 100%;
    height: auto;
    max-height: 100%;
    width: auto;
    margin: 0 auto;
    border-radius: 50%;
}

.ProductCommentBlock__name-rating {
    align-self: center;
}

.ProductCommentBlock__name {
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 500;
}

.ProductCommentBlock__name--no-mb {
    margin-bottom: 0;
}

.ProductCommentBlock__rating-wrapper {
    display: flex;
    align-items: center;
}

.ProductCommentBlock__rating-star {
    margin-right: 4px;
}

.ProductCommentBlock__rating-text {
    margin-left: 12px;
    font-size: 14px;
    color: #6d6d6d;
}

.ProductCommentBlock__btns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 12px;
    padding-left: 70px;
    margin-top: 20px;
    width: 60%;
}

@media (max-width: 767px) {
    .ProductCommentBlock__btns {
        padding-left: 0;
        width: 100%;
    }
}

.ProductCommentBlock__btn {
    width: 100%;
    color: #6d6d6d;
    background-color: #fff;
    padding: 11px 0;
    border: 1px solid #6d6d6d;
    cursor: pointer;
    border-radius: 8px;
    line-height: 100%;
    font-size: 14px;
}

.ProductCommentBlock__btn:hover {
    background-color: var(--main-red);
    border: 1px solid var(--main-red);
    color: #fff;
}

.ProductCommentBlock__btn--red {
    background-color: #fff;
    border: 1px solid var(--main-red);
    color: var(--main-red);
    cursor: default;
}

.ProductCommentBlock__btn--red:hover {
    background-color: #fff;
    border: 1px solid var(--main-red);
    color: var(--main-red);
}

.ProductCommentBlock__btn:disabled {
    border: 1px solid #cbcbcb;
    color: #cbcbcb;
    cursor: default;
}

.ProductCommentBlock__btn:disabled:hover {
    border: 1px solid #cbcbcb;
    color: #cbcbcb;
    background-color: #fff;
}

.ProductCommentBlock__disclaimer {
    border-radius: 8px;
    background-color: #f5f5f5;
    padding: 12px;
    display: grid;
    grid-template-columns: 24px auto;
    column-gap: 12px;
    line-height: 130%;
    align-items: center;
    font-size: 14px;
    margin-top: 16px;
}

.ProductCommentBlock__disclaimer--m-0 {
    margin: 0;
}

@media (max-width: 767px) {
    .ProductCommentBlock__disclaimer {
        margin-bottom: 16px;
        padding: 12px;
    }
}

.ProductCommentBlock__disclaimer--orange {
    background-color: #fef7d0;
}

.ProductCommentBlock__disclaimer__medium {
    font-weight: 500;
}

.ProductCommentBlock__disclaimer__link {
    text-decoration: underline;
    cursor: pointer;
}

.ProductCommentBlock__return-disclaimer {
    color: #f79410;
    margin-top: 16px;
    width: auto;
    padding-left: 70px;
}

@media (max-width: 767px) {
    .ProductCommentBlock__return-disclaimer {
        padding-left: 0;
    }
}

.ProductCommentBlock__return-form {
    margin-top: 24px;
    column-gap: 40px;
    padding-left: 70px;
}

@media (max-width: 767px) {
    .ProductCommentBlock__return-form {
        padding-left: 0;
        margin-top: 16px;
    }
}

.ProductCommentBlock__comment-form {
    padding-left: 70px;
}

.ProductCommentBlock__comment-form--no-mt {
    margin-top: 0;
}

@media (max-width: 767px) {
    .ProductCommentBlock__comment-form {
        padding-left: 0;
    }
}

.SuccessMessagePopup {
    position: fixed;
    top: 500;
    left: 0;
    position: relative;
    background-color: #fff;
    border-radius: 8px;
    padding: 16px;
    text-align: center;
    box-shadow: 0 0 12px rgba(152, 162, 179, 0.15), 0 0 4px rgba(152, 162, 179, 0.15), 0 0 2px rgba(152, 162, 179, 0.15);
}

.SuccessMessagePopup__cross {
    position: absolute;
    top: 12px;
    right: 12px;
}

.SuccessMessagePopup__heading {
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 12px;
}

.SuccessMessagePopup__text {
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 16px;
    max-width: 280px;
}

.SuccessMessagePopup__btn {
    background-color: var(--main-grey);
    color: #fff;
    padding: 11px 0;
    width: 100%;
    cursor: pointer;
    border-radius: 8px;
    font-size: 14px;
}

.SuccessMessagePopup__btn:hover {
    background-color: var(--main-red);
}

.mess-header-add.review {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    column-gap: 24px;
}

.mess-header-add.review .additional-heading {
    font-size: 24px;
    font-weight: 700;
}

.header-accordion {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-accordion .accordion-control {
    margin-left: 34px;
    align-items: center;
    height: 18px;
    justify-content: flex-start;
    cursor: pointer;
    display: flex;
    position: relative;
    transition: all 0.3s;
}

.header-accordion .accordion-control:after,
.header-accordion .accordion-control:before {
    position: absolute;
    right: 3px;
    left: auto;
    content: "";
    transition: all 0.4s;
    width: 2px;
    height: 8px;
    background: var(--main-grey);
    top: 6px;
    transform: rotate(-45deg);
}

.header-accordion .accordion-control:after {
    right: 8px;
    transform: rotate(45deg);
}

.sort-in-row {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (min-width: 1280px) {
    .sort-in-row {
        column-gap: 16px;
    }
}

@media (max-width: 767px) {
    .sort-in-row {
        width: 100%;
    }
}

.sort-in-row ul {
    display: flex;
    column-gap: 16px;
}

.sort-in-row ul li {
    display: flex;
    position: relative;
    cursor: pointer;
}

.sort-in-row ul li.hide {
    display: none;
}

.sort-in-row ul li picture {
    display: none;
    transform: rotateX(0deg);
    transition: all 0.7s;
}

.sort-in-row ul li.active,
.sort-in-row ul li.active-asc {
    color: var(--main-red);
    text-decoration: none;
}

.sort-in-row ul li.active-asc picture {
    display: block;
}

.sort-in-row ul li.active-desc {
    color: var(--main-red);
    text-decoration: none;
}

.sort-in-row ul li.active-desc picture {
    display: block;
    transform: rotateX(180deg);
    transition: all 0.7s;
}

.sort-in-row ul li.active-asc.active-desc picture {
    display: none;
}

.add-more-btn {
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    padding: 14px 18px;
    background: #f6f5f7;
    border-radius: 8px;
    width: max-content;
    margin: 0 auto;
    transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
}

@media (hover: hover) and (pointer: fine) {
    .add-more-btn:hover {
        background-color: var(--main-red);
        color: #fff;
    }
}

.total-count-comments {
    font-size: 14px;
    margin-bottom: 30px;
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 767px) {
    .total-count-comments {
        flex-direction: column;
        row-gap: 16px;
        align-items: flex-start;
        justify-content: flex-start;
    }
}

.total-count-comments__count {
    font-weight: 500;
}

.main-mess-header {
    display: flex;
    align-items: flex-end;
    margin-bottom: 24px;
}

.main-mess-header.mess-header-add {
    margin-top: 16px;
}

.main-mess-header .additional-heading {
    font-size: 24px;
    font-weight: 700;
}

.main-mess-header .auth {
    color: var(--main-grey);
    cursor: pointer;
    text-decoration: underline;
}

.main-mess-header .auth:hover {
    text-decoration: none;
}

@media (max-width: 767px) {

    .main-container .main-mess-header,
    .main-container .mess-block,
    .main-container .total-count-comments {
        margin: 0;
        position: relative;
    }

    .main-container .main-mess-header .mess-header,
    .main-container .mess-block .mess-header,
    .main-container .total-count-comments .mess-header {
        margin-bottom: 15px;
    }

    .main-container .mess-container .comment-container .comment-block.is-answer {
        padding-bottom: 20px;
    }

    .main-container .mess-container .comment-container .comment-block.is-answer .vote-icons {
        bottom: 40px;
    }

    .main-container .mess-container .comment-container .comment-block .comment {
        position: relative;
        padding-bottom: 50px;
    }

    .main-container .mess-container .comment-container .comment-block .comment .vote-icons {
        bottom: 15px;
    }

    .main-container .mess-container .comment-container .comment-block .comment .mess-content {
        margin-top: 15px;
        overflow: hidden;
    }

    .main-container .mess-container .comment-container .comment-block .comment .header {
        position: static;
        height: 57px;
    }

    .main-container .mess-container .comment-container .comment-block .comment .header .comment-info {
        justify-content: unset;
        overflow: hidden;
    }

    .main-container .mess-container .comment-container .comment-block .comment .header .comment-info .wrap {
        align-items: flex-start;
        max-width: 235px;
        flex-direction: column;
    }

    .main-container .mess-container .comment-container .comment-block .comment .header .comment-info .wrap.wrap-long-name .rating-stars {
        top: 33px;
    }

    .main-container .mess-container .comment-container .comment-block .comment .header .comment-info .name {
        font-size: 16px;
        height: auto;
        min-height: 20px;
        font-weight: 700;
        margin: 0 0 5px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .main-container .mess-container .comment-container .comment-block .comment .header .comment-info .date {
        min-width: 165px;
        margin-bottom: 5px;
    }

    .main-container .mess-container .comment-container .comment-block .comment .header .comment-info .wrap {
        margin-bottom: 4px;
    }

    .main-container .mess-container .comment-container .comment-block .comment .header .comment-info .wrap .rating-stars {
        margin-left: 0;
    }

    .main-container .mess-container .comment-container .comment-block .comment .header .comment-info .wrap .rating-stars .rate-message {
        display: none;
    }

    .main-container .mess-container .comment-container .comment-block.answer {
        padding: 0;
    }

    .main-container .mess-container .comment-container .comment-block.answer .avatar {
        top: 4px;
    }

    .main-container .mess-container .comment-container .comment-block.answer .comment {
        margin: 0;
    }

    .main-container .mess-container .comment-container .comment-block.answer .comment .header .comment-info {
        height: 57px;
        padding-top: 18px;
    }

    .main-container .mess-container .comment-container .comment-block.answer .comment .header .comment-info .name {
        height: auto;
        margin-bottom: 4px;
    }

    .main-container .mess-container .main-mess-header.mess-header-add {
        padding: 0;
    }

    .main-container .mess-container .mess-block {
        width: auto;
    }

    .main-container .mess-container .mess-block.add-message {
        margin: 0;
        padding-bottom: 18px;
        width: 100%;
    }

    .main-container .mess-container .mess-block.add-message button[type="submit"] {
        margin: 0 5px 0 20px;
        font-size: 16px;
        font-weight: 500;
        padding: 10px 38px;
    }

    .main-container .mess-container .mess-block.add-message .mess-header .control-buttons {
        margin: 15px 0 0;
        align-items: flex-start;
    }

    .main-container .mess-container .mess-block.add-message .mess-header .date-publication {
        font-size: 13px;
        font-weight: 500;
    }

    .main-container .mess-container .mess-block.add-message .mess-header .description {
        margin: 0;
        justify-content: center;
    }

    .main-container .mess-container .mess-block.add-message .mess-header .description .user-name {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .main-container .mess-container .mess-block.add-message .file-names {
        margin: 0;
        flex-direction: column;
        width: auto;
    }

    .main-container .mess-container .mess-block.add-message .file-names .file-block {
        margin: 0 0 20px;
        height: 35px;
    }

    .main-container .mess-container .mess-block.add-message .file-names .media-block {
        width: 35px;
        height: 35px;
    }

    .main-container .mess-container .mess-block.add-message .file-names button img {
        width: 18px;
        height: auto;
    }

    .main-container .mess-container .mess-block.add-message .mess-content {
        margin: 0;
        font-size: 15px;
    }

    .main-container .mess-container .mess-block.add-message .mess-content:after,
    .main-container .mess-container .mess-block.add-message .mess-content:before {
        display: none;
    }

    .main-container .mess-container .mess-block.add-message .mess-content .label:before {
        display: none;
    }

    .main-container .mess-container .mess-block.add-message .mess-content textarea {
        padding: 20px;
        font-size: 14px;
    }
}

.mess-container .comment-container {
    margin: 0 auto 20px;
    width: 100%;
    position: relative;
    border-radius: 8px;
    box-shadow: 0 0 12px rgba(152, 162, 179, 0.15), 0 0 4px rgba(152, 162, 179, 0.15), 0 0 2px rgba(152, 162, 179, 0.15);
}

.mess-container .comment-container .comment-block.answer {
    border-top: none;
}

.mess-container .comment-container .comment-block.is-answer.question {
    padding-bottom: 40px;
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .mess-container .comment-container .comment-block.is-answer.question {
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {
    .mess-container .comment-container .comment-block.is-answer.question {
        padding-bottom: 0;
    }
}

.mess-container .comment-container .comment-block.is-answer.question+.collapsing {
    right: 0;
}

@media (max-width: 767px) {
    .mess-container .comment-container .comment-block.is-answer.question+.collapsing {
        left: 10px;
        right: auto;
    }
}

.mess-container .comment-container .comment-block.is-answer.question+.collapsing+.collapse .comment-block.answer {
    padding-top: 0;
}

.mess-container .comment-container .comment-block {
    position: relative;
    padding: 20px 20px 16px;
    background: #fff;
    box-sizing: border-box;
    display: flex;
    border-radius: 8px;
}

.mess-container .comment-container .comment-block .avatar {
    margin-right: 15px;
    min-width: 44px;
}

.mess-container .comment-container .comment-block .avatar img {
    object-fit: cover;
    width: 100% !important;
    height: 100% !important;
    border-radius: 50%;
    overflow: hidden;
}

.mess-container .comment-container .comment-block .comment .media-block {
    display: flex;
    margin-top: 15px;
}

.mess-container .comment-container .comment-block .comment .media-block .media-item {
    cursor: pointer;
    margin-right: 12px;
    width: 60px;
    height: 60px;
}

.mess-container .comment-container .comment-block .comment .header {
    display: flex;
    justify-content: space-between;
    flex: 1;
    margin-bottom: 5px;
}

.mess-container .comment-container .comment-block .comment .header .comment-info {
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: unset !important;
}

.mess-container .comment-container .comment-block .comment .header .comment-info .name {
    font-weight: 700;
    margin-bottom: 5px;
}

.mess-container .comment-container .comment-block .comment .header .comment-info .date {
    font-size: 14px;
    font-weight: 500;
    color: #999;
}

.mess-container .comment-container .comment-block .comment .header .comment-info .wrap {
    display: flex;
    align-items: center;
}

.mess-container .comment-container .comment-block .comment .header .comment-info .wrap .rating-stars {
    margin-left: 12px;
}

.mess-container .comment-container .comment-block .comment .header .comment-info .wrap .rating-stars .rate-message {
    display: inline-block;
    margin-left: 12px;
    font-size: 14px;
}

.mess-container .comment-container .comment-block .comment .header .icons {
    display: flex;
    justify-content: space-between;
    max-width: 140px;
    height: 22px;
}

.mess-container .comment-container .comment-block .comment .header .icons .vote {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #c7c7c7;
    margin-left: 12px;
}

.mess-container .comment-container .comment-block .comment .header .icons .vote:hover>picture img,
.mess-container .comment-container .comment-block .comment .header .icons .vote picture img.hover {
    display: none;
}

.mess-container .comment-container .comment-block .comment .header .icons .vote:hover>picture img.hover {
    display: block;
}

.mess-container .comment-container .comment-block .comment .header .icons .vote:first-child {
    margin: 0;
}

.mess-container .comment-container .comment-block .comment .header .icons .vote img {
    margin-right: 8px;
    cursor: pointer;
}

.mess-container .comment-container .comment-block .comment .header .icons .vote--up {
    color: #76a82c;
}

.mess-container .comment-container .comment-block .comment .header .icons .vote--down {
    color: var(--main-grey);
}

.mess-container .comment-container .comment-block .comment .mess-content {
    font-size: 14px;
    line-height: 150%;
    margin-left: 0;
    overflow-wrap: anywhere;
    padding-right: 20px;
}

.mess-container .comment-container .comment-block .comment .mess-content a {
    color: var(--main-grey);
    text-decoration: underline;
}

.mess-container .comment-container .comment-block .comment .mess-content a:hover {
    text-decoration: none;
}

.mess-container .comment-container .comment-block.answer {
    color: var(--main-grey);
    padding-left: 92px;
    padding-bottom: 20px;
}

.mess-container .comment-container .comment-block.answer .date {
    color: #000;
}

.mess-container .comment-container .comment-block.answer .our-answer {
    font-size: 14px;
    cursor: pointer;
}

.mess-container .comment-container .comment-block.answer .mess-content {
    color: #363636;
}

.mess-container .mess-block {
    width: 1160px;
    margin-bottom: 20px;
    margin-left: 120px;
}

.mess-container .mess-block:last-child {
    margin-bottom: 60px;
}

.mess-container .mess-block .mess-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
}

.mess-container .mess-block .mess-header .info {
    display: flex;
}

.mess-container .mess-block .mess-header .info .avatar {
    margin-right: 10px;
}

.mess-container .mess-block .mess-header .info .avatar .circle-avatar {
    border-radius: 50%;
    width: 58px;
    height: 58px;
}

.mess-container .mess-block .mess-header .info .description.desc-no-rating,
.mess-container .mess-block .mess-header .info .description.no-rating {
    justify-content: center;
}

.mess-container .mess-block .mess-header .info .description {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 4px 0;
    margin-top: 0;
}

.mess-container .mess-block .mess-header .info .description .user-name {
    font-weight: 700;
    font-size: 16px;
    text-transform: capitalize;
    color: #363636;
}

.mess-container .mess-block .mess-header .info .description .user-name .question-rule {
    color: #999;
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
}

@media (max-width: 767px) {
    .mess-container .mess-block .mess-header .info .description .user-name .question-rule {
        margin-top: 3px;
    }
}

.mess-container .mess-block .mess-header .info .description .rating {
    display: flex;
}

.mess-container .mess-block .mess-header .info .description .rating img {
    margin: 0 2px;
}

.mess-container .mess-block .mess-header .info .description .rating .text {
    margin-right: 10px;
    font-size: 14px;
    line-height: 16px;
    color: #5e5f61;
}

.mess-container .mess-block .mess-header .info .description .assess-good {
    font-weight: 400;
    font-size: 18px;
    display: flex;
    align-items: center;
    margin-top: 20px;
    color: #5e5f61;
}

.mess-container .mess-block .mess-header .info .description .assess-good .rating {
    margin-left: 12px;
    display: flex;
    align-items: center;
}

.mess-container .mess-block .mess-header .info .description .date-publication {
    font-size: 14px;
    color: #5e5f61;
    display: flex;
}

.mess-container .mess-block .mess-header .info .description .date-publication .rating {
    margin-left: 12px;
}

.mess-container .mess-block .mess-header .control-buttons {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    margin: 15px 0 0 28px;
}

.mess-container .mess-block .mess-header .control-buttons .hint {
    margin-top: 6px;
    font-size: 13px;
    color: #c7c7c7;
}

.mess-container .mess-block .mess-header .control-buttons .rating {
    display: flex;
    align-items: center;
}

.mess-container .mess-block .mess-header .control-buttons .rating .text {
    margin: 0 30px 0 8px;
    color: #5e5f61;
    font-size: 14px;
}

.mess-container .mess-block .mess-header .control-buttons .vote {
    display: flex;
    align-items: center;
    margin-left: 10px;
}

.mess-container .mess-block .mess-header .control-buttons .vote small {
    margin-left: 5px;
    font-size: 12px;
    color: #5e5f61;
}

.mess-container .mess-block .mess-header .control-buttons label {
    display: flex;
    cursor: pointer;
    align-items: center;
    color: #999;
    font-size: 14px;
    font-weight: 500;
}

.mess-container .mess-block .mess-header .control-buttons label:hover {
    color: #5e5f61;
}

.mess-container .mess-block .mess-header .control-buttons label picture {
    margin-right: 8px;
}

.mess-container .mess-block .mess-header .control-buttons input[type="file"] {
    display: none;
}

.mess-container .mess-block .mess-header .control-buttons .answer-button {
    color: #c7c7c7;
    margin-left: 14px;
    cursor: pointer;
}

.mess-container .mess-block .mess-header .control-buttons .answer-button picture {
    display: inline-block;
    margin-right: 8px;
}

.mess-container .mess-block .mess-content {
    color: #5e5f61;
    font-size: 18px;
    background: #eee;
    padding: 20px 14px;
    margin-left: 68px;
    position: relative;
    line-height: 1.3;
}

.mess-container .mess-block .downloaded-files {
    margin-left: 30px;
    display: flex;
}

.mess-container .mess-block .downloaded-files .media-block {
    position: relative;
    margin: 20px 20px 8px 0;
    width: 90px;
    height: 90px;
    overflow: hidden;
}

.mess-container .mess-block .reviews-ya-market {
    margin-left: 30px;
    font-size: 14px;
    color: #5e5f61;
    margin-top: 10px;
    float: left;
}

.mess-container .mess-block .reviews-ya-market a {
    color: var(--main-grey);
    text-decoration: underline;
    cursor: pointer;
}

.mess-container .mess-block .reviews-ya-market a:hover {
    text-decoration: none;
}

.mess-container .mess-block .our-answer {
    float: right;
    color: var(--main-grey);
    cursor: pointer;
    text-decoration: underline;
    font-size: 18px;
    margin-top: 12px;
}

.mess-container .mess-block .our-answer:hover {
    text-decoration: none;
}

.mess-container .mess-block.our-answer .mess-header .info .user-name {
    color: var(--main-grey);
}

.mess-container .mess-block.our-answer .mess-content {
    background: rgba(238, 99, 82, 0.1);
}

.mess-container .mess-block.our-answer .mess-content .label:before {
    border-bottom: 9px solid rgba(238, 99, 82, 0.1);
}

.mess-container .mess-block.add-message {
    margin-top: 50px;
}

.mess-container .mess-block.add-message:last-child {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}

.mess-container .mess-block.add-message .file-names {
    margin-top: 0;
    position: relative;
    top: 20px;
    margin-left: 30px;
    float: left;
    width: 50%;
    display: flex;
    flex-wrap: wrap;
}

.mess-container .mess-block.add-message .file-names .file-block {
    display: flex;
    align-items: center;
    margin: 0 20px 20px 0;
}

.mess-container .mess-block.add-message .file-names .file-block .media-block {
    width: 30px;
    height: 30px;
    margin-right: 16px;
    overflow: hidden;
}

.mess-container .mess-block.add-message .file-names .file-block .media-block img {
    width: 100%;
}

.mess-container .mess-block.add-message .file-names .file-block .file-name {
    color: #5e5f61;
    font-size: 14px;
    margin-right: 22px;
}

.mess-container .mess-block.add-message .file-names .file-block button {
    cursor: pointer;
    background: none;
}

.mess-container .mess-block.add-message .title {
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 40px;
    margin-left: 30px;
}

.mess-container .mess-block.add-message .mess-content {
    background: none !important;
    padding: 0 !important;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}

.mess-container .mess-block.add-message .mess-content textarea {
    height: 100%;
    padding: 20px;
    border: none;
    color: #363636;
    font-size: 14px;
    font-weight: 400;
    resize: none;
    width: 90%;
}

.mess-container .mess-block.add-message .mess-content .label {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 30px;
}

.mess-container .mess-block.add-message button[type="submit"] {
    float: right;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 35px;
    margin-top: 15px;
}

.mess-container .mess-block.answer-message:last-child {
    margin-bottom: 60px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 60px;
}

.mess-container .noAnswer {
    position: absolute;
    right: 0;
    bottom: 0;
}

.mess-container .comment-container .comment-block.is-answer.question+.collapsing {
    bottom: -45px;
    display: none;
}

@media (min-width: 1440px) {
    .mess-container .comment-container .comment-block.is-answer {
        padding-bottom: 20px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .mess-container .comment-container .comment-block.is-answer {
        padding-bottom: 30px;
    }
}

.mess-container .comment-container .comment-block.is-answer+.collapsing {
    position: absolute;
    bottom: 8px;
    right: 30px;
    display: flex;
    font-size: 14px;
    color: var(--main-grey);
    text-decoration: underline;
    z-index: 44;
    display: none;
}

.mess-container .comment-container .comment-block.is-answer+.collapsing:hover {
    text-decoration: none;
    cursor: pointer;
}

.mess-container .comment-container .comment-block.is-answer+.collapsing .icon {
    position: relative;
    bottom: 45px;
    right: 0;
    margin-left: 30px;
}

.mess-container .comment-container.question {
    position: relative;
}

.mess-container .comment-container.question .comment-block.question .comment .mess-content {
    padding-right: 40px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .mess-container .comment-container.question .comment-block.question .comment .mess-content {
        padding-right: 70px;
    }
}

.mess-container .comment-container.question .comment-block.question .comment .header .comment-info .icon {
    position: absolute;
    right: 0;
    bottom: 0;
}

@media (max-width: 767px) {
    .mess-container .comment-container.question .comment-block.question .rating-stars {
        display: none;
    }
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .mess-container .main-mess-header {
        margin-bottom: 20px;
        font-size: 24px;
    }

    .mess-container .mess-block.add-message {
        margin: 0;
        width: 823px;
        max-width: 823px;
    }

    .mess-container .mess-block.add-message button[type="submit"] {
        margin-top: 20px;
    }

    .mess-container .mess-block.add-message .mess-content textarea {
        padding: 20px;
    }

    .mess-container .mess-block.add-message .mess-header .control-buttons .hint {
        font-size: 14px;
    }

    .mess-container .comment-container {
        max-width: 825px;
        margin: 0 0 20px;
    }

    .mess-container .comment-container .comment-block {
        width: 823px;
        margin-left: 0;
        margin-bottom: 12px;
        border-radius: 8px;
    }

    .mess-container .comment-container .comment-block .avatar {
        width: auto !important;
        height: 44px !important;
        background-size: cover;
    }

    .mess-container .comment-container .comment-block .avatar img {
        min-width: 44px !important;
        height: 44px !important;
    }

    .mess-container .comment-container .comment-block.answer {
        margin-top: 0;
        padding-left: 75px;
    }

    .mess-container .comment-container .comment-block.answer .avatar img {
        min-width: 44px;
        height: 44px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .mess-container .main-mess-header {
        margin: 12px 0 16px;
    }

    .mess-container .comment-container {
        width: auto;
    }

    .mess-container .comment-container .comment-block {
        width: 100%;
        margin: 0;
    }

    .mess-container .comment-container .comment-block .avatar img {
        width: 60px;
    }

    .mess-container .comment-container .comment-block .comment {
        width: 100%;
        font-size: 16px;
    }

    .mess-container .comment-container .comment-block .comment .mess-content {
        font-size: 16px;
        margin-left: 0;
    }

    .mess-container .comment-container .comment-block .comment .header {
        margin-bottom: 12px;
    }

    .mess-container .comment-container .comment-block .comment .header .icons .vote img {
        height: 16px;
    }

    .mess-container .comment-container .comment-block .comment .header .comment-info {
        height: 48px;
    }

    .mess-container .comment-container .comment-block .comment .header .comment-info .date {
        font-size: 13px;
    }

    .mess-container .mess-block,
    .mess-container .mess-block.add-message {
        margin: 0;
    }

    .mess-container .mess-block {
        width: 100%;
    }

    .mess-container .mess-block .mess-header {
        margin-bottom: 16px;
    }

    .mess-container .mess-block .mess-header .control-buttons {
        justify-content: center;
    }

    .mess-container .mess-block .mess-header .info .description {
        padding: 10px 0;
        margin-top: 0;
    }

    .mess-container .mess-block .mess-header .info .description .date-publication {
        font-size: 14px;
        font-weight: 500;
    }

    .mess-container .mess-block.add-message .mess-content textarea {
        padding: 12px;
        font-size: 13px;
    }

    .mess-container .mess-block.add-message .file-names {
        width: 70%;
        position: relative;
        top: 20px;
    }

    .mess-container .mess-block.add-message button[type="submit"] {
        margin-top: 30px;
    }
}

@media (max-width: 767px) {
    .mess-container .comment-container {
        width: auto;
    }

    .mess-container .mess-block .mess-header .control-buttons-laptop {
        display: none;
    }
}

@media (max-width: 767px) {
    .main-container .mess-container .comment-container .comment-block.answer .comment {
        padding: 0;
    }

    .mess-container .mess-header-add .additional-heading {
        font-size: 24px;
        line-height: 130%;
    }

    .mess-container .comment-container.question .comment-block.answer .comment {
        margin-bottom: 55px;
    }

    .mess-container .comment-container.question .comment-block.is-answer+.collapsing {
        width: 100%;
        left: 0;
        bottom: 0;
        display: flex;
        justify-content: space-between;
        align-content: center;
        height: 30px;
        display: none;
    }

    .mess-container .comment-container.question .comment-block.is-answer+.collapsing .icon {
        position: relative;
        bottom: 45px;
    }

    .mess-container .comment-container {
        margin: 20px 0;
        padding: 8px 8px 12px;
        background: #fff;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    }

    .mess-container .comment-container .comment-block.is-answer {
        margin: 0;
    }

    .mess-container .comment-container .comment-block.is-answer+.collapsing {
        left: 0;
        right: auto;
        bottom: 15px;
        padding-left: 10px;
        display: none;
    }

    .mess-container .comment-container .comment-block.is-answer+.collapsing+.collapse {
        position: relative;
        top: -30px;
    }

    .mess-container .comment-container .comment-block.answer {
        padding-bottom: 20px;
    }

    .mess-container .comment-container .comment-block {
        width: 100%;
        border: none;
        padding: 0;
        margin: 0;
    }

    .mess-container .comment-container .comment-block .corner:after,
    .mess-container .comment-container .comment-block .corner:before {
        display: none;
    }

    .mess-container .comment-container .comment-block .comment {
        width: 100%;
    }

    .mess-container .comment-container .comment-block .comment .mess-content {
        position: relative;
        margin: 12px 0 0 !important;
        font-size: 15px;
    }

    .mess-container .comment-container .comment-block .comment .header {
        margin-left: 65px;
        align-items: center;
        position: relative;
        margin-bottom: 0;
    }

    .mess-container .comment-container .comment-block .comment .header .comment-info .name {
        margin-bottom: 2px;
    }
}

@media (max-width: 767px) and (max-width: 475px) {
    .mess-container .comment-container .comment-block .comment .header .comment-info .name {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .mess-container .comment-container .comment-block .comment .header .comment-info .date {
        font-size: 14px;
    }

    .mess-container .comment-container .comment-block .comment .header .icons {
        display: flex;
        justify-content: space-between;
        max-width: 140px;
        height: 25px;
    }

    .mess-container .comment-container .comment-block .comment .header .icons .vote {
        margin-left: 16px;
    }
}

@media (max-width: 767px) and (max-width: 380px) {
    .mess-container .comment-container .comment-block .comment .header .icons {
        justify-content: flex-end;
        position: absolute;
        right: 0;
        top: -2px;
    }

    .mess-container .comment-container .comment-block .comment .header .icons .vote {
        font-size: 12px;
        margin-left: 8px;
    }

    .mess-container .comment-container .comment-block .comment .header .icons .vote img {
        height: 15px;
        margin-right: 3px;
    }
}

@media (max-width: 767px) {
    .mess-container .comment-container .comment-block .avatar {
        width: 44px !important;
        height: 44px !important;
        background-size: contain;
        position: absolute;
        overflow: hidden;
    }

    .mess-container .comment-container .comment-block.answer {
        background: #fff;
    }

    .mess-container .comment-container .comment-block.answer .comment .header {
        margin: 0 0 12px;
        align-items: center;
    }

    .mess-container .comment-container .comment-block.answer .comment .header .comment-info {
        margin-right: 65px;
        width: 100%;
        text-align: right;
    }

    .mess-container .comment-container .comment-block.answer .comment .header .comment-info .name {
        width: auto;
    }

    .mess-container .comment-container .comment-block.answer .comment .header .comment-info .date {
        font-size: 14px;
    }

    .mess-container .comment-container .comment-block.answer .comment .mess-content {
        text-align: right;
    }

    .mess-container .comment-container .comment-block.answer .comment .name {
        margin: 0;
    }

    .mess-container .comment-container .comment-block.answer .avatar {
        right: 0;
        top: -3px;
        top: 0;
        margin: 0;
    }

    .mess-container .comment-container .comment-block.answer .our-answer {
        font-size: 12px;
        order: -1;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .main-container-mess .main-mess-header .additional-heading {
        font-size: 24px;
    }
}

.collapsable {
    max-height: none;
    overflow: initial;
    transition: all 0.5s ease-in;
}

.collapsable--closed {
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s ease-in;
}

.collapsable--overflow-hidden {
    overflow: hidden;
}

.header-rating {
    display: flex;
    align-items: center;
    line-height: 1;
    column-gap: 4px;
}

.header-rating__text {
    font-weight: 500;
    padding-top: 1px;
}

.header-rating__link {
    margin-left: 8px;
    color: #363636;
    font-weight: 400;
    font-size: 14px;
    transition: color 0.25s ease-in-out;
}

@media (hover: hover) and (pointer: fine) {
    .header-rating__link:hover {
        color: var(--main-red);
    }
}

.header-nav {
    font-size: 14px;
}

.header-nav__list {
    display: flex;
    align-items: center;
    position: relative;
}

.header-nav__list li {
    transition: color 0.25s ease-in-out;
    padding: 0 8px;
}

.header-nav__list li.active>a,
.header-nav__list li.active>a:hover,
.header-nav__list li.active>a:visited {
    color: var(--main-red);
}

.header-nav__list li.lang_item>a {
    text-transform: uppercase;
}

@media (hover: hover) and (pointer: fine) {
    .header-nav__list li:hover {
        color: var(--main-red);
    }
}

@media (min-width: 1440px) {
    .header-nav__list li:first-child {
        padding: 0 8px 0 0;
    }

    .header-nav__list li:last-child {
        padding: 0 0 0 8px;
    }
}

.header-nav__wrapper {
    display: flex;
    line-height: 0.5;
    align-items: center;
}

.header-nav__icon {
    margin-right: 4px;
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .header-nav__tablet-wrapper {
        align-items: center;
        position: absolute;
        top: 20px;
        right: 0;
        z-index: 10000;
        background-color: #fff;
        box-shadow: 0 0 12px rgba(152, 162, 179, 0.15), 0 0 2px rgba(152, 162, 179, 0.15);
        border-radius: 8px;
    }

    .header-nav__tablet-wrapper .header-nav__icon {
        margin-right: 16px;
    }

    .header-nav__tablet-wrapper li {
        cursor: pointer;
        padding: 12px 24px;
        border-bottom: 1px solid #eee;
    }

    .header-nav__tablet-wrapper li:last-child {
        border-bottom: 1px solid #fff;
    }

    .header-nav__chevron {
        cursor: pointer;
        transition: transform 0.2s ease-in-out;
    }

    .header-nav__chevron--rotate {
        transform: rotate(180deg);
    }
}

.header-phone {
    display: flex;
    align-items: center;
    line-height: 1;
    column-gap: 8px;
}

.header-phone__phone {
    transition: color 0.25s ease-in-out;
    font-weight: 500;
    padding-top: 1px;
}

@media (hover: hover) and (pointer: fine) {
    .header-phone__phone:hover {
        color: var(--main-red);
    }
}

.header-phone__wrapper {
    display: flex;
    align-items: center;
    column-gap: 4px;
    font-size: 12px;
    padding: 3px 8px;
    background-color: var(--main-yellow);
    border-radius: 4px;
    cursor: pointer;
}

.HeaderDropdown {
    line-height: 1;
    position: relative;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .HeaderDropdown {}
}

@media (max-width: 767px) {
    .HeaderDropdown {}
}

.HeaderDropdown__wrapper {
    padding-top: 8px;
    position: absolute;
    top: 20px;
    z-index: 10000;
    left: 0;
    width: 100%;
    display: block;
    animation: mount;
    animation-fill-mode: both;
    animation-duration: 0.25s;
    animation-delay: 0.1s;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .HeaderDropdown__wrapper {
        width: 500px;
        left: 50%;
        transform: translateX(-50%);
    }
}

.HeaderDropdown__list {
    width: 100%;
    box-shadow: 0 0 12px rgba(152, 162, 179, 0.15), 0 0 2px rgba(152, 162, 179, 0.15);
    border-radius: 8px;
}

.HeaderDropdown__item {
    display: flex;
    align-items: center;
    background-color: #fff;
    padding: 12px 19px;
    border-bottom: 1px solid #f1f1f1;
    transition: background-color 0.2s ease-in-out;
    cursor: pointer;
}

@media (hover: hover) and (pointer: fine) {
    .HeaderDropdown__item:hover {
        background-color: #eee;
    }
}

.HeaderDropdown__item:first-child {
    border-radius: 8px 8px 0 0;
}

.HeaderDropdown__item:last-child {
    border-bottom: none;
    border-radius: 0 0 8px 8px;
}

.HeaderDropdown__item:only-of-type {
    border-radius: 8px;
}

.HeaderDropdown__item__icon {
    margin-right: 12px;
}

.HeaderDropdown__item__title {
    margin-bottom: 4px;
    font-size: 14px;
}

.HeaderDropdown__item__delivery {
    color: var(--main-red);
    font-size: 12px;
}

.HeaderDropdown__checkmark {
    margin-left: auto;
}

.HeaderDropdown__chevron {
    transition: transform 0.25s ease-in-out;
    margin-left: auto;
}

.HeaderDropdown__chevron--rotate {
    transform: rotate(180deg);
}

.HeaderDropdown__active {
    display: flex;
    align-items: center;
    font-size: 14px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .HeaderDropdown__active {
        width: 500px;
        margin: 0 auto;
        min-width: unset;
    }
}

@media (max-width: 767px) {
    .HeaderDropdown__active {
        min-width: unset;
        font-size: 12px;
        width: 100%;
        justify-content: center;
    }

    @media (max-width: 380px) {}
}

@media (max-width: 767px) {
    .HeaderDropdown__active__pretitle {
        display: none;
    }
}

.HeaderDropdown__active__title {
    font-weight: 500;
    margin: 0 8px;
}

.HeaderDropdown__active__delivery {
    color: var(--main-red);
}

@keyframes animation-skeleton {
    0% {
        background-position: -200px 0;
    }

    to {
        background-position: calc(200px + 100%) 0;
    }
}

.info-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1400px;
    margin: 0 auto;
    padding: 16px 0 0;
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .info-header {
        max-width: 1240px;
        padding: 16px 0;
    }
}

@media (max-width: 1279px) {
    .info-header {
        padding: 16px;
    }
}

@media (max-width: 768px) {
    .info-header {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    .info-header {
        padding: 16px 25px;
    }
}

.catalog-btn {
    padding: 10px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--main-red);
    transition: background-color 0.2s ease-in-out;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    position: relative;
    z-index: 10000;
    height: 40px;
    width: max-content;
}

.header-catalog.active .catalog-btn {
    background-color: var(--main-grey);
}

.catalog-btn:hover {
    background-color: var(--main-grey);
}

.catalog-mobile-button {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 768px) {
    .catalog-btn__icon {
        margin-left: 8px;
    }
}

.header-search__dark-bg,
.header-catalog__dark-bg {
    width: 100%;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    animation: mount;
    animation-fill-mode: both;
    animation-duration: 0.3s;
    animation-delay: 0.1s;
}

.header-catalog {
    position: relative;
}

.header-catalog__wrapper {
    display: flex;
    opacity: 1;
    position: absolute;
    top: 40px;
    left: -100px;
    background-color: #fff;
    z-index: 10000;
    border-radius: 8px;
    overflow: hidden;
    transition: opacity 0.25s ease-in-out;
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .header-catalog__wrapper {
        max-width: 1240px;
        left: -160px;
    }
}

.header-catalog__wrapper--scrolled {
    left: -55px;
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .header-catalog__wrapper--scrolled {
        left: -56px;
    }
}

.header-catalog__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 40px;
    row-gap: 10px;
    font-size: 14px;
    width: 840px;
    padding: 24px 32px;
}

@media (min-width: 768px) and (max-width: 1200px) {
    .header-catalog__list {
        grid-template-columns: repeat(2, 1fr);
        width: 600px;
    }
}

.header-catalog__list li {
    display: flex;
    align-items: center;
}

.header-catalog__list li:nth-child(10n) {
    border-bottom: none;
}

.header-catalog__list__item {
    display: flex;
    align-items: center;
    width: 100%;
    transition: color 0.2s ease-in-out;
}

.header-catalog__list__item img {
    margin-right: 20px;
}

.header-catalog__list__item:hover {
    color: var(--main-red);
}

.header-catalog .catalog-side-menu {
    width: 310px;
    height: 573px;
    background-image: url(../../../../f/d/48427bfc-e2a2-41e1-94b1-d087d5eebe3f.jpg);
    position: relative;
    cursor: pointer;
}

.header-catalog .catalog-side-menu .subscription {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.header-catalog .catalog-side-menu .subscription .triangle-label-left {
    position: absolute;
    width: 144px;
    height: 126px;
    top: 0;
    left: -2px;
    z-index: 1;
}

.header-catalog .catalog-side-menu .subscription .triangle-label-left .icon {
    margin-top: 50px;
    margin-left: 20px;
}

.header-catalog .catalog-side-menu .subscription .content-subscription {
    color: #fff;
    position: absolute;
    width: 100%;
    bottom: 55px;
}

.header-catalog .catalog-side-menu .subscription .content-subscription:after,
.header-catalog .catalog-side-menu .subscription .content-subscription:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 220px;
    background: #ffbd00;
    z-index: 1;
    left: 0;
    top: 0;
}

.header-catalog .catalog-side-menu .subscription .content-subscription:before {
    width: 0;
    height: 0;
    border-bottom: 149.5px solid #ffbd00;
    border-right: 310px solid transparent;
    background: transparent;
    top: -148.5px;
    left: 0;
}

.header-catalog .catalog-side-menu .subscription .content-subscription .header {
    font-family: Comfortaa, sans-serif;
    line-height: 34px;
    font-size: 34px;
    position: relative;
    z-index: 3;
    padding-left: 25px;
}

.header-catalog .catalog-side-menu .subscription .content-subscription .header:after {
    content: "";
    position: absolute;
    background: url(../../../../2/7/333e97cd-e9b8-4448-abd1-748d73c80e5b.png);
    background-size: contain;
    top: -150px;
    left: 0;
    width: 132px;
    height: 105px;
}

.header-catalog .catalog-side-menu .subscription .content-subscription .text {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 400;
    margin: 10px 0 25px;
    position: relative;
    z-index: 3;
    width: 180px;
    padding-left: 25px;
}

.header-catalog .catalog-side-menu .subscription .content-subscription .link {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ff513b;
    border-radius: 100px;
    width: 140px;
    height: 40px;
    font-size: 16px;
    text-align: center;
    padding: 0;
    color: #fff;
    margin-left: 25px;
    position: relative;
    z-index: 3;
    overflow: visible;
    cursor: pointer;
}

.header-catalog .catalog-side-menu .subscription .content-subscription .link:hover {
    overflow: visible;
    transition: all 0.2s;
}

.header-catalog .catalog-side-menu .subscription .content-subscription .link:after {
    content: "";
    position: absolute;
    right: -144px;
    bottom: -55px;
    background: url(../../../../f/f/16460c59-629a-4e1b-92b4-506fabf4ff33.png);
    background-size: cover;
    width: 94px;
    height: 139px;
}

.catalog-btn-mobile {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .catalog-btn-mobile {
        width: 92px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .catalog-btn-mobile__text {
        margin-left: 8px;
        padding-top: 1px;
    }
}

@media (max-width: 767px) {
    .catalog-btn-mobile__text {
        display: none;
    }
}

.catalog-mobile {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000000;
    transform: translateX(-105%);
    visibility: hidden;
    transition: transform 0.35s ease-in-out, visibility 0.35s linear;
    will-change: transform;
    overflow: auto;
    width: 100%;
    height: 100%;
    background-color: var(--main-red);
    color: #fff;
}

@media (min-width: 768px) {
    .catalog-mobile {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .catalog-mobile {
        width: 390px;
    }
}

.catalog-mobile--visible {
    visibility: visible;
    transform: translateX(0);
}

.catalog-mobile__dark-bg {
    width: 100%;
    position: fixed;
    z-index: 99998;
    top: 0;
    left: 0;
    height: 100%;
    background-color: rgba(45, 74, 90, 0.75);
    animation: mount;
    animation-fill-mode: both;
    animation-duration: 0.3s;
    animation-delay: 0.1s;
}

.catalog-mobile__header {
    color: #fff;
    position: sticky;
    top: 0;
    left: 0;
    padding: 15px 25px;
    z-index: 1;
    background-color: var(--main-red);
}

.catalog-mobile__header__icon {
    width: 70px;
    height: 70px;
}

.catalog-mobile__promos {
    padding: 8px 0;
    font-size: 14px;
}

.catalog-mobile__promos li {
    width: 100%;
}

.catalog-mobile__promos li a {
    display: flex;
    align-items: center;
    padding: 8px 0 8px 25px;
}

.catalog-mobile__promos li a img,
.catalog-mobile__promos li a svg,
.catalog-mobile__promos li a picture {
    margin-right: 24px;
}

.catalog-mobile__heading {
    display: flex;
    align-items: center;
    width: max-content;
    gap: 25px;
}

.catalog-mobile__cross {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    right: 20px;
    cursor: pointer;
}

.catalog-mobile__promos,
.catalog-mobile__promos li {
    display: block;
}

.catalog-mobile__footer {
    padding: 16px 0 90px;
    font-size: 14px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .catalog-mobile__footer {
        font-size: 16px;
    }
}

.catalog-mobile__footer li {
    width: 100%;
}

.catalog-mobile__footer li a {
    padding: 12px 0 12px 62px;
    display: inline-block;
    width: 100%;
}

.catalog-mobile__list {
    background-color: #fff;
    color: #363636;
    width: 100%;
    overflow: auto;
}

.catalog-mobile__list li {
    border-bottom: 1px solid #e5e5e5;
}

.catalog-mobile__list li a {
    font-size: 13px;
    display: flex;
    padding: 5px 0 5px 16px;
    width: 100%;
    height: 52px;
    align-items: center;
    position: relative;
}

.catalog-mobile__list li a:after,
.catalog-mobile__list li a:before {
    position: absolute;
    content: "";
    background: #c7c7c7;
    width: 1.5px;
    height: 7px;
    right: 25px;
}

.catalog-mobile__list li a:before {
    top: 18px;
    transform: rotate(-45deg);
}

.catalog-mobile__list li a:after {
    top: 23px;
    transform: rotate(45deg);
}

.catalog-mobile__list li a img {
    margin-right: 16px;
}

.catalog-mobile__list li--custom-item a {
    padding: 5px 0 5px 26px;
}

.catalog-mobile__info {
    padding: 20px 0 0 62px;
}

.catalog-mobile__phone {
    font-size: 18px;
    display: block;
    margin-bottom: 4px;
}

.catalog-mobile__disclaimer {
    color: #fff;
    font-size: 12px;
    opacity: 0.8;
}

.promos-btn {
    position: relative;
    width: 110px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s ease-in-out;
    font-size: 14px;
    cursor: pointer;
    margin: 0 8px;
}

.promos-btn:hover {
    color: var(--main-red);
}

.promos-btn:hover .promos-btn__wrapper {
    display: block;
    animation: mount;
    animation-fill-mode: both;
    animation-duration: 0.25s;
    animation-delay: 0.1s;
}

.promos-btn:hover .promos-btn__chevron {
    transform: rotate(180deg);
}

.promos-btn__wrapper {
    display: none;
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 10000;
    width: 190px;
    border-radius: 8px;
    box-shadow: 0 0 12px rgba(152, 162, 179, 0.15), 0 0 2px rgba(152, 162, 179, 0.15);
    color: #363636;
}

.promos-btn__wrapper__list {
    background-color: #fff;
    border-radius: 8px;
}

.promos-btn__wrapper__item {
    display: flex;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #eee;
    transition: color 0.25s ease-in-out;
    padding: 12px 24px;
}

.promos-btn__wrapper__item--active {
    color: var(--main-red);
}

.promos-btn__wrapper__item:hover {
    color: var(--main-red);
}

.promos-btn__wrapper__item:last-child {
    border-bottom: 1px solid #fff;
}

.promos-btn__wrapper__item__icon {
    margin-right: 16px;
}

.promos-btn__chevron {
    transition: transform 0.25s ease-in-out;
}

.promos-btn__text {
    margin: 0 4px;
}

.search-input {
    background-color: #f7f7f7;
    width: 100%;
    border-radius: 8px;
    color: #363636;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    padding: 0 20px;
    line-height: 1;
    position: relative;
}

.search-input input {
    background-color: inherit;
    padding: 11px 12px 11px 0;
    margin-right: auto;
    flex: 1;
    display: block;
    border: none;
    min-width: 0;
    width: 100%;
}

@media (max-width: 767px) {
    .search-input input {
        width: auto;
    }
}

.search-input input::placeholder {
    color: #6d6d6d !important;
}

.search-input input:focus {
    outline: none;
}

.search-input__wrapper {
    display: flex;
    align-items: center;
}

.search-input__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 12px;
    background: none;
    border: 0;
    line-height: 1;
    cursor: pointer;
}

.search-input__example {
    font-size: 12px;
    color: #6d6d6d;
}

.search-input__clear {
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: 0;
    line-height: 1;
    cursor: pointer;
}

#search-form:not(.active) .search-input__clear {
    display: none;
}

.owl-prev,
.owl-next {
    cursor: pointer;
    padding: 0;
    margin: 0;
    background: transparent;
    border: 0;
}

.owl-prev.disabled,
.owl-next.disabled {
    opacity: 0.3;
    cursor: default;
}

svg path {
    transition: all 0.3s ease-in-out;
}

.owl-prev:hover svg path,
.owl-next:hover svg path,
.header-delivery svg path,
.search-input__clear:hover svg path,
.search-input__btn:hover svg path,
#search-form.active .search-input__btn svg path {
    fill: var(--main-red);
}

@media (max-width: 1439px) {
    .search-input__example {
        display: none;
    }
}

#search-form.active .search-input__example {
    display: none;
}

.search-input__example label {
    cursor: pointer;
    text-decoration: underline;
    transition: color 0.2s ease-in-out;
}

.search-input__example label:hover {
    color: var(--main-red);
}

@media (max-width: 767px) {
    .search-input__example {
        display: none;
    }
}

.search-category {
    width: 218px;
    margin-right: 25px;
}

.search-category li {
    cursor: pointer;
    margin-bottom: 12px;
    font-size: 14px;
    transition: color 0.2s ease-in-out;
}

.search-category li:hover {
    color: var(--main-red);
}

.SearchItem {
    display: flex;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #e5e5e5;
}

.SearchItem:last-child {
    border-bottom: none;
}

.SearchItem:first-child {
    padding-top: 0;
}

.SearchItem__wrapper {
    display: flex;
    align-items: center;
}

.SearchItem__wrapper:hover .SearchItem__name {
    color: var(--main-red);
}

.SearchItem__img-wrap {
    width: 50px;
    min-width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
}

.SearchItem__img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.SearchItem__info {
    padding-right: 8px;
}

.SearchItem__name {
    font-size: 14px;
    margin-bottom: 8px;
    transition: color 0.25s ease-in-out;
}

.SearchItem__price {
    font-size: 16px;
    font-weight: 700;
    margin-top: auto;
}

.SearchItem__price__decimal,
.SearchItem__price__hrn {
    font-size: 14px;
}

.SearchItem__buy-btn {
    margin-left: auto;
}

.search-products {
    width: 100%;
}

@media (max-width: 767px) {
    .search-products {
        padding-right: 0;
    }
}

.empty-container {
    margin: 40px auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.empty-container img {
    margin-bottom: 20px;
}

.empty-container .title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center;
}

.empty-container .description {
    font-size: 14px;
    margin: 0 0 15px;
    line-height: 130%;
    text-align: center;
}

.form-register .grey-button,
.empty-container .grey-button {
    font-size: 18px;
    background: var(--main-grey);
    padding: 14px 50px;
    color: #fff;
    border-radius: 55px;
    display: inline-block;
}

.form-register .grey-button:hover,
.empty-container .grey-button:hover {
    transition: all 0.2s;
    background: var(--main-red);
}

@keyframes mount {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.search-mobile {
    position: relative;
}

@media (min-width: 768px) {
    .search-mobile {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .search-mobile {
        margin: 0 24px;
    }
}

.search-mobile__dark-bg {
    width: 100%;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    height: 100%;
    background-color: rgba(45, 74, 90, 0.75);
    animation: mount;
    animation-fill-mode: both;
    animation-duration: 0.3s;
    animation-delay: 0.1s;
}

.search-mobile__cancel {
    margin-left: 24px;
}

@media (max-width: 767px) {
    .search-mobile__cancel {
        margin-left: 12px;
    }
}

.search-mobile-result {
    height: 100%;
    width: 100%;
}

.search-mobile-result__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    width: 100%;
    transition: visibility 0.3s linear, opacity 0.2s ease-in-out, transform 0.4s ease-in-out;
    background-color: #fff;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .search-mobile-result__header {
        padding: 12px 25px;
    }
}

.search-mobile-result__content {
    padding: 12px 12px 200px;
    overflow: auto;
    max-height: 100%;
    height: 100%;
    width: 100%;
    transition: visibility 0.2s linear, opacity 0.2s ease-in-out, transform 0.4s ease-in-out;
    background-color: #fff;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .search-mobile-result__content {
        padding: 12px 25px 200px;
    }
}

.search-content {
    position: absolute;
    z-index: 787;
    top: 0;
    left: 0;
    padding-top: 12px;
    z-index: 444;
    left: 50%;
}

.search-content__wrapper {
    display: flex;
    background-color: #fff;
    width: 100%;
    height: 460px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    width: 790px;
    color: #363636;
    padding: 20px 12px 20px 20px;
    border-radius: 8px;
}

.search-content__heading {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 24px;
}

.search-in-site {
    color: #c7c7c7;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    position: relative;
    justify-content: space-between;
    width: 100%;
    flex: 1;
}

.search-in-site form {
    display: block;
    width: 100%;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .search-in-site {
        width: auto;
    }
}

@media (max-width: 767px) {
    .search-in-site {
        width: auto;
        position: fixed;
        z-index: 99991;
        left: 0;
        right: 0;
        top: -100%;
        margin: 0;
        background-color: #fff;
        padding: 15px;
        visibility: hidden;
        opacity: 0;
        transition: visibility .3s linear, opacity .2s ease-in-out, top .4s ease-in-out;
    }

    .search-active .search-in-site {
        visibility: visible;
        opacity: 1;
        top: 0;
    }
}

.search-in-site .search-for-example {
    display: flex;
    position: absolute;
    right: 20px;
}

.search-in-site .search-for-example picture {
    min-width: 18px;
}

.search-in-site .search-for-example span {
    display: flex;
    align-items: center;
}

.search-in-site .search-for-example span:hover {
    cursor: pointer;
}

.search-in-site .search-for-example .search-span {
    text-decoration: underline;
    margin-left: 5px;
    margin-right: 15px;
}

.search-in-site .search-for-example .search-span label:hover {
    cursor: pointer;
}

.search-in-site span {
    font-size: 12px;
    color: #363636;
}

.search-in-site span a {
    padding: 16px 0 12px;
    text-decoration: underline;
    margin-right: 25px;
}

.search-in-site .clear-input {
    opacity: 1;
    transition: opacity 0.3s;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 7px;
    z-index: 435;
}

.search-in-site .clear-input:hover {
    cursor: pointer;
}

.search-in-site .clear-input:after,
.search-in-site .clear-input:before {
    content: "";
    position: absolute;
    width: 2px;
    top: 6px;
    right: 14px;
    background: #5e5f61;
    height: 20px;
    transform: rotate(45deg);
}

.search-in-site .clear-input:before {
    transform: rotate(-45deg);
}

.search-in-site-wrap {
    position: absolute;
    top: 40px;
    left: 0;
    left: 50%;
    transform: translateX(-395px);
    z-index: 444000;
    padding-top: 8px;
    background-color: #fff;
}

.menu-item {
    width: max-content;
    display: flex;
    align-items: center;
    line-height: 1;
    transition: color 0.25s ease-in-out;
    padding-right: 36px;
    height: 20px;
    font-weight: 500;
}

.menu-item__wrapper {
    width: 28px;
    min-width: 28px;
    max-width: 28px;
    height: 20px;
    overflow: hidden;
}

.menu-item--last {
    padding-right: 0;
}

.menu-item--red {
    color: var(--main-red);
    font-weight: 500;
}

@media (hover: hover) and (pointer: fine) {
    .menu-item:hover {
        color: var(--main-grey);
    }
}

.menu-item__icon {
    display: block;
    width: 28px;
    min-width: 28px;
    max-width: 28px;
}

.menu-item__title__float-part {
    font-size: 12px;
}

.HeaderCollections {
    position: relative;
    padding: 24px 0 16px !important;
    max-width: 100%;
    height: 60px !important;
    max-width: 1400px;
    margin: 0 auto;
    font-size: 14px;
    position: sticky;
    top: 64px;
    background-color: #fff;
    z-index: 1000;
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .HeaderCollections {
        max-width: 1240px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .HeaderCollections {
        height: 54px;
        z-index: 8887;
        top: 0;
        position: relative;
        background: #fff;
        padding: 0 25px !important;
        box-shadow: 0 4px 12px -6px rgba(152, 162, 179, 0.15);
    }
}

@media (max-width: 767px) {
    .HeaderCollections {
        position: relative;
        display: flex;
        align-items: center;
        top: 0;
        background: #fff;
        padding: 15px 12px !important;
        box-shadow: 0 4px 12px -6px rgba(152, 162, 179, 0.15);
        transition: all 0.5s;
        overflow: auto;
        height: auto;
        min-height: 50px;
    }
}

.HeaderCollections__wrapper {
    position: relative;
    height: 100%;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .HeaderCollections__wrapper {
        display: flex;
        align-items: center;
    }
}

.HeaderCollections__arrow {
    position: absolute;
    bottom: -5px;
    left: -10px;
    cursor: pointer;
    user-select: none;
    background-color: #fff;
    width: 32px;
    height: 32px;
    z-index: 1;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .HeaderCollections__arrow {
        left: -15px;
        bottom: 14px;
    }
}

.HeaderCollections__arrow--right {
    left: auto;
    right: -10px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .HeaderCollections__arrow--right {
        right: -15px;
    }
}

.repeat-wrapper {
    position: relative;
    margin: 0 8px;
}

@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
    .repeat-wrapper:hover .repeat-wrapper__tooltip {
        display: block;
    }
}

.repeat-wrapper__tooltip {
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 46px;
    font-size: 13px;
    padding: 14px 16px;
    color: #fff;
    background-color: #6d6d6d;
    width: 230px;
    z-index: 1000000;
    border-radius: 8px;
    pointer-events: none;
}

.repeat-wrapper__tooltip:after {
    content: "";
    position: absolute;
    right: -5px;
    top: 50%;
    width: 10px;
    transform: translateY(-50%) rotate(45deg);
    background-color: #6d6d6d;
    height: 10px;
}

.repeat-btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    cursor: pointer;
}

.repeat-btn:hover .repeat-btn__icon {
    transform: rotate(180deg);
}

.repeat-btn__icon {
    transition: transform 0.25s ease-in-out;
}

.likes-btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    height: 40px;
    width: 40px;
    min-width: 40px;
    margin: 0 8px;
    cursor: pointer;
}

@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
    .likes-btn:hover .likes-btn__tooltip {
        display: block;
    }
}

.likes-btn__tooltip {
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 46px;
    font-size: 13px;
    padding: 14px 16px;
    color: #fff;
    background-color: #6d6d6d;
    width: 180px;
    z-index: 1000000;
    border-radius: 8px;
    pointer-events: none;
}

.likes-btn__tooltip:after {
    content: "";
    position: absolute;
    right: -5px;
    top: 50%;
    width: 10px;
    transform: translateY(-50%) rotate(45deg);
    background-color: #6d6d6d;
    height: 10px;
}

.likes-btn__count {
    position: absolute;
    top: -6px;
    right: -6px;
    font-size: 12px;
    line-height: 1;
    background-color: var(--main-red);
    border-radius: 80px;
    color: #fff;
    padding: 3px 6px;
}

.avatar-wrapper {
    position: relative;
}

.header-avatar {
    width: 24px;
    height: 24px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 4px;
    background-color: var(--main-red);
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-avatar--no-bg {
    background-color: unset;
}

.header-avatar--white-bg {
    background-color: #fff;
}

@media (max-width: 767px) {
    .header-avatar {
        margin: 0 8px;
    }
}

.header-avatar__notify-count {
    position: absolute;
    top: -15px;
    left: 9px;
    background-color: var(--main-red);
    color: #fff;
    border: 1px solid #fff;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: 700;
    border-radius: 80px;
    line-height: 1;
}

@media (max-width: 767px) {
    .header-avatar__notify-count {
        top: -10px;
        left: -7px;
    }
}

.header-avatar__user-fio-avatar {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    background-color: var(--main-red);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    color: #fff;
    padding-top: 1px;
}

.header-avatar__img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.login-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #f1f1f1;
    border-radius: 8px;
    padding: 0 16px;
    line-height: 1;
    cursor: pointer;
}

.login-btn svg {
    margin-right: 5px;
}

.login-btn:hover svg path {
    fill: var(--main-red);
}

.login-btn:hover {
    color: var(--main-red);
}

@media (min-width: 768px) and (max-width: 1279px) {
    .login-btn {}
}

.login-btn__icon {
    margin-right: 4px;
}

.account-btn__wrapper {
    position: relative;
    margin: 0 8px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .account-btn__wrapper {
        margin: 0 24px;
    }
}

.account-btn {
    position: relative;
    display: flex;
    align-items: center;
    width: 112px;
    height: 40px;
    justify-content: space-between;
    background: #f1f1f1;
    border-radius: 8px;
    padding: 0 6px;
    line-height: 1;
    cursor: pointer;
}

.account-btn:hover .account-btn__chevron {
    transform: rotate(180deg);
}

.account-btn__chevron {
    transition: transform 0.2s ease-in-out;
}

.account-btn__menu-wrapper {
    position: absolute;
    top: 40px;
    right: 0;
    z-index: 100000;
    padding-top: 8px;
}

.account-btn__menu {
    background-color: #fff;
    border-radius: 12px;
    padding: 0 12px 12px;
    box-shadow: 0 0 12px rgba(152, 162, 179, 0.15), 0 0 2px rgba(152, 162, 179, 0.15);
    width: 187px;
    font-size: 14px;
}

.account-btn__bonuses {
    font-size: 14px;
}

.account-btn__bonuses__decimal,
.account-btn__bonuses__hrn {
    font-size: 12px;
}

.account-btn__sub-title {
    font-size: 12px;
    color: #6d6d6d;
}

.account-btn__item {
    display: flex;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #eee;
    background-color: #fff;
    transition: color 0.2s ease-in-out;
}

.account-btn__item--active {
    color: var(--main-red);
}

.account-btn__item:hover {
    color: var(--main-red);
}

.account-btn__item:last-child {
    border-bottom: 1px solid #fff;
}

.account-btn__item__icon {
    margin-right: 12px;
}

.account-btn__callback-btn {
    color: #6d6d6d;
    padding: 11px 18px;
    line-height: 1;
    background-color: #fff;
    border: 1px solid #6d6d6d;
    transition: all 0.25s ease-in-out;
    text-align: center;
    border-radius: 8px;
    display: block;
}

.account-btn__callback-btn:hover {
    border: 1px solid var(--main-red);
    color: #fff;
    background-color: var(--main-red);
}

.header-logo {
    margin: 0;
    display: block;
    position: relative;
}

.header-logo,
.header-logo img {
    transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {

    .header-main-sticky .header-logo,
    .header-logo {
        margin-left: 0;
        margin-right: 0;
        width: 100px;
        height: 100px;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all 0.5s ease-in-out;
    }

    .header-logo {
        margin-bottom: -50px;
        margin-top: -25px;
    }

    .home-page .header-main-sticky .header-logo {
        margin-top: -25px;
    }

    .header-logo:before {
        width: 100px;
        height: 50px;
        content: '';
        border-radius: 0 0 50% 50% / 0 0 100% 100%;
        overflow: hidden;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        z-index: -1;
        background-color: #fff;
        transition: box-shadow 0.2s ease-in-out;
    }

    .header-main-sticky .header-logo:before {
        box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.05);
    }

    .header-logo img {
        width: 70px !important;
        height: 70px !important;
    }
}

.header-logo picture {
    position: relative;
    backface-visibility: hidden;
    z-index: 0;
    width: 100%;
    height: auto;
}

.app-link-ad-modal {
    bottom: 0;
    width: 100%;
    z-index: 1001;
    min-height: 215px;
    padding: 32px 40px;
    background: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.app-link-ad-modal .cross {
    display: none;
}

.app-link-ad-modal .logo-app {
    position: absolute;
    top: -52px;
    left: 40px;
}

.app-link-ad-modal .content-modal .title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 8px;
    display: block;
}

.app-link-ad-modal .content-modal .wrap {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 130%;
}

.app-link-ad-modal .content-modal .wrap .stars {
    display: flex;
    align-items: center;
}

.app-link-ad-modal .content-modal .wrap .rating {
    font-size: 12px;
    font-weight: 500;
    color: #6d6d6d;
    margin-left: 10px;
}

.app-link-ad-modal .content-modal .btn {
    width: 128px;
    height: 38px;
    font-size: 16px;
    font-weight: 500;
    background: var(--main-grey);
    color: #fff;
    border-radius: 8px;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.referral-container .auth-modal {
    width: 540px;
}

@media (min-width: 768px) and (max-width: 1070px) {
    .referral-container .auth-modal {
        width: 540px;
    }
}

@media (max-width: 767px) {
    .referral-container .auth-modal {
        width: 320px;
    }
}

.referral-container .auth-modal .cross {
    left: auto;
    right: 10px;
}

.referral-container .auth-modal .content {
    align-items: flex-start;
}

.referral-container .auth-modal .content-is-referral .img-block img {
    height: 100%;
    max-height: 715px;
    max-width: 180px;
}

@media (max-width: 767px) {
    .referral-container .auth-modal .content-is-referral {
        display: flex;
        flex-direction: column;
        padding: 0;
    }
}

.referral-container .img-block {
    width: 568px;
}

@media (max-width: 767px) {
    .referral-container .img-block {
        display: none;
    }
}

@media (max-width: 767px) {
    .referral-container .auth-modal .content .input {
        min-height: 50px;
    }
}

@media (min-width: 768px) and (max-width: 1439px) {
    .modal-container .modal-with-route.modal-service {
        width: auto;
        max-width: 767px;
    }

    .modal-container .modal-with-route.modal-service .service-modal-window .light-red-bg.points-packet-container {
        display: block;
    }
}

@media (min-width: 768px) and (max-width: 1180px) {
    .modal-container .modal-with-route.modal-service .cross {
        right: 10px;
    }
}

.auth-modal .content .social-links {
    display: flex;
    justify-content: center;
}

.auth-modal .content .social-links a {
    margin: 0 8px;
}

.auth-modal {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    width: max-content;
    margin: 70px auto 100px;
}

.auth-modal .social-links a picture img.hover {
    height: 42px;
}

.auth-modal ::-webkit-input-placeholder {
    color: #5e5f61;
}

.auth-modal :-ms-input-placeholder {
    color: #5e5f61;
}

.auth-modal :-moz-placeholder,
.auth-modal ::-moz-placeholder {
    color: #5e5f61;
}

.auth-modal .cross {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 99999;
    cursor: pointer;
}

.auth-modal .red-line {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 64px;
    margin: auto;
    background-color: #2d4a5a;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
}

.auth-modal .red-line span {
    font-weight: 700;
}

.auth-modal .red-line picture {
    margin-right: 30px;
}

.auth-modal .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 60px 0 65px;
    position: relative;
    z-index: 66666;
    background: #fff;
    margin: 50px auto 0;
    cursor: default;
}

.auth-modal .content .title {
    font-size: 32px;
    line-height: 37px;
    font-weight: 700;
    margin: 0 0 40px;
    text-align: center;
}

.auth-modal .content .title.is-help-text {
    margin: 0 0 25px;
}

.auth-modal .content .title.is-help-text.no-help-text {
    margin: 0;
    padding: 0 20px;
}

.auth-modal .content .hint {
    max-width: 340px;
    font-size: 16px;
    text-align: center;
    display: inline-block;
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .auth-modal .content .hint {
        padding: 0 32px;
    }
}

.auth-modal .content .help-text {
    margin-bottom: 32px;
    max-width: 360px;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
    color: #5e5f61;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.auth-modal .content .help-text.success {
    margin: auto;
}

.auth-modal .content .input {
    width: 340px;
    border: 2px solid #999;
    margin-bottom: 25px;
    padding: 15px 20px;
    max-height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: none;
    border-radius: 4px;
}

.auth-modal .content .input input {
    flex: 1;
}

.auth-modal .content .input .input-icon {
    margin-left: 10px;
    background-size: 24px;
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    cursor: pointer;
    background-image: url(../../../../f/4/8a0a0ec3-6129-4127-b35b-9db93e19df15.png);
}

.auth-modal .content .input .input-icon:hover {
    background-image: url(../../../../f/4/8a0a0ec3-6129-4127-b35b-9db93e19df15.png);
}

.auth-modal .content .input .input-icon.active {
    background-image: url(../../../../0/c/ce0f2912-1ef3-479c-9bb3-7acc3f938df9.png);
}

.auth-modal .content .input.input-warning {
    border: 2px solid #ff3a44;
    margin-bottom: 25px;
}

.auth-modal .content .warning {
    width: 340px;
    display: flex;
    color: #ff3a44;
    font-size: 12px;
    font-weight: 400;
    margin: 4px 0 10px;
    justify-content: flex-start;
}

.auth-modal .content .warning .error {
    margin-left: 5px;
}

.auth-modal .content .buttons-block {
    width: 340px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 40px;
}

.auth-modal .content .buttons-block .remind-password {
    display: flex;
    align-items: center;
    color: var(--main-grey);
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 30px;
}

.auth-modal .content .buttons-block .remind-password img {
    height: 32px;
    width: 32px;
}

.auth-modal .content .buttons-block .remind-password span {
    margin-left: 15px;
    text-decoration: underline;
}

.auth-modal .content .buttons-block .remind-password span:hover {
    text-decoration: none;
    cursor: pointer;
}

.auth-modal .content .buttons-block .submit-button {
    cursor: pointer;
    border-radius: 100px;
    text-align: center;
    background: var(--main-grey);
    color: #fff;
    padding: 14px 32px;
    font-size: 18px;
    line-height: 18px;
    font-weight: 500;
    height: 50px;
}

.auth-modal .content .buttons-block .submit-button:hover {
    background: var(--main-red);
}

.auth-modal .content .social-login {
    margin-bottom: 40px;
}

.auth-modal .content .social-login .sub-title {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 25px;
}

.auth-modal .content .social-login .icons {
    display: flex;
    justify-content: center;
}

.auth-modal .content .social-login .icons .icon {
    background-size: 42px;
    background-repeat: no-repeat;
    height: 42px;
    width: 42px;
    cursor: pointer;
}

.auth-modal .content .social-login .icons .vk {
    background-image: url(https://www.bustrayytka.com/src/images/icons/social_icons/vk-no-active.png.webp);
    margin: 0 26px;
}

.auth-modal .content .social-login .icons .ok {
    background-image: url(https://www.bustrayytka.com/src/images/icons/social_icons/ok-no-active.png.webp);
}

.auth-modal .content .registration {
    font-size: 16px;
    font-weight: 400;
    color: #5e5f61;
}

.auth-modal .content .registration span {
    cursor: pointer;
    color: var(--main-grey);
    text-decoration: underline;
}

.auth-modal .content .registration span:hover {
    text-decoration: none;
}

.auth-modal .content .registration-button {
    cursor: pointer;
    margin-top: 20px;
    border-radius: 100px;
    max-width: 275px;
    width: 100%;
    text-align: center;
    background: var(--main-grey);
    color: #fff;
    padding: 12px 8px;
    font-size: 18px;
    font-weight: 500;
    height: 50px;
}

.auth-modal .content .registration-button:hover {
    background: var(--main-red);
}

.auth-modal .content .registration-button.registration-button--disabled {
    background: #c7c7c7;
}

.auth-modal .content .registration-button.registration-button--disabled:hover {
    cursor: default;
    background: #c7c7c7;
}

.auth-modal .content .registration-button.disabled {
    background: #c7c7c7;
    cursor: not-allowed;
}

.auth-modal .content .conditions {
    width: 340px;
}

.auth-modal .content .conditions .condition {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    color: #c7c7c7;
    margin-bottom: 20px;
}

.auth-modal .content .conditions .condition .icon {
    background-size: 20px;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    cursor: pointer;
    margin-right: 15px;
}

.auth-modal .content .conditions .condition .text {
    width: 298px;
    color: #999;
}

.auth-modal .content .conditions .condition .text a {
    cursor: pointer;
    color: var(--main-grey);
    text-decoration: underline;
    display: inline-block;
}

.auth-modal .content .conditions .condition .text a:hover {
    text-decoration: none;
}

.auth-modal .content .conditions .condition .unchecked-icon {
    background-image: url(../../../../d/9/5ca9bc4e-8b81-479a-89f3-ab86bc9cc0da.png);
}

.auth-modal .content .conditions .condition .unchecked-icon:hover {
    background-image: url(../../../../d/c/ce1ee9e7-09e8-41ad-85d2-d5d494ef38c8.png);
}

.auth-modal .content .conditions .condition .checked-icon {
    background-image: url(../../../../2/7/393334b3-ce82-42e0-bf93-cb9c767cc63a.png);
}

@media (max-width: 767px) {
    .auth-modal .content-login .input.input-password input {
        max-width: 218px;
    }
}

.auth-modal .content-is-referral {
    flex-direction: row;
    padding: 0;
}

.auth-modal .content-is-referral .subtitle-bonuses {
    font-size: 12px;
    color: var(--main-grey);
    padding-left: 20px;
    line-height: 130%;
    margin: 15px 0 0;
    text-align: left;
    font-weight: 400;
    position: relative;
}

@media (max-width: 767px) {
    .auth-modal .content-is-referral .subtitle-bonuses {
        padding: 0 30px;
    }
}

.auth-modal .content-is-referral .subtitle-bonuses:after {
    content: "";
    position: absolute;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    background: var(--main-grey);
    width: 8px;
    height: 100%;
    top: 0;
    left: 0;
}

@media (max-width: 767px) {
    .auth-modal .content-is-referral .subtitle-bonuses:after {
        left: 10px;
    }
}

.auth-modal .content-login .warning.one-warning {
    position: absolute;
    bottom: auto;
    top: 299px;
}

@media (max-width: 767px) {
    .auth-modal .content-login .warning.one-warning {
        width: 286px;
        top: 285px;
    }
}

.auth-modal .content-login .warning {
    position: absolute;
    top: 224px;
}

.auth-modal .content-login .warning+.warning {
    top: 299px;
}

@media (max-width: 767px) {
    .auth-modal .content-login .warning {
        top: 211px;
        left: 20px;
        width: 286px;
    }

    .auth-modal .content-login .warning+.warning {
        top: 285px;
    }
}

.auth-modal .content-login .input,
.auth-modal .content-login .input.input-warning {
    margin-bottom: 25px;
}

@media (max-width: 767px) {

    .auth-modal .content-login .input,
    .auth-modal .content-login .input.input-warning {
        margin-bottom: 25px;
    }
}

.auth-modal .content-callback .registration-button {
    margin-top: 5px;
}

.auth-modal .content-callback .warning {
    position: absolute;
    top: 275px;
}

@media (max-width: 767px) {
    .auth-modal .content-callback .warning {
        top: 280px;
        left: 22px;
    }
}

.auth-modal .content.content-reset .help-text {
    margin-bottom: 30px;
    text-align: center;
}

@media (max-width: 767px) {
    .auth-modal .content.content-reset .help-text {
        padding: 0 20px;
    }
}

.auth-modal .content.content-reset .help-text br {
    display: none;
}

@media (max-width: 767px) {
    .auth-modal .content.content-reset .help-text br {
        display: block;
    }
}

.auth-modal .content.content-reset .input,
.auth-modal .content.content-reset .input-warning {
    max-width: 290px;
    margin-bottom: 30px;
}

.auth-modal .content.content-reset .registration-button {
    margin-top: 0;
    margin-bottom: 35px;
}

.auth-modal .content.content-reset .warning {
    position: absolute;
    top: 282px;
    left: 77px;
}

@media (max-width: 767px) {
    .auth-modal .content.content-reset .warning {
        position: absolute;
        top: 288px;
        left: 20px;
        width: auto;
    }
}

.auth-modal .content-login .title-mobile {
    display: none;
}

.auth-modal .content-login .input.input-password {
    padding-left: 0;
}

.auth-modal .content-login .input.input-password input {
    max-width: 280px;
    margin-bottom: 0;
    padding: 15px 20px;
    max-height: 45px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: none;
}

@media (max-width: 767px) {
    .auth-modal {
        margin: 0 auto;
        width: 100%;
        max-width: 320px;
        position: relative;
    }

    .auth-modal img {
        max-height: 80px;
    }

    .auth-modal .red-line {
        font-size: 15px;
        padding: 0 15px;
    }

    .auth-modal .red-line .text {
        line-height: 18px;
    }

    .auth-modal .content .registration-button {
        width: 278px;
        margin-top: 0;
        font-size: 16px;
    }

    .auth-modal .content .conditions {
        width: 280px;
        margin-top: 0;
    }

    .auth-modal .content .conditions .condition {
        margin-bottom: 15px;
    }

    .auth-modal .content .conditions .condition .icons {
        min-width: 22px;
    }

    .auth-modal .content .conditions .condition .text:last-child {
        max-width: 240px;
    }

    .auth-modal .content .title {
        margin: 0 auto 20px;
    }

    .auth-modal .content .input {
        margin-bottom: 25px;
    }

    .auth-modal .cross {
        left: auto;
        right: 10px;
    }

    .auth-modal .success-modal.content {
        padding: 60px 0;
    }

    .auth-modal .content {
        padding: 50px 20px 60px;
        margin-top: 0;
    }

    .auth-modal .content .icon {
        height: 80px;
    }

    .auth-modal .content .title {
        font-size: 24px;
        text-align: center;
        margin-bottom: 35px;
    }

    .auth-modal .content .title.is-help-text {
        margin-bottom: 20px;
    }

    .auth-modal .content .title.is-help-text.no-help-text {
        margin: 0;
        padding: 0 20px;
    }

    .auth-modal .content .help-text {
        margin-bottom: 30px;
        text-align: center;
    }

    .auth-modal .content .social-login {
        margin-bottom: 40px;
    }

    .auth-modal .content .social-login .sub-title {
        margin-bottom: 25px;
    }

    .auth-modal .content .buttons-block {
        max-width: 278px;
        margin: 0 0 40px;
    }

    .auth-modal .content .buttons-block .remind-password {
        font-size: 16px;
    }

    .auth-modal .content .input {
        width: 100%;
        max-width: 278px;
        border-radius: 0;
        height: 50px;
        padding: 0 15px 0 20px;
        text-align: left;
    }
}

@media (max-width: 767px) {

    .auth-modal .cross:after,
    .auth-modal .cross:before {
        top: 7px;
        right: 14px;
        height: 20px;
    }
}

.bg-shadow-for-modal {
    position: fixed;
    z-index: 9997;
    width: 100%;
    height: 100%;
    overflow: auto;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(4px);
}

@media (max-width: 767px) {
    .bg-shadow-for-modal {
        z-index: 10000002;
    }
}

.bg-shadow-for-modal.modal-on-tasks-page {
    z-index: 9996;
}

@media (max-width: 767px) {
    .bg-shadow-for-modal.modal-on-tasks-page {
        z-index: 10000001;
    }
}

@media (max-width: 767px) {
    .modal-container .modal-with-route.modal-service {
        width: auto;
        max-width: 320px;
    }

    .modal-container .modal-with-route.modal-service .cross {
        right: 20px;
        top: 20px;
    }
}

.service-modal-window .packets-container {
    margin: 50px 35px 60px;
}

@media (max-width: 767px) {
    .service-modal-window .packets-container {
        margin: 0;
    }
}

.service-modal-window .packets-container .content {
    display: flex;
    justify-content: space-between;
}

.service-modal-window .packets-container .additional-heading {
    font-size: 32px;
    margin-bottom: 40px;
    padding: 0;
    background: #fff;
}

@media (max-width: 767px) {
    .service-modal-window .packets-container .additional-heading {
        font-size: 24px;
        margin-bottom: 30px;
        padding: 50px 30px 0;
    }
}

.service-modal-window .packets-container .content {
    max-width: 750px;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .service-modal-window .packets-container .content {
        display: flex;
        flex-direction: column;
        margin: 0;
    }
}

.service-modal-window .packets-container .content .left-block,
.service-modal-window .packets-container .content .right-block {
    width: 330px;
    padding: 50px 30px 50px 50px;
    background: #76a82c;
    color: #fff;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

@media (max-width: 767px) {

    .service-modal-window .packets-container .content .left-block,
    .service-modal-window .packets-container .content .right-block {
        width: 320px;
        padding: 50px 30px 50px 50px;
        margin-bottom: 20px;
    }
}

.service-modal-window .packets-container .content .left-block .text .colors .color,
.service-modal-window .packets-container .content .right-block .text .colors .color {
    position: relative;
    padding-left: 30px;
    margin-top: 18px;
    display: inline-block;
}

.service-modal-window .packets-container .content .left-block .text .colors .color:nth-child(odd),
.service-modal-window .packets-container .content .right-block .text .colors .color:nth-child(odd) {
    margin-right: 28px;
}

@media (max-width: 767px) {

    .service-modal-window .packets-container .content .left-block .text .colors .color:nth-child(odd),
    .service-modal-window .packets-container .content .right-block .text .colors .color:nth-child(odd) {
        margin-right: 18px;
    }
}

.service-modal-window .packets-container .content .left-block .text .colors .color:after,
.service-modal-window .packets-container .content .right-block .text .colors .color:after {
    content: "";
    position: absolute;
    top: 0;
    left: -5px;
    width: 21px;
    height: 21px;
    border-radius: 44px;
    background: transparent;
    border: 1px solid #fff;
}

.service-modal-window .packets-container .content .left-block .text .colors .color.brown,
.service-modal-window .packets-container .content .left-block .text .colors .colorless,
.service-modal-window .packets-container .content .right-block .text .colors .color.brown,
.service-modal-window .packets-container .content .right-block .text .colors .colorless {
    min-width: 127px;
}

.service-modal-window .packets-container .content .left-block .text .colors .color.brown:after,
.service-modal-window .packets-container .content .right-block .text .colors .color.brown:after {
    border: 1px solid #561111;
    background: #561111;
}

.service-modal-window .packets-container .content .left-block .text .colors .color.green:after,
.service-modal-window .packets-container .content .right-block .text .colors .color.green:after {
    background: #045820;
    border: 1px solid #045820;
}

.service-modal-window .packets-container .content .left-block .text .colors .color.blue:after,
.service-modal-window .packets-container .content .right-block .text .colors .color.blue:after {
    background: #b4e0ff;
    border: 1px solid #b4e0ff;
}

.service-modal-window .packets-container .content .left-block ul,
.service-modal-window .packets-container .content .right-block ul {
    flex: auto;
    margin: 0;
}

.service-modal-window .packets-container .content .left-block .footer img,
.service-modal-window .packets-container .content .right-block .footer img {
    position: relative;
    right: 0;
    top: 0;
}

.service-modal-window .packets-container .content .left-block img,
.service-modal-window .packets-container .content .right-block img {
    position: absolute;
    right: 20px;
    top: 20px;
}

.service-modal-window .packets-container .content .left-block .img,
.service-modal-window .packets-container .content .right-block .img {
    background: #fff;
    z-index: 233;
    width: calc(100% + 4px);
    position: absolute;
    left: -2px;
    height: 315px;
    bottom: 0;
}

@media (max-width: 767px) {

    .service-modal-window .packets-container .content .left-block .img,
    .service-modal-window .packets-container .content .right-block .img {
        width: 100%;
        left: 0;
        bottom: -2px;
        height: 265px;
    }
}

.service-modal-window .packets-container .content .left-block .img img,
.service-modal-window .packets-container .content .right-block .img img {
    right: 50%;
    top: 50%;
    transform: translate(50%, -50%);
}

.service-modal-window .packets-container .content .left-block .title,
.service-modal-window .packets-container .content .right-block .title {
    font-size: 24px;
    margin-bottom: 15px;
}

.service-modal-window .packets-container .content .left-block li,
.service-modal-window .packets-container .content .right-block li {
    margin-bottom: 20px;
    position: relative;
    line-height: 150%;
}

.service-modal-window .packets-container .content .left-block li:last-child,
.service-modal-window .packets-container .content .right-block li:last-child {
    margin-bottom: 0;
}

.service-modal-window .packets-container .content .left-block li:after,
.service-modal-window .packets-container .content .right-block li:after {
    content: "";
    position: absolute;
    left: -20px;
    top: 12px;
    width: 10px;
    height: 1.5px;
    background: #fff;
}

.service-modal-window .packets-container .content .right-block {
    background: var(--main-grey);
}

.service-modal-window .packets-container .content .left-block {
    padding-bottom: 100px;
}

.service-modal-window .video-block {
    padding: 0 90px 50px;
    background: #f6f6f6;
}

@media (max-width: 767px) {
    .service-modal-window .video-block {
        padding: 50px 0 60px;
    }
}

.service-modal-window .video-block .background-dark {
    background: rgba(45, 74, 90, 0.7) url(../../../../c/d/4d8ff14a-4914-4e90-b140-f55531fa7c8f.jpg);
    width: calc(100% + 2px);
    background-size: cover;
}

.service-modal-window .video-block .title {
    font-size: 32px;
    margin-bottom: 30px;
    text-align: center;
}

@media (max-width: 767px) {
    .service-modal-window .video-block .title {
        font-size: 24px;
    }
}

.service-modal-window .video-block .subtitle {
    font-size: 23px;
    margin: 20px 0 10px;
    text-align: center;
}

@media (max-width: 767px) {
    .service-modal-window .video-block .subtitle {
        padding: 0 28px;
        font-size: 16px;
        text-align: center;
        margin-top: 40px;
    }
}

.service-modal-window .video-block .text {
    font-size: 16px;
    text-align: center;
}

@media (max-width: 767px) {
    .service-modal-window .video-block .text {
        padding: 0 35px;
    }
}

@media (max-width: 767px) {
    .service-modal-window .video-block.recycle {
        padding-bottom: 0;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .service-modal-window {
        font-size: 16px;
        margin-top: 0;
    }

    .service-modal-window .light-red-bg.points-packet-container {
        display: flex;
        justify-content: center;
    }

    .service-modal-window .container-service {
        width: 100%;
    }

    .service-modal-window .points-packet-container {
        font-size: 13px;
        padding: 20px 80px;
        display: block;
        text-align: center;
        margin-bottom: 0;
    }

    .service-modal-window .points-packet-container span {
        display: block;
    }
}

.service-modal-window .container-service,
.zatochka-modal-window.service-modal-window .container-service {
    width: 100%;
}

.service-modal-window .container-service .main-heading,
.zatochka-modal-window.service-modal-window .container-service .main-heading {
    font-size: 24px;
    padding: 70px 0 25px;
}

.service-modal-window .container-service .additional-heading,
.zatochka-modal-window.service-modal-window .container-service .additional-heading {
    font-size: 24px;
}

.service-modal-window .container-service .description-service,
.zatochka-modal-window.service-modal-window .container-service .description-service {
    margin: 0 0 35px;
    padding: 0 18px;
}

.service-modal-window .light-red-bg .text,
.zatochka-modal-window.service-modal-window .light-red-bg .text {
    font-size: 13px;
}

.service-modal-window .batteries-stages,
.zatochka-modal-window.service-modal-window .batteries-stages {
    margin: 0;
    flex-direction: column;
}

.service-modal-window .batteries-stages .stage,
.zatochka-modal-window.service-modal-window .batteries-stages .stage {
    margin: 0;
}

.service-modal-window .batteries-stages .stage .img-block,
.zatochka-modal-window.service-modal-window .batteries-stages .stage .img-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
}

.service-modal-window .batteries-stages .stage .img-block img,
.zatochka-modal-window.service-modal-window .batteries-stages .stage .img-block img {
    height: 38px;
    margin: 0 20px 10px 0;
}

.service-modal-window .batteries-stages .stage .text .conditions,
.zatochka-modal-window.service-modal-window .batteries-stages .stage .text .conditions {
    flex-direction: column;
    padding: 0;
}

.service-modal-window .batteries-stages .stage .text .conditions li,
.zatochka-modal-window.service-modal-window .batteries-stages .stage .text .conditions li {
    align-items: center;
    display: flex;
}

.service-modal-window .batteries-stages .stage .text .conditions li img,
.zatochka-modal-window.service-modal-window .batteries-stages .stage .text .conditions li img {
    display: inline-block;
}

.service-modal-window .batteries-stages .stage .text .conditions li .img-block img,
.zatochka-modal-window.service-modal-window .batteries-stages .stage .text .conditions li .img-block img {
    height: 300px;
}

.service-modal-window .batteries-stages .stage .text .conditions li .text,
.zatochka-modal-window.service-modal-window .batteries-stages .stage .text .conditions li .text {
    display: inline-block;
    max-width: 200px;
    text-align: left;
}

.service-modal-window .batteries-stages ul,
.zatochka-modal-window.service-modal-window .batteries-stages ul {
    order: -1;
    font-size: 13px;
    padding: 0 18px;
}

.service-modal-window .batteries-stages .batteries-box,
.zatochka-modal-window.service-modal-window .batteries-stages .batteries-box {
    margin: 0;
    width: auto;
    padding-top: 30px;
}

.service-modal-window .batteries-stages .batteries-box img,
.zatochka-modal-window.service-modal-window .batteries-stages .batteries-box img {
    width: 100%;
    max-width: 350px;
    margin: 0 auto 20px;
    height: auto;
}

.service-modal-window .batteries-stages .batteries-box .battery-period,
.zatochka-modal-window.service-modal-window .batteries-stages .batteries-box .battery-period {
    width: 100%;
    margin-top: 0;
    padding: 30px 15px 25px;
}

.service-modal-window .batteries-stages .batteries-box .battery-period img,
.zatochka-modal-window.service-modal-window .batteries-stages .batteries-box .battery-period img {
    width: 65px;
    height: auto;
}

.service-modal-window .sort-battery,
.zatochka-modal-window.service-modal-window .sort-battery {
    padding: 20px 35px 25px;
}

.service-modal-window .sort-battery .main-heading,
.zatochka-modal-window.service-modal-window .sort-battery .main-heading {
    margin-bottom: 18px;
}

.service-modal-window .sort-battery .icon,
.zatochka-modal-window.service-modal-window .sort-battery .icon {
    width: 42px;
    height: auto;
}

.app-ad-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 52px;
    background: #fff;
    position: relative;
    padding-right: 12px;
    z-index: 99995;
    border-bottom: 1px solid #f7f7f7;
}

@media (min-width: 768px) {
    .app-ad-banner {
        display: none;
    }
}

.app-ad-banner .main {
    display: flex;
    align-items: center;
}

.app-ad-banner__cross {
    position: relative;
    width: 25px;
    height: 25px;
}

.app-ad-banner__cross:after,
.app-ad-banner__cross:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 7px;
    width: 12px;
    border-radius: 55px;
    height: 1.5px;
    background: #6d6d6d;
    transform: rotate(45deg);
}

.app-ad-banner__cross:after {
    transform: rotate(-45deg);
}

.app-ad-banner .logo-app {
    margin: 0 8px 0 0;
}

.app-ad-banner .text {
    font-size: 12px;
    font-weight: 500;
    margin-right: 10px;
}

.app-ad-banner .text .wrap {
    display: flex;
}

.app-ad-banner .text .wrap .rating {
    font-size: 12px;
    font-weight: 700;
    color: #6d6d6d;
    margin-left: 8px;
}

.app-ad-banner .text .title {
    font-size: 14px;
    color: #363636;
    font-weight: 700;
}

.app-ad-banner .btn,
.app-ad-banner .text .stars {
    display: flex;
    align-items: center;
}

.app-ad-banner .btn {
    width: 86px;
    height: 30px;
    color: #fff;
    justify-content: center;
    font-size: 12px;
    font-weight: 500;
    background: var(--main-grey);
    border-radius: 4px;
}

@media (max-width: 370px) {
    .app-ad-banner .btn {
        width: 66px;
    }
}

@media (max-width: 767px) {
    .app-link-ad-content {
        position: fixed;
        bottom: 0;
        min-height: 215px;
        width: 100%;
    }
}

@media (max-width: 767px) and (min-width: 768px) {
    .app-link-ad-content {
        display: none;
    }
}

@media (max-width: 767px) {
    .app-link-ad-content .cross {
        z-index: 1002;
        position: absolute;
        right: 15px;
        top: 15px;
    }

    .app-link-ad-content .cross:after,
    .app-link-ad-content .cross:before {
        display: none;
    }
}

@keyframes radar-animation-1 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    90%,
    to {
        opacity: 0;
        -webkit-transform: scale(3);
        transform: scale(3);
    }
}

@keyframes radar-animation-2 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    90%,
    to {
        opacity: 0;
        -webkit-transform: scale(6);
        transform: scale(5);
    }
}

body.cart-animation .cart-btn__count-goods:after,
body.cart-animation .cart-btn__count-goods:before {
    content: "";
    position: absolute;
    top: 0;
    left: calc(50% - 8px);
    z-index: -1;
    opacity: 0.8;
    height: 16px;
    width: 16px;
    background-color: var(--main-red);
    border-radius: 50%;
}

body.cart-animation .cart-btn__count-goods:after {
    animation: radar-animation-2 1s 1;
    animation-delay: 0.2s;
}

body.cart-animation .cart-btn__count-goods:before {
    animation: radar-animation-1 1s 1;
}

.cart-btn {
    display: flex;
    align-items: center;
    background: #f1f1f1;
    border-radius: 8px;
    padding: 10px 16px;
    line-height: 1;
    font-size: 14px;
    position: relative;
    font-weight: 500;
    cursor: pointer;
    width: max-content;
    transition: all 0.3s ease-in-out;
}

@media (max-width: 1279px) {
    .cart-btn {
        background-color: #fff;
        padding: 0;
    }
}

@media (max-width: 767px) {
    .cart-btn {
        padding-left: 0;
    }

    .cart-btn .cart-btn__total {
        display: none;
    }
}

.cart-btn:hover {
    color: var(--main-red);
}

.cart-btn:hover .cart-btn__icon svg path {
    fill: var(--main-red);
}

.cart-btn__icon {
    position: relative;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart-btn__count-goods {
    position: absolute;
    top: -15px;
    left: 10px;
    z-index: 1;
    background-color: var(--main-red);
    border-radius: 80px;
    font-weight: 500;
    color: #fff;
    font-size: 12px;
    padding: 3px 6px;
}

@media (max-width: 767px) {
    .cart-btn__count-goods {
        top: -12px;
        left: auto;
        right: 5px;
    }
}

.cart-btn__total {
    padding-top: 1px;
    margin-left: 4px;
}

.cart-btn__decimal,
.cart-btn__hrn {
    font-size: 12px;
}

.change-order {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 16px;
    position: relative;
    z-index: 1;
    padding: 0;
}

.change-order--mini-cart {
    margin-bottom: 0;
}

.change-order__heading {
    background: #f79410;
    border-radius: 8px 8px 0 0;
    display: flex;
    width: 100%;
    max-width: 100%;
    align-items: center;
    color: #fff;
    padding: 11px 16px 7px;
}

@media (max-width: 767px) {
    .change-order__heading {
        font-size: 14px;
        padding: 11px;
    }
}

.change-order__heading__icon {
    margin-right: 8px;
}

.change-order__select-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    padding: 16px;
    border-bottom: 2px solid #f79410;
    border-left: 2px solid #f79410;
    border-right: 2px solid #f79410;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    width: 100%;
}

@media (max-width: 767px) {
    .change-order__select-button {
        flex-direction: column;
    }
}

.change-order__select-wrapper {
    display: flex;
    align-items: center;
    margin-right: 15px;
    height: auto;
    width: 100%;
}

@media (max-width: 767px) {
    .change-order__select-wrapper {
        margin: 0;
    }
}

.change-order__select.button {
    border-radius: 8px !important;
    border: 1px solid #cbcbcb !important;
    height: auto !important;
    width: auto !important;
    font-size: 14px !important;
    width: 100% !important;
    padding: 8px 14px !important;
}

@media (max-width: 767px) {
    .change-order__select.button {
        margin-bottom: 12px !important;
    }
}

.change-order__submit-btn {
    color: #fff;
    background: #f79410;
    padding: 13px 44px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 8px;
    width: auto;
    height: auto;
    letter-spacing: 0.02em;
}

.change-order__submit-btn:hover {
    transition: all 0.2s;
    background: #ffbd00;
    color: #fff;
    cursor: pointer;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .change-order {
        margin: 0 25px 12px;
    }
}

@media (max-width: 767px) {
    .change-order {
        margin: 0 12px 12px;
    }
}

.benefits-wrapper {
    max-width: 100%;
}

.benefits-wrapper__heading {
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 700;
    text-align: left;
    display: block;
}

.benefits-wrapper__link {
    text-decoration: underline;
    transition: color 0.2s ease-in-out;
}

.benefits-wrapper__link:hover {
    color: var(--main-red);
}

.benefits-wrapper__gift {
    display: flex;
    align-items: center;
    font-size: 14px;
    column-gap: 12px;
}

.benefits-wrapper__gift:not(:last-of-type),
.benefits-wrapper__gift:only-of-type {
    margin-bottom: 12px;
}

.benefits-wrapper__progress-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    column-gap: 12px;
    line-height: 1;
    margin-top: 12px;
}

.benefits-wrapper__price-left,
.benefits-wrapper__price-right {
    font-weight: 500;
    font-size: 14px;
    min-width: max-content;
}

.benefits-wrapper__price-left__decimal,
.benefits-wrapper__price-left__hrn {
    font-size: 12px;
}

.benefits-wrapper__price-center {
    display: flex;
    text-align: center;
    justify-content: center;
    font-size: 12px;
    margin-top: 4px;
}

.benefits-wrapper__price-center__value {
    font-weight: 500;
}

.benefits-wrapper__progress-bar {
    background-color: #969696;
    border-radius: 100px;
    width: 100%;
    height: 8px;
}

.benefits-wrapper__progress-bar__value {
    background-color: #d791a0;
    border-radius: 100px;
    height: 8px;
    transition: width 0.2s ease-in-out;
}

.benefits-wrapper__divider {
    height: 1px;
    border: 1px dashed #969696;
    width: 100%;
    margin: 12px 0;
}

.benefits-full {
    background: #f9f9f9;
    border-radius: 12px;
    padding: 20px;
}

.benefits-full h2,
.benefits-full h3 {
    font-size: 20px;
    font-weight: 700;
}

.benefits-full h2:first-child,
.benefits-full h3:first-child {
    margin-top: 0;
    margin-bottom: 1rem;
}

.benefits-full p:last-child {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .benefits-full {
        padding: 12px;
    }
}

.cost-rubles__decimal,
.cost-rubles__hrn {
    font-size: 14px;
}

.mini-cart__services {
    font-size: 14px;
    padding: 4px 15px 12px 20px;
}

.mini-cart__service {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    padding: 12px 0;
    border-top: 1px solid #e5e5e5;
}

.mini-cart__service--no-border {
    border-top: none;
}

.mini-cart__img-title {
    display: flex;
    align-items: center;
}

.mini-cart__img-wrapper {
    margin-right: 14px;
}

.mini-cart__price-trash {
    display: flex;
    align-items: center;
}

.mini-cart__title {
    line-height: 130%;
    max-width: 120px;
}

.mini-cart__price-wrapper {
    text-align: right;
    line-height: 100%;
    margin-right: 16px;
}

.mini-cart__price {
    display: block;
    font-weight: 700;
    margin-bottom: 4px;
}

.mini-cart__price-total {
    display: block;
    font-weight: 700;
    color: #6d6d6d;
}

.basket-container {
    position: relative;
}

.basket-container.full ul.empty,
.basket-container.empty:not(.full) .go-order .button-order {
    display: none !important;
}

.basket-container.empty .empty li {
    text-align: center;
    justify-content: center !important;
}

.basket-container .loyalty-mini-cart {
    padding: 10px 15px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-size: 14px;
    background: #f7f6f6;
}

.basket-container .loyalty-mini-cart .item.bonus a {
    display: inline;
}

.basket-container .loyalty-mini-cart .title {
    display: none;
}

.basket-container .loyalty-mini-cart .wrapper {
    display: flex;
    align-items: center;
    margin: 12px 0 10px;
    position: relative;
    padding-bottom: 10px;
}

.basket-container .loyalty-mini-cart .wrapper .progress-bar {
    position: relative;
    height: 10px;
    width: 290px;
    margin: 0 10px;
    border-radius: 30px;
    background: #e5e5e5;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.basket-container .loyalty-mini-cart .wrapper .progress-bar .price-left-to-free-delivery {
    color: #363636;
}

.basket-container .loyalty-mini-cart .wrapper .progress-bar .progress-bar-value {
    background: #76a82c;
    position: absolute;
    width: 0;
    height: 10px;
    border-radius: 30px;
}

.basket-container .loyalty-mini-cart .item.gift {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.basket-container .loyalty-mini-cart .item.gift img {
    margin-right: 8px;
}

.basket-container .loyalty-mini-cart .item.gift .wrap {
    display: inline;
    font-size: 12px;
    line-height: 130%;
}

.basket-container .loyalty-mini-cart .item.gift .wrap a {
    display: inline;
    min-width: auto;
    flex: auto;
}

.basket-container .loyalty-mini-cart .item.gift .wrap a .link {
    text-decoration: underline;
}

.basket-container .loyalty-mini-cart img {
    margin-right: 0;
}

.basket-container .wrap {
    display: flex;
}

.basket-container .wrap .item {
    display: flex;
    align-items: center;
    font-size: 12px;
}

.basket-container .wrap .item img {
    margin-right: 8px;
}

.basket-container .wrap .item .link {
    color: var(--main-grey);
    text-decoration: underline;
}

.basket-container .wrap .item .wrap {
    display: inline;
}

.basket-container .wrap .item.bonus {
    min-width: 125px;
    margin-right: 40px;
}

.basket-container .cart-total-price {
    font-size: 16px;
    font-weight: 900;
    text-align: center;
    display: inline-block;
    color: #5e5f61;
}

.basket-container .cart-total-price .ruble {
    font-size: 16px;
    display: inline-block;
    margin-left: 5px;
}

.basket-container .basket-block {
    width: 550px;
    position: absolute;
    box-sizing: border-box;
    top: 40px;
    right: 0;
    z-index: 1000000;
    padding-top: 8px;
}

.basket-container.empty:not(.full) .basket-block {
    width: 300px;
}

.basket-container .basket-block .empty {
    padding: 18px;
    text-align: center;
}

.basket-container.full .empty,
.basket-container .basket-block .info,
.basket-container .basket-block .old-price-product,
.basket-container .basket-block .amount-price,
.basket-container .basket-block .quantity,
.basket-container.empty:not(.full) .cart-btn__count-goods,
.basket-container.empty:not(.full) .cart-btn__total,
.basket-container:not(.active) .basket-block,
.basket-container #mc-dynamic:empty {
    display: none !important;
}

.basket-container .basket-block .basket-box {
    background: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    position: relative;
    border-radius: 8px;
}

.basket-container .basket-block .basket-box .close-basket {
    position: absolute;
    right: 32px;
    top: 23px;
    cursor: pointer;
}

.basket-container .basket-block .basket-box .header {
    display: flex;
    align-items: center;
    font-size: 14px;
    margin: 0 auto;
    padding: 20px;
    color: var(--main-grey);
}

.basket-container .basket-block .basket-box .header picture {
    margin-right: 10px;
}

.basket-container .basket-block .basket-box .header .date-delivery {
    font-weight: 700;
}

.basket-container .basket-block .basket-box .content-basket .go-order {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    background: var(--main-red);
    color: #fff;
    border-radius: 0 0 8px 8px;
}

.basket-container.empty:not(.full) .basket-block .basket-box .content-basket .go-order {
    display: none !important;
}

.basket-container .basket-block .basket-box .content-basket .go-order .button-yellow {
    height: 40px;
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 400;
    background: #ffbd00;
}

.basket-container .basket-block .basket-box .content-basket .go-order .button-yellow:hover {
    background: #fc9a11;
}

.basket-container .basket-block .basket-box .content-basket .go-order .results {
    display: flex;
    flex-direction: column;
    font-weight: 400;
    font-size: 12px;
    padding-right: 15px;
    flex: 1;
}

.basket-container .basket-block .basket-box .content-basket .go-order .results span {
    font-size: 16px;
    font-weight: 400;
}

.basket-container .basket-block .basket-box .content-basket .go-order .results b {
    font-weight: 700;
}

.basket-container .basket-block .basket-box .content-basket .go-order .results b.sum {
    font-size: 16px;
}

.basket-container .basket-block .basket-box .content-basket .go-order .results b.sum .kopecks {
    font-size: 12px;
}

.basket-container .basket-block .basket-box .content-basket .go-order .results .clear-basket {
    font-size: 14px;
    font-weight: 400;
    margin-top: 5px;
}

.basket-container .basket-block .basket-box .content-basket .go-order .results .clear-basket:hover {
    text-decoration: none;
}

.basket-container .basket-block .basket-box .content-basket ul {
    min-height: auto;
    max-height: 350px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 5px 15px 0 20px;
    position: relative;
    background-color: #fff;
    border-radius: 8px 8px 0 0;
    z-index: 0;
}

.basket-container.empty:not(.full) .basket-block .basket-box .content-basket ul {
    border-radius: 8px;
}

.basket-container .basket-block .basket-box .content-basket ul li {
    min-height: 62px;
    padding: 2px 0;
    border-top: 1px solid #e5e5e5;
    display: grid;
    align-items: center;
    grid-template-columns: 65px 1fr 130px 85px 24px;
}

.basket-container .basket-block .basket-box .content-basket ul li:first-child {
    border: none;
}

.basket-container .basket-block .basket-box .content-basket ul li:last-child .control-buttons>.title {
    top: -55px;
}

.basket-container .basket-block .basket-box .content-basket ul li:last-child .control-buttons>.title:before {
    content: "";
    border-left: 14px solid transparent;
    border-top: 9px solid #e5e5e5;
    position: absolute;
    border-bottom: none;
    top: 42px;
    right: -1px;
}

.basket-container .basket-block .basket-box .content-basket ul li:last-child .control-buttons>.title:after {
    content: "";
    border-left: 14px solid transparent;
    border-top: 9px solid #fff;
    border-bottom: none;
    position: absolute;
    top: 40px;
    right: 0;
}

.basket-container .basket-block .basket-box .content-basket ul li .image-block {
    position: relative;
    width: 50px;
    height: 50px;
    margin-right: 14px;
    flex: 0 0 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.basket-container .basket-block .basket-box .content-basket ul li .image-block img {
    position: absolute;
    max-width: 100%;
    max-height: 45px;
}

.basket-container .basket-block .basket-box .content-basket ul li .product-name {
    font-size: 13px;
    font-weight: 400;
    flex: 1;
    line-height: 1.1;
    margin-right: 12px;
    justify-content: flex-start;
}

.basket-container .basket-block .basket-box .content-basket ul li .missing-product {
    font-size: 12px;
    color: var(--main-grey);
}

.basket-container .basket-block .basket-box .content-basket ul li .count-product-block {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}

.basket-container .basket-block .basket-box .content-basket ul li .count-product-block .count-product {
    font-size: 13px;
    font-weight: 400;
    margin: 0 8px;
}

.basket-container .basket-block .basket-box .content-basket ul li .count-product-block .count-product input {
    text-align: center;
    width: 30px;
}

.basket-container .basket-block .basket-box .content-basket ul li .count-product-block .ProductBuyBtns__minus,
.basket-container .basket-block .basket-box .content-basket ul li .count-product-block .ProductBuyBtns__plus {
    width: 30px;
    height: 30px;
}

.basket-container .basket-block .basket-box .content-basket ul li .count-product-block .ProductBuyBtns__minus:before,
.basket-container .basket-block .basket-box .content-basket ul li .count-product-block .ProductBuyBtns__plus:before {
    width: calc(100% - 20px);
}

.basket-container .basket-block .basket-box .content-basket ul li .count-product-block .ProductBuyBtns__plus:after {
    height: calc(100% - 20px);
}

.basket-container .basket-block .basket-box .content-basket ul li .count-product-block .count-product input::-webkit-inner-spin-button,
.basket-container .basket-block .basket-box .content-basket ul li .count-product-block .count-product input::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.basket-container .basket-block .basket-box .content-basket ul li .count-product-block .reduce-count-product.minimum {
    background: #e5e5e5;
    cursor: default;
}

.basket-container .basket-block .basket-box .content-basket ul li .count-product-block .reduce-count-product.minimum:hover {
    background: #e5e5e5;
}

.basket-container .basket-block .basket-box .content-basket ul li .count-product-block .increase-count-product,
.basket-container .basket-block .basket-box .content-basket ul li .count-product-block .reduce-count-product {
    height: 26px;
    width: 26px;
    display: block;
    cursor: pointer;
    transition: all 0.2s;
    background: #c7c7c7;
    border-radius: 20px;
    position: relative;
}

.basket-container .basket-block .basket-box .content-basket ul li .count-product-block .increase-count-product:hover,
.basket-container .basket-block .basket-box .content-basket ul li .count-product-block .reduce-count-product:hover {
    background: var(--main-grey);
}

.basket-container .basket-block .basket-box .content-basket ul li .count-product-block .increase-count-product:after,
.basket-container .basket-block .basket-box .content-basket ul li .count-product-block .reduce-count-product:after {
    content: "";
    position: absolute;
    width: 12px;
    height: 2px;
    top: 50%;
    left: calc(50% - 6px);
    background: #fff;
    border-radius: 10px;
}

.basket-container .basket-block .basket-box .content-basket ul li .price {
    flex: 1 0 auto;
    margin-top: 16px;
}

.basket-container .basket-block .basket-box .content-basket ul li .price .cost-rubles {
    font-size: 16px;
    font-weight: 700;
    margin: -13px 0 3px;
    text-align: center;
}

.basket-container .basket-block .basket-box .content-basket ul li .price .price-for-what {
    font-weight: 400;
    font-size: 14px;
}

.basket-container .basket-block .basket-box .content-basket ul li .control-buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 0 0 auto;
    z-index: 1;
    margin-right: 28px;
    position: relative;
    cursor: pointer;
}

.basket-container .basket-block .basket-box .content-basket ul li .control-buttons .remove:hover {
    cursor: pointer;
}

.basket-container .basket-block .basket-box .content-basket ul li .control-buttons .remove:hover svg path {
    fill: var(--main-red);
}

.basket-container .basket-block .basket-box .content-basket ul li .control-buttons svg {
    height: 24px;
}

.basket-container .basket-block .basket-box .content-basket ul li .control-buttons button {
    background: none;
    padding: 0;
    margin: 0;
    line-height: 1;
    border: 0;
}

.basket-container .basket-block .basket-box .content-basket ul li .control-buttons .hover {
    display: none;
}

.basket-container .basket-block .basket-box .content-basket ul li .control-buttons:hover .hover {
    display: block;
}

.basket-container .basket-block .basket-box .content-basket ul li .control-buttons:hover .static {
    display: none;
}

.basket-container .basket-block .basket-box .content-basket ul li .control-buttons>.title {
    display: none;
    position: absolute;
    top: 30px;
    right: 10px;
    padding: 8px 7px;
    border: 1px solid #e5e5e5;
    color: #5e5f61;
    width: 130px;
    font-size: 12px;
    text-align: center;
    background: #fff;
}

.basket-container .basket-block .basket-box .content-basket ul li .control-buttons>.title:before {
    content: "";
    border-left: 14px solid transparent;
    border-bottom: 9px solid #e5e5e5;
    position: absolute;
    top: -9px;
    right: -1px;
}

.basket-container .basket-block .basket-box .content-basket ul li .control-buttons>.title:after {
    content: "";
    border-left: 14px solid transparent;
    border-bottom: 9px solid #fff;
    position: absolute;
    top: -7px;
    right: 0;
}

.basket-container .basket-block .basket-box .content-basket ul li .control-buttons:last-child {
    margin-right: 0;
}

.basket-container .basket-block .basket-box .content-basket ul li.null-list {
    font-weight: 400;
    font-size: 16px;
    display: block;
}

.basket-container .basket-block .basket-box .content-basket ul li.null-list a {
    display: inline;
    color: var(--main-grey);
    text-decoration: underline;
}

.basket-container .basket-block .basket-box .content-basket ul li.present-li {
    position: relative;
}

.basket-container .basket-block .basket-box .content-basket ul li.present-li .background-grey {
    position: absolute;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 100%, 0.5);
}

.basket-container .basket-block .basket-box .content-basket ul li.present-li .present {
    color: var(--main-grey);
    display: flex;
    align-items: center;
    flex: 1 0 auto;
    justify-content: center;
    font-size: 16px;
}

.basket-container .basket-block .basket-box .content-basket ul li.present-li .present picture {
    margin-right: 10px;
}

.basket-container .basket-block .basket-box .content-basket ul li.present-li .control-buttons {
    margin-left: 15px;
}

.basket-container .basket-block .basket-box .content-basket ul li.go-order .results {
    display: flex;
    flex-direction: column;
    font-weight: 400;
    font-size: 12px;
}

.basket-container .basket-block .basket-box .content-basket ul li.go-order .results span {
    font-size: 16px;
    font-weight: 400;
}

.basket-container .basket-block .basket-box .content-basket ul li.go-order .results b {
    font-weight: 700;
}

.basket-container .basket-block .basket-box .content-basket ul li.go-order .results b.sum {
    font-size: 16px;
}

.basket-container .basket-block .basket-box .content-basket ul li.go-order .results b.sum .kopecks {
    font-size: 12px;
}

.basket-container .basket-block .basket-box .content-basket ul li.go-order .results .clear-basket {
    font-size: 12px;
    font-weight: 400;
    margin-top: 5px;
    color: #a1a1a2;
}

.basket-container .basket-block .basket-box .content-basket ul li.go-order .results .clear-basket:hover {
    text-decoration: none;
}

.basket-container .basket-block .basket-box .content-basket ul li.go-order .button-red {
    padding: 11px 45px;
    font-size: 16px;
}

.basket-container .basket-block .basket-box .footer {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
}

.basket-container .basket-block .basket-box .footer .required-sum {
    font-weight: 700;
}

.basket-container .basket-block .basket-box .footer.min-order {
    background: #ff513b;
}

.basket-container .basket-block .basket-box .footer.free-delivery {
    background: #2d4a5a;
    height: 50px;
    line-height: 50px;
    padding-left: 75px;
    position: relative;
}

.basket-container .basket-block .basket-box .footer.free-delivery:after {
    content: "";
    position: absolute;
    width: 65px;
    left: 15px;
    height: 50px;
    background: url(https://www.bustrayytka.com/src/images/gift.png.webp);
    background-size: cover;
}

.basket-container .basket-block.dontShow {
    display: none;
}

.merge-carts {
    background: #fff;
    padding: 40px 25px 60px;
}

@media (max-width: 767px) {
    .merge-carts {
        padding: 30px 0 45px;
    }
}

.merge-carts .submit {
    width: 230px;
    height: 42px;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.merge-carts .main-title {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center;
}

@media (max-width: 767px) {
    .merge-carts .main-title {
        font-size: 24px;
    }
}

.merge-carts .desc {
    font-size: 16px;
    line-height: 130%;
    margin: 0 auto 30px;
    text-align: center;
    max-width: 480px;
}

@media (max-width: 767px) {
    .merge-carts .desc {
        margin-bottom: 25px;
    }
}

.merge-carts .carousel-content {
    position: relative;
}

.merge-carts .btn-to-choose {
    background: #fff;
    position: relative;
    font-size: 14px;
    width: 110px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 30px;
    border: 2px solid var(--main-grey);
    border-radius: 4px;
    color: var(--main-grey);
    position: absolute;
    left: 305px;
    top: 0;
}

@media (max-width: 767px) {
    .merge-carts .btn-to-choose {
        left: auto;
        right: 20px;
        top: 5px;
    }
}

@media (max-width: 410px) {
    .merge-carts .btn-to-choose {
        top: 5px;
    }
}

.merge-carts .btn-to-choose:hover {
    background: var(--main-grey);
    color: #fff;
    cursor: pointer;
    transition: all 0.2s;
}

.merge-carts .btn-to-choose img {
    position: absolute;
    left: 13px;
    top: 7px;
}

.AuthModalsPolicyDisc {
    color: #6d6d6d;
    font-size: 14px;
    line-height: 130%;
    text-align: center;
    margin-top: auto;
}

.AuthModalsRestorePass__text {
    line-height: 130%;
    font-size: 14px;
    margin-bottom: 40px;
    text-align: center;
}

.AuthModalsReferal {
    background-color: #ffe9f0;
}

.AuthModalsReferal__img {
    position: absolute;
    z-index: 0;
}

.AuthModalsReferal__img--broccoli {
    top: 0;
    left: 0;
}

@media (max-width: 767px) {
    .AuthModalsReferal__img--broccoli {
        top: -50px;
        left: -30px;
    }
}

.AuthModalsReferal__img--mussels {
    left: 0;
    top: 177px;
}

@media (max-width: 767px) {
    .AuthModalsReferal__img--mussels {
        width: 100px;
        left: -17px;
        top: 217px;
    }
}

.AuthModalsReferal__img--fish {
    bottom: 0;
    left: 0;
}

@media (max-width: 767px) {
    .AuthModalsReferal__img--fish {
        bottom: -6px;
        left: -10px;
        width: 240px;
    }
}

.AuthModalsReferal__img--leaf {
    top: 0;
    right: 0;
}

@media (max-width: 767px) {
    .AuthModalsReferal__img--leaf {
        top: -15px;
        right: -20px;
    }
}

.AuthModalsReferal__img--shrimp {
    top: 82px;
    right: 0;
}

@media (max-width: 767px) {
    .AuthModalsReferal__img--shrimp {
        top: 112px;
        right: 0;
        width: 60px;
    }
}

.AuthModalsReferal__img--avocado {
    top: 239px;
    right: 0;
}

@media (max-width: 767px) {
    .AuthModalsReferal__img--avocado {
        top: 199px;
        right: -30px;
        width: 120px;
    }
}

.AuthModalsReferal__img--caviar {
    bottom: 0;
    right: 0;
}

@media (max-width: 767px) {
    .AuthModalsReferal__img--caviar {
        bottom: -30px;
        right: -30px;
    }
}

.AuthModalsReferal__heading {
    margin-bottom: 16px;
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    line-height: 130%;
}

.AuthModalsReferal__info-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 14px;
    line-height: 130%;
    position: relative;
    margin-bottom: 16px;
}

.AuthModalsReferal__info-wrapper__center-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}

.AuthModalsReferal__info {
    width: 120px;
    height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.AuthModalsReferal__info__icon {
    margin-bottom: 18px;
}

.AuthModalsReferal__btn {
    margin-bottom: 24px;
    position: relative;
    z-index: 10;
}

.AuthModalsReferal__disclaimer {
    margin: 0 auto;
    display: flex;
    align-items: center;
    color: var(--main-grey);
    font-size: 14px;
    line-height: 130%;
    width: 100%;
    justify-content: center;
    position: relative;
    z-index: 10;
}

.AuthModalsReferal__disclaimer__icon {
    margin-right: 8px;
}

.AuthModalsReferal__disclaimer__text {
    width: 211px;
}

.AuthModals {
    background-color: #fff;
    border-radius: 30px;
    padding: 64px 80px 40px;
    width: 480px;
    position: relative;
    overflow: hidden;
    height: 430px;
    display: flex;
    flex-direction: column;
}

@media (max-width: 767px) {
    .AuthModals {
        width: 100vw;
        border-radius: 0;
        padding: 60px 16px 32px;
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }
}

.AuthModals--referal {
    background-color: #ffe9f0;
    height: 580px;
}

@media (max-width: 767px) {
    .AuthModals--referal {
        height: auto;
    }
}

.AuthModals__header {
    position: absolute;
    width: calc(100% - 48px);
    top: 24px;
    left: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 10;
}

@media (max-width: 767px) {
    .AuthModals__header {
        top: 16px;
        left: 16px;
        width: calc(100% - 32px);
    }
}

.AuthModals__arrow-back {
    cursor: pointer;
}

.AuthModals__cross {
    cursor: pointer;
    margin-left: auto;
}

.AuthModals__heading {
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    line-height: 130%;
    margin-bottom: 32px;
    word-wrap: break-word;
}

.AuthModals__input {
    margin-bottom: 24px;
    text-align: center;
}

.AuthModals__text-btn {
    color: var(--main-red);
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    font-weight: 500;
    position: relative;
    z-index: 1000;
    width: max-content;
    margin: 0 auto;
}

.AuthModals__text-btn:hover {
    color: var(--main-red);
}

.form-btn,
.AuthModals__btn {
    width: 100%;
    background-color: var(--main-grey);
    color: #fff;
    font-size: 14px;
    line-height: 100%;
    text-align: center;
    padding: 17px 0;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
}

@media (max-width: 767px) {
    .AuthModals__btn {
        margin-bottom: 32px;
    }
}

.form-btn:hover,
.AuthModals__btn:hover {
    background-color: var(--main-red);
}

.form-btn:disabled,
.AuthModals__btn:disabled {
    background-color: #cbcbcb;
    cursor: default;
}

.form-btn:disabled:hover,
.AuthModals__btn:disabled:hover {
    background-color: #cbcbcb;
}

.AuthModals__btn--grey {
    color: #6d6d6d;
    border: 1px solid #6d6d6d;
    background-color: #fff;
}

.AuthModals__btn--grey:hover {
    color: #fff;
    border: 1px solid var(--main-red);
}

.AuthModals__error-msg {
    font-size: 14px;
    line-height: 130%;
    color: var(--main-red);
    text-align: center;
    margin: -12px 0 24px;
}

.AuthModals__link {
    text-decoration: underline;
}

.AuthModals__link:hover {
    color: #363636;
}

.AuthModals__phone-sent {
    text-align: center;
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 28px;
}

.AuthModals__phone-sent__medium {
    font-weight: 500;
}

.AuthModals__code-timer {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
}

.CallbackModal {
    display: flex;
    flex-direction: column;
    text-align: center;
    height: 100%;
}

.CallbackModal__title {
    margin: 0 0 16px;
    font-size: 32px;
    line-height: 130%;
    font-weight: 700;
}

.CallbackModal__desc {
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 130%;
}

.CallbackModal__name-input,
.CallbackModal__phone-input {
    margin-bottom: 16px;
}

.CallbackModal__btn {
    padding: 16px 0;
    width: 100%;
    line-height: 100%;
    background: var(--main-grey);
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    margin-top: auto;
}

.CallbackModal__btn:hover {
    background: var(--main-red);
}

.header-main {
    position: -webkit-sticky;
    position: sticky;
    background-color: #fff;
    top: 0;
    left: 0;
    right: 0;
    z-index: 979;
    padding: 16px 0;
    width: 100%;
    transition: box-shadow 0.2s ease-in-out;
}

@media (max-width: 767px) {
    .header-main {
        padding: 16px 0;
    }
}

.header-main__newbee {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s ease-in-out;
    font-size: 14px;
    white-space: nowrap;
}

@media (min-width: 768px) and (max-width: 1200px) {
    .header-main__newbee {
        display: none !important;
    }
}

.header-main__newbee:hover {
    color: var(--main-red);
}

.header-main__newbee__icon {
    margin-right: 4px;
}

.header-main__main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1400px;
    margin: 0 auto;
    gap: 16px;
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .header-main__main {
        max-width: 1240px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .header-main__main {
        padding: 0 25px;
    }
}

@media (max-width: 767px) {
    .header-main__main {
        padding: 0;
        justify-content: space-around;
        flex-wrap: wrap;
        gap: 0;
    }
}

.header-main--shadow {
    box-shadow: 0 4px 20px -6px rgba(0, 0, 0, 0.15);
}

.flowers-postcard-modal {
    width: 625px;
}

@media (max-width: 767px) {
    .flowers-postcard-modal {
        width: 320px;
    }
}

.flowers-postcard-modal .cross {
    right: 10px;
    left: auto;
}

.flowers-postcard-modal .flowers-postcard {
    background: #fff;
    display: flex;
}

.flowers-postcard-modal .flowers-postcard .left-side {
    min-width: 180px;
    background: url(https://www.bustrayytka.com/src/images/flowers-modal-bg.jpg.webp);
    background-size: cover;
    background-repeat: no-repeat;
}

@media (max-width: 767px) {
    .flowers-postcard-modal .flowers-postcard .left-side {
        display: none;
    }
}

.flowers-postcard-modal .flowers-postcard .right-side {
    padding: 45px 45px 60px;
    overflow: hidden;
}

@media (max-width: 767px) {
    .flowers-postcard-modal .flowers-postcard .right-side {
        padding: 35px 25px;
        background: url(https://www.bustrayytka.com/src/images/flowers-modal-bg-mobile.jpg.webp);
        background-size: cover;
    }
}

.flowers-postcard-modal .flowers-postcard .right-side .title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
    text-align: center;
}

@media (max-width: 767px) {
    .flowers-postcard-modal .flowers-postcard .right-side .title {
        margin-bottom: 10px;
    }
}

.flowers-postcard-modal .flowers-postcard .right-side .subtitle {
    font-size: 14px;
    margin-bottom: 30px;
    text-align: center;
}

@media (max-width: 767px) {
    .flowers-postcard-modal .flowers-postcard .right-side .subtitle {
        margin-bottom: 20px;
    }
}

.flowers-postcard-modal .flowers-postcard .right-side .subtitle.is-carousel {
    margin-bottom: 20px;
}

.flowers-postcard-modal .flowers-postcard .right-side .warning {
    position: absolute;
    bottom: 140px;
    color: #363636;
    font-size: 12px;
}

@media (max-width: 767px) {
    .flowers-postcard-modal .flowers-postcard .right-side .warning {
        position: relative;
        bottom: 10px;
    }
}

.flowers-postcard-modal .flowers-postcard .right-side .input-title {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
}

.flowers-postcard-modal .flowers-postcard .right-side .input-title.max {
    color: #363636;
}

.flowers-postcard-modal .flowers-postcard .right-side .input-title .left-symbols {
    display: inline-block;
    color: #999;
    margin-left: 6px;
}

.flowers-postcard-modal .flowers-postcard .right-side .input-title .left-symbols.max {
    color: var(--main-grey);
}

.flowers-postcard-modal .flowers-postcard .right-side input,
.flowers-postcard-modal .flowers-postcard .right-side textarea {
    border: 2px solid #999;
    border-radius: 4px;
    color: #363636;
    width: 100%;
    padding: 0 0 0 18px;
    height: 50px;
    font-size: 14px;
    margin-bottom: 20px;
}

@media (max-width: 767px) {

    .flowers-postcard-modal .flowers-postcard .right-side input,
    .flowers-postcard-modal .flowers-postcard .right-side textarea {
        margin-bottom: 15px;
    }
}

.flowers-postcard-modal .flowers-postcard .right-side textarea {
    padding: 18px;
    height: 136px;
}

@media (max-width: 767px) {
    .flowers-postcard-modal .flowers-postcard .right-side textarea {
        height: 158px;
        padding: 12px;
    }
}

.flowers-postcard-modal .flowers-postcard .right-side textarea.limit {
    border-color: #363636;
}

.flowers-postcard-modal .flowers-postcard .right-side .carousel-wrapper {
    margin-bottom: 20px;
}

.flowers-postcard-modal .flowers-postcard .right-side ::-webkit-input-placeholder {
    color: #999;
}

.flowers-postcard-modal .flowers-postcard .right-side :-ms-input-placeholder {
    color: #999;
}

.flowers-postcard-modal .flowers-postcard .right-side :-moz-placeholder,
.flowers-postcard-modal .flowers-postcard .right-side ::-moz-placeholder {
    color: #999;
}

.flowers-postcard-modal .flowers-postcard .right-side .button-red {
    height: 45px;
    width: 270px;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    margin: 15px auto;
}

@media (max-width: 767px) {
    .flowers-postcard-modal .flowers-postcard .right-side .button-red {
        margin-top: 0;
    }
}

.flowers-postcard-modal .flowers-postcard .right-side .cancel {
    font-size: 14px;
    text-decoration: underline;
    color: #999;
    text-align: center;
}

.flowers-postcard-modal .flowers-postcard .right-side .cancel:hover {
    cursor: pointer;
    color: #363636;
}

@media (max-width: 767px) {
    .flowers-postcard-modal .flowers-postcard .right-side .cancel {
        color: #363636;
    }
}

.FooterSocialIcons {
    display: flex;
    align-items: center;
    column-gap: 16px;
    height: 24px;
}

@media (max-width: 767px) {
    .FooterSocialIcons {
        justify-content: center;
        margin-bottom: 24px;
        column-gap: 20px;
    }
}

.FooterSocialIcons__icon {
    display: block;
}

.FooterSocialIcons__icon svg path {
    fill: var(--main-font-color);
}

.FooterSocialIcons__icon:hover svg path {
    fill: var(--main-red);
}

.subscription {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1200px;
    margin: 10px auto 20px;
}

.subscription .subscription-text {
    max-width: 360px;
}

.subscription .subscription-text .title {
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 16px;
}

.subscription .subscription-text .text {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}

.subscription .subscription-buttons {
    max-width: 500px;
    display: grid;
    grid-column-gap: 16px;
    grid-row-gap: 12px;
}

.subscription .subscription-buttons .input {
    border-radius: 8px;
    width: 320px;
    border: 1px solid #c2c2c2;
    padding: 13px 16px;
    color: #5e5f61;
    font-size: 14px;
    grid-column: 1/2;
}

.subscription .subscription-buttons .button {
    grid-column: 2/3;
}

.subscription .subscription-buttons .text {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    grid-column: 1/3;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .subscription {
        display: grid;
        max-width: 720px;
    }

    .subscription .subscription-image {
        grid-column: 1/2;
        grid-row: 1/3;
    }

    .subscription .subscription-text {
        grid-column: 2/3;
        grid-row: 1/2;
    }

    .subscription .subscription-buttons {
        grid-column: 2/3;
        grid-row: 2/3;
    }
}

@media (max-width: 767px) {
    .subscription {
        display: grid;
        justify-content: center;
        grid-column-gap: 20px;
        grid-row-gap: 24px;
        padding: 0 12px;
    }

    .subscription .subscription-image {
        grid-column: 1/2;
    }

    .subscription .subscription-text {
        grid-column: 2/3;
    }

    .subscription .subscription-buttons {
        grid-column: 1/3;
    }

    .subscription .subscription-buttons .input {
        grid-column: 1/2;
        width: 100%;
    }

    .subscription .subscription-buttons .button,
    .subscription .subscription-buttons .text {
        grid-column: 1/2;
    }
}

.main-footer {
    margin-top: 24px;
}

.main-footer .question {
    color: #363636;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    background: #f6f5f7;
    padding: 15px 0;
}

.main-footer .question p {
    font-weight: 700;
}

.main-footer .question .questions {
    font-size: 21px;
    line-height: 25px;
    font-weight: 700;
}

@media (max-width: 767px) {
    .main-footer .question a {
        display: block;
    }
}

.main-footer .name-organization {
    font-size: 14px;
}

.main-footer .footer-menu {
    padding: 25px 15px;
    display: flex;
    justify-content: space-between;
}

@media (min-width: 768px) and (max-width: 991px) {
    .main-footer .footer-menu {
        flex-direction: column;
    }
}

.main-footer .footer-menu .container {
    display: flex;
    justify-content: space-between;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.main-footer .footer-menu .container.container-contacts {
    justify-content: flex-end;
}

@media (min-width: 768px) and (max-width: 991px) {
    .main-footer .footer-menu .container {
        justify-content: space-around;
    }

    .main-footer .footer-menu .container.container-contacts {
        justify-content: center;
        margin-top: 50px;
        text-align: center;
    }
}

@media (min-width: 768px) {
    .main-footer .footer-menu .container .menu-box:nth-child(2) {
        margin-right: 50px;
    }
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .main-footer .footer-menu .container .menu-box:nth-child(2) {
        margin-right: 20px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .main-footer .footer-menu .container .menu-box:nth-child(2) {
        margin-right: 0;
        min-width: 145px;
    }
}

.main-footer .footer-menu .container:last-child .menu-box:last-child {
    margin-right: 0;
}

@media (max-width: 767px) {
    .main-footer .footer-menu .container {
        flex-wrap: wrap;
        row-gap: 16px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .main-footer .footer-menu .menu-box.payment {
        margin-right: 0;
    }
}

.main-footer .footer-menu .menu-box {
    margin-right: 64px;
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .main-footer .footer-menu .menu-box {
        margin-right: 50px;
    }
}

@media (max-width: 767px) {
    .main-footer .footer-menu .menu-box {
        width: 50%;
        margin: 0;
    }

    .main-footer .footer-menu .menu-box.contacts,
    .main-footer .footer-menu .menu-box.payment {
        width: 100%;
    }
}

.main-footer .footer-menu .menu-box .subscription .warning {
    color: var(--amber);
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 0;
    justify-content: flex-start;
    opacity: 0;
    transition: all 0.2s;
    height: 20px;
    display: flex;
    align-items: center;
}

.main-footer .footer-menu .menu-box .subscription .warning img {
    margin-right: 8px;
}

.main-footer .footer-menu .menu-box .subscription .warning.show {
    opacity: 1;
    transition: all 0.2s;
}

.main-footer .footer-menu .menu-box .header-menu {
    font-size: 16px;
    font-weight: 700;
    color: var(--main-font-color);
    margin-bottom: 25px;
}

.main-footer .footer-menu .menu-box ul li {
    font-size: 14px;
    margin-bottom: 15px;
    color: var(--main-font-color);
}

.main-footer .footer-menu .menu-box ul li:last-child {
    margin-bottom: 0;
}

.main-footer .footer-menu .menu-box ul li a:hover {
    color: var(--main-red);
}

.main-footer .footer-menu .menu-box ul.payment {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.main-footer .footer-menu .menu-box ul.payment li {
    margin-bottom: 20px;
}

.main-footer .footer-menu .menu-box ul.payment li img {
    height: 80px;
}

.main-footer .footer-menu .menu-box ul.payment li:nth-child(odd) {
    margin-right: 20px;
}

.main-footer .footer-menu .menu-box .contacts address {
    line-height: 150%;
    font-size: 14px;
    color: var(--main-font-color);
    font-style: normal;
}

.main-footer .footer-menu .menu-box .contacts .phone_number {
    font-size: 18px;
    color: var(--main-red);
    margin-top: 20px;
    display: flex;
    align-items: center;
}

.main-footer .footer-menu .menu-box .contacts .phone_number .work-time {
    text-align: center;
    border-radius: 30px;
    background: var(--main-red);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    margin-left: 8px;
    padding: 4px 10px 4px;
}

.main-footer .footer-menu .menu-box .contacts .feedback-box span {
    font-size: 14px;
    text-decoration: underline;
    color: var(--main-red);
    display: block;
    margin-bottom: 16px;
    cursor: pointer;
}

.main-footer .footer-menu .menu-box .contacts .feedback-box span:first-child {
    margin-top: 12px;
}

.main-footer .footer-menu .menu-box .contacts .feedback-box span:hover {
    text-decoration: none;
}

.main-footer .footer-menu .menu-box .mobile-applications a {
    display: block;
    margin-bottom: 20px;
}

.main-footer .footer-menu .menu-box .subscription input[type="email"] {
    border-radius: 6px;
    width: 217px;
    border: 1px solid #5e5f61;
    margin-bottom: 0;
    padding: 12px 18px;
    color: #5e5f61;
    font-size: 14px;
    line-height: 16px;
}

.main-footer .footer-menu .menu-box .subscription button[type="submit"] {
    border-radius: 100px;
    width: 150px;
    text-align: center;
    background: var(--main-red);
    color: #fff;
    padding: 12px 8px;
    font-size: 16px;
}

.main-footer .footer-menu .menu-box .subscription button[type="submit"]:hover {
    background: var(--main-red-hover);
}

.main-footer hr {
    margin-top: 25px;
    height: 1px;
    background: rgba(94, 95, 97, 0.3);
}

.main-footer .social,
.main-footer aside {
    color: #5e5f61;
    font-size: 14px;
}

@media (min-width: 768px) {

    .main-footer aside {
        margin: 20px 20px 30px;
    }

    .main-footer aside {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 18px;
    }

    @media (max-width: 1200px) {
        .main-footer aside {
            flex-direction: column;
        }
    }
}

.main-footer .social .social-links a,
.main-footer aside .social-links a {
    margin-left: 15px;
}

.main-footer .social .links a,
.main-footer aside .links a {
    color: #5e5f61;
    text-decoration: underline;
}

.main-footer .social .links a:first-child,
.main-footer aside .links a:first-child {
    margin-right: 24px;
}

.main-footer .social .links a:hover,
.main-footer aside .links a:hover {
    color: var(--main-red);
}

.main-footer .social .links a.policy,
.main-footer aside .links a.policy {
    color: var(--main-red);
}

.main-footer .social .links a.policy:hover,
.main-footer aside .links a.policy:hover {
    text-decoration: none;
}

.main-footer.landing-footer {
    margin-top: 0;
}

.social-links {
    display: flex;
}

.social-links a {
    margin-left: 15px;
}

.social-links a:first-child {
    margin: 0;
}

.social-links a picture img.hover {
    height: 32px;
}

.social-links a:hover>picture img,
.social-links picture img.hover {
    display: none;
}

.social-links a:hover>picture img.hover {
    display: block;
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .main-footer hr {
        margin-top: 25px;
    }

    .main-footer .question {
        font-size: 21px;
    }

    .main-footer aside .links .policy {
        color: var(--main-red);
    }

    .main-footer aside .social-links a {
        margin-left: 10px;
    }

    .main-footer aside .social-links a img {
        width: 32px;
        height: 32px;
    }

    .main-footer .main-container {
        width: 1240px;
        margin: 0 auto;
    }

    .main-footer .footer-menu .menu-box .contacts .phone_number .work-time {
        margin-left: 4px;
    }

    .main-footer .footer-menu .menu-box .subscription input[type="email"] {
        border-radius: 6px;
        width: 195px;
        border: 1px solid #5e5f61;
        margin-bottom: 5px;
        padding: 12px 16px;
        color: #5e5f61;
    }

    .main-footer .footer-menu .menu-box .mobile-applications img {
        height: 40px;
        width: 128px;
    }
}

@media (min-width: 1280px) {
    .mobile-footer {
        display: none;
    }

    .desktop-footer {
        display: block;
    }
}

@media (max-width: 1279px) {
    .main-footer {
        background: #fff;
    }

    .mobile-footer .copyright,
    .mobile-footer .full-version {
        padding: 0 15px;
    }

    .mobile-footer .main-container {
        padding: 0 25px;
    }

    .mobile-footer .question {
        font-size: 16px;
    }

    .mobile-footer .copyright,
    .mobile-footer .full-version {
        text-align: left;
        margin: 0 auto;
    }

    .mobile-footer .full-version {
        font-size: 12px;
        font-weight: 700;
        margin-bottom: 5px;
    }

    .mobile-footer .full-version:hover {
        color: var(--main-red);
    }

    .mobile-footer .copyright {
        font-size: 14px;
        color: #5e5f61;
        line-height: 130%;
        padding-bottom: 40px;
        text-align: center;
    }
}

@media (max-width: 1279px) and (max-width: 370px) {
    .mobile-footer .copyright {
        text-align: left;
    }
}

@media (max-width: 767px) {
    .mobile-footer .copyright {
        margin-bottom: 16px;
        padding-bottom: 0;
    }
}

@media (max-width: 1279px) {
    .mobile-footer hr {
        margin: 0 0 24px;
    }

    .mobile-footer .social {
        margin-top: 0;
        align-items: center;
        flex-direction: column;
        margin-bottom: 15px;
    }

    .mobile-footer .social .links {
        text-align: center;
    }

    .mobile-footer .social .links a {
        margin: 0;
    }

    .mobile-footer .social .links a:first-child {
        display: block;
        margin: 0 0 8px;
    }

    .mobile-footer .social .mobile-applications {
        order: -1;
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
    }

    .mobile-footer .social .mobile-applications img {
        width: 100px;
        height: 32px;
        width: auto;
    }

    .mobile-footer .social .mobile-applications a {
        margin: 0;
        display: block;
    }

    .mobile-footer .social .social-links {
        margin-left: 0;
    }

    .mobile-footer .social .social-links a {
        margin: 0 7px 15px;
    }

    .mobile-footer .social .social-links a img {
        height: 40px;
        width: 40px;
    }

    .mobile-footer .footer-menu {
        display: block;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        padding: 30px 0 20px;
        margin: 0;
    }

    .mobile-footer .footer-menu .menu-links {
        display: flex;
        justify-content: space-between;
        position: relative;
        max-width: 360px;
        margin: 0 auto;
    }

    .mobile-footer .footer-menu .menu-links .special {
        color: var(--main-red);
    }

    .mobile-footer .footer-menu .menu-links li {
        font-size: 12px;
        line-height: 28px;
    }

    .mobile-footer .footer-menu .menu-links .top {
        color: var(--main-red);
    }

    .mobile-footer .footer-menu .menu-links .top-phone,
    .mobile-footer .footer-menu .menu-links .top-subscribe {
        position: relative;
        display: flex;
        width: auto;
        align-items: center;
        margin-bottom: 15px;
    }

    .mobile-footer .footer-menu .menu-links .top-phone button,
    .mobile-footer .footer-menu .menu-links .top-subscribe button {
        background: transparent;
    }

    .mobile-footer .footer-menu .menu-links .top-phone img,
    .mobile-footer .footer-menu .menu-links .top-subscribe img {
        display: inline-block;
        position: relative;
        top: 4px;
        margin-right: 6px;
    }

    .mobile-footer .footer-menu .menu-links .top-phone span,
    .mobile-footer .footer-menu .menu-links .top-subscribe span {
        background: var(--main-red);
        color: #fff;
        border-radius: 10px;
        height: 19px;
        width: 39px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 6px;
        margin-left: 8px;
    }

    .mobile-footer .footer-menu .menu-links .top-phone span {
        position: absolute;
        top: -20px;
        right: -25px;
        font-size: 12px;
    }
}

@media (max-width: 1279px) and (min-width: 355px) and (max-width: 767px) {
    .mobile-footer .footer-menu .menu-links .top-phone span {
        top: 3px;
        right: -50px;
    }
}

@media (max-width: 767px) {
    .auth-modal.social-mobile {
        max-width: 100%;
        position: static;
    }

    .auth-modal.social-mobile .cross {
        width: 30px;
        height: 30px;
        top: auto;
        bottom: 160px;
    }

    .auth-modal.social-mobile .cross .hover,
    .auth-modal.social-mobile .cross img {
        display: none;
    }

    .auth-modal.social-mobile .cross:after,
    .auth-modal.social-mobile .cross:before {
        content: "";
        position: absolute;
        width: 2px;
        height: 24px;
        background: #fff;
        transform: rotate(45deg);
    }

    .auth-modal.social-mobile .cross:before {
        transform: rotate(-45deg);
    }

    .auth-modal.social-mobile .social-list {
        background: #fff;
        width: 100%;
        position: absolute;
        bottom: 0;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        z-index: 1001;
    }

    .auth-modal.social-mobile .social-list li a {
        display: flex;
        align-items: center;
        padding-left: 20px;
        height: 48px;
        border-bottom: 1px solid #ebebeb;
        font-size: 17px;
    }

    .auth-modal.social-mobile .social-list li a img {
        margin-right: 20px;
    }

    .auth-modal.social-mobile .social-list li:last-child a {
        border: none;
    }
}

.scroll-top-button-under-all {
    position: relative;
    z-index: 978;
}

.scroll-top-button {
    width: 32px;
    height: 32px;
    border-radius: 3px;
    background: #ff513b;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.25);
    position: fixed;
    right: 20px;
    bottom: 105px;
    z-index: 333;
}

.scroll-top-button:hover {
    cursor: pointer;
}

.scroll-top-button:after,
.scroll-top-button:before {
    content: "";
    position: absolute;
    width: 3px;
    height: 12px;
    border-radius: 2px;
    background: #fff;
    transform: rotate(-50deg);
    top: 10px;
    left: 18px;
}

.scroll-top-button:after {
    transform: rotate(50deg);
    left: 11px;
}

@media (max-width: 767px) {
    .product-page-fixed-elements-position--reviews .scroll-top-button {
        bottom: 220px;
    }

    .product-page-fixed-elements-position--reviews .social-mobile-btn {
        bottom: 153px;
    }

    .product-page-fixed-elements-position .scroll-top-button {
        bottom: 165px;
        right: 12px;
    }

    .product-page-fixed-elements-position .social-mobile-btn {
        bottom: 100px;
    }
}

@media (max-width: 767px) {
    .social-mobile-btn {
        position: fixed;
        bottom: 80px;
        right: 4px;
        z-index: 333;
    }

    .scroll-top-button {
        bottom: 145px;
        right: 12px;
    }
}

@media (max-width: 767px) {

    .add-mobile-margin+.social-mobile-btn+footer,
    .add-mobile-margin+footer {
        margin-bottom: 70px;
    }
}

.loading-container {
    display: flex;
    align-items: center;
    padding: 30px 0;
    min-height: 500px;
}

.loading-container--small-mt {
    align-items: flex-start;
    margin-top: 32px;
}

.loading {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 auto;
}

.loading div {
    position: absolute;
    border: 4px solid var(--main-red);
    opacity: 1;
    border-radius: 50%;
    animation: loading 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.loading div:nth-child(2) {
    animation-delay: -0.5s;
}

@keyframes loading {
    0% {
        top: 36px;
        left: 36px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 36px;
        left: 36px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 36px;
        left: 36px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    to {
        top: 0;
        left: 0;
        width: 72px;
        height: 72px;
        opacity: 0;
    }
}

.cost-of-servises {
    padding: 60px 30px;
}

@media (max-width: 767px) {
    .cost-of-servises {
        padding-bottom: 10px;
    }
}

.cost-of-servises .title {
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .cost-of-servises .title {
        font-size: 24px;
        margin-bottom: 20px;
    }
}

.cost-of-servises .subtitle {
    font-size: 16px;
    text-align: center;
    margin-bottom: 35px;
}

@media (max-width: 767px) {
    .cost-of-servises .subtitle {
        margin-bottom: 24px;
        line-height: 150%;
    }
}

.cost-of-servises .wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

@media (max-width: 767px) {
    .cost-of-servises .wrap {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

.cost-of-servises .wrap .item {
    width: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@media (max-width: 767px) {
    .cost-of-servises .wrap .item {
        margin-bottom: 42px;
    }
}

.cost-of-servises .wrap .item img {
    margin-bottom: 20px;
}

.cost-of-servises .wrap .item .cost {
    margin-bottom: 8px;
}

.modal-container .collect-batteries-modal-window {
    background: #fff;
}

.modal-container .cross-out {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 1000;
    cursor: default;
    overflow: hidden;
}

@media (max-width: 767px) {
    .modal-container .cross-out {
        max-height: 100vh;
    }
}

.modal-container .modal-with-route {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    width: 430px;
    width: 1164px;
    margin: 70px auto;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .modal-container .modal-with-route {
        margin-top: 80px;
    }
}

@media (max-width: 767px) {
    .modal-container .modal-with-route {
        margin-top: 50px;
    }
}

.modal-container .modal-with-route .cross {
    right: 20px;
    top: 20px;
    left: auto;
    position: absolute;
    z-index: 99999;
    cursor: pointer;
}

.modal-container .modal-with-route .container-service {
    background: #fff;
}

.modal-container .modal-with-route.modal-service {
    width: 768px;
}

.modal-container .modal-with-route.modal-service .container-service {
    position: relative;
    z-index: 55555;
    max-width: 767px;
}

@media (max-width: 767px) {
    .modal-container .modal-with-route.modal-service .container-service {
        max-width: 320px;
    }
}

.modal-with-route.modal-service.modal-welcome {
    padding: 0;
    width: 480px;
    height: 495px;
}

.modal-with-route.modal-service.modal-welcome .container-service {
    width: 100%;
    padding: 40px 40px 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.modal-with-route.modal-service.modal-welcome .container-service img {
    margin-bottom: 35px;
}

.modal-with-route.modal-service.modal-welcome .container-service .main-heading {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    padding: 0;
}

.modal-with-route.modal-service.modal-welcome .container-service .text {
    font-size: 16px;
    margin-bottom: 30px;
    line-height: 150%;
    text-align: center;
}

.modal-with-route.modal-service.modal-welcome .container-service .text a {
    display: inline;
    color: var(--main-grey);
    text-decoration: underline;
}

.modal-with-route.modal-service.modal-welcome .container-service .text a:hover {
    text-decoration: none;
}

.modal-with-route.modal-service.modal-welcome .container-service a.start-button {
    display: block;
    font-size: 18px;
    font-weight: 700;
    background: var(--main-grey);
    color: #fff;
    padding: 14px 20px;
    border-radius: 120px;
}

.modal-with-route.modal-service.modal-welcome .container-service a.start-button:hover {
    background: var(--main-red);
    transition: all 0.2s;
}

@media (min-width: 768px) {
    .modal-with-route.modal-service.modal-welcome .container-service {
        width: 480px;
    }
}

@media (max-width: 767px) {
    .modal-with-route.modal-service.modal-welcome {
        padding: 0;
        width: 300px;
        height: 420px;
    }

    .modal-with-route.modal-service.modal-welcome .container-service {
        width: 300px;
        padding: 30px 10px 40px;
    }

    .modal-with-route.modal-service.modal-welcome .container-service img {
        margin-bottom: 30px;
        height: 80px;
    }

    .modal-with-route.modal-service.modal-welcome .container-service .main-heading {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .modal-with-route.modal-service.modal-welcome .container-service .text {
        font-size: 14px;
        margin-bottom: 28px;
    }

    .modal-with-route.modal-service.modal-welcome .container-service a.start-button {
        font-size: 16px;
        padding: 12px 18px;
    }
}

.pagination {
    width: 100%;
    display: flex;
    overflow: auto;
    justify-content: center;
    margin-top: 8px;
}

.pagination__wrapper {
    display: flex;
    align-items: center;
    overflow: hidden;
}

.pagination-animation {
    transition: transform 0.2s;
    display: flex;
}

.pagination-animation .dot {
    border-radius: 50%;
    transition: all 0.2s;
}

.main-page-banners {
    position: relative;
    height: 356px;
}

@media (max-width: 767px) {
    .main-page-banners {
        height: auto;
    }
}

.main-page-banners .shop-home-banners {
    overflow-x: hidden;
    border-radius: 12px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .main-page-banners .shop-home-banners {
        border-radius: 16px;
    }
}

.main-page-banners__banner {
    height: 356px;
    width: 100%;
    overflow: hidden;
    border-radius: 12px;
    display: block;
}

.main-page-banners__banner__img {
    max-width: 100%;
    object-fit: cover;
    height: 100%;
    width: 100%;
}

@media (max-width: 767px) {

    .main-page-banners__banner,
    .main-page-banners__banner__img {
        height: auto;
    }
}

.main-page-banners .owl-nav {
    opacity: 0;
    transition: all 0.25s ease-in-out;
}

.main-page-banners:hover .owl-nav {
    opacity: 1;
}

@media (min-width: 1280px) and (hover: none) {
    .main-page-banners .owl-nav {
        opacity: 1;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .main-page-banners .owl-nav {
        opacity: 1;
    }
}

.main-page-banners .owl-nav button.owl-prev,
.main-page-banners .owl-nav button.owl-next {
    position: absolute;
    background-color: #fff;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -17px;
}

.main-page-banners .owl-nav button.owl-prev {
    left: 12px;
    top: 50%;
}

.main-page-banners .owl-nav button.owl-next {
    right: 12px;
    top: 50%;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .main-page-banners__arrow {
        right: -13px;
    }
}

.main-page-banners__arrow--left {
    right: auto;
    left: 12px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .main-page-banners__arrow--left {
        left: -13px;
    }
}

.main-page-banners .owl-dots {
    position: absolute;
    bottom: 24px;
    left: 24px;
    right: 24px;
    opacity: 0;
    transition: all 0.25s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    row-gap: 8px;
}

.main-page-banners:hover .owl-dots {
    opacity: 1;
}

@media (min-width: 1280px) and (hover: none) {
    .main-page-banners .owl-dots {
        opacity: 1;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .main-page-banners .owl-dots {
        opacity: 1;
    }
}

@media (max-width: 767px) {
    .main-page-banners .owl-dots {
        opacity: 1;
    }
}

.main-page-banners .owl-dots .owl-dot {
    cursor: pointer;
    border-radius: 50%;
    background-color: #fff;
    transition: background-color 0.25s ease-in-out;
    margin-right: 8px;
    width: 12px;
    height: 12px;
}

.main-page-banners .owl-dots .owl-dot:hover {
    background-color: var(--main-grey);
}

.main-page-banners .owl-dots .owl-dot.active {
    background-color: var(--main-red);
}

.PofdDesktop .keen-slider {
    padding: 4px 63px 6px;
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .PofdDesktop .keen-slider {
        padding: 4px 24px 0;
    }
}

.PofdDesktop .keen-slider__slide {
    overflow: visible !important;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .PofdDesktop .keen-slider__slide {
        min-width: 160px;
        max-width: 160px;
        padding: 10px;
    }
}

.PofdDesktop__discount {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1;
    width: 62px;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: unset;
    z-index: 10;
    background: var(--main-yellow);
    border-radius: 50%;
    font-weight: 500;
    font-size: 21px;
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .PofdDesktop__discount {
        top: 12px;
        left: 12px;
    }
}

.PofdDesktop__slider {
    width: 100%;
    height: 254px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .PofdDesktop__slider {
        height: auto;
    }
}

.PofdDesktop__arrow {
    position: absolute;
    left: 11px;
    top: calc(50% + 24px);
    transform: translateY(-50%);
    background-color: #fff;
    border-radius: 50%;
    padding: 4px;
    width: 34px;
    height: 34px;
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .PofdDesktop__arrow {
        left: -9px;
    }
}

.PofdDesktop__arrow--right {
    left: auto;
    right: 11px;
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .PofdDesktop__arrow--right {
        right: -9px;
    }
}

.PofdMobile {
    box-shadow: none;
    padding: 0;
    display: block;
    align-items: unset;
    justify-content: unset;
    background-color: #faf9fa;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .PofdMobile {
        margin: 0 -25px;
        padding: 0 25px;
    }
}

.PofdMobile__products {
    display: flex;
    align-items: center;
    overflow: auto;
    max-width: 100%;
    padding: 0 12px 12px;
}

@media (max-width: 1279px) {
    .PofdMobile__products--hidden {
        overflow: hidden;
    }
}

.ProductsOfDay {
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    position: relative;
}

.ProductsOfDay .item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    height: 100%;
}

@media (min-width: 1200px) {
    .ProductsOfDay .item {
        padding: 0 60px;
    }
}

.ProductsOfDay__bcg {
    width: 100%;
    height: 75px;
    background-color: var(--main-yellow);
    border-radius: 12px 12px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-image: url('../../../icons/percent.svg');
    background-repeat: no-repeat;
    background-size: 40%;
    background-position: center;
}

.ProductsOfDay__bcg__icon {
    margin: 0 auto;
}

@media (max-width: 767px) {
    .ProductsOfDay__bcg {
        height: 50px;
        border-radius: 0;
        background-size: 30%;
    }
}

.ProductsOfDay .product-card-new .product-card-new__info {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media (min-width: 768px) and (max-width: 991px) {
    .ProductsOfDay {
        border-radius: 0;
        justify-content: unset;
        padding: 24px 0 0;
        border-radius: 24px 24px 0 0;
    }
}

@media (max-width: 767px) {
    .ProductsOfDay {
        padding: 0;
        margin-top: 20px;
        justify-content: unset;
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media (max-width: 767px) {
    .ProductsOfDay .product-card-new .product-card-new__info {
        padding: 0 10px 10px;
    }
}

@media (min-width: 768px) {
    .ProductsOfDay .product-card-new {
        border-radius: 16px;
        display: grid;
        grid-template-columns: 172px auto;
        padding: 24px;
        column-gap: 24px;
    }
}

@media (min-width: 768px) {
    .ProductsOfDay .product-card-new .product-card-new__title {
        font-size: 14px;
        line-height: 18px;
    }

    .ProductsOfDay .product-card-new .product-card-new__measure,
    .ProductsOfDay .product-card-new .product-card-new__rating-vendor {
        margin-bottom: 8px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .ProductsOfDay .product-card-new .product-card-new__measure {
        padding: 6px 8px;
    }
}

@media (min-width: 768px) {
    .ProductsOfDay .product-card-new .product-card-new__price-wrapper {
        font-size: 24px;
    }

    .ProductsOfDay .product-card-new .product-card-new__bottom {
        max-height: unset;
        margin-top: 0;
    }

    .ProductsOfDay .product-card-new .ProductImgWrapper {
        margin-right: 0;
        max-width: unset;
        min-width: unset;
        padding-top: unset;
    }

    .ProductsOfDay .product-card-new .product-card-new__price-btn {
        margin-top: unset;
    }

    .ProductsOfDay .product-card-new .product-card-new__old-price {
        font-size: 14px;
    }

    .ProductsOfDay .product-card-new .product-card-new__price {
        font-size: 20px;
    }

    .ProductsOfDay .product-card-new .ProductImgWrapper__img-wrapper {
        padding-top: unset;
        min-width: unset;
        max-width: unset;
        height: 180px;
        max-height: 180px;
        min-height: 180px;
        margin: auto;
    }

    .ProductsOfDay .product-card-new .controls {
        top: -2px;
    }

    .ProductsOfDay .product-card-new .ProductImgWrapper__img {
        position: static;
        transform: unset;
        height: 100%;
        left: unset;
        top: unset;
    }

    .ProductsOfDay .product-card-new .ProductImgWrapper__imgs-controllers {
        width: 100%;
        margin: 6px 0 8px;
    }

    .ProductsOfDay .product-card-new .product-card-new__info {
        padding: 0;
        height: 100%;
    }
}

.PofdDesktop-container {
    background-color: #faf9fa;
    border-radius: 0 0 12px 12px;
    padding: 26px 0;
    position: relative;
}

@media (min-width: 768px) and (max-width: 1200px) {
    .PofdDesktop-container {
        padding: 26px;
    }
}

@media (min-width: 1200) {
    .PofdDesktop-container .item {
        padding: 0 60px;
    }
}

@media (max-width: 1279px) {
    .ProductsOfDay .keen-slider__slide {
        min-width: 160px;
        padding: 10px;
        max-width: 160px;
    }
}

@media (max-width: 767px) {
    .PofdDesktop-container {
        padding: 20px;
    }
}

.ProductsOfDay__slider {
    width: 100%;
}

.ProductsOfDay__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

@media (max-width: 767px) {
    .ProductsOfDay__header {
        padding: 0 12px;
    }

    .PofdDesktop-container .item {
        padding: 0;
    }
}

.ProductsOfDay__header__super {
    font-size: 16px;
    line-height: 1;
    padding: 4px 12px;
    border-radius: 8px 8px 8px 0;
    background-color: var(--main-red);
    color: #fff;
}

.ProductsOfDay__header__link {
    font-size: 14px;
    color: #6d6d6d;
}

.ProductsOfDay__arrow {
    position: absolute;
    left: 11px;
    top: 50%;
    transform: translateY(-50%);
}

.ProductsOfDay__arrow--right {
    left: auto;
    right: 11px;
}

.ProductsOfDay .owl-nav button.owl-prev,
.ProductsOfDay .owl-nav button.owl-next {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    margin-top: -16px;
    border-radius: 50%;
    width: 34px;
    height: 34px;
}

.ProductsOfDay .owl-nav button.owl-prev:hover,
.ProductsOfDay .owl-nav button.owl-next:hover {
    background-color: #fff;
}

.ProductsOfDay .owl-nav .owl-prev {
    left: 12px;
}

.ProductsOfDay .owl-nav .owl-next {
    right: 12px;
}

.PofdHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 32px;
    width: 100%;
    position: relative;
    z-index: 1;
    height: 75px;
}

@media (max-width: 767px) {
    .PofdHeader {
        height: 55px;
        padding: 0 20px;
    }

    .products-ofday-navs {
        margin-right: -5px;
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    .products-ofday-navs {
        margin-right: -10px;
    }
}

.PofdHeader__super {
    font-size: 24px;
    line-height: 1;
    font-weight: 500;
    transition: color 0.25s ease-in-out;
}

@media (hover: hover) and (pointer: fine) {
    .PofdHeader__super:hover {
        color: var(--main-red);
    }
}

@media (max-width: 767px) {
    .PofdHeader__super {
        font-size: 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}

.PofdHeader__link {
    transition: color 0.25s ease-in-out;
}

.PofdHeader__link:hover {
    color: var(--main-red);
}

.carousels-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
    width: 100%;
}

@media (max-width: 767px) {
    .carousels-header {
        margin-bottom: 20px;
        padding: 0;
    }

    .carousels-header--no-m-p {
        padding: 0;
    }
}

.carousels-header--small-padding {
    margin-bottom: 14px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .carousels-header--small-padding {
        margin-bottom: 14px;
    }
}

@media (max-width: 767px) {
    .carousels-header--small-padding {
        margin-bottom: 10px;
    }
}

.carousels-header__arrows {
    display: flex;
}

.carousels-header__arrows.disabled {
    display: none;
}

.carousels-header__heading {
    font-weight: 700;
    font-size: 28px;
}

.carousels-header__heading--smallHeading {
    font-size: 24px;
}

.carousels-header__heading--link {
    transition: color 0.25s ease-in-out;
}

@media (hover: hover) and (pointer: fine) {
    .carousels-header__heading--link:hover {
        color: var(--main-red);
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .carousels-header__heading {
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    .carousels-header__heading {
        font-size: 18px;
    }
}

.main-gourmans {
    margin-bottom: 60px;
    height: auto;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .main-gourmans {
        padding: 0 25px;
        margin-bottom: 40px;
    }
}

@media (max-width: 767px) {
    .main-gourmans {
        padding: 0 12px;
        margin-bottom: 40px;
    }
}

.main-gourmans__title {
    position: relative;
    z-index: 1;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 700;
}

.main-gourmans__title--white {
    color: #fff;
}

@media (max-width: 1279px) {
    .main-gourmans__title {
        font-size: 14px;
    }
}

.main-gourmans__items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    grid-auto-rows: 175px;
}

@media (max-width: 1279px) {
    .main-gourmans__items {
        grid-auto-rows: 104px;
        gap: 12px;
    }
}

@media (max-width: 767px) {
    .main-gourmans__items {
        max-width: 100%;
        width: 100%;
        overflow: auto;
        grid-template-columns: repeat(2, 1fr);
    }
}

.main-gourmans__item {
    position: relative;
}

@media (max-width: 767px) {
    .main-gourmans__item {
        min-width: calc(50vw - 16px);
    }
}

.main-gourmans__slide {
    padding: 18px 21px;
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

@media (max-width: 1279px) {
    .main-gourmans__slide {
        padding: 10px 12px;
    }
}

.main-gourmans__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main-gourmans__dots {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 12px;
}

@media (min-width: 768px) {
    .main-gourmans__dots {
        display: none;
    }
}

.main-gourmans__dot {
    background-color: #f6f5f7;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-top: 16px;
}

.main-gourmans__dot--active {
    background-color: var(--main-red);
}

.ClientQrModal {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

@media (max-width: 767px) {
    .ClientQrModal__wrapper {
        position: fixed;
        width: 100%;
        bottom: 0;
        left: 0;
        border-radius: 8px 8px 0 0;
        max-width: none;
    }
}

.ClientQrModal__heading {
    font-size: 20px;
    margin-bottom: 12px;
    font-weight: 500;
}

.ClientQrModal__text {
    font-size: 14px;
    line-height: 130%;
    max-width: 164px;
    margin-bottom: 24px;
}

.submenu-mobile {
    display: flex;
    justify-content: unset !important;
    align-items: center;
    padding: 4px 0 16px 12px !important;
    max-width: 100% !important;
    overflow: auto !important;
    margin: 0 auto 8px !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    width: max-content !important;
}

.submenu-mobile__item {
    position: relative;
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    height: 60px;
    border-radius: 12px;
    padding: 8px;
    margin-right: 12px;
    display: block;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}

.submenu-mobile__icon {
    position: absolute;
    bottom: 2px;
    right: 2px;
}

.mobile-products {
    display: flex;
    align-items: center;
    overflow: auto;
    max-width: 100%;
    padding-bottom: 20px;
}

@media (max-width: 1279px) {
    .mobile-products--hidden {
        overflow: hidden;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .mobile-products {
        padding: 0 25px;
    }
}

.mobile-products__product {
    padding: 10px;
    min-width: 160px;
    max-width: 160px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .desktop-products {
        padding: 0 25px;
    }
}

.desktop-products .keen-slider__slide {
    padding: 10px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .desktop-products .keen-slider__slide {
        min-width: 160px;
        max-width: 160px;
    }
}

.products-container {
    position: relative;
    margin-bottom: 60px;
    width: 100%;
    overflow: hidden;
}

.products-container:last-child {
    margin-bottom: 0;
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .products-container {
        min-height: 471px;
    }
}

@media (max-width: 767px) {
    .products-container {
        margin-bottom: 4px;
    }
}

@media (max-width: 1279px) {
    .products-container {
        min-height: 342px;
        margin-bottom: 40px;
    }
}

.main-services__header {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
}

.main-services {
    margin-bottom: 60px;
    height: auto;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .main-services {
        padding: 0 25px;
        margin-bottom: 40px;
    }
}

@media (max-width: 767px) {
    .main-services {
        padding: 0 12px;
        margin-bottom: 40px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .main-services .keen-slider {
        padding: 0;
    }
}

.main-services .keen-slider__slide {
    height: 175px;
    position: relative;
}

.main-services .keen-slider__slide:hover .main-services__dark-bg {
    opacity: 0;
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .main-services .keen-slider__slide {
        height: 175px;
    }
}

@media (max-width: 1279px) {
    .main-services .keen-slider__slide {
        height: 100px;
    }
}

@media (max-width: 767px) {
    .main-services .keen-slider__slide {
        min-width: 168px;
        max-width: 168px;
    }
}

.main-services__title {
    position: relative;
    z-index: 1;
    font-size: 24px;
    line-height: 1.3;
    color: #fff;
    font-weight: 700;
}

@media (max-width: 1279px) {
    .main-services__title {
        font-size: 14px;
    }
}

.main-services__dark-bg {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    background: linear-gradient(180deg, #000 -175%, transparent);
    transition: opacity 0.2s ease-in-out;
}

.main-services__dark-bg,
.main-services__slide {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    overflow: hidden;
}

.main-services__slide {
    padding: 18px 21px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}

@media (max-width: 1279px) {
    .main-services__slide {
        padding: 10px 12px;
    }
}

.main-services__items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 8px;
    row-gap: 8px;
    grid-auto-rows: 104px;
}

.main-services__item {
    position: relative;
}

.main-services__btn {
    position: relative;
    z-index: 100;
    padding: 12px 16px;
    text-align: center;
    border-radius: 8px;
    min-width: 144px;
    max-width: max-content;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.25s ease-in-out;
    line-height: 1;
}

@media (hover: hover) and (pointer: fine) {
    .main-services__btn:hover:not(.main-services__btn--knives) {
        color: #fff;
        background-color: var(--main-red);
    }
}

@media (max-width: 1279px) {
    .main-services__btn {
        padding: 9px 12px;
        font-size: 12px;
        width: 110px;
    }
}

.main-services__btn--knives {
    background-color: transparent;
    padding: 0;
    justify-content: flex-start;
}

.main-services__btn__amount {
    color: #fff;
}

.main-services__btn__minus,
.main-services__btn__plus {
    padding: 8px;
    background-color: #fff;
    font-weight: 700;
    position: relative;
    border-radius: 8px;
    transition: background-color 0.25s ease-in-out;
    width: 40px;
    height: 40px;
}

@media (max-width: 1279px) {

    .main-services__btn__minus,
    .main-services__btn__plus {
        height: 32px;
        width: 32px;
    }
}

.main-services__btn__minus:before,
.main-services__btn__plus:before {
    content: "";
    position: absolute;
    width: calc(100% - 24px);
    height: 2px;
    border-radius: 10px;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
}

@media (max-width: 1279px) {

    .main-services__btn__minus:before,
    .main-services__btn__plus:before {
        width: calc(100% - 21px);
    }
}

.main-services__btn__minus {
    background-color: #eee;
}

.main-services__btn__minus:before {
    background-color: #363636;
}

.main-services__btn__minus:hover {
    background-color: #e3e3e3;
}

.main-services__btn__plus {
    background-color: var(--main-red);
}

.main-services__btn__plus:before {
    background-color: #fff;
}

.main-services__btn__plus:after {
    content: "";
    position: absolute;
    height: calc(100% - 24px);
    width: 2px;
    border-radius: 10px;
    background-color: #fff;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
}

@media (max-width: 1279px) {
    .main-services__btn__plus:after {
        height: calc(100% - 21px);
    }
}

.main-services__btn__plus:hover {
    background-color: var(--main-grey);
}

.main-services__btn__amount {
    font-size: 18px;
    width: 32px;
    text-align: center;
}

@media (max-width: 1279px) {
    .main-services__btn__amount {
        font-size: 14px;
    }
}

.ReviewCardMini-wrapper {
    position: relative;
}

.ReviewCardMini-wrapper .vote-icons {
    font-size: 14px;
    left: auto;
}

@media (max-width: 767px) {
    .ReviewCardMini-wrapper .vote-icons {
        max-width: 88px;
    }
}

.ReviewCardMini {
    background: #fff;
    border-radius: 8px;
    padding: 16px 12px 19px;
    box-shadow: 0 0 12px rgba(152, 162, 179, 0.15), 0 0 4px rgba(152, 162, 179, 0.15), 0 0 2px rgba(152, 162, 179, 0.15);
    overflow: hidden;
    cursor: pointer;
    height: 190px;
    display: flex;
    flex-direction: column;
}

.ReviewCardMini__photo-and-name {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.ReviewCardMini__photo-wrapper {
    width: 32px;
    height: 32px;
    margin-right: 16px;
}

.ReviewCardMini__photo {
    height: 100%;
    width: auto;
    border-radius: 50%;
}

.ReviewCardMini__name {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
}

.ReviewCardMini__text {
    font-size: 14px;
    letter-spacing: 0.25px;
    margin-bottom: 8px;
    display: block;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 54px;
    line-height: 18px;
    height: 54px;
}

.ReviewCardMini__text--no-tags {
    max-height: 72px;
    height: 72px;
}

.ReviewCardMini__tags {
    display: flex;
    width: max-content;
    max-width: none;
}

.ReviewCardMini__tags:after {
    content: "";
    position: absolute;
    right: 0;
    width: 80px;
    height: 25px;
    bottom: 17px;
    background: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, 0.91982) 23.67%, hsla(0, 0%, 100%, 0) 70.59%);
}

.ReviewCardMini__tag {
    margin-right: 8px;
    padding: 4px 8px;
    background-color: #f5f5f5;
    font-size: 12px;
    border-radius: 4px;
}

.ReviewCardMini__rating-ang-likes {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    margin-bottom: 12px;
}

.ReviewCardMini__stars-and-date {
    display: flex;
    align-items: center;
}

.ReviewCardMini__stars {
    font-size: 14px;
    margin: 0 16px 0 0;
}

.ReviewCardMini__date {
    color: #6d6d6d;
    font-size: 14px;
    padding-top: 1px;
}

.reviews-carousel {
    margin-bottom: 10px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .reviews-carousel {
        padding: 0 25px;
    }
}

@media (max-width: 767px) {
    .reviews-carousel {
        padding: 0 12px;
        margin-bottom: 10px;
    }
}

.reviews-carousel .keen-slider__slide {
    padding: 5px;
    max-width: 300px;
    min-width: 300px;
}

@media (max-width: 1279px) {
    .reviews-carousel .keen-slider__slide {
        max-width: 300px;
        min-width: 300px;
    }
}

.reviews-carousel__header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .reviews-carousel__header {
        margin-bottom: 10px;
    }
}

.reviews-carousel__arrows {
    display: flex;
    align-items: center;
}

.reviews-carousel__arrow-right {
    margin-left: 12px;
}

.reviews-carousel__link {
    margin-left: auto;
    font-weight: 400;
    font-size: 12px;
    color: var(--main-grey);
    margin-right: 20px;
}

@media (max-width: 767px) {
    .reviews-carousel__link {
        margin-right: 0;
    }
}

.reviews-carousel__heading {
    font-weight: 700;
    font-size: 28px;
}

@media (max-width: 1279px) {
    .reviews-carousel__heading {
        font-size: 20px;
    }
}

.reviews-carousel__button {
    font-weight: 400;
    font-size: 14px;
    color: var(--main-grey);
    border-radius: 8px;
    padding: 12px 21px;
    border: 1px solid var(--main-grey);
    text-align: center;
    cursor: pointer;
    margin-right: auto;
    margin-left: 40px;
    transition: all 0.25s ease-in-out;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .reviews-carousel__button {
        padding: 9px 21px;
    }
}

@media (max-width: 767px) {
    .reviews-carousel__button {
        margin: 16px 12px 0;
    }
}

.reviews-carousel__button:hover {
    background-color: var(--main-grey);
    color: #fff;
}

.about-us {
    margin-bottom: 50px;
}

.about-us__banners {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 20px;
    margin-bottom: 60px;
}

@media (max-width: 1279px) {
    .about-us__banners {
        display: flex;
        flex-direction: column;
        grid-template-columns: unset;
        column-gap: unset;
        justify-content: unset;
        row-gap: 16px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .about-us__banners {
        margin-bottom: 40px;
        padding: 0 25px;
        row-gap: 16px;
    }
}

@media (max-width: 767px) {
    .about-us__banners {
        margin: 0 0 40px;
    }
}

.about-us__pros {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    column-gap: 20px;
    margin-bottom: 60px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .about-us__pros {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        grid-template-columns: unset;
        column-gap: 10px;
        row-gap: 10px;
        padding: 0 25px;
        max-width: 768px;
    }
}

@media (max-width: 767px) {
    .about-us__pros {
        grid-template-columns: unset;
        flex-direction: column;
        grid-auto-rows: 102px;
        row-gap: 12px;
        column-gap: unset;
        margin-bottom: 40px;
        padding: 0 12px;
    }
}

.about-us__pro {
    background-color: #f9f9f9;
    border-radius: 24px;
    background-repeat: no-repeat;
    padding: 26px 24px;
    background-position: 160px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .about-us__pro {
        background-size: 70px 70px;
        background-position: 148px;
        padding: 16px;
        width: 232px;
    }
}

@media (max-width: 767px) {
    .about-us__pro {
        background-size: 70px 70px;
        background-position: 94%;
        padding: 16px;
    }
}

.about-us__pro__title {
    width: 126px;
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;
    margin-bottom: 12px;
}

@media (max-width: 1279px) {
    .about-us__pro__title {
        font-size: 16px;
        width: auto;
    }
}

.about-us__pro__text {
    font-size: 14px;
    line-height: 18px;
    width: 164px;
}

.content,
.about-us__desc {
    padding: 32px 40px;
    background-color: #f9f9f9;
    border-radius: 24px;
}

@media (max-width: 767px) {

    .content,
    .about-us__desc {
        display: none;
    }
}

.about-us__desc__phone {
    color: var(--main-red-hover);
}

.about-us__desc__heading {
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 20px;
}

.about-us__desc__text {
    line-height: 22px;
}

.about-us__desc__text__medium {
    font-weight: 500;
}

.recipes-mobile {
    margin-bottom: 20px;
}

.recipes-mobile__slider {
    display: flex;
    overflow: auto;
    max-width: 100%;
    padding: 0 7px;
}

.recipes-mobile__recipe {
    padding: 5px;
    min-width: 168px;
    width: 168px;
    max-width: 168px;
}

.recipes-mobile .RecipeCard {
    height: 100%;
    width: 288px;
}

.recipes-carousel {
    margin-bottom: 20px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .recipes-carousel {
        margin: 0 0 20px 25px;
    }
}

@media (max-width: 767px) {
    .recipes-carousel .keen-slider {
        padding: 0 12px;
    }
}

.recipes-carousel .keen-slider__slide {
    padding: 5px;
}

@media (max-width: 1279px) {
    .recipes-carousel .keen-slider__slide {
        min-width: 178px;
        max-width: 178px;
    }
}

.recipes-carousel .RecipeCard {
    height: 100%;
}

.main-recipes {
    margin-bottom: 60px;
}

@media (max-width: 1279px) {
    .main-recipes {
        margin-bottom: 40px;
    }
}

.main-chef {
    margin-bottom: 60px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .main-chef {
        padding: 0 25px;
        margin-bottom: 24px;
    }
}

@media (max-width: 767px) {
    .main-chef {
        padding: 0 12px;
        margin-bottom: 40px;
    }
}

.main-chef__heading {
    font-weight: 700;
    font-size: 28px;
    margin-bottom: 24px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .main-chef__heading {
        font-size: 24px;
    }
}

@media (max-width: 1279px) {
    .main-chef__heading {
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .main-chef__heading {
        font-size: 18px;
    }
}

.main-chef__wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 20px;
    grid-auto-rows: 300px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .main-chef__wrapper {
        height: auto;
        grid-template-rows: 234px;
    }
}

@media (max-width: 767px) {
    .main-chef__wrapper {
        height: auto;
        grid-template-columns: unset;
        grid-template-areas: "a a c c" "a a c c" "b b c c" "b b c c";
        column-gap: 12px;
        row-gap: 12px;
        grid-template-rows: 63px 63px 78px 48px;
        grid-template-columns: repeat(4, 1fr);
    }
}

.main-chef__block {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    position: relative;
    border-radius: 32px;
    overflow: hidden;
    cursor: pointer;
    display: block;
    height: 100%;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .main-chef__block {
        border-radius: 16px;
        background-size: cover;
    }
}

@media (max-width: 767px) {
    .main-chef__block {
        border-radius: 16px;
    }
}

.main-chef__block__content {
    position: absolute;
    top: 32px;
    left: 32px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .main-chef__block__content {
        top: 16px;
        left: 16px;
    }
}

@media (max-width: 767px) {
    .main-chef__block__content {
        top: 12px;
        left: 12px;
    }
}

.main-chef__block__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.3;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .main-chef__block__title {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .main-chef__block__title {
        font-size: 14px;
        font-weight: 700;
    }
}

@media (max-width: 1279px) {
    .main-chef__block__chef-wrapper {
        display: flex;
        flex-direction: column;
        row-gap: 12px;
    }
}

@media (max-width: 767px) {
    .main-chef__block__chef-wrapper {
        grid-area: c;
    }
}

.main-chef__block__btn {
    background-color: var(--main-red);
    border-radius: 12px;
    padding: 15px 0;
    text-align: center;
    color: #fff;
    width: 148px;
    line-height: 1;
}

@media (max-width: 1279px) {
    .main-chef__block__btn {
        display: none;
    }
}

.main-chef__block__btn-mobile {
    display: block;
    background-color: var(--main-red);
    border-radius: 12px;
    padding: 17px 0;
    text-align: center;
    color: #fff;
    width: 100%;
    line-height: 1;
    font-size: 14px;
}

@media (min-width: 1280px) {
    .main-chef__block__btn-mobile {
        display: none;
    }
}

.main-chef__articles,
.main-chef__recipes {
    background-color: #f6f5f7;
}

@media (max-width: 767px) {

    .main-chef__articles,
    .main-chef__recipes {
        background-size: cover;
    }
}

@media (max-width: 767px) {
    .main-chef__recipes {
        grid-area: a;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .main-chef__articles {
        background-size: 120%;
        background-position: bottom;
    }
}

@media (max-width: 767px) {
    .main-chef__articles {
        grid-area: b;
    }
}

.main-chef__chef {
    color: #fff;
    background-color: #ff985e;
    background-position: 130px 50px;
    background-size: 70%;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .main-chef__chef {
        background-position: 40px 11px;
        background-size: 90%;
        height: 100%;
        width: 100%;
        display: block;
    }
}

@media (max-width: 767px) {
    .main-chef__chef {
        height: 100%;
        width: 100%;
        background-position: 6px 50px;
        background-size: 120%;
    }
}

@media (max-width: 767px) and (max-width: 767px) {
    .main-chef__chef {
        padding-top: unset;
    }
}

.main-chef__chef .main-chef__block__title {
    margin-bottom: 20px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .main-chef__chef .main-chef__block__title {
        margin-bottom: 12px;
    }
}

@media (max-width: 767px) {
    .main-chef__chef .main-chef__block__title {
        margin-bottom: unset;
    }
}

.oppos {
    margin-bottom: 60px;
}

@media (max-width: 1279px) {
    .oppos {
        margin-bottom: 40px;
    }
}

.oppos__heading {
    margin-bottom: 24px;
    font-weight: 700;
    font-size: 28px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .oppos__heading {
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    .oppos {
        margin-bottom: 0;
    }

    .oppos__heading {
        font-size: 18px;
        margin-bottom: 20px;
    }
}

.oppos__wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 208px;
    column-gap: 20px;
    justify-content: center;
    position: relative;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .oppos__wrapper {
        column-gap: 12px;
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 94px;
        gap: 18px;
    }
}

@media (max-width: 767px) {
    .oppos__wrapper {
        grid-template-columns: unset;
        grid-auto-rows: 86px;
        column-gap: unset;
        row-gap: 12px;
        justify-content: unset;
    }
}

.oppos__block {
    padding: 20px 16px;
    border-radius: 16px;
    background-color: #f9f9f9;
    position: relative;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

@media (max-width: 1279px) {
    .oppos__block {
        padding: 12px 16px;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        text-align: left;
    }
}

.oppos__title {
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 12px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .oppos__title {
        font-size: 20px;
        margin-bottom: 8px;
    }
}

@media (max-width: 767px) {
    .oppos__title {
        font-size: 16px;
        margin-bottom: 8px;
    }
}

.oppos__text {
    line-height: 1.3;
}

.oppos__text--medium {
    font-weight: 500;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .oppos__text {
        font-size: 14px;
        width: 200px;
    }

    .oppos__text br {
        display: none;
    }
}

@media (max-width: 767px) {
    .oppos__text {
        font-size: 12px;
    }
}

.oppos__icon {
    margin-bottom: 12px;
    height: 82px;
}

@media (max-width: 1279px) {
    .oppos__icon {
        margin-bottom: 0;
        width: 62px;
        height: 62px;
    }
}

@media (min-width: 1280px) {
    .main-page {
        margin-top: 20px;
    }
}

@media (max-width: 1279px) {
    .main-page {
        width: 100%;
        max-width: unset;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .main-page {
        overflow: hidden;
    }
}

.main-page__top {
    margin-bottom: 24px;
}

@media (min-width: 1440px) {
    .main-page__top {
        display: grid;
        grid-template-columns: 814px 562px;
        column-gap: 24px;
    }
}

@media (min-width: 992px) and (max-width: 1439px) {
    .main-page__top {
        display: grid;
        grid-template-columns: calc(50% - 10px) calc(50% - 10px);
        column-gap: 20px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .main-page__top {
        padding: 0;
    }
}

@media (max-width: 767px) {
    .main-page__top {
        display: block;
    }
}

.main-page__lazy-services {
    min-height: 227px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .main-page__lazy-services {
        min-height: 147px;
    }
}

@media (max-width: 767px) {
    .main-page__lazy-services {
        min-height: 246px;
    }
}

.main-page__lazy-recipes {
    min-height: 392px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .main-page__lazy-recipes {
        min-height: 264px;
    }
}

@media (max-width: 767px) {
    .main-page__lazy-recipes {
        min-height: 242px;
    }
}

.main-page__lazy-reviews {
    min-height: 262px;
    margin: 0 auto 60px;
}

@media (max-width: 1279px) {
    .main-page__lazy-reviews {
        margin: 0 auto 40px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .main-page__lazy-reviews {
        min-height: 256px;
    }
}

@media (max-width: 767px) {
    .main-page__lazy-reviews {
        min-height: 291px;
    }
}

.go-back-btn {
    cursor: pointer;
    display: flex;
    align-items: center;
    color: var(--main-grey);
    font-size: 14px;
    font-weight: 500;
    margin-left: auto;
}

.go-back-btn__icon {
    margin-right: 4px;
}

.go-back-btn__text {
    padding-top: 1px;
    width: max-content;
}

.breadcrumb {
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 24px;
    margin: 0 0 10px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .breadcrumb {}
}

@media (max-width: 767px) {
    .breadcrumb {
        padding: 0;
        margin: 10px 0;
    }
}

@media (max-width: 1279px) {
    .breadcrumb--no-padding-mobile {
        padding: 0;
    }
}

.breadcrumb .comma {
    margin-right: 4px;
}

.breadcrumb .back a:hover {
    text-decoration: underline;
}

.breadcrumb ul {
    display: flex;
    align-items: center;
    max-width: 100%;
    overflow: auto;
    padding-bottom: 10px;
}

.breadcrumb ul li {
    display: flex;
    width: max-content;
}

.breadcrumb ul li a,
.breadcrumb ul li span {
    width: max-content;
}

.breadcrumb ul li:last-child:hover {
    text-decoration: none;
}

.breadcrumb ul li a:hover {
    text-decoration: underline;
}

@media (max-width: 767px) {
    .breadcrumb ul li a:hover {
        text-decoration: none;
    }
}

.breadcrumb ul li .icon {
    display: inline-block;
    margin: 0 10px;
    height: 12px;
    width: 5px;
    position: relative;
}

.breadcrumb ul li .icon:after,
.breadcrumb ul li .icon:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 6px;
    left: 2px;
    top: 4px;
    background: #c7c7c7;
    transform: rotate(-45deg);
    border-radius: 10px;
}

.breadcrumb ul li .icon:after {
    transform: rotate(45deg);
    top: 7px;
}

.breadcrumb.with-back-btn {
    margin-bottom: 20px;
}

.breadcrumb.with-back-btn ul {
    max-width: 80%;
    padding-bottom: 0;
}

.breadcrumb.type-catalog {
    display: flex;
    flex-direction: row !important;
    justify-content: space-between;
}

.breadcrumb.type-catalog .back {
    width: auto !important;
}

.breadcrumb.type-catalog .back .icon {
    margin: 0 10px 0 0;
}

.breadcrumb .back {
    font-size: 16px;
}

.breadcrumb .back .goBack {
    color: var(--main-grey);
    font-weight: 400;
    cursor: pointer;
}

.breadcrumb .back .goBack:hover {
    text-decoration: underline;
}

.breadcrumb .back .icon {
    display: inline-block;
    position: relative;
    margin: 0 10px;
    height: 11px;
    width: 5px;
    transform: rotateY(180deg);
}

.breadcrumb .back .icon:after,
.breadcrumb .back .icon:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 8px;
    left: 0;
    top: -1px;
    background: #6d6d6d;
    transform: rotate(-45deg);
    border-radius: 10px;
}

.breadcrumb .back .icon:after {
    transform: rotate(45deg);
    top: 4px;
}

.breadcrumb .continue-shopping {
    position: relative;
}

.breadcrumb .continue-shopping:after,
.breadcrumb .continue-shopping:before {
    content: "";
    position: absolute;
    background: var(--main-grey);
    width: 1.5px;
    height: 8px;
    transform: rotate(45deg);
    top: 3px;
    left: -14px;
}

.breadcrumb .continue-shopping:after {
    transform: rotate(-45deg);
    top: 8px;
}

.breadcrumb .continue-shopping a {
    color: var(--main-grey);
    font-size: 16px;
    font-weight: 400;
    display: flex;
    align-items: center;
}

@media (max-width: 767px) {

    .breadcrumb ul .back,
    .breadcrumb ul li {
        position: relative;
    }

    .breadcrumb ul .back .icon,
    .breadcrumb ul li .icon {
        background: none;
    }

    .breadcrumb ul .back:after,
    .breadcrumb ul .back:before,
    .breadcrumb ul li:after,
    .breadcrumb ul li:before {
        content: "";
        position: absolute;
        width: 2px;
        height: 6px;
        left: 2px;
        top: 2px;
        background: #c7c7c7;
        transform: rotate(45deg);
        border-radius: 10px;
    }

    .breadcrumb ul .back:after,
    .breadcrumb ul li:after {
        transform: rotate(-45deg);
        top: 5px;
    }

    .breadcrumb ul li:after,
    .breadcrumb ul li:before {
        display: none;
    }
}

.catalog-name h1 {
    font-size: 48px;
    font-weight: 400;
    margin: 0 0 30px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .catalog-menu {
        padding: 0 25px;
    }
}

.catalog-menu .catalog-list-menu {
    display: flex;
    flex-direction: column;
    width: 218px;
    margin-right: 20px;
    float: left;
    margin-bottom: 30px;
}

.catalog-menu .catalog-list-menu .list-menu-item {
    font-weight: 400;
    font-size: 14px;
    padding: 16px 0;
    border-bottom: 1px solid #e5e5e5;
}

.catalog-menu .catalog-list-menu .list-menu-item:first-child {
    border-top: 1px solid #e5e5e5;
}

.catalog-menu .catalog-list-menu .list-menu-item:hover {
    color: var(--main-grey);
}

.catalog-menu .catalog-icons-menu {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.catalog-menu .catalog-icons-menu .icons-menu-item {
    height: 175px;
    width: 175px;
    margin: 0 10px 20px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: all 0.2s;
    padding: 0 10px;
}

.catalog-menu .catalog-icons-menu .icons-menu-item img {
    margin-bottom: 5px;
}

.catalog-menu .catalog-icons-menu .icons-menu-item:nth-of-type(6n) {
    margin-right: 0;
}

.catalog-menu .catalog-icons-menu .icons-menu-item:hover {
    color: var(--main-grey);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .catalog-menu .catalog-icons-menu {
        margin-bottom: 30px;
    }

    .catalog-menu .catalog-icons-menu .icons-menu-item:nth-of-type(5n) {
        margin-right: 0;
    }

    .catalog-menu .catalog-icons-menu .icons-menu-item:nth-of-type(6n) {
        margin-right: 10px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .catalog-menu .catalog-icons-menu .icons-menu-item:nth-of-type(5n) {
        margin-right: 10px;
    }
}

@media (max-width: 767px) {
    .catalog-menu .catalog-icons-menu {
        justify-content: flex-start;
        width: 304px;
        margin: 0 auto 30px;
    }
}

@media (max-width: 767px) and (min-width: 470px) and (max-width: 634px) {
    .catalog-menu .catalog-icons-menu {
        width: 460px;
    }
}

@media (max-width: 767px) and (min-width: 635px) and (max-width: 787px) {
    .catalog-menu .catalog-icons-menu {
        width: 614px;
    }
}

@media (max-width: 767px) {
    .catalog-menu .catalog-icons-menu .icons-menu-item {
        width: 145px;
        height: 145px;
        padding: 0 5px;
        margin: 0 10px 10px 0;
        text-align: center;
        box-shadow: 0 0 5px 0 #c7c7c7;
    }

    .catalog-menu .catalog-icons-menu .icons-menu-item:nth-child(2n) {
        margin-right: 0;
    }
}

@media (max-width: 767px) and (min-width: 470px) and (max-width: 767px) {
    .catalog-menu .catalog-icons-menu .icons-menu-item:nth-child(2n) {
        margin-right: 10px;
    }
}

@media (max-width: 767px) and (min-width: 470px) and (max-width: 634px) {
    .catalog-menu .catalog-icons-menu .icons-menu-item:nth-child(3n) {
        margin-right: 0;
    }
}

@media (max-width: 767px) and (min-width: 635px) and (max-width: 767px) {
    .catalog-menu .catalog-icons-menu .icons-menu-item:nth-child(3n) {
        margin-right: 10px;
    }
}

@media (max-width: 767px) and (min-width: 635px) and (max-width: 767px) {
    .catalog-menu .catalog-icons-menu .icons-menu-item:nth-child(4n) {
        margin-right: 0;
    }
}

@media (max-width: 767px) {
    .catalog-menu .catalog-icons-menu .icons-menu-item:last-child {
        margin-right: 0;
    }

    .catalog-menu .catalog-icons-menu .icons-menu-item img {
        margin-bottom: 0;
    }
}

.collapse-radio.collapse-radio-last-element-margin {
    margin-bottom: 120px !important;
}

.collapse-radio .title {
    margin-bottom: 15px !important;
}

.collapse-radio__list {
    margin-top: 0 !important;
}

.collapse-radio__list__item {
    display: flex;
    align-items: center;
    margin-bottom: 20px !important;
}

.collapse-radio__list__item:hover {
    cursor: pointer;
}

.collapse-radio__list__item .collapse-radio__checkbox {
    width: 16px;
    height: 16px;
    border: 1px solid #7f7f7f;
    position: static !important;
    border-radius: 2px;
    background-color: #fff;
    margin-right: 10px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.collapse-radio__list__item .collapse-radio__checkbox--checked {
    background: url(../../../../e/9/496fc0fe-8a54-499a-9499-ad582ecb72eb.png) 50% no-repeat;
    background-size: cover;
    border: none;
    background-color: red;
}

.collapse-radio__list__item .collapse-radio__checkbox:hover {
    cursor: pointer;
}

.collapse-radio__list__item .collapse-radio__checkbox:checked {
    background: url(../../../../e/9/496fc0fe-8a54-499a-9499-ad582ecb72eb.png) 50% no-repeat;
    background-size: cover;
    border: none;
    background-color: red;
}

.collapse-radio__list__item .collapse-radio__checkbox__text {
    font-size: 14px;
    line-height: 100%;
}

@media (min-width: 1280px) {
    .mobile-filter {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .mobile-filter {
        z-index: 6666;
        top: 140px;
    }

    .mobile-filter .filter+.bg-filter-hide,
    .mobile-filter .filter.hidden+.bg-filter-hide {
        background: transparent;
    }

    .mobile-filter .filter.hidden {
        transition: left 1.2s;
    }

    .mobile-filter .filter.opened+.bg-filter-hide {
        position: fixed;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        top: 0;
        left: 0;
        transition: background 2s ease;
        overflow: hidden;
    }
}

@media (max-width: 767px) {

    .is-filter-opened .mobile-filter,
    .is-filter-opened main {
        position: relative;
        z-index: 666666666;
    }

    .is-filter-opened .mobile-filter {
        position: absolute;
    }
}

@media (max-width: 1279px) {

    .filter.hidden,
    .filter.opened {
        position: relative;
        left: -320px;
        transition: all 0.5s ease-out;
        z-index: 665;
    }

    .filter.hidden .collapse,
    .filter.opened .collapse {
        transition: all 0.3s linear;
    }

    .filter.hidden .is-content .title,
    .filter.opened .is-content .title {
        margin: 0 0 5px;
    }

    .filter.hidden .is-content ul,
    .filter.opened .is-content ul {
        margin-top: 15px;
    }

    .filter.hidden .is-content ul li,
    .filter.opened .is-content ul li {
        margin-bottom: 20px;
    }

    .filter.hidden .is-content ul li .add-content.is-closed ul,
    .filter.opened .is-content ul li .add-content.is-closed ul {
        display: none;
    }

    .filter.hidden .is-content ul li .add-content ul,
    .filter.opened .is-content ul li .add-content ul {
        display: block;
    }

    .filter.hidden .is-content ul li:last-child,
    .filter.opened .is-content ul li:last-child {
        margin-bottom: 0;
    }

    .filter.hidden {
        left: -100%;
    }

    .filter.opened {
        left: 0;
    }

    .filter.opened img {
        cursor: pointer;
    }

    .filter.opened .cross img {
        position: relative;
        top: 2px;
    }

    .mobile-filter {
        margin-left: 10px;
        position: absolute;
        right: 0;
        top: 80px;
    }

    .mobile-filter .icon picture img.hover {
        display: none;
    }

    .mobile-filter .icon:hover picture img {
        display: none;
    }

    .mobile-filter .icon:hover picture img.hover {
        display: block;
        cursor: pointer;
    }

    .mobile-filter .filter.hidden .content .header {
        left: -100%;
        position: fixed;
        transition: all 0.5s ease-out;
        z-index: 5;
    }

    .mobile-filter .filter {
        width: 100%;
        font-size: 13px;
        position: fixed;
        overflow-y: scroll;
        overflow-x: auto;
        height: 100vh;
        min-height: 100vh;
        top: 0;
        background: #fff;
        color: #5e5f61;
        z-index: 88888;
    }

    .mobile-filter .filter.opened .content .buttons {
        left: 0;
    }

    .mobile-filter .filter .content {
        font-size: 13px;
        padding: 0 12px 150px;
    }

    .mobile-filter .filter .content .buttons {
        transition: left 0.5s ease-out;
        position: fixed;
        bottom: 0;
        left: -100%;
        padding: 15px 0;
        background-color: #fff;
        width: 100%;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
        display: flex;
        flex-direction: column;
        font-size: 14px;
    }
}

@media (max-width: 1279px) and (min-width: 768px) and (max-width: 1279px) {
    .mobile-filter .filter .content .buttons {
        width: 357px;
        max-width: 357px;
    }
}

@media (max-width: 1279px) {
    .mobile-filter .filter .content .buttons .submit {
        width: 240px;
        max-width: 320px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: var(--main-grey);
        color: #fff;
        margin: 0 auto;
    }

    .mobile-filter .filter .content .buttons .reset {
        margin-top: 20px;
        padding: 15px 0 0;
        width: 100%;
        border-top: 1px solid #e5e5e5;
        background: #fff;
        color: var(--main-grey);
        text-decoration: underline;
        text-align: center;
    }

    .mobile-filter .filter .content .header {
        display: flex;
        justify-content: space-between;
        margin-bottom: 0;
        padding: 20px 12px;
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 55;
        background: #fff;
        transition: all 0.5s ease-out;
        border-bottom: 1px solid #e3e3e3;
    }
}

@media (max-width: 1279px) and (min-width: 768px) and (max-width: 1279px) {
    .mobile-filter .filter .content .header {
        max-width: 357px;
        top: 0;
    }
}

@media (max-width: 1279px) {
    .mobile-filter .filter .content .header .wrap {
        display: flex;
        align-items: center;
    }

    .mobile-filter .filter .content .header .wrap img {
        margin-right: 8px;
    }

    .mobile-filter .filter .content .is-content {
        font-size: 12px;
        list-style: none;
        margin: 0 0 30px;
    }

    .mobile-filter .filter .content .is-content:nth-child(2) {
        margin-top: 85px;
    }

    .mobile-filter .filter .content .is-content .range-block .slider-container {
        padding-top: 25px;
    }

    .mobile-filter .filter .content .is-content .range-block .slider-bar {
        width: 100%;
        height: 5px;
        background: rgba(0, 0, 0, 0.26);
        border-radius: 2px;
    }

    .mobile-filter .filter .content .is-content .range-block .slider-bar .range-pointer {
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: var(--main-grey);
        display: block;
    }

    .mobile-filter .filter .content .is-content .range-block .slider-bar .end,
    .mobile-filter .filter .content .is-content .range-block .slider-bar .start {
        position: relative;
        top: -6px;
    }

    .mobile-filter .filter .content .is-content .range-block .slider-bar .start {
        left: 20%;
    }

    .mobile-filter .filter .content .is-content .range-block .slider-bar .end {
        left: 75%;
        top: -22px;
    }

    .mobile-filter .filter .content .is-content .range-block .progress {
        width: 55%;
        background: var(--main-grey);
        position: relative;
        top: -5px;
        left: 20%;
        height: 5px;
        margin-bottom: 25px;
    }

    .mobile-filter .filter .content .is-content .range-block .wrap-inputs {
        display: flex;
        justify-content: space-between;
        align-content: center;
        max-width: 320px;
        margin: 0 auto;
    }

    .mobile-filter .filter .content .is-content .range-block .wrap-inputs span {
        display: flex;
        align-items: center;
    }

    .mobile-filter .filter .content .is-content .range-block .wrap-inputs input {
        text-align: center;
        max-width: 108px;
        height: 40px;
        border: 1px solid #e5e5e5;
        border-radius: 1px;
        font-size: 12px;
        font-weight: 300;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .mobile-filter .filter .content .is-content .collapse {
        color: #363636;
    }

    .mobile-filter .filter .content .is-content .title {
        font-size: 14px;
        font-weight: 700;
        display: inline-block;
        position: relative;
        width: 100%;
    }

    .mobile-filter .filter .content .is-content .title input[type="checkbox"],
    .mobile-filter .filter .content .is-content .title input[type="radio"] {
        display: none;
        -webkit-appearance: none;
    }

    .mobile-filter .filter .content .is-content .title:after,
    .mobile-filter .filter .content .is-content .title:before {
        content: "";
        position: absolute;
        top: 5px;
        right: 9px;
        width: 1.5px;
        height: 7px;
        background: var(--main-grey);
        transform: rotate(45deg);
        transition: all 0.2s;
    }

    .mobile-filter .filter .content .is-content .title:after {
        right: 5px;
        transform: rotate(-45deg);
    }

    .mobile-filter .filter .content .is-content [type="checkbox"]:checked,
    .mobile-filter .filter .content .is-content [type="checkbox"]:not(:checked),
    .mobile-filter .filter .content .is-content [type="radio"]:checked,
    .mobile-filter .filter .content .is-content [type="radio"]:not(:checked) {
        position: absolute;
        left: -9999px;
        -webkit-appearance: none;
    }

    .mobile-filter .filter .content .is-content [type="checkbox"]:checked+label,
    .mobile-filter .filter .content .is-content [type="checkbox"]:not(:checked)+label,
    .mobile-filter .filter .content .is-content [type="radio"]:checked+label,
    .mobile-filter .filter .content .is-content [type="radio"]:not(:checked)+label {
        position: relative;
        cursor: pointer;
        -webkit-appearance: none;
    }

    .mobile-filter .filter .content .is-content [type="checkbox"]:checked+label:before,
    .mobile-filter .filter .content .is-content [type="checkbox"]:not(:checked)+label:before,
    .mobile-filter .filter .content .is-content [type="radio"]:checked+label:before,
    .mobile-filter .filter .content .is-content [type="radio"]:not(:checked)+label:before {
        content: "";
        -webkit-appearance: none;
        position: relative;
        left: 0;
        top: 0;
        display: block;
        width: 14px;
        height: 14px;
        border: 1px solid #7f7f7f;
        background: #fff;
        border-radius: 2px;
        transition: all 0.3s;
    }

    .mobile-filter .filter .content .is-content [type="checkbox"]:checked+label:after,
    .mobile-filter .filter .content .is-content [type="checkbox"]:not(:checked)+label:after,
    .mobile-filter .filter .content .is-content [type="radio"]:checked+label:after,
    .mobile-filter .filter .content .is-content [type="radio"]:not(:checked)+label:after {
        -webkit-appearance: none;
        content: "\2713";
        background: var(--main-grey);
        color: #fff;
        display: flex;
        justify-content: center;
        border: none;
        width: 16px;
        height: 16px;
        line-height: 16px;
        border-radius: 2px;
        position: absolute;
        top: 0;
        left: 0;
        transition: all 0.2s;
    }

    .mobile-filter .filter .content .is-content [type="checkbox"]:not(:checked)+label:after,
    .mobile-filter .filter .content .is-content [type="radio"]:not(:checked)+label:after {
        opacity: 0;
        transform: scale(0);
    }

    .mobile-filter .filter .content .is-content [type="checkbox"]:checked+label:after,
    .mobile-filter .filter .content .is-content [type="radio"]:checked+label:after {
        opacity: 1;
        transform: scale(1);
    }

    .mobile-filter .filter .content .is-content [type="checkbox"]:disabled:checked+label:before,
    .mobile-filter .filter .content .is-content [type="checkbox"]:disabled:not(:checked)+label:before,
    .mobile-filter .filter .content .is-content [type="radio"]:disabled:checked+label:before,
    .mobile-filter .filter .content .is-content [type="radio"]:disabled:not(:checked)+label:before {
        box-shadow: none;
        border-color: #bbb;
        background-color: #ddd;
        -webkit-appearance: none;
    }

    .mobile-filter .filter .content .is-content [type="checkbox"]:disabled:checked+label:after,
    .mobile-filter .filter .content .is-content [type="radio"]:disabled:checked+label:after {
        color: #999;
    }

    .mobile-filter .filter .content .is-content [type="checkbox"]:disabled+label,
    .mobile-filter .filter .content .is-content [type="radio"]:disabled+label {
        color: #aaa;
    }

    .mobile-filter .filter .content .is-content [type="checkbox"]:not(:checked)+label:hover:before,
    .mobile-filter .filter .content .is-content [type="radio"]:not(:checked)+label:hover:before {
        border: 1px solid var(--main-grey);
    }

    .mobile-filter .filter .content .range-group .title {
        margin: 0;
    }

    .mobile-filter .filter .content .is-closed .title:after,
    .mobile-filter .filter .content .is-closed .title:before {
        transform: rotate(-45deg);
    }

    .mobile-filter .filter .content .is-closed .title:after {
        transform: rotate(45deg);
    }

    .sidebar.sidebar-mobile {
        display: block;
        width: auto;
        padding: 0;
    }

    .sidebar.sidebar-mobile .benefits {
        padding: 12px;
        background: #f9f9f9;
        margin-bottom: 10px;
        font-size: 14px;
    }

    .sidebar.sidebar-mobile .benefits .item.gift {
        padding: 0;
    }

    .sidebar.sidebar-mobile .benefits .item.gift .wrap {
        margin: 0;
    }

    .sidebar.sidebar-mobile .benefits .wrap {
        flex-direction: column;
        padding: 0;
        font-size: 14px;
    }

    .sidebar.sidebar-mobile .benefits .wrap .wrap {
        margin-bottom: 0;
    }

    .sidebar.sidebar-mobile .benefits .wrapper {
        padding: 0;
        margin-bottom: 16px;
    }

    .sidebar.sidebar-mobile .benefits .progress-scale .wrap {
        font-weight: 700;
    }

    .sidebar.sidebar-mobile .benefits .progress-bar {
        position: relative;
        height: 15px;
        width: 100%;
        border-radius: 30px;
        background: #e5e5e5;
        margin: 0 5px;
    }

    .sidebar.sidebar-mobile .benefits .progress-bar .progress-bar-value {
        background: #a5cc6b;
        position: absolute;
        width: 95px;
        top: 0;
        height: 15px;
        border-radius: 30px;
        font-size: 12px;
        font-weight: 300;
    }

    .sidebar.sidebar-mobile .benefits .title {
        margin: 0 0 22px;
        padding: 0;
        font-size: 16px;
    }

    .sidebar.sidebar-mobile .benefits .item {
        margin-bottom: 16px;
        display: flex;
        align-items: center;
    }

    .sidebar.sidebar-mobile .benefits .item .wrap {
        display: inline-block;
    }

    .sidebar.sidebar-mobile .benefits .item p {
        font-weight: 300;
        margin-left: 16px;
        padding-right: 2px;
    }

    .sidebar.sidebar-mobile .benefits .item p .bold {
        display: inline-block;
        margin-bottom: 4px;
    }

    .sidebar.sidebar-mobile .benefits .item img {
        max-width: 38px;
        height: auto;
        display: inline-block;
    }

    .share .social-links--share.horizontal {
        width: 216px;
        min-width: 0;
        padding: 6px;
        height: 65px;
        left: auto;
        right: 0;
        top: -80px;
    }

    .share .social-links--share.horizontal svg {
        height: 30px;
    }

    .share .social-links--share.horizontal .main,
    .share .social-links--share.horizontal .main .SocialMediaShareButton,
    .share .social-links--share.horizontal .more,
    .share .social-links--share.horizontal .more .SocialMediaShareButton {
        margin: 0;
    }

    .share .social-links--share.horizontal .button-more {
        bottom: 4px;
    }

    .share span {
        margin-left: 10px;
    }

    .share .social-links--share.horizontal.social-links--share-added {
        height: 80px;
        top: -100px;
    }

    .favorite {
        margin-bottom: 25px;
    }

    .favorite:hover>picture img,
    .favorite picture img.hover {
        display: none;
    }

    .favorite:hover>picture img.hover {
        display: block;
    }
}

.CatalogContainer {
    display: grid;
    background-color: #fff;
    grid-template-columns: repeat(5, 1fr);
    justify-content: space-between;
    margin-bottom: 30px;
    gap: 20px;
    grid-auto-rows: auto;
}

.CatalogContainer.no-products {
    grid-template-columns: 1fr;
}

@media (max-width: 767px) {
    .CatalogContainer {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .CatalogContainer {
        grid-template-columns: repeat(2, 1fr);
    }
}

.container-personal-account .CatalogContainer {
    padding: 0 12px;
}

.container-personal-account .CatalogContainer.no-products {
    grid-template-columns: 1fr;
}

@media (min-width: 576px) {
    .container-personal-account .CatalogContainer {
        grid-template-columns: repeat(auto-fill, 140px);
    }
}

@media (min-width: 768px) {
    .container-personal-account .CatalogContainer {
        grid-template-columns: repeat(auto-fill, 140px);
        padding: 0;
    }
}

@media (min-width: 1000px) {
    .container-personal-account .CatalogContainer {
        grid-template-columns: repeat(auto-fill, 140px);
    }
}

@media (min-width: 1280px) {
    .container-personal-account .CatalogContainer {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 1440px) {
    .container-personal-account .CatalogContainer {
        grid-template-columns: repeat(5, 1fr);
    }
}

.promotion-page,
.page-page,
.search-page,
.single-promotion-container,
.supplier-page,
.TestDrives {
    padding: 0 12px;
}

.promotion-page .search-tags,
.promotion-page .wrap-header,
.search-page .search-tags,
.search-page .wrap-header,
.single-promotion-container .search-tags,
.single-promotion-container .wrap-header,
.supplier-page .search-tags,
.supplier-page .wrap-header,
.TestDrives .search-tags,
.TestDrives .wrap-header {
    padding: 0;
}

@media (min-width: 768px) {

    .promotion-page,
    .page-page,
    .search-page,
    .single-promotion-container,
    .supplier-page,
    .TestDrives {
        padding: 0 20px;
    }
}

@media (min-width: 1280px) {

    .promotion-page,
    .page-page,
    .search-page,
    .single-promotion-container,
    .supplier-page,
    .TestDrives {
        padding: 0;
    }
}

.promotion-page .CatalogContainer,
.search-page .CatalogContainer,
.page-page .CatalogContainer,
.single-promotion-container .CatalogContainer,
.supplier-page .CatalogContainer,
.TestDrives .CatalogContainer {
    margin-top: 15px;
}

.promotion-page .CatalogContainer.no-products,
.page-page .CatalogContainer.no-products,
.search-page .CatalogContainer.no-products,
.single-promotion-container .CatalogContainer.no-products,
.supplier-page .CatalogContainer.no-products,
.TestDrives .CatalogContainer.no-products {
    grid-template-columns: 1fr;
}

@media (min-width: 576px) {

    .promotion-page .CatalogContainer,
    .page-page .CatalogContainer,
    .search-page .CatalogContainer,
    .single-promotion-container .CatalogContainer,
    .supplier-page .CatalogContainer,
    .TestDrives .CatalogContainer {
        grid-template-columns: repeat(auto-fill, 140px);
    }
}

@media (max-width: 767px) {

    .promotion-page .CatalogContainer--hor,
    .page-page .CatalogContainer--hor,
    .search-page .CatalogContainer--hor,
    .single-promotion-container .CatalogContainer--hor,
    .supplier-page .CatalogContainer--hor,
    .TestDrives .CatalogContainer--hor {
        grid-template-columns: repeat(auto-fill, minmax(296px, 1fr));
    }
}

@media (min-width: 632px) {

    .promotion-page .CatalogContainer--hor,
    .page-page .CatalogContainer--hor,
    .search-page .CatalogContainer--hor,
    .single-promotion-container .CatalogContainer--hor,
    .supplier-page .CatalogContainer--hor,
    .TestDrives .CatalogContainer--hor {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 768px) {

    .promotion-page .CatalogContainer,
    .pagge-page .CatalogContainer,
    .search-page .CatalogContainer,
    .single-promotion-container .CatalogContainer,
    .supplier-page .CatalogContainer,
    .TestDrives .CatalogContainer {
        grid-template-columns: repeat(auto-fill, 140px);
    }
}

@media (min-width: 1000px) {

    .promotion-page .CatalogContainer,
    .page-page .CatalogContainer,
    .search-page .CatalogContainer,
    .single-promotion-container .CatalogContainer,
    .supplier-page .CatalogContainer,
    .TestDrives .CatalogContainer {
        grid-template-columns: repeat(auto-fill, 140px);
        row-gap: 24px;
    }
}

@media (min-width: 1280px) {

    .promotion-page .CatalogContainer,
    .page-page .CatalogContainer,
    .search-page .CatalogContainer,
    .single-promotion-container .CatalogContainer,
    .supplier-page .CatalogContainer,
    .TestDrives .CatalogContainer {
        grid-template-columns: repeat(5, 1fr);
        padding: 0;
        grid-auto-rows: auto;
    }
}

@media (min-width: 1440px) {

    .promotion-page .CatalogContainer,
    .page-page .CatalogContainer,
    .search-page .CatalogContainer,
    .single-promotion-container .CatalogContainer,
    .supplier-page .CatalogContainer,
    .TestDrives .CatalogContainer {
        grid-template-columns: repeat(6, 1fr);
    }
}

@media (min-width: 1280px) {
    .catalog-page .CatalogContainer {
        grid-template-columns: repeat(4, 1fr);
        padding: 0;
        grid-auto-rows: auto;
    }
}

@media (min-width: 1440px) {
    .catalog-page .CatalogContainer {
        grid-template-columns: repeat(5, 1fr);
    }
}

.filter-list {
    font-size: 16px;
    position: relative;
}

.filter-list__show-more {
    width: 100%;
    justify-content: center;
    padding: 33px 0 5px;
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.6) 100%, #fff 0);
    font-size: 14px;
    margin-right: 4px;
    color: var(--main-grey);
}

.filter-list .filter-list-wrapper {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
}

.filter-list-wrap--in-header {
    position: fixed;
    top: 115px;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 500;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.filter-list-wrap--in-header .filter-list-wrapper {
    max-width: 1400px;
    padding: 5px 0;
    margin: 0 auto;
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .filter-list-wrap--in-header .filter-list-wrapper {
        max-width: 1240px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .filter-list {
        padding: 0 20px;
    }
}

.filter-list a {
    display: block;
    margin-right: 8px;
    margin-bottom: 8px;
}

.filter-list a .category-filter-btn {
    height: 32px;
    font-size: 14px;
    line-height: 100%;
    transition: all 0.2s;
    padding: 8px 10px;
    border: 2px solid transparent;
    cursor: pointer;
    background-color: #f6f6f6;
    border-radius: 4px;
}

@media (max-width: 1279px) {
    .filter-list a .category-filter-btn {
        margin-bottom: 0;
    }
}

.filter-list a .category-filter-btn.active,
.filter-list a .category-filter-btn:hover {
    background-color: var(--main-grey);
    color: #fff;
}

.filter-list a .category-filter-btn.btn-newbee {
    box-shadow: none;
    border: 2px solid var(--main-grey);
    color: var(--main-grey);
    background-color: #fff;
}

.filter-list a .category-filter-btn.btn-newbee.active,
.filter-list a .category-filter-btn.btn-newbee:hover {
    background-color: var(--main-grey);
    color: #fff;
}

.filter-list a .category-filter-btn.btn-promo {
    box-shadow: none;
    border: 2px solid #fc9a11;
    color: #fc9a11;
    background-color: #fff;
}

.filter-list a .category-filter-btn.btn-promo.active,
.filter-list a .category-filter-btn.btn-promo:hover {
    background-color: #fc9a11;
    color: #fff;
}

.sort-catalog {
    margin-left: 0 !important;
    margin-bottom: 16px;
    display: flex;
    flex-direction: column;
    font-weight: 400;
}

.sort-catalog .wrapper {
    background: #fff;
}

.sort-catalog .sortlist-and-count {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
}

.sort-catalog .sortlist-and-count .left-side,
.sort-catalog .sortlist-and-count .right-side {
    display: flex;
}

.sort-catalog .sortlist-and-count .left-side .filter-special,
.sort-catalog .sortlist-and-count .right-side .filter-special {
    display: flex;
    align-items: center;
    margin-right: 40px;
}

.sort-catalog .sortlist-and-count .left-side .filter-special .sort-container .sort-list-container,
.sort-catalog .sortlist-and-count .right-side .filter-special .sort-container .sort-list-container {
    width: auto;
    left: 0;
    right: auto;
}

.sort-catalog .sortlist-and-count .left-side .filter-question,
.sort-catalog .sortlist-and-count .right-side .filter-question {
    font-size: 14px;
    font-weight: 400;
}

.sort-catalog .sortlist-and-count .left-side .sort-container,
.sort-catalog .sortlist-and-count .right-side .sort-container {
    margin: 0;
}

.sort-catalog .sortlist-and-count .count_searching_products {
    font-size: 14px;
    margin-right: 18px;
}

.sort-catalog .title {
    font-size: 32px;
    margin-bottom: 15px;
    margin-top: 0 !important;
}

.catalog-category__title-filters {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.catalog-category__title-filters .mobile-filter {
    position: static !important;
}

@media (min-width: 768px) {
    .catalog-category__title-filters {
        display: none;
    }
}

@media (max-width: 767px) {
    .catalog-category__title-filters {
        margin: 0;
    }

    .catalog-category__title-filters .mobile-filter {
        display: block;
    }
}

.catalog-category__title-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (min-width: 768px) {
    .catalog-category__title-total {
        display: none;
    }
}

.catalog-category__title {
    font-size: 20px;
}

.catalog-category__total {
    font-size: 14px;
    color: #6d6d6d;
}

.catalog-filter-sort-wrapper .sort-catalog .wrapper .show-more-tags {
    cursor: pointer;
}

@media (max-width: 767px) {
    .catalog-filter-sort-wrapper .sort-catalog .wrapper .title {
        display: none;
    }
}

@media (max-width: 767px) {
    .catalog-filter-sort-wrapper .sort-catalog .wrapper .mobile-filter {
        display: block !important;
    }
}

.catalog-filter-sort-wrapper .main-filter li {}

.catalog-filter-sort-wrapper__sort-catalog {
    width: 100%;
}

@media (min-width: 768px) {
    .sort-catalog .filter-list {
        height: auto !important;
    }

    .sort-catalog .show-more-tags {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .sort-catalog .sortlist-and-count {
        flex-direction: column;
    }
}

@media (min-width: 768px) and (max-width: 1279px) and (min-width: 960px) and (max-width: 1279px) {
    .sort-catalog .sortlist-and-count {
        flex-direction: row;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .sort-catalog .sortlist-and-count .filter-special:first-child {
        margin-bottom: 15px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) and (min-width: 960px) and (max-width: 1279px) {
    .sort-catalog .sortlist-and-count .filter-special:first-child {
        margin-bottom: 0;
    }
}

@media (min-width: 768px) {
    .sort-catalog .filter {
        display: none;
    }
}

.catalog-category-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 16px 0 22px;
}

.catalog-category-btns .catalog-category__title-filters .mobile-filters {
    display: block;
}

.skeleton-img-service {
    width: 100%;
    height: 100%;
    margin: 0;
    background: #f5f5f5;
}

.skeleton-img-service:after {
    background: #c4c4c4 !important;
}

.skeleton-img-service:before {
    border-top-color: #c4c4c4 !important;
    background: #f5f5f5;
}

@media (max-width: 767px) {
    .skeleton-img-service:before {
        border-bottom-color: #c4c4c4 !important;
    }
}

.skeleton-img-service .wrap-skeleton:after {
    border-top-color: #5e5f61 !important;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .catalog-services {
        padding: 0 20px;
    }
}

.catalog-services h1 {
    font-size: 42px;
    margin-bottom: 40px;
}

.catalog-services .item {
    position: relative;
}

.catalog-services .services-in-home .if-silver-user {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    position: absolute;
    bottom: 42px;
    left: 27px;
}

.catalog-services .services-in-home .item.batteries {
    order: 3;
}

.catalog-services .services-in-home .item.chef {
    order: 4;
}

.catalog-services .services-in-home .item.chef .image {
    max-height: 400px;
}

.catalog-services .services-in-home .services-container {
    margin-bottom: 30px;
}

.catalog-services .services-in-home .slick-slider {
    width: 100%;
    flex-wrap: wrap;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .catalog-services .services-in-home .slick-slider {
        justify-content: center;
    }
}

.catalog-services .services-in-home .slick-slider a {
    margin: 0 20px 20px 0;
}

.catalog-services .services-in-home .slick-slider a:nth-child(2n) {
    margin-right: 0;
}

.catalog-services .services-in-home .slick-slider .service-img.chef .wrap .subtitle {
    max-width: 190px;
}

.catalog-services .services-in-home .slick-slider .service-img.skeleton .if-silver-user,
.catalog-services .services-in-home .slick-slider .service-img.skeleton:after,
.catalog-services .services-in-home .slick-slider .service-img.skeleton:before {
    display: none;
}

.catalog-services .services-in-home .slick-slider .service-img {
    width: 690px !important;
    margin-bottom: 20px;
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .catalog-services .services-in-home .slick-slider .service-img {
        width: 610px !important;
        height: 354px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .catalog-services .services-in-home .slick-slider .service-img {
        height: 400px;
    }
}

.catalog-services .services-in-home .slick-slider .service-img:after,
.catalog-services .services-in-home .slick-slider .service-img:before {
    cursor: default;
}

.catalog-services .services-in-home .slick-slider .service-img:hover span {
    transform: rotateX(0deg);
}

.catalog-services .services-in-home .slick-slider .service-img .period {
    position: relative;
}

.catalog-services .services-in-home .slick-slider .service-img .period .time-active {
    position: absolute;
    right: -612px;
    bottom: -160px;
    font-size: 14px;
    font-weight: 500;
    background: #fff;
    padding: 10px;
    display: flex;
    align-items: center;
    color: #363636;
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .catalog-services .services-in-home .slick-slider .service-img .period .time-active {
        bottom: -145px;
        right: -536px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .catalog-services .services-in-home .slick-slider .service-img .period .time-active {
        bottom: -180px;
        right: -612px;
    }
}

@media (max-width: 767px) {
    .catalog-services .services-in-home .slick-slider .service-img .period .time-active {
        bottom: 295px;
        right: -217px;
        font-size: 14px;
        font-weight: 500;
        background: #fff;
        padding: 10px;
    }
}

.catalog-services .services-in-home .slick-slider .service-img .period .time-active img {
    margin-right: 10px;
}

@media (max-width: 767px) {
    .catalog-services .services-in-home .slick-slider .service-img .period .time-active img {
        height: 20px;
        width: 20px;
    }
}

.catalog-services .services-in-home .slick-slider .service-img .btn {
    width: auto;
    min-width: 180px;
    padding: 0 15px;
    height: 50px;
    font-size: 18px;
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .catalog-services .services-in-home .slick-slider .service-img .btn {
        font-size: 16px;
    }
}

.catalog-services .services-in-home .slick-slider .service-img .btn:hover {
    cursor: pointer;
    transition: all 0.25s;
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .catalog-services .services-in-home .slick-slider .service-img .wrap {
        top: 50px;
    }
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .catalog-services .services-in-home .slick-slider .service-img .wrap:after {
        left: 101.8px;
    }
}

.catalog-services .services-in-home .slick-slider .service-img .wrap .title {
    font-family: Comfortaa, sans-serif;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 24px;
    margin-top: 15px;
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .catalog-services .services-in-home .slick-slider .service-img .wrap .title {
        font-size: 32px;
    }
}

.catalog-services .services-in-home .slick-slider .service-img .wrap .subtitle {
    display: flex;
}

.catalog-services .services-in-home .slick-slider .service-img .wrap .more,
.catalog-services .services-in-home .slick-slider .service-img .wrap .subtitle {
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    margin-bottom: 8px;
    max-width: 100%;
    font-size: 24px;
}

@media (min-width: 1280px) and (max-width: 1439px) {

    .catalog-services .services-in-home .slick-slider .service-img .wrap .more,
    .catalog-services .services-in-home .slick-slider .service-img .wrap .subtitle {
        font-size: 21px;
    }
}

.catalog-services .services-in-home .slick-slider .service-img .wrap .more .price,
.catalog-services .services-in-home .slick-slider .service-img .wrap .subtitle .price {
    background: #fc9a11;
    border-radius: 4px;
    padding: 2px 7px;
    margin-right: 5px;
}

.catalog-services .services-in-home .slick-slider .service-img .wrap .subtitle {
    margin-bottom: 16px;
}

.catalog-services .services-in-home .slick-slider .service-img .wrap .more {
    border-bottom: 2px dashed #fff;
    padding-bottom: 5px;
    display: inline-block;
    font-size: 18px;
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .catalog-services .services-in-home .slick-slider .service-img .wrap .more {
        font-size: 16px;
    }
}

.catalog-services .services-in-home .slick-slider .service-img .wrap .more:hover {
    color: #063148;
    border-bottom-color: #063148;
}

.catalog-services .services-in-home .slick-slider .service-img.garbage .image,
.catalog-services .services-in-home .slick-slider .service-img.sharpening .image {
    position: relative;
    z-index: -3;
    left: 150px;
}

@media (min-width: 1280px) and (max-width: 1439px) {

    .catalog-services .services-in-home .slick-slider .service-img.garbage .image,
    .catalog-services .services-in-home .slick-slider .service-img.sharpening .image {
        left: 110px;
    }
}

.catalog-services .services-in-home .slick-slider .service-img.sharpening .time-active {
    display: none;
}

.catalog-services .services-in-home .slick-slider .service-img.sharpening .image {
    left: 0;
}

.catalog-services .services-in-home .slick-slider .service-img.sharpening .subtitle {
    font-size: 24px;
}

.catalog-services .services-in-home .slick-slider .service-img.sharpening .more:hover {
    color: #ffa206;
    border-bottom-color: #ffa206;
}

.catalog-services .services-in-home .slick-slider .service-img.sharpening:after {
    background: #91007a;
}

.catalog-services .services-in-home .slick-slider .service-img.sharpening .wrap:after {
    border-top-color: #fc9a11;
}

.catalog-services .services-in-home .slick-slider .service-img.sharpening .btn {
    position: relative;
}

.catalog-services .services-in-home .slick-slider .service-img.sharpening .count-product-block.active {
    z-index: 555;
    background: #91007a;
    border-radius: 5px;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
}

.catalog-services .services-in-home .slick-slider .service-img.sharpening .count-product-block.active .value {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.catalog-services .services-in-home .slick-slider .service-img.sharpening .container.added .btn {
    top: -55px;
    transition: all 0.2s;
}

.catalog-services .services-in-home .slick-slider .service-img.sharpening .container.added .count-product-block {
    background: #91007a;
}

.catalog-services .services-in-home .slick-slider .service-img.sharpening .container.added .count-product-block+.count-product {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.catalog-services .services-in-home .slick-slider .service-img.sharpening .container.added .count-product-block:hover {
    background: #91007a;
}

.catalog-services .services-in-home .slick-slider .service-img.sharpening .container.added .value {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    background: #91007a;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
}

.catalog-services .services-in-home .slick-slider .service-img.sharpening .container {
    position: absolute;
    bottom: 55px;
    left: 20px;
    width: auto;
    height: 50px;
    overflow: hidden;
    z-index: 4;
}

@media (max-width: 767px) {
    .catalog-services .services-in-home .slick-slider .service-img.sharpening .container {
        bottom: 40px;
    }
}

.catalog-services .services-in-home .slick-slider .service-img.sharpening .container .btn {
    position: relative;
    top: 0;
    left: 0;
    transition: all 0.3s;
}

.catalog-services .services-in-home .slick-slider .service-img.sharpening .container .count-product-block {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    width: 180px;
    justify-content: space-between;
}

.catalog-services .services-in-home .slick-slider .service-img.sharpening .container .increase-count-product,
.catalog-services .services-in-home .slick-slider .service-img.sharpening .container .reduce-count-product {
    width: 50px;
    height: 50px;
    background: #fc9a11;
    transition: 0.2s;
}

.catalog-services .services-in-home .slick-slider .service-img.sharpening .container .increase-count-product:after,
.catalog-services .services-in-home .slick-slider .service-img.sharpening .container .reduce-count-product:after {
    width: 18px;
    height: 3px;
    left: calc(50% - 9px);
}

.catalog-services .services-in-home .slick-slider .service-img.sharpening .container .increase-count-product:before,
.catalog-services .services-in-home .slick-slider .service-img.sharpening .container .reduce-count-product:before {
    width: 18px;
    height: 3px;
    left: calc(50% - 9px);
}

.catalog-services .services-in-home .slick-slider .service-img.sharpening .container .increase-count-product:hover,
.catalog-services .services-in-home .slick-slider .service-img.sharpening .container .reduce-count-product:hover {
    background: #ff7e06;
}

.catalog-services .services-in-home .slick-slider .service-img.sharpening .container .reduce-count-product.hide {
    background: #c7c7c7;
    cursor: default;
    transition: all 0.2s;
}

.catalog-services .services-in-home .slick-slider .service-img.sharpening:before {
    border-top-color: #91007a;
}

.catalog-services .services-in-home .slick-slider .service-img.batteries .btn,
.catalog-services .services-in-home .slick-slider .service-img.sharpening .btn {
    background: #fc9a11;
}

.catalog-services .services-in-home .slick-slider .service-img.batteries .btn:hover,
.catalog-services .services-in-home .slick-slider .service-img.sharpening .btn:hover {
    background: #ff7e06;
}

.catalog-services .services-in-home .slick-slider .service-img.batteries .btn.disabled:hover,
.catalog-services .services-in-home .slick-slider .service-img.sharpening .btn.disabled:hover {
    background: #fc9a11;
    cursor: default;
}

.catalog-services .services-in-home .slick-slider .service-img.garbage .btn {
    background: #2d4a5a;
}

.catalog-services .services-in-home .slick-slider .service-img.garbage .btn:hover {
    background: #063148;
}

.catalog-services .services-in-home .slick-slider .service-img.garbage .btn.disabled:hover {
    background: #2d4a5a;
    cursor: default;
}

.catalog-services .services-in-home .slick-slider .service-img.garbage .subtitle .price {
    background: #2d4a5a;
}

.catalog-services .services-in-home .slick-slider .service-img.chef .period,
.catalog-services .services-in-home .slick-slider .service-img.chef .price {
    display: none;
}

.catalog-services .services-in-home .slick-slider .service-img.chef .btn {
    background: #ff503b;
    margin-bottom: 0;
}

.catalog-services .services-in-home .slick-slider .service-img.chef .btn:hover {
    background: #ff3b3b;
}

@media (max-width: 767px) {
    .catalog-services h1 {
        font-size: 32px;
        padding: 0 12px;
        margin-bottom: 22px;
    }

    .catalog-services .services-in-home .if-silver-user {
        bottom: 32px;
        left: 42px;
    }

    .catalog-services .services-in-home .slick-slider {
        justify-content: center;
    }

    .catalog-services .services-in-home .slick-slider .item.sharpening .service-img .image {
        width: 570px;
        height: 360px;
        top: -130px;
        left: -248px;
    }

    .catalog-services .services-in-home .slick-slider .item.sharpening .service-img .wrap {
        top: 250px;
    }

    .catalog-services .services-in-home .slick-slider .item.sharpening .service-img .wrap:after {
        top: -83.8px;
    }

    .catalog-services .services-in-home .slick-slider .item.sharpening .service-img .wrap .subtitle,
    .catalog-services .services-in-home .slick-slider .item.sharpening .service-img .wrap .title {
        margin-bottom: 18px;
    }

    .catalog-services .services-in-home .slick-slider .item.batteries .service-img:before {
        border-bottom-color: #036cb5;
    }

    .catalog-services .services-in-home .slick-slider .item.garbage .service-img:before {
        border-bottom-color: #dc0787;
    }

    .catalog-services .services-in-home .slick-slider .item.chef .service-img:before {
        border-bottom-color: #fc9a11;
    }

    .catalog-services .services-in-home .slick-slider .item.chef .service-img .wrap .title {
        width: 80%;
    }

    .catalog-services .services-in-home .slick-slider .item.chef .subttite {
        font-size: 24px;
        font-weight: 400;
    }
}

@media (max-width: 767px) and (min-width: 580px) {
    .catalog-services .services-in-home .slick-slider .item {
        margin: 0 10px 20px;
    }
}

@media (max-width: 767px) {
    .catalog-services .services-in-home .slick-slider .item .service-container-main img {
        height: 250px;
    }

    .catalog-services .services-in-home .slick-slider .item .service-img.chef .image {
        left: -140px;
        position: relative;
        z-index: -3;
    }

    .catalog-services .services-in-home .slick-slider .item .service-img {
        height: 500px;
        width: 290px !important;
    }

    .catalog-services .services-in-home .slick-slider .item .service-img .icon {
        top: 170px;
        left: 15px;
        height: 45px;
    }

    .catalog-services .services-in-home .slick-slider .item .service-img .btn {
        bottom: 40px;
        font-size: 18px;
    }

    .catalog-services .services-in-home .slick-slider .item .service-img:after {
        bottom: 0;
        top: auto;
        height: 270px;
        width: 290px;
    }

    .catalog-services .services-in-home .slick-slider .item .service-img:before {
        border: none;
        border-right: 290px solid transparent;
        border-bottom: 80px solid #91007a;
        bottom: 270px;
        left: 0;
        top: auto;
    }

    .catalog-services .services-in-home .slick-slider .item .service-img .image {
        left: 0;
        width: auto;
        height: 250px;
    }

    .catalog-services .services-in-home .slick-slider .item .service-img .wrap {
        top: 230px;
        left: 20px;
    }

    .catalog-services .services-in-home .slick-slider .item .service-img .wrap:after {
        border-right: 150px solid transparent;
        border-left: none;
        left: -40px;
        top: -63.8px;
        transform: rotate(16deg);
        border-top-width: 120px;
    }

    .catalog-services .services-in-home .slick-slider .item .service-img .wrap .title {
        width: 110%;
        font-size: 29px;
        margin-bottom: 12px;
    }

    .catalog-services .services-in-home .slick-slider .item .service-img .wrap .subtitle {
        font-size: 24px;
        font-weight: 400;
        margin-bottom: 10px;
    }

    .catalog-services .services-in-home .slick-slider .item .service-img .wrap .more {
        font-size: 18px;
    }
}

.services-in-home .services-container {
    display: flex;
    justify-content: space-between;
}

.services-in-home .services-container:first-child {
    margin-bottom: 20px;
}

.services-in-home .slick-slider {
    width: 1411px;
}

.services-in-home .slick-slider .service-img:hover:after,
.services-in-home .slick-slider .service-img:hover:before {
    cursor: pointer;
}

.services-in-home .slick-slider .service-img.garbage:after {
    background: #dc0787;
}

.services-in-home .slick-slider .service-img.garbage:before {
    border-top-color: #dc0787;
}

.services-in-home .slick-slider .service-img.garbage .wrap:after {
    border-top-color: #2d4a5a;
}

.services-in-home .slick-slider .service-img.garbage .btn {
    background: #2d4a5a;
}

.services-in-home .slick-slider .service-img.sharp .icon {
    height: 36px;
}

.services-in-home .slick-slider .service-img.sharp .wrap {
    top: 35px;
}

.services-in-home .slick-slider .service-img.sharp .wrap:after {
    top: -65px;
}

.services-in-home .slick-slider .service-img.sharp .wrap .info-add {
    font-size: 36px;
    font-weight: 700;
    background: #fc9a11;
    border-radius: 15px;
    position: absolute;
    left: -20px;
    top: 90px;
    font-family: Comfortaa, sans-serif;
    padding: 6px 8px 0 10px;
    letter-spacing: 3px;
}

.services-in-home .slick-slider .service-img.sharp .wrap .info-add:after {
    display: none;
}

.services-in-home .slick-slider .service-img.sharp .wrap .title {
    margin-bottom: 15px;
    font-size: 32px;
    line-height: 36px;
}

.services-in-home .slick-slider .service-img.sharp .wrap .subtitle {
    max-width: 160px;
    margin-bottom: 25px;
    position: relative;
    left: 78px;
    top: 14px;
    font-weight: 500;
}

.services-in-home .slick-slider .service-img.sharp .wrap .info,
.services-in-home .slick-slider .service-img.sharp .wrap .subtitle {
    font-size: 17px;
    font-family: Roboto, sans-serif;
}

.services-in-home .slick-slider .service-img.sharp .wrap .info {
    max-width: 230px;
    line-height: 125%;
    font-weight: 400;
    margin-top: 18px;
    position: relative;
}

.services-in-home .slick-slider .service-img.sharp .wrap .info:after {
    content: "*";
    position: absolute;
    top: -4px;
    left: -12px;
    font-size: 17px;
}

.services-in-home .slick-slider .service-img.sharp:after {
    background: #a92194;
}

.services-in-home .slick-slider .service-img.sharp:before {
    border-top-color: #a92194;
}

.services-in-home .slick-slider .service-img.sharp .wrap:after {
    border-top-color: #fc9a11;
}

.services-in-home .slick-slider .service-img.sharp .btn {
    background: #fc9a11;
}

.services-in-home .slick-slider .service-img.batteries:after {
    background: #036cb5;
}

.services-in-home .slick-slider .service-img.batteries:before {
    border-top-color: #036cb5;
}

.services-in-home .slick-slider .service-img.batteries .wrap:after {
    border-top-color: #fc9a11;
}

.services-in-home .slick-slider .service-img.batteries .btn {
    background: #fc9a11;
}

.services-in-home .slick-slider .service-img.batteries .image {
    position: relative;
    left: 150px;
    z-index: -3;
}

.services-in-home .slick-slider .service-img {
    position: relative;
    overflow: hidden;
    height: 400px;
    width: 693px !important;
}

.services-in-home .slick-slider .service-img:hover .btn:after {
    opacity: 1;
}

.services-in-home .slick-slider .service-img:hover .btn span {
    transform: rotateX(1turn);
}

.services-in-home .slick-slider .service-img .icon {
    height: 40px;
    position: absolute;
    top: 17px;
    left: 274px;
    width: auto;
    z-index: 44;
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .services-in-home .slick-slider .service-img .icon {
        left: 278px;
        top: 10px;
    }
}

.services-in-home .slick-slider .service-img:after,
.services-in-home .slick-slider .service-img:before {
    content: "";
    position: absolute;
    width: 240px;
    height: 100%;
    left: 0;
    top: 0;
    background: #ffa206;
}

.services-in-home .slick-slider .service-img:before {
    width: 0;
    height: 0;
    left: 239px;
    background: transparent;
    border-top: 400px solid #ffa206;
    border-right: 100px solid transparent;
}

.services-in-home .slick-slider .service-img .wrap {
    position: absolute;
    top: 67px;
    left: 23px;
    z-index: 33;
    max-width: 242px;
}

.services-in-home .slick-slider .service-img .wrap:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: -96px;
    left: 98px;
    transform: rotate(15deg);
    border-top: 110px solid #ff513b;
    border-left: 210px solid transparent;
}

.services-in-home .slick-slider .service-img .wrap .btn,
.services-in-home .slick-slider .service-img .wrap .days,
.services-in-home .slick-slider .service-img .wrap .info,
.services-in-home .slick-slider .service-img .wrap .info-add,
.services-in-home .slick-slider .service-img .wrap .subtitle,
.services-in-home .slick-slider .service-img .wrap .title {
    position: relative;
    z-index: 44;
    font-size: 36px;
    color: #fff;
}

.services-in-home .slick-slider .service-img .wrap .days {
    font-size: 38px;
    font-family: Comfortaa, sans-serif;
    font-weight: 700;
}

.services-in-home .slick-slider .service-img .wrap .title {
    margin-bottom: 15px;
    font-family: Comfortaa, sans-serif;
}

.services-in-home .slick-slider .service-img .wrap .subtitle {
    font-size: 24px;
    margin-bottom: 32px;
    font-weight: 400;
    max-width: 190px;
}

.services-in-home .slick-slider .service-img .wrap .info,
.services-in-home .slick-slider .service-img .wrap .info-add {
    font-size: 48px;
    font-weight: 700;
    font-family: Comfortaa, sans-serif;
    display: inline-block;
}

.services-in-home .slick-slider .service-img .wrap .says {
    font-family: Comfortaa, sans-serif;
    font-size: 38px;
}

.services-in-home .slick-slider .service-img .wrap .info-add {
    position: relative;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    margin-left: 20px;
}

.services-in-home .slick-slider .service-img .wrap .info-add:after {
    content: "";
    position: absolute;
    top: 24px;
    left: 0;
    width: 100%;
    height: 1.5px;
    background: #fff;
    transform: rotate(-17deg);
}

.services-in-home .slick-slider .service-img .btn {
    width: 150px;
    height: 40px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    background: #ff513b;
    border-radius: 50px;
    position: absolute;
    bottom: 55px;
    left: 23px;
    z-index: 44;
    perspective: 100px;
}

.services-in-home .slick-slider .service-img .btn:after {
    opacity: 0;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .services-in-home .services-container:first-child {
        margin-bottom: 0;
        display: flex;
        justify-content: center;
    }

    .services-in-home .slick-slider .service-img {
        height: auto;
    }

    .services-in-home .slick-slider .service-img .wrap {
        top: 48px;
    }

    .services-in-home .slick-slider .service-img .wrap:after {
        top: -78px;
    }

    .services-in-home .slick-slider .service-img .wrap .subtitle {
        font-size: 22px;
    }

    .services-in-home .slick-slider .service-img .wrap .btn {
        font-size: 16px;
        width: 134px;
        height: 35px;
        bottom: 25px;
    }

    .services-in-home .slick-slider .service-img.sharp {
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .services-in-home .services-container:first-child {
        margin: 0;
    }

    .services-in-home .service-container-main img {
        width: 270px;
        height: 164px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .service-container-main .slick-slider {
        width: 1260px;
        margin-left: 6px;
    }

    .service-container-main .slick-slider .service-img .btn {
        bottom: 25px;
    }

    .service-container-main .slick-slider img {
        width: 615px;
        height: 357px;
        border-radius: 8px;
    }
}

@media (max-width: 767px) {
    .service-container-main img {
        width: 270px;
        height: 164px;
    }
}

.main-slider .slider-control {
    position: absolute;
    bottom: 30px;
    left: 34px;
}

.main-slider .slider-control input[type="radio"] {
    display: none;
}

.main-slider .slider-control input[type="radio"]+label {
    width: 13px;
    height: 13px;
    border: 1px solid #fff;
    display: inline-block;
    margin-right: 12px;
    border-radius: 8px;
    cursor: pointer;
}

.main-slider .slider-control input[type="radio"]:checked+label {
    background: #fff;
}

.catalog-page .add-more-container {
    margin-bottom: 45px;
}

.catalog-page .banner-top-page {
    margin-top: 20px;
}

.catalog-page .recipes .horizontal-boxes {
    justify-content: space-between;
    margin-bottom: 10px;
}

.catalog-page .recipes .horizontal-boxes .box .recipe-content {
    height: auto;
}

.catalog-page .sort-container {
    width: auto;
}

.catalog-page .sort-container .header-accordion .accordion-control {
    margin-left: 20px;
}

.catalog-page .sort-container .sort-list-container {
    width: auto;
}

.catalog-page .recipes .recipe-footer {
    bottom: -15px;
}

.catalog-page .recipes .wrap-shadow .recipe {
    width: 572px;
}

.catalog-page .recipes .horizontal-boxes {
    position: relative;
    display: flex;
}

.catalog-page .recipes .horizontal-boxes .recipe {
    height: 342px;
    overflow: auto;
    padding-top: 15px;
    padding-bottom: 30px;
    overflow-x: hidden;
    border-radius: 8px;
}

.catalog-page .recipes .horizontal-boxes .recipe ul {
    list-style-type: disc !important;
    padding-left: 18px !important;
    margin-bottom: 8px;
}

.catalog-page .recipes .horizontal-boxes .recipe ul li {
    font-family: Roboto, sans-serif !important;
    font-size: 14px !important;
    margin-bottom: 4px;
}

.catalog-page .recipes .horizontal-boxes .recipe h2 {
    font-weight: 700;
    max-width: 100%;
}

.catalog-page .recipes .horizontal-boxes .shadow {
    position: absolute;
    right: 10px;
    bottom: 4px;
    width: 540px;
    background: #fafafa;
    box-shadow: 0 -18px 10px 7px #fafafa;
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .catalog-page {
        padding: 0;
    }

    .catalog-page .catalog-name h1 {
        margin: 20px 0 30px;
    }

    .catalog-page .banner-top-page {
        width: 100%;
        margin: 0;
    }

    .catalog-page .recipes {
        padding-bottom: 5px;
    }

    .catalog-page .add-more-container {
        margin: 15px 0 30px;
    }

    .catalog-page .recipes .horizontal-boxes {
        width: 1240px;
        margin: 32px auto 0;
        height: auto;
    }

    .catalog-page .recipes .horizontal-boxes article.recipe h2 {
        margin-top: 0;
    }

    .catalog-page .recipes .horizontal-boxes .shadow {
        bottom: 4px;
        right: 20px;
        width: 480px;
    }

    .catalog-page .recipes .horizontal-boxes .box {
        width: 697px;
        height: 294px;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    }

    .catalog-page .recipes .horizontal-boxes .box .recipe-footer {
        bottom: 40px;
    }

    .catalog-page .recipes .horizontal-boxes .box .recipe-content {
        height: auto;
    }

    .catalog-page .recipes .horizontal-boxes .box .recipe-content .recipe-title {
        font-size: 18px;
    }

    .catalog-page .recipes .horizontal-boxes .box .recipe-content .recipe-text {
        margin: 0;
        padding-right: 30px;
    }

    .catalog-page .recipes .horizontal-boxes .box .recipe-image {
        width: 355px;
        height: 294px;
        overflow: hidden;
    }

    .catalog-page .recipes .horizontal-boxes .box .recipe-image img {
        width: auto;
        height: 100%;
    }

    .catalog-page .recipes .horizontal-boxes .recipe {
        width: 523px;
        height: 294px;
    }

    .catalog-page .type-catalog {
        width: 1240px;
        margin: 20px 0 24px;
    }

    .catalog-page .type-catalog ul li {
        font-size: 14px;
    }

    .catalog-page .type-catalog .back {
        font-size: 16px;
    }

    .catalog-page .catalog-filter {
        width: 232px;
        padding-left: 0;
    }

    .catalog-page .sort-catalog {
        margin: 0 0 18px;
        width: 980px;
    }

    .catalog-page .sort-catalog .sortlist-and-count {
        flex-direction: column;
        align-items: flex-end;
        position: relative;
    }

    .catalog-page .sort-catalog .sortlist-and-count .filter-special {
        z-index: 400;
    }

    .catalog-page .sort-catalog .sortlist-and-count .right-side {
        order: -1;
        justify-content: space-between;
        width: auto;
    }

    .catalog-page .sort-catalog .sortlist-and-count .right-side .sort-container {
        position: relative;
        bottom: 0;
    }

    .catalog-page .sort-catalog .sortlist-and-count .left-side {
        position: absolute;
        left: 0;
        top: 0;
    }

    .catalog-page .sort-catalog .filter-list a .category-filter-btn {
        font-size: 14px;
        padding: 8px 14px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .catalog-page {
        margin-top: 0 !important;
    }

    .catalog-page .sort-catalog .wrapper {
        display: flex;
        flex-direction: column;
    }

    .catalog-page .sort-catalog .wrapper .sortlist-and-count {
        flex-direction: column-reverse;
    }

    .catalog-page .sort-catalog .wrapper .sortlist-and-count .right-side {
        justify-content: space-between;
        margin-bottom: 15px;
    }

    .catalog-page .sort-catalog .wrapper .sortlist-and-count .filter-special:first-child {
        margin: 0;
    }

    .catalog-page .sort-catalog .title {
        order: -3;
    }

    .catalog-page .catalog-name {
        padding: 0 25px;
    }

    .catalog-page .catalog-name h1 {
        margin: 0 0 20px;
        font-size: 32px;
    }

    .catalog-page .mobile-filter {
        display: none;
    }

    .catalog-page .sort-container .header-accordion .accordion-control {
        margin-right: 20px;
    }

    .catalog-page .sort-container .sort-list-container {
        width: auto;
        right: 10px;
    }

    .catalog-page .recipes .horizontal-boxes {
        display: flex;
        flex-direction: column;
        padding: 0 25px;
        margin-top: 20px;
    }

    .catalog-page .recipes .horizontal-boxes .shadow {
        width: calc(100% - 70px);
        bottom: 7px;
        right: 34px;
    }

    .catalog-page .recipes .horizontal-boxes .recipe-footer {
        bottom: -15px;
    }

    .catalog-page .recipes .horizontal-boxes .box {
        margin: 0 0 30px;
        width: auto;
        height: 267px;
    }

    .catalog-page .recipes .horizontal-boxes .box .recipe-content {
        width: auto;
    }

    .catalog-page .recipes .horizontal-boxes .box .recipe-content .recipe-text {
        padding: 0;
    }

    .catalog-page .recipes .horizontal-boxes .box .recipe-content .recipe-text .inner-text {
        height: 95px;
    }

    .catalog-page .recipes .horizontal-boxes .box .recipe-content .recipe-text .shadow {
        width: 100%;
        bottom: 15px;
    }

    .catalog-page .recipes .horizontal-boxes .box .recipe-image,
    .catalog-page .recipes .horizontal-boxes .box .recipe-image img {
        width: 332px;
        height: 267px;
    }

    .catalog-page .recipes .horizontal-boxes .wrap-shadow {
        order: 1;
        margin-bottom: 20px;
    }

    .catalog-page .recipes .horizontal-boxes .recipe {
        width: auto;
    }
}

@media (max-width: 767px) {

    .catalog-page .recipes article.recipe h2 {
        font-size: 18px;
    }

    .catalog-page .mobile-filter {
        top: 0;
    }

    .catalog-page .catalog-list-menu {
        display: none;
    }

    .catalog-page .catalog-name h1 {
        font-size: 18px;
        margin: 20px 0 15px;
    }

    .catalog-page .recipes {
        margin: 0;
    }

    .catalog-page .recipes .horizontal-boxes {
        display: flex;
        flex-direction: column;
        margin-top: 15px;
    }

    .catalog-page .recipes .horizontal-boxes .box {
        display: flex;
        flex-direction: column;
        width: auto;
        margin: 0 auto 20px;
        max-width: 295px;
        height: 100%;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    }

    .catalog-page .recipes .horizontal-boxes .box .recipe-content {
        width: auto;
        height: auto;
        padding: 0 12px;
    }

    .catalog-page .recipes .horizontal-boxes .box .recipe-content .recipe-text {
        display: none;
    }

    .catalog-page .recipes .horizontal-boxes .box .recipe-content .recipe-title {
        font-size: 21px;
        text-align: center;
        width: auto;
    }

    .catalog-page .recipes .horizontal-boxes .box .recipe-image {
        margin: 0;
        border-radius: 8px 8px 0 0;
    }

    .catalog-page .recipes .horizontal-boxes .box .recipe-image img {
        width: 100%;
        max-width: 295px;
        height: auto;
    }

    .catalog-page .recipes .horizontal-boxes .recipe {
        order: 2;
        width: auto;
        height: 250px;
        overflow: scroll;
        padding-bottom: 15px;
    }

    .catalog-page .recipes .horizontal-boxes .wrap-shadow {
        height: 100%;
        overflow: scroll;
        margin-bottom: 15px;
        padding-bottom: 15px;
        position: relative;
    }

    .catalog-page .recipes .horizontal-boxes .shadow {
        position: relative;
        background: #fafafa;
        width: 100%;
        height: 0;
        bottom: 15px;
        box-shadow: 0 -18px 10px 7px #fafafa;
    }

    .catalog-page .recipes .recipe-footer {
        position: static;
        justify-content: space-between;
    }

    .catalog-page .recipes .recipe-footer .icon-box {
        margin: 0;
    }

    .catalog-page .sort-catalog {
        margin-bottom: unset;
        display: block;
        flex-direction: unset;
        margin-left: 0 !important;
    }

    .catalog-page .sort-catalog .sortlist-and-count {
        display: none;
    }

    .catalog-page .sort-catalog .filter-list {
        transition: all 0.5s ease-out;
        padding: 4px 2px 0;
        overflow: hidden;
        margin-bottom: 15px;
    }

    .catalog-page .sort-catalog .filter-list a .category-filter-btn {
        min-height: 30px;
        height: auto;
        padding: 0 8px;
        font-size: 13px;
        font-weight: 300;
        margin-bottom: 10px;
    }

    .catalog-page .sort-catalog .show-more-tags {
        text-align: center;
        color: var(--main-grey);
        text-decoration: underline;
        margin: 12px 0 24px;
        font-size: 14px;
        font-weight: 300;
    }

    .catalog-page .sort-catalog .wrapper {
        display: block !important;
        position: relative;
        width: 100%;
        flex-direction: unset !important;
        height: auto;
    }

    .catalog-page .sort-catalog .sort-container .title {
        display: none;
    }

    .catalog-page .sort-catalog .sortlist-and-count {
        margin: 0 0 0 10px;
        width: 25px;
        height: 20px;
        position: static;
    }

    .catalog-page .sort-catalog .header-accordion {
        padding: 2px 0 0 10px;
    }

    .catalog-page .sort-catalog .header-accordion span {
        display: none;
    }

    .catalog-page .sort-catalog .header-accordion .accordion-control {
        margin: 0;
    }

    .catalog-page .sort-catalog .header-accordion .accordion-control img {
        height: 8px;
    }

    .catalog-page .sort-catalog .sort-container {
        width: 32px;
        height: 20px;
        position: static;
        margin-left: 0;
    }

    .catalog-page .sort-catalog .sort-container .sort-list-container {
        position: absolute;
        top: 3px;
        left: 0;
    }
}

@media (max-width: 767px) and (max-width: 360px) {
    .catalog-page .sort-catalog .sort-container .sort-list-container {
        width: 295px;
        left: 0;
    }
}

@media (max-width: 767px) {
    .catalog-page .sort-catalog .title {
        font-size: 16px;
    }

    .catalog-page .sort-catalog .sortlist-and-count {
        width: 0;
    }

    .catalog-page .sort-catalog .sort-container.catalog-mobile {
        background: #fff;
        display: block;
        padding: 0 5px;
        height: 25px;
    }

    .catalog-page .sort-catalog .sort-container.catalog-mobile .header-accordion {
        position: relative;
        z-index: 666;
        padding: 5px 0;
    }

    .catalog-page .sort-catalog .sort-container.catalog-mobile .header-accordion .accordion-control:after,
    .catalog-page .sort-catalog .sort-container.catalog-mobile .header-accordion .accordion-control:before {
        top: 1px;
        right: -5px;
    }

    .catalog-page .sort-catalog .sort-container.catalog-mobile .header-accordion .accordion-control:before {
        right: -10px;
    }

    .catalog-page .sort-catalog .sort-container.catalog-mobile .sort-catalog .title {
        display: block;
    }

    .catalog-page .sort-catalog .sort-container.catalog-mobile .sort-list-container {
        width: auto;
        max-width: 320px;
        margin-left: 2px;
        z-index: 555;
    }

    .catalog-page .sort-catalog .sort-container.catalog-mobile .sort-list-container ul {
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    }

    .catalog-page .sort-catalog .sort-container.catalog-mobile .sort-list-container li {
        font-size: 14px;
        background: #fff;
        color: #333;
        padding: 0 10px;
    }

    .catalog-page .sort-catalog .sort-container.catalog-mobile .sort-list-container li:last-child a {
        border: none;
    }

    .catalog-page .sort-catalog .sort-container.catalog-mobile .sort-list-container li a {
        height: 40px;
        display: flex;
        align-items: center;
        border-bottom: 1px solid #c7c7c7;
    }

    .catalog-page .sort-catalog .sort-container.catalog-mobile .sort-list-container li .active {
        color: var(--main-grey);
    }

    .catalog-page .sort-catalog .sort-container.catalog-mobile .sort-list-container .btn-newbee {
        border-left: 3px solid var(--main-grey);
        color: var(--main-grey);
    }

    .catalog-page .sort-catalog .sort-container.catalog-mobile .sort-list-container .btn-promo {
        border-left: 3px solid #fc9a11;
        color: #fc9a11;
    }

    .catalog-page .sort-catalog .title {
        display: block;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .main-banner.main-slider .slide {
        height: 300px;
    }

    .main-banner.main-slider .title {
        font-size: 24px;
        top: 70px;
        max-width: 400px;
    }

    .main-banner.main-slider a {
        bottom: 50px;
    }
}

.auth-modal.zoomed-img-recipe {
    padding: 50px;
    color: #363636;
    background: #fff;
    width: auto;
    max-width: 1000px;
}

@media (max-width: 1025px) {
    .auth-modal.zoomed-img-recipe {
        max-width: 750px;
    }
}

.auth-modal.zoomed-img-recipe .zoomed-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.auth-modal.zoomed-img-recipe .zoomed-content img {
    min-height: 600px;
}

@media (max-width: 1025px) {
    .auth-modal.zoomed-img-recipe .zoomed-content img {
        min-height: 433px;
    }
}

.auth-modal.zoomed-img-recipe .cross {
    left: auto;
    right: 10px;
}

.auth-modal.zoomed-img-recipe:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: 70px solid var(--main-grey);
    border-left: 70px solid transparent;
    z-index: 1;
}

.auth-modal.zoomed-img-recipe img {
    margin: 0 auto 20px;
    max-width: 900px;
}

@media (max-width: 1025px) {
    .auth-modal.zoomed-img-recipe img {
        max-width: 650px;
    }
}

.auth-modal.zoomed-img-recipe .title {
    font-size: 16px;
    line-height: 130%;
    text-align: left;
}

.auth-modal.zoomed-img-recipe .triangle-label-right {
    z-index: auto;
    bottom: 0;
}

.auth-modal.zoomed-img-recipe .triangle-label-right span {
    position: absolute;
    bottom: 2px;
    font-weight: 400;
    font-size: 32px;
    right: 8px;
    color: #fff;
    z-index: 2;
}

.auth-modal.zoomed-img-recipe .triangle-label-right.more-one-number span {
    font-size: 28px;
    right: 5px;
}

.recipe-container {
    display: flex;
}

.recipe-container .recipe-left-part {
    width: 650px;
}

.recipe-container .recipe-left-part .img-block {
    position: relative;
    overflow: hidden;
    height: 300px;
    width: 650px;
    position: sticky;
    top: 111px !important;
}

.recipe-container .recipe-left-part .ingrdients-block {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    position: relative;
    background: #fff;
    z-index: 4;
}

.recipe-container .recipe-left-part .ingrdients-block .header {
    padding: 30px 30px 20px;
    display: flex;
    justify-content: space-between;
}

.recipe-container .recipe-left-part .ingrdients-block .header .title {
    font-weight: 700;
    font-size: 32px;
}

.recipe-container .recipe-left-part .ingrdients-block ul {
    padding: 4px 30px 20px;
}

.recipe-container .recipe-left-part .ingrdients-block ul li {
    height: 62px;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.recipe-container .recipe-left-part .ingrdients-block ul li .prices {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: 500;
    margin: 0 0 0 25px;
    width: 105px;
    font-size: 14px;
    row-gap: 4px;
}

.recipe-container .recipe-left-part .ingrdients-block ul li .prices .current-price {
    font-size: 20px;
}

.recipe-container .recipe-left-part .ingrdients-block ul li .prices .price-measure {
    font-size: 12px;
    color: #6d6d6d;
}

.recipe-container .recipe-left-part .ingrdients-block ul li .buy-btn .wrap {
    width: 160px;
    margin: 0 0 0 15px;
}

.recipe-container .recipe-left-part .ingrdients-block ul li .wrap.added .button-red {
    border: none;
}

.recipe-container .recipe-left-part .ingrdients-block ul li .wrap.added .button-red:hover {
    background: #fff;
    border: none;
    color: #363636;
}

.recipe-container .recipe-left-part .ingrdients-block ul li .wrap.added .button-red.support .reduce {
    background: #fff;
    border: 1px solid #6d6d6d;
}

.recipe-container .recipe-left-part .ingrdients-block ul li .wrap.added .button-red.support .reduce:hover {
    transition: all 0.2s;
    background: #6d6d6d;
}

.recipe-container .recipe-left-part .ingrdients-block ul li .wrap.added .button-red.support .reduce:hover:after {
    background: #fff;
}

.recipe-container .recipe-left-part .ingrdients-block ul li .wrap.added .button-red.support .reduce:after {
    background: #6d6d6d;
}

.recipe-container .recipe-left-part .ingrdients-block ul li .button-red {
    background: #fff;
    border: 2px solid var(--main-grey);
    color: var(--main-grey);
}

.recipe-container .recipe-left-part .ingrdients-block ul li .button-red .icons {
    display: flex;
    justify-content: center;
    align-content: center;
}

.recipe-container .recipe-left-part .ingrdients-block ul li .button-red .hover {
    display: none;
}

.recipe-container .recipe-left-part .ingrdients-block ul li .button-red:hover {
    transition: all 0.1s;
    background: var(--main-grey);
    border: 1px solid var(--main-grey);
    color: #fff;
}

.recipe-container .recipe-left-part .ingrdients-block ul li .button-red:hover .hover {
    display: block;
}

.recipe-container .recipe-left-part .ingrdients-block ul li .button-red:hover .static {
    display: none;
}

.recipe-container .recipe-left-part .ingrdients-block ul li .ingrdient-info {
    flex: 1;
    justify-content: space-between;
    font-weight: 400;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.recipe-container .recipe-left-part .ingrdients-block ul li .ingrdient-info .our-recipe {
    color: var(--main-grey);
    text-decoration: underline;
}

.recipe-container .recipe-left-part .ingrdients-block ul li .ingrdient-info .our-recipe:hover {
    text-decoration: none;
}

.recipe-container .recipe-left-part .ingrdients-block ul li .ingrdient-info span {
    text-align: right;
}

.recipe-container .recipe-left-part .ingrdients-block ul li .ingrdient-info a {
    text-decoration: underline;
    margin-left: 18px;
}

.recipe-container .recipe-left-part .ingrdients-block ul li .ingrdient-info a:hover {
    color: var(--main-grey);
}

.recipe-container .recipe-left-part .ingrdients-block ul li .ingrdient-info .no-links {
    display: flex;
    justify-content: space-between;
    padding: 0 0 0 18px;
    max-width: 285px;
}

@media (max-width: 1439px) {
    .recipe-container .recipe-left-part .ingrdients-block ul li .ingrdient-info .no-links {
        max-width: 255px;
    }
}

.recipe-container .recipe-left-part .ingrdients-block ul li .ingrdient-info .no-links .item-value {
    width: auto;
    text-align: center;
}

.recipe-container .recipe-left-part .ingrdients-block ul li .button {
    margin-left: 30px;
    background: var(--main-grey);
    min-width: 42px;
    height: 42px;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.recipe-container .recipe-left-part .ingrdients-block ul li .button:hover {
    background: var(--main-red);
}

.recipe-container .recipe-left-part .ingrdients-block ul li .button.subscription-button {
    background: #76a82c;
}

.recipe-container .recipe-left-part .ingrdients-block ul li .button.subscription-button:hover {
    background: #89b34a;
}

.recipe-container .recipe-left-part .ingrdients-block ul li:last-child {
    border-bottom: none;
}

.recipe-container .recipe-left-part .ingrdients-block.scroll {
    position: sticky;
    top: 65px;
}

.recipe-container .recipe-left-part .img-block.scroll {
    display: none;
}

.recipe-container .recipe-left-part.scroll {
    position: sticky;
    top: 111px !important;
}

.recipe-container .recipe-left-part.scroll .ingrdients-block.scroll {
    height: auto;
    overflow: auto;
    overflow-x: hidden;
}

.recipe-container .recipe-right-part {
    width: 700px;
}

.recipe-container .recipe-right-part .recipe-main-info .social-links--share.horizontal .icons {
    margin: 0;
}

.recipe-container .recipe-right-part .recipe-main-info .icons .is-tooltip .tooltip {
    bottom: 90px;
    width: max-content;
}

.recipe-container .recipe-right-part .recipe-main-info .title {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.recipe-container .recipe-right-part .recipe-main-info .title h1 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 20px;
}

.recipe-container .recipe-right-part .recipe-main-info .title .share-like-print {
    display: flex;
    justify-content: space-between;
    min-width: 66px;
    margin-right: 22px;
    height: 35px;
}

.recipe-container .recipe-right-part .recipe-main-info .title .share-like-print button {
    background: #fff;
}

.recipe-container .recipe-right-part .recipe-main-info .title .share-like-print button picture img.hover {
    display: none;
}

.recipe-container .recipe-right-part .recipe-main-info .title .share-like-print button:hover picture img.hover {
    display: block;
}

.recipe-container .recipe-right-part .recipe-main-info .title .share-like-print button:hover picture img {
    display: none;
}

.recipe-container .recipe-right-part .recipe-main-info .title .share-like-print button:hover .copy-link picture img {
    display: block;
}

.recipe-container .recipe-right-part .recipe-main-info .title .share-like-print picture:hover {
    cursor: pointer;
}

.recipe-container .recipe-right-part .recipe-main-info .description {
    border-bottom: none !important;
    font-weight: 400;
    font-size: 16px !important;
    line-height: 150%;
    padding-bottom: 20px;
}

.recipe-container .recipe-right-part .recipe-main-info .description p {
    margin-bottom: 0 !important;
}

.recipe-container .recipe-right-part .recipe-main-info .author {
    font-size: 14px;
    line-height: 16px;
    color: #6d6d6d;
    margin-bottom: 16px;
    display: block;
    cursor: pointer;
    width: max-content;
}

.recipe-container .recipe-right-part .recipe-main-info .author:hover {
    color: var(--main-grey);
}

.recipe-container .recipe-right-part .recipe-main-info .icons {
    border-top: 2px solid #6d6d6d;
    padding-top: 25px;
    margin-bottom: 46px;
    display: flex;
    font-weight: 400;
    font-size: 14px;
}

.recipe-container .recipe-right-part .recipe-main-info .icons li {
    display: flex;
    flex-direction: column;
    margin-right: 36px;
}

.recipe-container .recipe-right-part .recipe-main-info .icons li .icon {
    margin: 0 auto 14px;
}

.recipe-container .recipe-right-part .recipe-main-info .icons li span {
    text-align: center;
    color: #999;
}

.recipe-container .recipe-right-part .recipe-main-info .icons li span .difficult {
    width: 10px;
    height: 10px;
    border-radius: 100px;
    background: #c4c4c4;
    margin: 0 1px;
}

.recipe-container .recipe-right-part .recipe-main-info .icons li span .difficult.active {
    background: var(--main-grey);
}

.recipe-container .recipe-right-part .tip-container {
    background: #fbe7ed;
    padding: 15px 20px 20px;
    margin-bottom: 30px;
}

.recipe-container .recipe-right-part .tip-container .top-panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.recipe-container .recipe-right-part .tip-container .top-panel .title {
    font-weight: 700;
    font-size: 24px;
}

.recipe-container .recipe-right-part .tip-container .tip {
    font-size: 14px;
    line-height: 1.3;
}

.recipe-container .recipe-right-part .tip-container .tip img {
    max-width: 100%;
}

.recipe-container .recipe-right-part .recipe-stages .header {
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 30px;
}

.recipe-container .recipe-right-part .recipe-stages ul li {
    display: flex;
    margin-bottom: 34px;
}

.recipe-container .recipe-right-part .recipe-stages ul li .img-block {
    position: relative;
}

.recipe-container .recipe-right-part .recipe-stages ul li .img-block img {
    max-width: 300px;
}

.recipe-container .recipe-right-part .recipe-stages ul li .img-block .triangle-label-right {
    bottom: 4px;
    width: 70px;
    height: 70px;
    color: #fff;
    font-size: 62px;
    font-weight: 400;
    position: absolute;
    z-index: 4;
}

.recipe-container .recipe-right-part .recipe-stages ul li .img-block .triangle-label-right.without-image {
    position: relative;
}

.recipe-container .recipe-right-part .recipe-stages ul li .img-block .triangle-label-right:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: 70px solid var(--main-grey);
    border-left: 70px solid transparent;
    z-index: 1;
}

.recipe-container .recipe-right-part .recipe-stages ul li .img-block .triangle-label-right span {
    position: absolute;
    bottom: 2px;
    font-weight: 400;
    font-size: 32px;
    right: 8px;
    z-index: 2;
}

.recipe-container .recipe-right-part .recipe-stages ul li .img-block .more-one-number span {
    font-size: 28px;
    right: 5px;
}

.recipe-container .recipe-right-part .recipe-stages ul li .img-block .triangle-label-right-layout {
    width: 70px;
    height: 70px;
    bottom: 4px;
    right: 1px;
    color: #fff;
    font-size: 62px;
    font-weight: 400;
    position: relative;
}

.recipe-container .recipe-right-part .recipe-stages ul li .img-block .triangle-label-right-layout:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 70px solid var(--main-grey);
    border-left: 70px solid transparent;
    z-index: 1;
}

.recipe-container .recipe-right-part .recipe-stages ul li .img-block .triangle-label-right-layout span {
    position: absolute;
    font-weight: 400;
    font-size: 32px;
    right: 5px;
    top: 30px;
    z-index: 2;
}

.recipe-container .recipe-right-part .recipe-stages ul li .text {
    width: 100%;
    margin-left: 22px;
    line-height: 1.3;
    font-weight: 400;
    font-size: 16px;
}

.recipe-container .recipe-right-part .recipe-stages ul li .text-without-img {
    margin-left: 33px;
    width: 556px;
    font-weight: 400;
    font-size: 16px;
}

@media (min-width: 1280px) {
    .recipe-laptop-page {
        display: none;
    }
}

@media (max-width: 767px) {
    .recipe-laptop-page {
        display: none;
    }
}

@media (max-width: 767px) {
    .buy-btn.buy-btn-mobile {
        padding: 0;
    }

    .buy-btn.buy-btn-mobile,
    .buy-btn.buy-btn-mobile .wrap,
    .buy-btn.buy-btn-mobile .wrap.added {
        width: 78px;
        height: 24px;
        margin: 0;
    }

    .buy-btn.buy-btn-mobile .wrap.added .button-red,
    .buy-btn.buy-btn-mobile .wrap.added .button-red.support,
    .buy-btn.buy-btn-mobile .wrap .button-red,
    .buy-btn.buy-btn-mobile .wrap .button-red.support {
        width: 78px;
        height: 24px;
    }
}

.ask-chief-page .mess-container .comment-container .comment-block.answer {
    padding-top: 0;
}

.ask-chief-page .mess-container .comment-container .comment-block .comment .header .comment-info {
    height: 48px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .ask-chief-page {
        padding: 0 25px;
        overflow: hidden;
    }
}

@media (max-width: 767px) {
    .ask-chief-page {
        padding: 0 12px;
    }

    .ask-chief-page .mess-container .comment-container .comment-block .comment {
        padding-bottom: 0;
    }
}

.ask-chief-page__wrapper {
    display: grid;
    grid-template-columns: auto 376px;
    column-gap: 32px;
}

@media (max-width: 1279px) {
    .ask-chief-page__wrapper {
        display: block;
        grid-template-columns: unset;
        column-gap: unset;
    }
}

.ask-chief-page__header {
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 28px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .main-container.reviews-main-cointainer {
        padding: 0 25px;
    }
}

@media (max-width: 767px) {
    .main-container.reviews-main-cointainer {
        padding: 0 12px;
    }
}

.pp-image-thumbs {
    position: relative;
    width: 100%;
    padding: 0 46px;
}

@media (max-width: 767px) {
    .pp-image-thumbs {
        padding: 0 35px;
    }
}

.pp-image-thumbs.thumbs-scroll-disabled .owl-stage {
    transform: translate3d(0px, 0px, 0px) !important;
    width: 100% !important;
    justify-content: center;
    flex-wrap: nowrap;
}

.pp-image-thumbs .owl-item {
    cursor: pointer;
}

.pp-image-thumbs .item {
    transition: all 0.3s ease-in-out;
    opacity: .5;
}

.pp-image-thumbs .item.item-active {
    opacity: 1;
}

.pp-image-thumbs .owl-prev {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
}

.pp-image-thumbs .owl-next {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -15px;
}

.pp-image-thumbs--list {
    display: flex;
    align-items: center;
    column-gap: 12px;
    justify-content: center;
}

.pp-image-thumbs .pp-image-thumbs__video-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
}

.pp-image-thumbs__thumb-wrapper {
    position: relative;
}

.pp-image-thumbs__thumb {
    cursor: pointer;
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.pp-image-thumbs__thumb--transparent {
    opacity: 0.5;
}

.pp-image-thumbs__arrow {
    position: absolute;
    padding: 4px;
    background-color: #fff;
    border-radius: 50%;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity 0.2s ease-in-out;
}

.pp-image-thumbs__arrow--right {
    left: auto;
    right: 4px;
}

@keyframes thumbsBcg {
    0% {
        background-color: hsla(0, 0%, 100%, 0);
    }

    50% {
        background-color: hsla(0, 0%, 100%, 0.5);
    }

    to {
        background-color: hsla(0, 0%, 100%, 0);
    }
}

.pp-image {
    position: relative;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .pp-image {
        padding: 0 15px;
    }
}

.pp-image .fslightbox-source {
    transform: scale(1.5);
}

.pp-image__zoom-wrapper {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    transform: translateX(-50%);
    width: 33.33%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.pp-image__zoom-wrapper:hover {
    animation: thumbsBcg 0.5s ease-in-out;
}

.pp-image__zoom {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    padding: 0;
    background-color: rgba(48, 48, 48, 0.3);
    border-radius: 50%;
}

.pp-image__zoom>svg {
    position: relative;
    left: 1px;
}

.pp-image .keen-slider {
    width: 100%;
}

.pp-image .keen-slider__slide {
    overflow: hidden;
    border-radius: 16px;
    max-width: 100%;
    min-width: 100%;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .pp-image .keen-slider__slide {
        height: 490px;
    }
}

.pp-image__main-slider {
    margin-bottom: 24px;
}

@media (hover: hover) and (pointer: fine) {

    .pp-image__main-slider:hover .pp-image__arrow,
    .pp-image__main-slider:hover .pp-image__zoom {
        opacity: 1;
    }
}

.pp-image__big-image {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.pp-image__main-slider .owl-prev,
.pp-image__main-slider .owl-next {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 33.33%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    user-select: none;
}

.pp-image__main-slider .owl-next {
    left: auto;
    right: 0;
}

.pp-image__main-slider .owl-prev:hover,
.pp-image__main-slider .owl-next:hover {
    animation: thumbsBcg 0.5s ease-in-out;
}

.pp-image__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    padding: 4px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

@media (max-width: 1279px) {
    .pp-image__arrow {
        opacity: 1;
    }
}

.ProductPageMedia {
    position: relative;
}

@media (min-width: 1200px) {
    .ProductPageMedia {
        width: 40%;
    }
}

@media (max-width: 767px) {
    .ProductPageMedia {
        margin-bottom: 20px;
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .ProductPageMedia__media-container .media-block {
        width: 100%;
    }
}

.ProductPageMedia__media-block {
    max-height: 100%;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .ProductPageMedia__media-block {
        max-height: none;
        display: block;
        object-fit: contain;
        height: 100%;
        width: 100%;
        max-width: none;
    }
}

.ProductPageMedia__slide {
    width: 80% !important;
    height: auto !important;
    margin: 0 auto;
    display: block !important;
    object-fit: contain;
}

.ProductPageMedia__video-wrapper {
    width: 90%;
    height: 280px;
    margin: 0 auto;
}

.ProductPageMedia__select-media {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 55px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .ProductPageMedia__select-media {
        position: relative;
        display: flex;
        max-width: none;
        margin-top: 24px;
        flex-wrap: wrap;
    }
}

.ProductPageMedia__thumbnail {
    position: relative;
    margin-bottom: 12px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .ProductPageMedia__thumbnail {
        margin-bottom: 0;
        margin-right: 20px;
    }
}

.ProductPageMedia__thumbnail__img {
    max-width: 100%;
    height: auto;
    opacity: 0.5;
    max-height: 100%;
    object-fit: contain;
}

.ProductPageMedia__thumbnail__img--active {
    opacity: 1;
}

.ProductPageMedia__play-icon {
    position: absolute;
    z-index: 1;
}

.ProductPageMedia__img-plug {
    max-width: 280px;
    max-height: 280px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .ProductPageMedia__img-plug {
        margin: 0 auto;
    }
}

.pp-top {
    margin-bottom: 20px;
}

.pp-rating,
.pp-top {
    display: flex;
    align-items: center;
}

.pp-rating {
    margin-right: 12px;
    column-gap: 8px;
    font-weight: 700;
    font-size: 20px;
    line-height: 1;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .pp-rating {
        font-size: 20px;
    }

    .pp-rating img {
        width: 24px;
        height: 24px;
    }
}

@media (max-width: 767px) {
    .pp-rating {
        font-size: 14px;
        column-gap: 4px;
    }

    .pp-rating img {
        width: 16px;
        height: 16px;
    }
}

.pp-reviews-count {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #6d6d6d;
    cursor: pointer;
}

@media (max-width: 1279px) {
    .pp-reviews-count {
        column-gap: 2px;
    }
}

.pp-badges {
    margin-left: auto;
    display: flex;
    align-items: center;
    column-gap: 12px;
    font-size: 14px;
}

@media (max-width: 1279px) {
    .pp-badges {
        position: absolute;
        bottom: 0;
        left: 0;
        font-size: 12px;
        column-gap: 4px;
        margin-left: unset;
        background-color: #fff;
        padding: 4px;
        z-index: 1;
        border-radius: 4px;
    }
}

.pp-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 16px;
}

@media (max-width: 1279px) {
    .pp-title {
        font-weight: 500;
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 4px;
    }
}

.pp-subtitle {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 16px;
    color: #6d6d6d;
}

.pp-subtitle p:last-child {
    margin-bottom: 0;
}

@media (max-width: 1279px) {
    .pp-subtitle {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 12px;
    }
}

.pp-supplier {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #6d6d6d;
}

@media (max-width: 1279px) {
    .pp-supplier {
        width: 100%;
        padding: 12px 16px;
        justify-content: space-between;
        background: #f7f7f7;
        border-radius: 8px;
        color: #363636;
    }
}

.pp-wrapper {
    column-gap: 24px;
    margin-bottom: 20px;
}

.pp-bought,
.pp-wrapper {
    display: flex;
    align-items: center;
}

.pp-bought {
    column-gap: 8px;
    font-size: 14px;
    color: #6d6d6d;
}

@media (max-width: 1279px) {
    .pp-bought {
        margin-left: auto;
    }
}

.pp-actions {
    column-gap: 12px;
    margin-bottom: 16px;
}

.pp-actions,
.pp-available {
    display: flex;
    align-items: center;
}

.pp-available {
    color: #6d6d6d;
    column-gap: 8px;
}

.pp-available--count {
    color: var(--dark-red);
}

.pp-available,
.pp-delivery,
.pp-vesovoi {
    display: flex;
    align-items: center;
    column-gap: 8px;
    font-size: 14px;
}

@media (min-width: 768px) and (max-width: 1279px) {

    .pp-available,
    .pp-delivery,
    .pp-vesovoi {
        font-size: 14px;
    }

    .pp-available svg,
    .pp-delivery svg,
    .pp-vesovoi svg {
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 767px) {

    .pp-available,
    .pp-delivery,
    .pp-vesovoi {
        font-size: 12px;
        column-gap: 4px;
    }

    .pp-available svg,
    .pp-delivery svg,
    .pp-vesovoi svg {
        width: 16px;
        height: 16px;
    }
}

.pp-action {
    padding: 12px;
    background-color: var(--light-grey);
    border-radius: 8px;
    cursor: pointer;
}

@media (max-width: 1279px) {
    .pp-action {
        background-color: #fff;
        padding: 4px;
    }
}

.pp-product-archive__disc {
    display: flex;
    align-items: center;
    border-radius: 8px;
    background: #fff3fa;
    color: var(--dark-red);
    margin-bottom: 22px;
    padding: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    column-gap: 12px;
}

@media (max-width: 1279px) {
    .pp-product-archive__disc br {
        display: none;
    }
}

@media (max-width: 1279px) {
    .pp-product-archive .buttonUI {
        width: 100%;
    }
}

.pp-not-for-sale {
    border-top: 1px solid #e5e5e5;
    padding-top: 16px;
}

@media (max-width: 1279px) {
    .pp-not-for-sale {
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 16px 32px;
    }
}

.pp-not-for-sale__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: var(--dark-red);
    line-height: 1;
    padding: 16px 0;
    border: 1px solid var(--dark-red);
    cursor: pointer;
    border-radius: 8px;
    font-size: 14px;
    width: 180px;
}

.pp-not-for-sale__btn:hover {
    background-color: var(--main-red);
    border: 1px solid var(--main-red);
}

@media (max-width: 1279px) {
    .pp-not-for-sale__btn {
        width: 100%;
    }
}

.pp-not-available {
    margin-bottom: 32px;
}

.pp-not-available__title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 8px;
}

.pp-not-available__sub-title {
    font-size: 14px;
    color: #5e5f61;
    margin-bottom: 16px;
}

.pp-icons {
    position: absolute;
    bottom: 86px;
    right: 0;
    display: flex;
    flex-direction: column;
    width: 32px;
    z-index: 1;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .pp-icons {
        bottom: 0;
        right: 30px;
    }
}

@media (max-width: 1279px) {
    .pp-icons {
        bottom: 0;
    }
}

.pp-empty-tab-banner {
    padding: 29px 60px;
    display: grid;
    grid-template-columns: 110px auto;
    column-gap: 40px;
    background-color: #faf9fa;
    border-radius: 12px;
    width: 668px;
}

@media (max-width: 767px) {
    .pp-empty-tab-banner {
        width: 100%;
        display: flex;
        padding: 12px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
}

.pp-empty-tab-banner__title {
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
}

.pp-empty-tab-banner__sub-title {
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 14px;
    color: #6d6d6d;
}

.pp-empty-tab-banner__btn {
    text-align: center;
    display: block;
    padding: 12px 18px;
    font-size: 14px;
    line-height: 1;
    border: 1px solid #363636;
    border-radius: 8px;
    width: max-content;
    cursor: pointer;
    transition: all 0.25s ease-in-out;
    min-width: 160px;
}

@media (max-width: 767px) {
    .pp-empty-tab-banner__btn {
        width: 100%;
    }
}

@media (hover: hover) and (pointer: fine) {
    .pp-empty-tab-banner__btn:hover {
        border: 1px solid var(--main-red);
        background-color: var(--main-red);
        color: #fff;
    }
}

.best-comment {
    padding: 12px;
    background-color: #faf9fa;
    border-radius: 12px;
}

@media (max-width: 1279px) {
    .best-comment {
        margin-bottom: 16px;
    }
}

.best-comment__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.best-comment__rating {
    display: flex;
    align-items: center;
    column-gap: 8px;
    font-weight: 700;
    font-size: 20px;
    line-height: 1;
}

@media (max-width: 767px) {
    .best-comment__rating {
        font-size: 16px;
    }

    .best-comment__rating img {
        width: 18px;
        height: 18px;
    }
}

.best-comment__badge {
    display: flex;
    align-items: center;
    column-gap: 4px;
    color: var(--dark-red);
    font-size: 14px;
}

@media (max-width: 767px) {
    .best-comment__badge img {
        width: 16px;
        height: 16px;
    }
}

.best-comment__user {
    display: flex;
    align-items: center;
    column-gap: 12px;
    margin-bottom: 12px;
}

.best-comment__avatar-wrapper {
    position: relative;
    overflow: hidden;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.best-comment__avatar {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.best-comment__user-info {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
}

.best-comment__name {
    font-weight: 500;
}

.best-comment__date {
    font-size: 14px;
    color: var(--ultra-dark-grey);
}

.best-comment__text {
    font-size: 14px;
    line-height: 18px;
}

.best-comment__attachments {
    display: flex;
    align-items: center;
    column-gap: 8px;
}

.best-comment__attachment {
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    width: 40px;
    height: 40px;
}

.best-comment__image {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.product-page-desktop-price {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
    margin-bottom: 16px;
}

.product-page-desktop-price__wrapper {
    display: flex;
    align-items: center;
    column-gap: 16px;
    flex-wrap: wrap;
}

.product-page-desktop-price__wrapper--grey {
    color: #9b9b9b;
}

.product-page-desktop-price__current-price {
    font-size: 32px;
    font-weight: 500;
}

@media (max-width: 768px) {
    .product-page-desktop-price__current-price {
        font-size: 16px;
        font-weight: 500;
        color: #363636;
    }
}

.product-page-desktop-price__current-price--measure {
    font-size: 28px;
    line-height: 1.3;
    font-weight: 500;
}

.product-page-desktop-price__current-price__decimal,
.product-page-desktop-price__current-price__hrn {
    font-size: 20px;
}

.product-page-desktop-price__measure {
    font-size: 14px;
    line-height: 16px;
}

.product-page-desktop-price__measure.discont {
    color: var(--main-red);
}

.product-page-desktop-price__old-price {
    position: relative;
    display: block;
    width: max-content;
    font-size: 14px;
    line-height: 21px;
    color: #9b9b9b;
    margin-bottom: 0;
}

.product-page-desktop-price__old-price:after {
    position: absolute;
    top: 50%;
    left: -4px;
    content: "";
    width: 110%;
    border-top: 1px solid #9b9b9b;
}

.product-page-desktop-price__old-price__decimal,
.product-page-desktop-price__old-price__hrn {
    font-size: 14px;
}

.product-page-desktop-price__discount {
    font-size: 14px;
    line-height: 1;
    padding: 4px 6px;
    background-color: var(--main-yellow);
    border-radius: 4px;
}

.pp-main-block:not(:last-child) {
    margin-bottom: 32px;
}

@media (min-width: 1200px) {
    .ProductPageMedia+.pp-main-block {
        width: 60%;
        padding-left: 60px;
    }
}

.pp-main-block__top {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.pp-main-block__badges {
    margin-left: auto;
    display: flex;
    align-items: center;
    column-gap: 12px;
    font-size: 14px;
}

.pp-main-block__wrapper {
    display: flex;
    align-items: center;
    column-gap: 24px;
    margin-bottom: 16px;
}

.pp-main-block__actions {
    display: flex;
    align-items: center;
    column-gap: 12px;
    margin-bottom: 16px;
    transition: opacity 0.3s ease-in-out;
}

.pp-main-block__actions .ProductBuyBtns__count {
    margin-left: 18px;
    margin-right: 18px;
}

@media (min-width: 768px) {
    .desktop-product-page {
        margin-top: 30px;
        gap: 60px;
    }
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .desktop-product-page {
        gap: 50px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .desktop-product-page {
        padding: 0 25px;
        display: block;
        grid-template-columns: unset;
        column-gap: unset;
    }
}

.desktop-product-page__aside {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .desktop-product-page__aside {
        display: none;
    }
}

.desktop-product-page__recipe__header {
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .desktop-product-page__top-blocks {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .desktop-product-page__top-blocks {
        margin-bottom: 60px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .desktop-product-page__top-blocks {
        display: flex;
        flex-direction: column;
        grid-template-columns: unset;
        column-gap: unset;
        row-gap: 24px;
    }
}

.react-tabs__tab-list {
    display: flex;
    align-items: center;
    column-gap: 12px;
    margin-bottom: 24px;
}

@media (max-width: 767px) {
    .react-tabs__tab-list {
        max-width: 100%;
        overflow: auto;
    }

    .desktop-product-page__top-blocks {
        margin-bottom: 40px;
    }
}

.pp-mobile-main-block {
    margin-bottom: 21px;
}

.pp-mobile-main-block__top {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 12px;
}

.pp-mobile-main-block__info {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.subscribe-to-product-modal {
    background-color: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 232;
    width: 100%;
    padding: 16px;
    max-width: 100%;
}

.subscribe-to-product-modal__open-modal-btn {
    padding: 11px 0;
    width: 100%;
    background: #76a82c;
    border-radius: 8px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    line-height: 100%;
    cursor: pointer;
}

.subscribe-to-product-modal__open-modal-btn:focus,
.subscribe-to-product-modal__open-modal-btn:hover {
    background-color: #a5cc6b;
}

.subscribe-to-product-modal__open-modal-btn--disabled {
    background-color: #c7c7c7;
}

.subscribe-to-product-modal__open-modal-btn--disabled:hover {
    background-color: #c7c7c7;
}

.subscribe-to-product-modal--popup {
    border-radius: 8px;
}

.subscribe-to-product-modal--desktop {
    max-width: 242px;
    position: relative;
    top: -270px;
    right: 127px;
    transform: none;
}

.subscribe-to-product-modal--mobile {
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    left: 50%;
    height: fit-content;
}

.subscribe-to-product-modal .subscribe-modal-with-backdrop__backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(45, 74, 90, 0.75);
    z-index: 1;
}

.pp-mobile-price {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 980;
    width: 100%;
    line-height: 1;
}

.pp-mobile-price__cashback {
    padding: 4px 12px;
    border-radius: 8px 8px 0 0;
    background-color: #f7f7f7;
    display: flex;
    align-items: center;
    width: 100%;
    column-gap: 8px;
    font-size: 12px;
}

.pp-mobile-price__cashback__icon {
    margin-left: auto;
}

.pp-mobile-price__wrapper {
    padding: 4px 12px 20px;
    background-color: #fff;
    display: flex;
    align-items: center;
    column-gap: 8px;
    width: 100%;
    line-height: 1;
}

.pp-mobile-price__price-wrapper {
    display: flex;
    flex-direction: column;
}

.pp-mobile-price__price {
    display: flex;
    align-items: baseline;
    column-gap: 4px;
}

.pp-mobile-price__old-price-main {
    display: flex;
}

.pp-mobile-price__discont-price {
    color: var(--dark-red);
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
}

.pp-mobile-price__discont-price-main {
    font-size: 16px;
    font-weight: 500;
    color: #363636;
}

.pp-mobile-price__discont-price-main__decimal,
.pp-mobile-price__discont-price-main__hrn {
    font-size: 12px;
}

.pp-mobile-price__old-price-main,
.pp-mobile-price__old-price-secondary {
    color: #bcbcbc;
    position: relative;
    font-size: 12px;
    line-height: 16px;
}

.pp-mobile-price__old-price-main:after,
.pp-mobile-price__old-price-secondary:after {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    width: 100%;
    background-color: #bcbcbc;
    height: 1px;
}

.pp-mobile-price__price-main {
    font-size: 16px;
    font-weight: 500;
    color: var(--dark-red);
}

@media (min-width: 768px) and (max-width: 1279px) {
    .pp-mobile-price__price-main {
        font-size: 20px;
    }
}

.pp-mobile-price__price-main__decimal,
.pp-mobile-price__price-main__hrn {
    font-size: 12px;
}

.pp-mobile-price__price-secondary {
    font-size: 16px;
    font-weight: 500;
    color: #bcbcbc;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .pp-mobile-price__price-secondary {
        font-size: 20px;
    }
}

.pp-mobile-price__price-secondary__decimal,
.pp-mobile-price__price-secondary__hrn {
    font-size: 12px;
}

.pp-mobile-price__discount-badge {
    background-color: var(--main-yellow);
    border-radius: 4px;
    padding: 2px 4px;
    font-size: 12px;
    width: max-content;
}

.pp-mobile-image__wrapper {
    position: relative;
}

.pp-mobile-image__actions {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}

.pp-mobile-image .pp-player {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: 100%;
}

.pp-mobile-image .pp-mobile-block-to-hide {
    transition: visibility 0.5s linear, opacity 0.4s ease-in-out;
    visibility: visible;
    opacity: 1;
}

.pp-mobile-image .pp-mobile-block-to-hide--hidden {
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
}

.pp-mobile-image .media-block {
    height: 265px;
    width: 100%;
}

.pp-mobile-image .keen-slider__slide {
    overflow: hidden;
    border-radius: 16px;
    max-width: 100%;
    min-width: 100%;
    height: 254px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .pp-mobile-image .keen-slider__slide {
        height: 490px;
    }
}

.pp-mobile-image__main-slider {
    width: 100%;
}

.pp-mobile-image__image {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.pp-mobile-image__thumbs {
    display: flex;
    column-gap: 4px;
    justify-content: center;
    margin: 12px 0;
}

.pp-mobile-image__thumb {
    height: 2px;
    width: 32px;
    transition: background-color 0.2s ease-in-out;
    border-radius: 4px;
    background-color: #d0d0d0;
}

.pp-mobile-image__thumb--active {
    background-color: #d791a0;
}

.pp-mobile-image__arrow {
    position: absolute;
    padding: 4px;
    background-color: #fff;
    border-radius: 50%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

@media (max-width: 1279px) {
    .pp-mobile-image__arrow {
        opacity: 1;
    }
}

.pp-mobile-image__arrow--right {
    left: auto;
    right: 0;
}

.product-info-tab-loaders,
.product-info-tab__wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

.product-info-tab__wrapper {
    line-height: 18px;
    font-size: 14px;
}

@media (max-width: 1279px) {
    .product-info-tab__wrapper {
        max-height: 104px;
        overflow: hidden;
        line-height: 18px;
    }

    .product-info-tab__wrapper--opened {
        max-height: none;
    }
}

.product-info-tab__btn {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: var(--dark-red);
    column-gap: 4px;
    margin: 16px 0;
}

@media (min-width: 1279px) {
    .product-info-tab__btn {
        display: none;
    }
}

.product-info-tab__btn__icon {
    transform: rotate(90deg);
}

.product-info-tab__btn__icon--opened {
    transform: rotate(-90deg);
}

.product-info-tab__tab {
    display: flex;
    column-gap: 60px;
    text-align: left;
}

@media (max-width: 767px) {
    .product-info-tab__tab {
        width: 100%;
        flex-direction: column;
        row-gap: 8px;
        align-items: unset;
        justify-content: unset;
    }
}

.product-info-tab__tab__title {
    width: 182px;
    min-width: 182px;
    font-weight: 700;
}

@media (max-width: 767px) {
    .product-info-tab__tab__title {
        width: auto;
        min-width: unset;
    }
}

.product-info-tab__tab__text {
    line-height: 1.5;
}

.product-info-tab__tab__text p {
    margin-bottom: 10px;
}

.product-info-tab__tab__text p:empty {
    display: none;
    margin-bottom: 0;
}

.product-info-tab__tab__text b,
.product-info-tab__tab__text h1,
.product-info-tab__tab__text h2,
.product-info-tab__tab__text h3,
.product-info-tab__tab__text h4,
.product-info-tab__tab__text strong {
    display: inline-block;
    margin-bottom: 8px;
}

.product-info-tab__tab__text ul {
    margin-bottom: 10px;
}

@media (min-width: 1279px) {
    .product-info-tab__supplier {
        display: none;
    }
}

.pp-tabs {
    margin-bottom: 48px;
}

@media (max-width: 767px) {
    .pp-tabs .react-tabs__tab-list {
        padding-bottom: 12px;
    }
}

.pp-tabs__tab {
    padding: 12px;
    background-color: var(--light-grey);
    border-radius: 8px;
    font-size: 14px;
    display: flex;
    align-items: center;
    column-gap: 4px;
    cursor: pointer;
    user-select: none;
    width: max-content;
}

.pp-tabs__tab:hover {
    color: var(--dark-red);
}

.pp-tabs__tab--active {
    color: var(--dark-red);
    cursor: default;
}

.product-page {
    position: relative;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .product-page {
        padding: 0 25px;
    }
}

@media (max-width: 767px) {
    .product-page {
        padding: 0 12px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .product-page .desktop-products {
        padding: 0;
    }
}

.error-main {
    margin-bottom: -80px;
    height: 100%;
    color: #fff;
}

.error-main .error-container {
    margin: 0 auto 26px;
    width: 1000px;
}

.error-main .error-container .code {
    font-size: 228px;
    font-weight: 100;
    padding-top: 120px;
}

.error-main .error-container .description {
    font-weight: 400;
    font-size: 32px;
    margin-bottom: 16px;
}

.error-main .error-container .info {
    font-weight: 400;
    font-size: 21px;
    line-height: 1.3;
    margin-bottom: 54px;
}

.error-main .error-container .button-green {
    font-size: 18px;
    padding: 16px 70px;
    margin-bottom: 280px;
    transition: all 0.2s;
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .error-main .error-container .code {
        padding-top: 70px;
        font-size: 150px;
    }

    .error-main .error-container .button-green {
        margin-bottom: 200px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .error-main {
        width: 100%;
        padding: 100px 0 0 55px;
    }

    .error-main .error-container {
        width: 100%;
    }

    .error-main .error-container .code {
        padding: 0;
    }
}

@media (max-width: 767px) {
    .error-main {
        margin: 0;
    }

    .error-main .error-container {
        padding-left: 35px;
        width: auto;
        margin-top: 50px;
        margin-bottom: 0;
    }

    .error-main .error-container .code {
        font-size: 88px;
        font-weight: 200;
        padding-top: 25px;
    }

    .error-main .error-container .description {
        font-size: 17px;
    }

    .error-main .error-container .info {
        font-size: 13px;
    }

    .error-main .error-container .button-green {
        font-size: 15px;
        margin-bottom: 235px;
        padding: 10px 48px;
    }
}

.error-main.error-500 {
    background-color: #ec614e;
    background-image: url(https://www.bustrayytka.com/src/images/500.png.webp);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    margin-top: 20px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .error-main.error-500 {
        margin-bottom: -45px;
    }
}

@media (max-width: 767px) {
    .error-main.error-500 {
        background-position: bottom;
        background-size: contain;
    }
}

.error-main.error-500 .error-container .code {
    padding-top: 80px;
}

.error-main.error-500 .error-container .button-green {
    margin-bottom: 200px;
    transition: all 0.2s;
}

.error-main.error-404 {
    background-color: #2f4a59;
}

.error-main.error-404 .error-404-bg {
    background-image: url(https://www.bustrayytka.com/src/images/404.png.webp);
    background-position: 100%;
    background-repeat: no-repeat;
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .error-main.error-404 .error-404-bg {
        background-position: 100% 0;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .error-main.error-404 .error-404-bg {
        background-position: 70% 90%;
    }
}

@media (max-width: 767px) {
    .error-main.error-404 .error-404-bg {
        background-position: 50% 85%;
        background-size: 60%;
    }
}

.payment-page .header-payment-page {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 50px;
}

.payment-page .header-payment-page .pay-icons {
    display: flex;
    align-items: center;
}

.payment-page .header-payment-page .pay-icons span {
    margin-left: 20px;
}

.payment-page .row-payment {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}

.payment-page .row-payment .stages-block {
    flex-basis: 995px;
    border-bottom: 1px solid #e5e5e5;
    margin-right: 28px;
    padding-bottom: 60px;
    font-weight: 400;
}

.payment-page .row-payment .stages-block:last-child {
    border-bottom: 5px solid green;
}

.payment-page .row-payment .stages-block .title {
    margin-bottom: 30px;
    font-size: 24px;
}

.payment-page .row-payment .stages-block ul {
    display: flex;
    justify-content: space-between;
}

.payment-page .row-payment .stages-block ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.payment-page .row-payment .stages-block ul li .icon {
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.payment-page .row-payment .stages-block ul li .text {
    text-align: center;
}

.payment-page .row-payment .stages-block ul li.next {
    margin: 30px -10px 0;
}

.payment-page .row-payment .info-block {
    background: #fafafa;
    flex-basis: 376px;
    padding: 24px 12px 12px 16px;
    display: flex;
    align-items: center;
}

.payment-page .row-payment .info-block .messages li {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.payment-page .row-payment .info-block .messages li .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 0 42px;
}

.payment-page .row-payment .info-block .messages li .text {
    margin-left: 16px;
    font-size: 14px;
}

.payment-page .row-payment .info-block .messages li .text a {
    color: var(--main-grey);
    text-decoration: underline;
    cursor: pointer;
}

.payment-page .row-payment .info-block .messages li .text a:hover {
    text-decoration: none;
}

.payment-page .instruction-stage {
    margin-bottom: 50px;
}

.payment-page .instruction-stage .header-instruction-stage {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
}

.payment-page .instruction-stage .header-instruction-stage .title {
    margin-left: 20px;
    font-weight: 400;
    font-size: 24px;
    width: 715px;
}

.payment-page .instruction-stage>img {
    margin-left: 80px;
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .payment-page .instruction-stage {
        padding: 0 20px;
    }

    .payment-page .instruction-stage .header-instruction-stage .title {
        font-size: 14px;
        max-width: 440px;
    }

    .payment-page .header-payment-page {
        margin-bottom: 20px;
        padding: 0 20px;
        position: relative;
    }

    .payment-page .header-payment-page .pay-icons {
        position: absolute;
        top: 50px;
        right: 435px;
    }

    .payment-page .header-payment-page .pay-icons img {
        height: 20px;
    }

    .payment-page .header-payment-page .main-heading {
        font-size: 24px;
    }

    .payment-page .row-payment {
        padding: 0 20px;
        margin-bottom: 30px;
    }

    .payment-page .row-payment .stages-block {
        padding-bottom: 30px;
        flex-basis: 886px;
    }

    .payment-page .row-payment .stages-block ul li .text {
        font-size: 14px;
    }

    .payment-page .row-payment .stages-block .title {
        font-size: 18px;
        margin-bottom: 35px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .payment-page {
        padding: 0 25px;
    }

    .payment-page .header-payment-page {
        margin-bottom: 35px;
    }

    .payment-page .header-payment-page .main-heading {
        font-size: 24px;
    }

    .payment-page .card-courier.row-payment .stages-block ul li.next {
        width: 40px;
    }

    .payment-page .row-payment.row-webmoney .info-block .messages {
        padding: 35px 0;
        justify-content: center;
        max-width: 300px;
        margin: 0 auto;
    }

    .payment-page .row-payment.row-webmoney .stages-block ul li.next {
        width: 40px;
        margin-right: -5px;
    }

    .payment-page .row-payment {
        flex-direction: column;
        margin-bottom: 30px;
    }

    .payment-page .row-payment .ymoney-block ul {
        max-width: 690px;
        margin: 0 auto;
    }

    .payment-page .row-payment .info-block {
        flex-basis: auto;
        padding: 0;
    }

    .payment-page .row-payment .info-block .messages {
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 22px 12px 15px;
        max-width: 800px;
        margin: 0 auto;
    }

    .payment-page .row-payment .info-block .messages img {
        height: 28px;
        margin-bottom: 15px;
    }

    .payment-page .row-payment .info-block .messages li {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 0;
    }

    .payment-page .row-payment .info-block .messages li .icon {
        flex: unset;
    }

    .payment-page .row-payment .info-block .messages li .text {
        font-size: 14px;
        margin: 0;
        text-align: center;
        max-width: 190px;
    }

    .payment-page .row-payment .ymoney .messages {
        max-width: 480px;
        margin: 0 auto;
    }

    .payment-page .row-payment .stages-block {
        flex-basis: auto;
        margin: 0;
        padding-bottom: 20px;
    }

    .payment-page .row-payment .stages-block .title {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .payment-page .row-payment .stages-block ul li .text {
        font-size: 13px;
    }

    .payment-page .row-payment .stages-block ul li.next {
        margin-right: -30px;
        width: 65px;
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
        overflow: hidden;
    }

    .payment-page .row-payment .stages-block .icon img {
        height: 42px;
    }

    .payment-page .header-payment-page {
        margin-bottom: 25px;
    }

    .payment-page .instruction-stage {
        margin-bottom: 20px;
    }

    .payment-page .instruction-stage:last-child {
        margin: 0;
    }

    .payment-page .instruction-stage>img {
        margin-left: 0;
    }

    .payment-page .instruction-stage .header-instruction-stage {
        margin: 0;
    }

    .payment-page .instruction-stage .header-instruction-stage .title {
        font-size: 14px;
        width: auto;
    }

    .payment-page .instruction-stage .icon img {
        height: 40px;
    }
}

@media (max-width: 767px) {
    .payment-page {
        padding-bottom: 30px;
    }

    .payment-page .header-payment-page {
        margin-bottom: 22px;
        padding: 0 12px;
    }

    .payment-page .header-payment-page .pay-icons {
        display: none;
    }

    .payment-page .header-payment-page .main-heading {
        font-size: 18px;
    }

    .payment-page .row-payment {
        display: block;
        margin-bottom: 30px;
    }

    .payment-page .row-payment:last-child {
        margin-bottom: 20px;
    }

    .payment-page .row-payment .info-block {
        padding: 25px 13px;
    }

    .payment-page .row-payment .info-block .messages li:last-child {
        margin: 0;
    }

    .payment-page .row-payment .stages-block {
        padding: 0 13px 25px;
        max-width: 360px;
        margin: 0 auto;
    }

    .payment-page .row-payment .stages-block ul {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .payment-page .row-payment .stages-block ul li {
        position: relative;
        margin: 0 10px 22px 12px;
        width: 125px;
    }

    .payment-page .row-payment .stages-block ul li .icon img {
        max-width: 80px;
        margin-left: 20px;
        height: auto;
        max-height: 52px;
    }

    .payment-page .row-payment .stages-block ul li .step {
        position: absolute;
        left: 0;
        top: 32px;
        width: 20px;
        height: 20px;
        border-radius: 12px;
        background: var(--main-grey);
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 13px;
        line-height: 17px;
        font-weight: 300;
    }

    .payment-page .row-payment .stages-block ul li .text {
        font-size: 13px;
        width: 154px;
    }

    .payment-page .row-payment .stages-block .next {
        display: none;
    }

    .payment-page .row-payment .stages-block .title {
        font-size: 15px;
        margin-bottom: 15px;
        text-align: center;
    }

    .payment-page .instruction-stage {
        margin-bottom: 20px;
        padding: 0 12px;
    }

    .payment-page .instruction-stage:last-child {
        margin: 0;
    }

    .payment-page .instruction-stage .header-instruction-stage {
        margin-bottom: 10px;
    }

    .payment-page .instruction-stage .header-instruction-stage .title {
        font-size: 13px;
    }

    .payment-page .instruction-stage img {
        width: 100%;
        height: auto;
        margin: 0;
    }

    .payment-page .instruction-stage .icon img {
        width: 20px;
        height: 20px;
    }
}

.random-error {
    padding-top: 150px;
    color: #fff;
    min-height: 100vh;
    background: url(https://www.bustrayytka.com/src/images/bg-random-error.jpg.webp) 50% no-repeat;
    background-size: cover;
    position: relative;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .random-error {
        padding-top: 200px;
    }
}

.random-error .random-error-container {
    max-width: 450px;
    margin: 0 auto;
    position: relative;
    z-index: 212;
}

.random-error .random-error-container .title {
    font-size: 42px;
    margin-bottom: 30px;
}

.random-error .random-error-container .description {
    font-size: 18px;
    margin-bottom: 15px;
}

.random-error .random-error-container .description:nth-child(3) {
    margin-bottom: 50px;
}

.random-error .random-error-container .wrap {
    padding-bottom: 50px;
}

.random-error .random-error-container .wrap .button {
    padding: 14px 35px;
    min-width: 200px;
    border: 1px solid #fff;
    border-radius: 100px;
    margin-right: 30px;
    color: #fff;
    background: transparent;
    font-size: 18px;
}

.random-error .random-error-container .wrap .button:last-child {
    margin-right: 0;
}

.random-error .random-error-container .wrap .button:hover {
    transition: all 0.2s;
    background: #fff;
    color: #363636;
    cursor: pointer;
}

.random-error .random-error-container .wrap .button-green {
    background: #76a82c;
    border: 1px solid #76a82c;
}

.random-error .random-error-container .wrap .button-green:hover {
    background: #89b34a;
    color: #fff;
}

@media (max-width: 767px) {
    .random-error {
        padding-top: 100px;
    }

    .random-error .random-error-container {
        padding: 0 35px;
    }

    .random-error .random-error-container .title {
        font-size: 20px;
    }

    .random-error .random-error-container .description {
        font-size: 13px;
        margin-bottom: 10px;
    }

    .random-error .random-error-container .description:nth-child(3) {
        margin-bottom: 25px;
    }

    .random-error .random-error-container .wrap {
        padding-bottom: 30px;
    }

    .random-error .random-error-container .wrap .button {
        font-size: 15px;
        padding: 8px 0;
        min-width: 168px;
        margin-bottom: 15px;
    }
}

.notify-pa__item-link {
    color: var(--main-red);
    border-bottom: 1px solid var(--main-red);
}

.notify-pa__item-link:hover {
    color: var(--main-grey);
    border-bottom: 1px solid var(--main-grey);
}

.notify-pa__item-phone,
.notify-pa__item-promo {
    background-color: var(--main-red);
    color: #fff;
    cursor: pointer;
    padding: 0 2px;
}

.notification-container-bottom-center,
.notification-container-bottom-left,
.notification-container-bottom-right,
.notification-container-center,
.notification-container-top-center,
.notification-container-top-left,
.notification-container-top-right {
    width: 325px;
    position: absolute;
    pointer-events: all;
}

.notification-container-bottom-center,
.notification-container-center,
.notification-container-top-center {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    left: calc(50% - 162.5px);
}

.notification-container-center {
    top: 20px;
    height: 100%;
    pointer-events: none;
}

.notification-container-center .center-inner {
    width: 325px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    pointer-events: all;
}

.notification-container-top-center {
    top: 20px;
}

.notification-container-bottom-center {
    bottom: 20px;
}

.notification-container-top-left {
    left: 20px;
    top: 20px;
}

.notification-container-top-right {
    right: 20px;
    top: 20px;
}

.notification-container-bottom-left {
    left: 20px;
    bottom: 20px;
}

.notification-container-bottom-right {
    bottom: 20px;
    right: 20px;
}

.notification-container-mobile-bottom,
.notification-container-mobile-top {
    pointer-events: all;
    position: absolute;
}

.notification-container-mobile-top {
    right: 20px;
    left: 20px;
    top: 20px;
}

.notification-container-mobile-bottom {
    right: 20px;
    left: 20px;
    bottom: 20px;
    margin-bottom: -15px;
}

.notification-default {
    border-left: 8px solid #0562c7;
}

.notification-default,
.notification-default .timer {
    background-color: #007bff;
}

.notification-default .timer-filler {
    background-color: #fff;
}

.notification-default .notification-close {
    background-color: #007bff;
}

.notification-success {
    border-left: 8px solid #1f8838;
}

.notification-success,
.notification-success .timer {
    background-color: #28a745;
}

.notification-success .timer-filler {
    background-color: #fff;
}

.notification-success .notification-close {
    background-color: #28a745;
}

.notification-danger {
    border-left: 8px solid #bd1120;
}

.notification-danger,
.notification-danger .timer {
    background-color: #dc3545;
}

.notification-danger .timer-filler {
    background-color: #fff;
}

.notification-danger .notification-close {
    background-color: #dc3545;
}

.notification-info {
    border-left: 8px solid #138b9e;
}

.notification-info,
.notification-info .timer {
    background-color: #17a2b8;
}

.notification-info .timer-filler {
    background-color: #fff;
}

.notification-info .notification-close {
    background-color: #17a2b8;
}

.notification-warning {
    border-left: 8px solid #ce9c09;
}

.notification-warning,
.notification-warning .timer {
    background-color: #eab000;
}

.notification-warning .timer-filler {
    background-color: #fff;
}

.notification-warning .notification-close {
    background-color: #eab000;
}

.notification-awesome {
    border-left: 8px solid #4c3fb1;
}

.notification-awesome,
.notification-awesome .timer {
    background-color: #685dc3;
}

.notification-awesome .timer-filler {
    background-color: #fff;
}

.notification-awesome .notification-close {
    background-color: #685dc3;
}

@keyframes timer {
    0% {
        width: 100%;
    }

    to {
        width: 0;
    }
}

.react-notification-root {
    position: fixed;
    z-index: 9000;
    pointer-events: none;
    width: 100%;
    height: 100%;
}

.notification-item {
    display: flex;
    position: relative;
    border-radius: 3px;
    margin-bottom: 15px;
    box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.notification-item .timer {
    width: 100%;
    margin-top: 10px;
}

.notification-item .timer,
.notification-item .timer .timer-filler {
    height: 3px;
    border-radius: 5px;
}

.notification-item .notification-title {
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.notification-item .notification-message {
    color: #fff;
    max-width: calc(100% - 15px);
    font-size: 14px;
    line-height: 150%;
    word-wrap: break-word;
    margin-bottom: 0;
    margin-top: 0;
}

.notification-item .notification-content {
    padding: 8px 15px;
    display: inline-block;
    width: 100%;
}

.notification-item .notification-close {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 10px;
}

.notification-item .notification-close:after {
    content: "\D7";
    position: absolute;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 12px;
    left: 50%;
    top: 50%;
}

.notification-container-mobile-bottom .notification-item,
.notification-container-mobile-bottom .notification-parent,
.notification-container-mobile-top .notification-item,
.notification-container-mobile-top .notification-parent {
    max-width: 100%;
    width: 100%;
}

.notification-container-bottom-right .notification-parent,
.notification-container-top-right .notification-parent {
    margin-left: auto;
}

.notification-container-bottom-left .notification-parent,
.notification-container-top-left .notification-parent {
    margin-right: auto;
}

.notification-container-mobile-bottom .notification-parent,
.notification-container-mobile-top .notification-parent {
    margin-left: auto;
    margin-right: auto;
}

.keen-slider:not([data-keen-slider-disabled]) {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    align-content: flex-start;
    display: flex;
    overflow: hidden;
    position: relative;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -khtml-user-select: none;
    width: 100%;
}

.keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide {
    min-height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse] {
    flex-direction: row-reverse;
}

.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v] {
    flex-wrap: wrap;
}

[data-keen-slider-moves] * {
    pointer-events: none;
}

*:not(p):not(h1):not(h2):not(h3):not(main) {
    margin: 0;
    padding: 0;
    outline: none;
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

main {
    display: block;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: 700;
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

[type="button"],
[type="reset"],
[type="submit"],
button {
    -webkit-appearance: button;
}

[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

input[type="text"]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

input[type="text"]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

details {
    display: block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

.button-red {
    background: var(--main-grey);
    color: #fff;
    border-radius: 100px;
    text-align: center;
    cursor: pointer;
}

.button-red:hover {
    background: var(--main-red);
}

.button-light-red {
    background: #ff513b;
    color: #fff;
    border-radius: 100px;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    padding: 15px 32px;
}

.button-light-red:hover {
    background: #ff513b;
}

.button-green {
    background: #fff;
    color: #5e5f61;
    border-radius: 100px;
    text-align: center;
    cursor: pointer;
    border: 2px solid #5e5f61;
    transition: all 0.2s;
}

.button-green:hover {
    background: #5e5f61;
    color: #fff;
    transition: all 0.2s;
}

.button-black {
    padding: 8px 35px;
    background: #000;
    color: #fff;
    opacity: 0.5;
    border-radius: 100px;
    text-align: center;
    cursor: pointer;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
}

.react-notification-root {
    z-index: 2147483647;
}

.notification-container-top-right {
    right: 65px;
    top: -10px;
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .notification-container-top-right {
        right: 65px;
        left: auto;
        top: 0;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .notification-container-top-right {
        top: 20px;
    }
}

.notification-item {
    border-radius: 8px;
}

.notification-item .notification-message {
    max-width: 100%;
}

.notification-default {
    background: #2d4a5a;
    color: #fff;
    border: none;
}

.notification-default .timer {
    background: #2d4a5a;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .notification-container-mobile-top {
        right: 10px;
        left: auto;
        top: 30px;
    }
}

@media (max-width: 767px) {
    .notification-container-mobile-top {
        right: 12px;
        left: 12px;
        top: 10px;
    }

    .notification-container-mobile-top .notification-item .notification-message {
        font-size: 12px;
    }
}

.ymaps-baloon {
    margin: 14px 0 14px 12px;
    width: 210px;
}

.ymaps-baloon .ymaps-baloon-title {
    text-align: center;
    font-weight: 500;
    font-size: 16px;
}

.ymaps-baloon .ymaps-baloon-content {
    margin-top: 16px;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    display: flex;
}

.ymaps-baloon .ymaps-baloon-content .js-order-confirm-address {
    height: 40px;
    cursor: pointer;
    padding: 0 16px;
    color: #fff !important;
    border: none;
    border-radius: 8px;
    background-color: var(--main-grey);
    transition: all 0.2s;
    margin-right: 12px;
}

.ymaps-baloon .ymaps-baloon-content .js-order-confirm-address:hover {
    background-color: var(--main-red);
}

.ymaps-baloon .ymaps-baloon-content .js-order-reject-address {
    height: 40px;
    cursor: pointer;
    min-width: 80px;
    padding: 0 16px;
    border-radius: 8px;
    background: #bb3742;
    white-space: nowrap;
    background: transparent !important;
    color: #6d6d6d !important;
    border: 1px solid #cbcbcb;
    transition: all 0.2s;
}

.ymaps-baloon .ymaps-baloon-content .js-order-reject-address:hover {
    color: #6d6d6d !important;
    background-color: #cbcbcb !important;
}

.dot-flashing {
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: var(--main-red);
    color: var(--main-red);
    animation: dotFlashing 1s linear infinite alternate;
    animation-delay: 0.5s;
}

.dot-flashing:after,
.dot-flashing:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
}

.dot-flashing:before {
    left: -15px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: var(--main-red);
    color: var(--main-red);
    animation: dotFlashing 1s infinite alternate;
    animation-delay: 0s;
}

.dot-flashing:after {
    left: 15px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: var(--main-red);
    color: var(--main-red);
    animation: dotFlashing 1s infinite alternate;
    animation-delay: 1s;
}

@keyframes dotFlashing {
    0% {
        background-color: var(--main-red);
    }

    50%,
    to {
        background-color: #ff6a8a;
    }
}

* {
    box-sizing: border-box;
}

body,
html {
    font-family: Roboto, sans-serif;
    font-size: 1em;
    position: relative;
    color: #363636;
    -webkit-font-smoothing: antialiased;
    touch-action: manipulation;
}

html {
    -webkit-text-size-adjust: none;
}

h1 {
    margin-top: 0;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none !important;
    cursor: pointer;
}

textarea {
    resize: none;
}

ul {
    list-style-type: none;
}

a {
    color: inherit;
    text-decoration: none;
}

button,
input {
    border: none;
    font-family: Roboto, sans-serif;
}

hr {
    border: none;
}

picture img {
    display: block;
}

input[type="search"]::-webkit-input-placeholder {
    color: #363636;
}

input[type="search"]:-ms-input-placeholder {
    color: #363636;
}

input[type="search"]::-ms-input-placeholder {
    color: #363636;
}

input[type="search"]::placeholder {
    color: #363636;
}

.black {
    color: #363636;
}

.fslightbox-fade-out-strong {
    animation: none;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 0.25s, opacity 0.25s ease;
}

.body-no-scroll {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

@media (min-width: 768px) {
    .custom-scroll::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }

    .custom-scroll::-webkit-scrollbar-track {
        background: #ededed;
        border-radius: 20px;
    }

    .custom-scroll::-webkit-scrollbar-thumb {
        background: #cbcbcb;
        border-radius: 20px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .hide-scroll-tablet {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .hide-scroll-tablet::-webkit-scrollbar {
        display: none;
    }
}

@media (max-width: 767px) {
    .hide-scroll-mobile {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .hide-scroll-mobile::-webkit-scrollbar {
        display: none;
    }
}

.scale-on-hover {
    transition: transform 0.2s ease-in-out;
}

@media (hover: hover) and (pointer: fine) {
    .scale-on-hover {
        will-change: transform;
    }

    .scale-on-hover:hover {
        transform: scale(1.01);
    }
}

.clear {
    clear: both;
}

.bold {
    font-weight: 700;
}

.background-dark {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(45, 74, 90, 0.75);
    display: flex;
    align-items: center;
    justify-content: center;
}

.background-dark img {
    cursor: pointer;
    position: relative;
    left: -1px;
    top: -4px;
}

@media (max-width: 767px) {
    .background-dark img {
        top: 0;
    }
}

.product-article {
    color: #7f7f7f;
    margin-top: 2px;
    font-size: 14px;
    font-weight: 700;
    display: block;
}

.button-red {
    transition: all 0.2s;
    position: relative;
}

.button-disabled {
    color: #fff;
    cursor: default;
    background: #999;
}

.button-disabled:hover {
    transition: all 0.2s;
    background: var(--main-grey);
}

.main-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 16px 0;
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .main-container {
        max-width: 1240px;
    }
}

@media (max-width: 767px) {

    .main-container {
        padding: 26px 0 0;
    }

    .home-page .main-container,
    .catalog-product-page .main-container {
        padding-top: 0;
    }

    .main-container .main-heading {
        font-size: 18px;
    }

    .main-container .recipes-main-container .links {
        display: none;
    }

    .main-container .main-banner {
        min-height: 250px;
        height: 100%;
        padding-bottom: 50px;
        margin-bottom: 20px;
    }

    .main-container .main-banner .main-heading {
        font-size: 24px;
        padding: 50px 50px 20px;
    }

    .main-container .main-banner .button-light-red {
        margin-top: 40px;
    }

    .main-container .main-banner .description {
        font-size: 15px;
        padding: 0 110px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .main-container .cart-padding-wrapper {
        padding: 0 25px;
    }
}

@media (max-width: 767px) {
    .main-container .cart-padding-wrapper {
        padding: 0 12px;
    }
}

.avatar {
    background-size: 44px;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    overflow: hidden;
}

.avatar__img {
    object-fit: cover;
}

.main-banner {
    color: #fff;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    height: 413px;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.main-banner .description,
.main-banner .description-mobile,
.main-banner .main-heading,
.main-banner a,
.main-banner button {
    position: relative;
    z-index: 32;
}

@media (min-width: 1440px) {
    .main-banner {
        height: 413px;
        min-height: 413px;
        overflow: hidden;
    }
}

.main-banner.ask-chef-banner {
    height: 500px;
}

.main-banner.slim-main-banner {
    height: 215px;
    min-height: auto;
}

.main-banner.slim-main-banner .main-heading {
    font-size: 52px;
    font-weight: 400;
    padding-top: 22px;
    padding-bottom: 20px;
}

.main-banner.slim-main-banner .promotion-info {
    width: 1106px;
}

.main-banner.slim-main-banner .promotion-info .vertical-line {
    background: #fff;
}

.main-banner .background-dark {
    z-index: 5;
    background: rgba(45, 74, 90, 0.7);
}

.main-banner .background-image {
    position: absolute;
    z-index: -2;
}

.main-banner .main-heading {
    padding-top: 65px;
    padding-bottom: 35px;
}

.main-banner .description {
    font-size: 21px;
    font-weight: 400;
    line-height: 1.3;
    margin: 0 auto;
    position: relative;
    padding: 0 220px;
}

.main-banner .description p {
    margin-bottom: 20px;
    display: block;
    position: relative;
}

.main-banner .description p:last-child {
    margin-bottom: 0;
}

.main-banner .description .left-quotes {
    position: absolute;
    top: 5px;
    left: 195px;
}

.main-banner .description .right-quotes {
    position: absolute;
    bottom: 5px;
    right: 195px;
}

.main-banner .icons {
    margin: 50px auto 0;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 9;
}

.main-banner .icons li {
    display: flex;
    flex-direction: column;
    margin-right: 42px;
}

.main-banner .icons li.rating {
    margin-left: 20px;
}

.main-banner .icons li:last-child {
    margin-right: 0;
}

.main-banner .icons li>span {
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.main-banner .icons li>span:first-child {
    height: 40px;
    margin-bottom: 12px;
}

.main-banner .icons li>span.skills .difficult {
    width: 12px;
    height: 12px;
    border-radius: 100px;
    background: #c4c4c4;
    margin: 0 1px;
}

.main-banner .icons li>span.skills .difficult.active {
    background: var(--main-grey);
}

.main-banner .button-green,
.main-banner .button-light-red,
.main-banner .button-red {
    margin-top: 50px;
    padding: 13px 40px;
    font-weight: 400;
    font-size: 16px;
    transition: all 0.2s;
    border: none;
}

@media (min-width: 768px) {
    .catalog-filter {
        width: 215px;
        float: left;
        margin-right: 20px;
    }
}

.catalog-filter .main-filter>li {
    font-size: 18px;
    font-weight: 700;
}

.catalog-filter .main-filter>li>ul {
    margin: 20px 0;
}

@media (min-width: 768px) {
    .catalog-filter .main-filter>li>ul>li.active .sub-category {
        position: relative;
        padding-left: 18px;
    }

    .catalog-filter .main-filter>li>ul>li.active .sub-category:after,
    .catalog-filter .main-filter>li>ul>li.active .sub-category:before {
        content: "";
        position: absolute;
        width: 8px;
        height: 1px;
        background: var(--main-red);
        transform: rotate(-50deg);
        left: 0;
        top: 11px;
    }

    .catalog-filter .main-filter>li>ul>li.active .sub-category:after {
        transform: rotate(50deg);
        top: 5px;
    }
}

.catalog-filter .main-filter>li>ul>li {
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 20px;
}

.catalog-filter .main-filter>li>ul>li .sub-category {
    display: flex;
    line-height: 1.4;
}

.catalog-filter .main-filter a:hover {
    color: var(--main-red);
}

.catalog-filter .main-filter>li>ul>li label {
    cursor: pointer;
}

.catalog-filter .main-filter>li>ul>li.open {
    font-size: 15px;
}

.catalog-filter .main-filter>li>ul>li.open>ul>li {
    font-weight: 400;
    margin-bottom: 20px;
}

.catalog-filter .main-filter>li>ul>li.open>ul>li:first-child {
    margin-top: 12px;
}

.catalog-filter .main-filter>li>ul>li.open>ul>li.active {
    color: var(--main-red);
}

.catalog-filter .main-filter>li>ul>li.active {
    font-weight: 700;
}

.catalog-filter .main-filter>li>ul>li.active .sub-category {
    color: var(--main-red);
}

.catalog-filter .checkboxes li {
    display: flex;
    align-items: flex-start;
}

.catalog-filter [type="checkbox"]:checked,
.catalog-filter [type="checkbox"]:not(:checked),
.catalog-filter [type="radio"]:checked,
.catalog-filter [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.catalog-filter [type="checkbox"]:checked+label,
.catalog-filter [type="checkbox"]:not(:checked)+label,
.catalog-filter [type="radio"]:checked+label,
.catalog-filter [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
}

.catalog-filter [type="checkbox"]:checked+label:before,
.catalog-filter [type="checkbox"]:not(:checked)+label:before,
.catalog-filter [type="radio"]:checked+label:before,
.catalog-filter [type="radio"]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 14px;
    height: 14px;
    border: 1px solid #7f7f7f;
    background: #fff;
    border-radius: 2px;
    transition: all 0.3s;
}

.catalog-filter [type="checkbox"]:checked+label:after,
.catalog-filter [type="checkbox"]:not(:checked)+label:after,
.catalog-filter [type="radio"]:checked+label:after,
.catalog-filter [type="radio"]:not(:checked)+label:after {
    content: "\2713";
    background: var(--main-grey);
    color: #fff;
    display: flex;
    justify-content: center;
    border: none;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    position: absolute;
    top: 2px;
    left: 0;
    transition: all 0.2s;
}

.catalog-filter [type="checkbox"]:not(:checked)+label:after,
.catalog-filter [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0);
}

.catalog-filter [type="checkbox"]:checked+label:after,
.catalog-filter [type="radio"]:checked+label:after {
    opacity: 1;
    transform: scale(1);
}

.catalog-filter [type="checkbox"]:disabled:checked+label:before,
.catalog-filter [type="checkbox"]:disabled:not(:checked)+label:before,
.catalog-filter [type="radio"]:disabled:checked+label:before,
.catalog-filter [type="radio"]:disabled:not(:checked)+label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

.catalog-filter [type="checkbox"]:disabled:checked+label:after,
.catalog-filter [type="radio"]:disabled:checked+label:after {
    color: #999;
}

.catalog-filter [type="checkbox"]:disabled+label,
.catalog-filter [type="radio"]:disabled+label {
    color: #aaa;
}

.catalog-filter [type="checkbox"]:not(:checked)+label:hover:before,
.catalog-filter [type="radio"]:not(:checked)+label:hover:before {
    border: 1px solid var(--main-grey);
}

.catalog-filter.recipe-filter {
    margin-right: 20px;
    width: 240px;
    margin-bottom: 50px;
}

.catalog-filter.recipe-filter .is-content .title {
    font-size: 16px;
    font-weight: 700;
}

.catalog-filter.recipe-filter .is-content .title:hover {
    cursor: pointer;
}

.catalog-filter.recipe-filter .is-content .add-title .text,
.catalog-filter.recipe-filter .is-content .custom-checkbox .text {
    display: inline-block;
}

.catalog-filter.recipe-filter .is-content .add-title .text:hover,
.catalog-filter.recipe-filter .is-content .custom-checkbox .text:hover {
    color: var(--main-grey);
    cursor: pointer;
}

.catalog-filter.recipe-filter .main-filter .active {
    color: var(--main-grey);
    position: relative;
    padding-left: 18px;
}

.catalog-filter.recipe-filter .main-filter .active:after,
.catalog-filter.recipe-filter .main-filter .active:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 1px;
    background: var(--main-grey);
    transform: rotate(-50deg);
    left: 0;
    top: 11px;
}

.catalog-filter.recipe-filter .main-filter .active:after {
    transform: rotate(50deg);
    top: 5px;
}

.sort-container {
    width: auto;
    font-size: 14px;
    position: relative;
    margin-right: 28px;
    margin-left: 50px;
    z-index: 399;
    cursor: pointer;
}

.sort-container:first-child {
    margin-left: 0;
}

.sort-container .header-accordion .accordion-control:after,
.sort-container .header-accordion .accordion-control:before {
    transform: rotate(45deg);
}

.sort-container .header-accordion .accordion-control:before {
    transform: rotate(-45deg);
}

.sort-container .header-accordion {
    color: var(--main-grey);
    padding: 0 0 0 20px;
    width: 100%;
}

.sort-container .sort-list-container {
    width: 232px;
    position: absolute;
    top: 15px;
    padding-top: 15px;
    right: 0;
    font-weight: 400;
    cursor: pointer;
}

.sort-container .sort-list-container .sort-list {
    background: #fff;
    box-shadow: 0 0 10px 0 #c7c7c7;
    font-weight: 400;
}

.sort-container .sort-list-container .sort-list ul>li {
    display: flex;
    border-bottom: 1px solid #e5e5e5;
    padding: 12px 30px 12px 3px;
    white-space: nowrap;
}

.sort-container .sort-list-container .sort-list ul>li.active {
    color: var(--main-grey);
}

.sort-container .sort-list-container .sort-list ul>li:last-child {
    border: none;
}

.sort-container .sort-list-container .sort-list ul>li:hover {
    color: var(--main-grey);
}

.sort-container .sort-list-container .sort-list .sortItem {
    display: flex;
    border-bottom: 1px solid #e5e5e5;
    padding: 12px 30px 12px 20px;
    white-space: nowrap;
    cursor: pointer;
}

.sort-container .sort-list-container .sort-list .sortItem.active {
    color: var(--main-grey);
}

.sort-container .sort-list-container .sort-list .sortItem:first-child {
    padding-top: 18px;
}

.sort-container .sort-list-container .sort-list .sortItem:last-child {
    border: none;
    padding-bottom: 18px;
}

.sort-container .sort-list-container .sort-list .sortItem:hover {
    color: var(--main-grey);
}

.sort-container.show .sort-list-container {
    z-index: 232;
}

.sort-container.show .header-accordion .accordion-control:after {
    transform: rotate(-45deg);
}

.sort-container.show .header-accordion .accordion-control:before {
    transform: rotate(45deg);
}

.articles-recipes {
    margin-bottom: 30px;
}

.articles-recipes ul.articles-recipes__recipes-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.articles-recipes ul.articles-recipes__recipes-list--empty-list {
    display: flex;
    justify-content: center;
}

@media (min-width: 1000px) {
    .articles-recipes ul.articles-recipes__recipes-list {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
}

.articles-recipes ul {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.articles-recipes.video {
    margin-top: 50px;
    display: block;
}

.articles-recipes.video .header {
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 36px;
}

.articles-recipes.video .media-block {
    position: relative;
}

.articles-recipes.video .media-block .triangle-label-right {
    bottom: 0;
}

.triangle-label-right {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0;
    width: 70px;
    height: 70px;
}

.triangle-label-right .icon {
    bottom: 5px;
    right: 5px;
    position: absolute;
}

.recipes .horizontal-boxes {
    margin-top: 32px;
}

.recipes .horizontal-boxes .box {
    height: 340px;
    width: 792px;
    display: flex;
    justify-content: space-between;
    position: relative;
    margin: 0 20px 20px 0;
    background: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
}

.recipes .horizontal-boxes .box .triangle-label-right {
    display: none;
}

.recipes .horizontal-boxes .box.catalog-box {
    width: 808px;
}

.recipes .horizontal-boxes .box.chef-box {
    width: 792px;
}

.recipes .horizontal-boxes .box .recipe-image {
    margin-right: 24px;
    height: 100%;
    width: 400px;
    overflow: hidden;
    border-radius: 8px 0 0 8px;
}

.recipes .horizontal-boxes .box .recipe-image img {
    width: auto;
    height: 100%;
}

.recipes .horizontal-boxes .box .recipe-content {
    height: 368px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 18px;
}

.recipes .horizontal-boxes .box .recipe-content .recipe-title {
    font-weight: 700;
    font-size: 20px;
    margin: 15px 0 20px;
    width: 335px;
}

.recipes .horizontal-boxes .box .recipe-content .recipe-type {
    font-size: 16px;
    font-weight: 400;
    color: #7f7f7f;
    margin-top: 20px;
    text-transform: uppercase;
}

.recipes .horizontal-boxes .box .recipe-content .recipe-text {
    margin-right: 32px;
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    position: relative;
}

.recipes .horizontal-boxes .box .recipe-content .recipe-text .inner-text {
    height: 148px;
    overflow: hidden;
}

.recipes .horizontal-boxes .box .recipe-content .recipe-text .shadow {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    box-shadow: 0 -18px 10px 7px #fff;
}

.recipes .horizontal-boxes .box .recipe-content .recipe-text a {
    color: var(--main-grey);
    text-decoration: underline;
}

.recipes .horizontal-boxes .box.video-recipe {
    position: relative;
}

.recipes .horizontal-boxes .box.video-recipe div {
    height: 100%;
}

.recipes .horizontal-boxes .recipe {
    overflow: hidden;
}

.recipes .vertical-box {
    width: 453px;
    height: 880px;
    float: right;
    display: flex;
    flex-direction: column;
    position: relative;
    box-shadow: 0 0 10px 0 #c7c7c7;
}

.recipes .vertical-box:hover {
    box-shadow: 0 0 10px 0 #c7c7c7;
}

.recipes .vertical-box.chef-box {
    width: 496px;
}

.recipes .vertical-box.left {
    float: left;
    margin-right: 20px;
}

.recipes .vertical-box.right {
    float: right;
    margin-left: 20px;
}

.recipes .vertical-box .recipe-image {
    margin-bottom: 24px;
}

.recipes .vertical-box .recipe-image img {
    width: 100%;
}

.recipes .vertical-box .recipe-content {
    margin: 0 25px 30px 20px;
}

.recipes .vertical-box .recipe-content .recipe-title {
    font-weight: 400;
    font-size: 26px;
    margin-bottom: 10px;
}

.recipes .vertical-box .recipe-content .recipe-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
}

.recipes .vertical-box .recipe-content .recipe-text a {
    color: var(--main-grey);
    text-decoration: underline;
}

.recipes .recipe-footer {
    position: absolute;
    bottom: 20px;
    display: flex;
}

.recipes .recipe-footer .icon-box {
    margin-right: 22px;
}

.recipes .recipe-footer .icon-box .content {
    margin-top: 10px;
}

.recipes .recipe-footer .icon-box span {
    font-size: 14px;
    color: #999;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

.recipes .recipe-footer .icon-box .skills .difficult {
    width: 10px;
    height: 10px;
    border-radius: 100px;
    background: #c4c4c4;
    margin: 0 1px;
}

.recipes .recipe-footer .icon-box .skills .difficult.active {
    background: var(--main-grey);
}

.recipes article.recipe {
    background: #fafafa;
    width: 530px;
    float: right;
    padding: 0 20px;
    height: 340px;
    font-weight: 400;
}

.recipes article.recipe h2 {
    font-size: 26px;
    margin-bottom: 20px;
    margin-top: 15px;
    font-weight: 300;
    max-width: 335px;
}

.recipes article.recipe p {
    font-size: 14px;
    margin-bottom: 15px;
    line-height: 1.3;
}

.recipes article.recipe p:last-child {
    margin-bottom: 0;
}

.control-buttons-container-recipe-article .favorite .text {
    position: relative;
    left: 52px;
    width: 100px;
    text-align: left;
}

.control-buttons-container-recipe-article .text:hover {
    cursor: pointer;
}

.control-buttons-container-recipe-article .text-button {
    margin: 0 auto;
    width: 100px;
    position: relative;
}

.control-buttons-container-recipe-article .text-button:after {
    content: "";
    position: absolute;
    width: 100px;
    height: 26px;
    display: block;
    top: -5px;
    left: -2px;
    border: 1px solid #fff;
    border-radius: 55px;
}

.container-service {
    width: 1164px;
    margin: 0 auto;
}

.container-service .main-heading {
    text-align: center;
}

.container-service .sort-battery {
    position: relative;
    padding: 120px 120px 110px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: url(../../../../4/2/406b6cb0-b713-49db-ac7c-a445a6894a90.png);
    background-size: cover;
}

.container-service .sort-battery:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: #2d4a5a;
    opacity: 0.7;
    top: 0;
    z-index: 5;
}

.container-service .sort-battery picture {
    position: relative;
    z-index: 6;
}

.container-service .sort-battery .main-heading {
    margin: 0 0 75px;
    color: #fff;
    position: relative;
    z-index: 7;
}

.container-service .description-service {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.1;
    text-align: center;
}

.container-service .additional-heading {
    text-align: center;
}

.container-service .light-red-bg {
    background: #ff513b;
    color: #fff;
}

.container-service .dark-grey-bg {
    background: #2d4a5a;
    color: #fff;
}

.container-service .video-block {
    position: relative;
}

.container-service .video-block .background-dark {
    flex-direction: column;
    color: #fff;
}

.container-service .video-block .background-dark .main-heading {
    margin-top: -120px;
}

.products-list>li {
    margin-bottom: 36px;
}

.products-list>li.try-free {
    margin-top: 36px;
}

.products-list>li.try-free>ul {
    margin-top: 15px;
}

.products-list>li.try-free>ul li:first-child {
    border-top: none;
}

.products-list>li.try-free>ul li:last-child {
    border-bottom: none;
}

.products-list>li.try-free>ul li .image-block {
    flex: 0 0 185px;
    margin-right: 30px;
}

.products-list>li.try-free>ul li .image-block img {
    max-width: 185px;
    height: 105px;
}

.products-list>li.try-free>ul li .info {
    flex: auto;
}

.products-list>li.try-free>ul li .info .product-name {
    font-weight: 400;
    font-size: 16px;
}

.products-list>li.try-free>ul li .info a {
    margin-top: 14px;
    display: block;
    color: var(--main-grey);
    text-decoration: underline;
}

.products-list>li.try-free>ul li .info a:hover {
    text-decoration: none;
}

.products-list>li.try-free>ul li .try-button {
    padding: 11px 35px;
}

.products-list>li:last-child {
    margin-bottom: 0;
}

.products-list>li.selected-present>ul li {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}

.products-list>li.selected-present>ul li .control-buttons {
    margin-right: 10px;
}

.products-list>li.selected-present ul .gift-li .gift-item {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.products-list>li.selected-present ul .gift-li .gift-item .image-block {
    margin-right: 12px;
}

.products-list>li.selected-present ul .gift-li .gift-item .wrapper {
    display: flex;
    align-items: center;
    min-width: 400px;
}

.products-list>li.selected-present ul .gift-li .gift-item .wrapper .count-product-block {
    margin-right: 72px;
}

.products-list>li.selected-present ul .gift-li .gift-item .wrapper .button-black,
.products-list>li.selected-present ul .gift-li .gift-item .wrapper .button-red {
    font-size: 14px;
    width: 160px;
    height: 40px;
    padding: 0;
}

.products-list>li.selected-present ul .gift-li .gift-item .wrapper .button-black:hover {
    transition: all 0.2s;
    background: var(--main-grey);
}

.products-list>li.selected-present ul .gift-li .gift-item .wrapper:last-child {
    width: auto;
    min-width: auto;
    justify-content: flex-end;
}

.products-list>li.selected-present ul .gift-li .gift-item .wrapper:last-child img {
    display: none;
}

.products-list>li.services {
    margin-bottom: 22px;
}

.products-list>li.services .price-product {
    text-align: center;
}

.products-list>li.services>ul li {
    padding: 10px 0;
}

.products-list>li.products {
    margin-bottom: 22px;
}

@media screen {
    .products-list>li.products {
        margin-bottom: 18px;
    }
}

.products-list>li.more-presents-and-offers {
    margin-bottom: 20px;
}

.products-list>li.more-presents-and-offers .category-name {
    font-weight: 700;
    font-size: 15px;
}

.products-list>li.more-presents-and-offers>ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.products-list>li.more-presents-and-offers>ul li {
    border: none;
    width: 440px;
    height: 60px;
}

.products-list>li.more-presents-and-offers>ul li .product-name {
    font-weight: 400;
    font-size: 15px;
    margin-right: 0;
}

.products-list>li.more-presents-and-offers>ul li .image-block {
    margin-right: 15px;
    opacity: 0.5;
}

.products-list>li.more-presents-and-offers>ul li .control-buttons {
    flex: none;
}

.products-list>li.more-presents-and-offers>ul li .control-buttons .button-black {
    background: #c4c4c4;
    padding: 8px 14px;
}

.products-list>li.more-presents-and-offers>ul li:last-child {
    border: none;
}

.products-list>li .category-name {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
}

.products-list>li>ul>li {
    padding: 18px 0;
    border-top: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

@media (min-width: 768px) {
    .products-list>li>ul>li {
        gap: 16px;
    }

    .products-list>li>ul>li:last-child {
        border-bottom: 1px solid #e5e5e5;
    }
}

.products-list>li>ul>li .image-block {
    margin-left: 0;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.products-list>li>ul>li .image-block img {
    height: auto;
    width: auto;
    max-height: 100%;
    max-width: 100%;
}

.products-list>li>ul>li .product-name {
    display: flex;
    flex-direction: column;
    font-size: 15px;
    font-weight: 400;
    flex: 0 0 25%;
    line-height: 1.2;
}

.products-list>li>ul>li .product-name a:hover {
    color: var(--main-grey);
}

.products-list>li>ul>li .product-name .quantity {
    margin-top: 4px;
    font-weight: 700;
    font-size: 12px;
    color: #c7c7c7;
}

.products-list>li>ul>li .info {
    font-size: 14px;
    font-weight: 400;
    margin-right: 0;
    flex: 0 0 15%;
}

.products-list>li>ul>li .info .mobile {
    display: none;
}

@media (max-width: 1439px) {
    .products-list>li>ul>li .info .mobile {
        display: block;
    }

    .products-list>li>ul>li .info .desktop {
        display: none;
    }
}

.products-list>li>ul>li .info .date-delivery {
    margin-top: 4px;
    font-weight: 700;
}

.products-list>li>ul>li .price-product-wrap {
    position: relative;
    display: flex;
    justify-content: center;
    gap: 18px;
}

@media (min-width: 768px) {
    .products-list>li>ul>li .price-product-wrap {
        flex: 0 0 20%;
    }
}

.products-list>li>ul>li .count-product-block {
    display: flex;
    align-items: center;
    flex: 0 0 92px;
}

.products-list>li>ul>li .count-product-block .count-product {
    font-size: 16px;
    font-weight: 400;
}

.products-list>li>ul>li .count-product-block .count-product input {
    text-align: center;
    width: 30px;
    -moz-appearance: textfield;
}

.products-list>li>ul>li .count-product-block .count-product input::-webkit-inner-spin-button,
.products-list>li>ul>li .count-product-block .count-product input::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.products-list>li>ul>li .price-product {
    font-weight: 700;
    font-size: 20px;
}

@media (max-width: 767px) {
    .products-list>li>ul>li .price-product {
        min-width: auto;
    }
}

.products-list>li>ul>li .price-product .sum {
    font-weight: 500;
    font-size: 14px;
    color: #6d6d6d;
}

.products-list>li>ul>li .price-product .ruble-symbol {
    font-size: 18px;
}

.products-list>li>ul>li .price-product .quantity {
    font-weight: 700;
    font-size: 12px;
    color: #c7c7c7;
}

.products-list>li>ul>li .price {
    flex: 1 0 auto;
}

.products-list>li>ul>li .price .cost-rubles {
    font-size: 24px;
    font-weight: 700;
}

.products-list>li>ul>li .price .price-for-what {
    font-weight: 400;
    font-size: 18px;
}

.products-list>li>ul>li .control-buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    z-index: 1;
}

.products-list>li>ul>li .control-buttons button.remove {
    background-color: transparent;
    border: 0;
    cursor: pointer;
}

.products-list>li>ul>li .control-buttons button.remove:hover svg path {
    fill: var(--main-red);
}

.products-list>li>ul>li .control-buttons .favorite {
    margin-right: 18px;
    width: 25px;
    display: flex;
    justify-content: center;
}

.products-list>li>ul>li .control-buttons .favorite .static.active {
    display: none;
}

.products-list>li>ul>li .control-buttons .favorite .hover {
    display: none;
}

.products-list>li>ul>li .control-buttons .favorite .hover.active {
    display: block;
}

.products-list>li>ul>li .control-buttons .favorite:hover .hover {
    display: block;
}

.products-list>li>ul>li .control-buttons .favorite:hover .static {
    display: none;
}

.products-list>li>ul>li .control-buttons .delete-btn {
    margin: 0;
}

.products-list>li>ul>li .control-buttons .delete-btn .hover {
    display: none;
}

.products-list>li>ul>li .control-buttons .delete-btn:hover .hover {
    display: block;
}

.products-list>li>ul>li .control-buttons .delete-btn:hover .static {
    display: none;
}

.products-list>li>ul>li .control-buttons img:last-child {
    margin-left: 0;
}

.products-list>li>ul>li .control-buttons img:hover {
    cursor: pointer;
}

.products-list>li>ul>li .control-buttons a {
    margin-right: 28px;
}

.products-list>li>ul>li .control-buttons a:last-child {
    margin-right: 0;
}

.products-list>li>ul>li.gift-li {
    box-shadow: none;
    padding: 10px 0;
}

.products-list>li>ul>li.gift-li .button-red {
    padding: 10px 32px;
    width: 200px;
}

.products-list>li>ul>li.gift-li .button-black {
    padding: 10px 32px;
    width: 200px;
}

.products-list>li>ul>li.present-li {
    position: relative;
    justify-content: flex-start;
    padding-left: 10px;
}

.products-list>li>ul>li.present-li .background-grey {
    position: absolute;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 100%, 0.5);
}

.products-list>li>ul>li.present-li .product-name {
    flex: 0 0 400px;
    margin-right: 125px;
}

.products-list>li>ul>li.present-li .present {
    color: var(--main-grey);
    display: flex;
    align-items: center;
    flex: 0 0 300px;
    font-weight: 400;
    font-size: 15px;
}

.products-list>li>ul>li.present-li .present picture {
    margin-right: 18px;
}

.modal {
    position: fixed;
    top: 0;
    left: 20px;
    width: 400px;
    height: 200px;
    left: 50%;
    transform: translateX(-200px);
    color: #fff;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 1000;
}

.recipe-text p {
    display: inline;
}

.recipes--rating {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.recipes--rating .no-rating {
    position: relative;
    top: -15px;
}

.recipes--rating div:first-child {
    display: flex;
}

.recipes--rating div:last-child {
    color: #c7c7c7;
    font-size: 14px;
}

.media-block {
    position: relative;
}

.add-more-container {
    margin-top: 40px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    color: var(--main-grey);
}

.add-more-container .add-more {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 21px;
    cursor: pointer;
}

.add-more-container .add-more picture {
    margin-right: 12px;
}

.add-more-container .add-more img {
    transition: all 0.5s;
}

.add-more-container .add-more:hover img {
    transform: rotate(270deg);
}

.add-more-container .count-more-items {
    font-size: 15px;
    line-height: 18px;
    color: #c7c7c7;
}

.articles-recipes .recipe-footer,
.recipes-content .recipe-footer {
    position: static;
    margin-top: 5px;
}

.product-links .is-tooltip.share {
    padding-right: 12px;
    margin-right: -12px;
}

.product-links .is-tooltip.share .tooltip {
    margin: 0;
}

.product-links .info-block {
    padding: 25px 40px 15px 30px;
    box-sizing: border-box;
    background: #2d4a5a;
    color: #fff;
    position: absolute;
    top: 66px;
    right: 0;
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    height: 500px;
    z-index: 34;
    border-bottom: 20px solid #ff513b;
}

.product-links .info-block ul {
    height: 310px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.product-links .info-block P {
    margin-bottom: 20px;
}

.sidebar {
    width: 370px;
    padding-top: 25px;
}

.sidebar .vote-icons {
    color: #8e8f8f;
}

.sidebar .recipe {
    font-weight: 400;
}

.sidebar .recipe .header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 25px;
}

.sidebar .recipe .recipe-title {
    font-size: 24px;
    font-weight: 700;
}

.sidebar .recipe .more-recipes {
    font-size: 15px;
    color: var(--main-grey);
    font-weight: 400;
}

.sidebar .recipe .more-recipes a {
    text-decoration: underline;
}

.sidebar .recipe .more-recipes a:hover {
    text-decoration: none;
}

.sidebar .recipes .horizontal-boxes-main-page {
    display: flex;
    justify-content: space-between;
    margin-bottom: 23px;
}

.sidebar .recipes .horizontal-boxes-main-page .box {
    margin: 0;
}

.sidebar .recipes .horizontal-boxes-main-page .box.right {
    width: 788px;
    height: 330px;
    margin-left: 0;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}

.sidebar .recipes .horizontal-boxes-main-page .box.video-recipe {
    width: 588px;
    height: 330px;
}

.sidebar .recipes .horizontal-boxes-main-page .box .recipe-image,
.sidebar .recipes .horizontal-boxes-main-page .box .recipe-image img {
    width: 400px;
    height: 330px;
    margin: 0;
}

.sidebar .recipes .horizontal-boxes-main-page .triangle-label-right {
    display: none;
}

.sidebar .recipes .horizontal-boxes-main-page .rating {
    display: flex;
}

.sidebar .recipes .horizontal-boxes-main-page .body .user-name {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 8px;
}

.sidebar .recipes .horizontal-boxes-main-page .body .date {
    font-size: 14px;
    margin-right: 21px;
}

.sidebar .recipes .horizontal-boxes-main-page .body .add-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sidebar .benefits-full {
    padding-bottom: 15px;
    margin-bottom: 30px;
    background: #f8f9f9;
}

@media (max-width: 1279px) {
    .sidebar .benefits-full {
        margin-bottom: 0;
    }
}

.sidebar .benefits-full .wrapper {
    display: flex;
    padding: 0 18px;
    position: relative;
}

.sidebar .benefits-full .wrapper .progress-bar {
    width: 215px;
}

.sidebar .benefits-full .title {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 20px;
    padding: 0 18px;
}

.sidebar .benefits-full .header {
    background: #566d7a;
    padding: 0 10px 0 52px;
    margin-bottom: 20px;
    font-size: 12px;
    height: 48px;
    font-weight: 500;
    color: #fff;
    display: flex;
    align-items: center;
    position: relative;
}

@media (max-width: 400px) {
    .sidebar .benefits-full .header {
        display: block;
        padding-top: 12px;
    }
}

.sidebar .benefits-full .header .bold {
    margin-left: 5px;
}

.sidebar .benefits-full .header img {
    position: absolute;
    left: 15px;
    top: 12px;
    height: 24px;
}

.sidebar .benefits-full .item.bonus img {
    height: 36px;
}

.sidebar .benefits-full .item.bonus a {
    text-decoration: underline;
}

.sidebar .benefits-full .item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding: 0;
    margin-bottom: 25px;
    font-size: 16px;
    font-weight: 400;
    position: relative;
}

.sidebar .benefits-full .item .wrap {
    padding-right: 30px;
}

.sidebar .benefits-full .item .wrap .link {
    text-decoration: underline;
}

.sidebar .benefits-full .item picture {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 14px;
}

.sidebar .benefits-full .item.gift .bold {
    margin-right: 5px;
}

.sidebar .benefits-full .progress-bar {
    position: relative;
    height: 10px;
    border-radius: 30px;
    background: #e5e5e5;
    margin: 2px auto 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sidebar .benefits-full .progress-bar .progress-bar-value {
    background: #fc9a11;
    position: absolute;
    width: 0;
    height: 10px;
    border-radius: 30px;
}

.delivery-count-message {
    margin-top: 50px;
    padding: 18px 0;
    background: #eee;
    text-align: center;
    margin-bottom: 30px;
    font-size: 18px;
    color: #363636;
}

.delivery-count-message .free-delivery {
    color: #76a82c;
}

.delivery-count-message .cost {
    margin-bottom: 8px;
    font-weight: 700;
    text-transform: uppercase;
}

.delivery-count-message .cost-delivery {
    text-transform: uppercase;
    margin-bottom: 4px;
    font-weight: 700;
}

@media (max-width: 767px) {
    .delivery-count-message {
        font-size: 14px;
    }

    .delivery-count-message .cost-delivery {
        font-weight: 500;
    }
}

.delivery-count-message .period-delivery {
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
}

.control-buttons {
    display: flex;
    justify-content: flex-end;
    flex: 0 0 auto;
}

.control-buttons .favorite .hint {
    display: none;
}

.control-buttons .favorite:hover .hint {
    display: block;
}

.control-buttons .delete-btn {
    cursor: pointer;
    margin-right: 28px;
    position: relative;
}

.control-buttons .delete-btn>.title {
    display: none;
    position: absolute;
    top: 30px;
    right: 10px;
    padding: 8px 7px;
    border: 1px solid #e5e5e5;
    color: #5e5f61;
    width: 130px;
    font-size: 12px;
    text-align: center;
    background: #fff;
}

.control-buttons .delete-btn:hover>.title {
    display: block;
}

.control-buttons .delete-btn:last-child {
    margin-right: 0;
}

.count-product-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.count-product-block .count-product {
    font-size: 14px;
    font-weight: 400;
}

.count-product-block .count-product input {
    text-align: center;
    width: 30px;
}

.count-product-block .count-product input::-webkit-inner-spin-button,
.count-product-block .count-product input::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.count-product-block .increase-count-product,
.count-product-block .reduce-count-product {
    height: 24px;
    width: 24px;
    display: block;
    cursor: pointer;
    transition: all 0.2s;
    background: #c7c7c7;
    border-radius: 50px;
    position: relative;
}

.count-product-block .increase-count-product:hover,
.count-product-block .reduce-count-product:hover {
    background: var(--main-grey);
}

.count-product-block .increase-count-product:after,
.count-product-block .increase-count-product:before,
.count-product-block .reduce-count-product:after,
.count-product-block .reduce-count-product:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 2px;
    top: 50%;
    left: calc(50% - 6px);
    background: #fff;
    border-radius: 10px;
}

.count-product-block .increase-count-product:before,
.count-product-block .reduce-count-product:before {
    transform: rotate(-90deg);
}

.count-product-block .reduce-count-product:before {
    display: none;
}

.count-product-block .increase-count-product.maximum,
.count-product-block .reduce-count-product.minimum {
    background: #e5e5e5;
    cursor: default;
}

.catalog-filter .is-content.is-closed .title:before {
    transform: rotate(-45deg);
}

.catalog-filter .is-content.is-closed .title:after {
    transform: rotate(45deg);
}

.catalog-filter .is-content {
    font-size: 14px;
}

.catalog-filter .is-content .title {
    margin: 15px 0;
    display: block;
    position: relative;
}

.catalog-filter .is-content .title:after,
.catalog-filter .is-content .title:before {
    content: "";
    position: absolute;
    top: 5px;
    right: 0;
    width: 1.5px;
    height: 7px;
    background: var(--main-grey);
    transform: rotate(45deg);
    transition: all 0.3s;
}

.catalog-filter .is-content .title:after {
    right: 5px;
    transform: rotate(-45deg);
}

.catalog-filter .is-content .text {
    top: -14px;
}

.catalog-filter .is-content .collapse {
    padding: 0;
    height: 34px;
}

.catalog-filter .is-content .collapse a .text {
    display: block;
    padding-left: 25px;
    position: relative;
}

.catalog-filter .is-content .collapse a .text:after {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    top: 0;
    left: 0;
    background: #fff;
    border: 1px solid #7f7f7f;
    border-radius: 2px;
}

.catalog-filter .is-content .collapse a .text.active-link:after {
    content: "";
    position: absolute;
    background: url(../../../../e/9/496fc0fe-8a54-499a-9499-ad582ecb72eb.png) 50% no-repeat;
    background-size: 21px;
    color: #fff;
    font-size: 14px;
}

.catalog-filter .is-content.is-closed {
    border-bottom: 1px solid #e5e5e5;
}

.catalog-filter .is-content.is-closed .add-content.is-closed .add-title.hide {
    display: none;
}

.catalog-filter .is-content .is-opened {
    padding-bottom: 18px;
    border-bottom: 1px solid #e5e5e5;
}

.catalog-filter .is-content .add-content.is-closed .add-title {
    color: var(--main-grey);
    font-size: 14px;
    font-weight: 300px;
    text-align: right;
    margin-top: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
}

.catalog-filter .is-content .add-content.is-closed .add-title span {
    text-decoration: underline;
}

.catalog-filter .is-content .add-content.is-closed .add-title span:hover {
    text-decoration: none;
    cursor: pointer;
}

.catalog-filter .is-content .add-content.is-closed .add-title.show {
    display: block;
}

.catalog-filter .is-content .add-content.is-closed .add-title.hide {
    display: none;
}

.catalog-filter .is-content .add-content.is-closed .add-title,
.catalog-filter .is-content .add-content.is-closed .add-title.hide {
    display: block;
}

.catalog-filter .is-content .add-content.is-opened .add-title {
    display: none;
}

.filter .is-content.is-closed .add-title,
.filter .is-content.is-opened .add-title {
    font-size: 14px;
}

.filter .is-content.is-closed .add-content.is-closed,
.filter .is-content.is-opened .add-content.is-closed {
    text-align: right;
}

.filter .is-content.is-closed .add-content.is-closed .add-title,
.filter .is-content.is-opened .add-content.is-closed .add-title {
    color: var(--main-grey);
    text-decoration: underline;
    font-size: 14px;
    font-weight: 300px;
    text-align: right;
    margin-top: 20px;
    padding-bottom: 30px;
    cursor: pointer;
}

.filter .is-content.is-closed .add-content.is-closed .add-title.show,
.filter .is-content.is-opened .add-content.is-closed .add-title.show {
    display: block;
}

.filter .is-content.is-closed .add-content.is-closed .add-title.hide {
    display: none;
}

.smart-map {
    min-height: 300px;
    height: 400px;
    width: 100%;
    flex: 1;
    border-radius: 8px;
    overflow: hidden;
}

.favorite,
.share {
    position: relative;
}

.favorite:hover,
.share:hover {
    cursor: pointer;
}

.share {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #c7c7c7;
}

.share .hover {
    display: none;
}

.share:hover .hover {
    display: block;
}

.share:hover .static,
.share:hover .static-hover {
    display: none;
}

.share:hover {
    color: var(--main-grey);
}

.share:hover .button-more {
    color: #c7c7c7;
}

.share span {
    margin-left: 15px;
    display: inline-block;
}

.delivery-count-message {
    border-radius: 8px;
}

.sidebar.sidebar-mobile {
    display: none;
}

.two-images-hover:hover>picture img,
.two-images-hover picture img.hover {
    display: none;
}

.two-images-hover:hover>picture img.hover {
    display: block;
}

.is-tooltip {
    position: absolute;
}

@media (max-width: 767px) {
    .is-tooltip .is-tooltip:hover .tooltip {
        display: none;
    }
}

.is-tooltip:hover {
    cursor: pointer;
}

.is-tooltip:hover .tooltip {
    transform: translateX(-50%) scale(1);
    transition: all 0.3s;
}

.is-tooltip .tooltip.hide {
    display: none;
}

.is-tooltip .tooltip {
    position: absolute;
    bottom: 38px;
    left: 50%;
    transform: translateX(-50%) scale(0);
    padding: 12px;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    background: #fff;
    color: #363636;
    border-radius: 3px;
    z-index: 1000;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
}

.buy-btn .wrap {
    position: relative;
    width: 200px;
    overflow: hidden;
    height: 45px;
    margin-right: 42px;
}

.buy-btn .wrap .button-red {
    transition: all 0.3s;
    top: 0;
}

.buy-btn .wrap .button-red.support {
    position: absolute;
    z-index: 5;
    left: 0;
    top: -55px;
    width: 180px;
    background: #fff;
    color: #363636;
}

.buy-btn .wrap .button-red.support .increase:hover,
.buy-btn .wrap .button-red.support .reduce:hover {
    background: var(--main-red);
}

.buy-btn .wrap .button-red.support .increase:hover:after,
.buy-btn .wrap .button-red.support .increase:hover:before,
.buy-btn .wrap .button-red.support .reduce:hover:after,
.buy-btn .wrap .button-red.support .reduce:hover:before {
    background: #fff;
    color: #fff;
}

.buy-btn .wrap .button-red.support .increase {
    width: 45px;
    background: var(--main-grey);
    padding-left: 25px;
}

.buy-btn .wrap .button-red.support .increase:after,
.buy-btn .wrap .button-red.support .increase:before {
    top: 50%;
    left: 50%;
    transform: translate(-1px, -8px);
}

.buy-btn .wrap .button-red.support .increase:after {
    top: 50%;
    left: 50%;
    transform: translate(-8px);
}

.buy-btn .wrap .button-red.support .reduce {
    background: #c7c7c7;
}

.buy-btn .wrap .button-red.support .reduce:hover {
    background: var(--main-red);
}

.buy-btn .wrap.added .button-red {
    top: -55px;
    transition: all 0.3s;
}

.buy-btn .wrap.added .button-red.support {
    z-index: 4;
    top: 0;
    background: #fff;
    color: #363636;
    opacity: 1;
    height: 45px;
    transition: all 0.3s;
}

.buy-btn .wrap.added .button-red.support .increase {
    width: 45px;
}

.buy-btn .wrap.added .button-red.support .increase:hover,
.buy-btn .wrap.added .button-red.support .reduce:hover {
    cursor: pointer;
}

.buy-btn .wrap.added .button-red.support:hover {
    cursor: default;
}

.buy-btn .button-red {
    width: 160px;
    font-size: 18px;
    height: 42px;
    transition: all 3s;
    z-index: 33;
}

.buy-btn .button-red.added {
    background: #fff;
    transition: all 1s;
}

.collapse a .text {
    display: block;
    padding-left: 25px;
    position: relative;
}

.collapse a .text:after {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    top: 0;
    left: 0;
    background: #fff;
    border: 1px solid #7f7f7f;
    border-radius: 2px;
}

.collapse a .text.active-link:after {
    content: "";
    position: absolute;
    background: url(../../../../e/9/496fc0fe-8a54-499a-9499-ad582ecb72eb.png) 50% no-repeat;
    background-size: 21px;
    color: #fff;
    font-size: 14px;
}

.collapse-links .active .collapse a .text:after {
    background: url(../../../../e/9/496fc0fe-8a54-499a-9499-ad582ecb72eb.png) 50% no-repeat;
    background-size: 21px;
    border: 1px solid var(--main-grey);
}

.is-tooltip {
    position: relative;
}

.recipe-footer .tooltip {
    width: max-content;
    bottom: 84px;
    color: #999;
}

@media (max-width: 1279px) {
    .recipe-footer .tooltip {
        display: none !important;
    }
}

.is-chef-author {
    font-size: 16px;
    font-weight: 700;
    line-height: 100%;
    color: #fff;
    padding: 6px 6px 4px 10px;
    background: #fc9a11;
    z-index: 44;
    position: absolute;
    top: 0;
    text-transform: uppercase;
    left: 0;
}

.is-chef-author:after {
    content: "";
    position: absolute;
    right: -14px;
    top: 0;
    background: transparent;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-top: 15px solid transparent;
    border-color: #fc9a11 transparent transparent #fc9a11;
    border-style: solid;
    border-width: 25px 15px 15px 0;
}

.products-list>li>ul>li.is-product-discount {
    justify-content: flex-start;
}

.products-list>li>ul>li.is-product-discount .product-name {
    flex: 0 0 290px;
    margin-right: 8px;
}

.products-list>li>ul>li.is-product-discount .price-product-wrap {
    display: flex;
    justify-content: center;
    min-width: 175px;
    width: 100%;
}

.products-list>li>ul>li.is-product-discount .price-product-wrap .price-product {
    min-width: 200px;
    text-align: right;
}

.products-list>li>ul>li.is-product-discount .info {
    margin-right: 0;
}

.products-list>li>ul>li.is-product-discount .count-product-block {
    margin-right: 8px;
    margin-left: 2px;
}

.rating-stars img {
    margin: 0 2px;
}

.mess-content.error {
    box-shadow: 0 0 7px #fc9a11 !important;
}

.button-red.btn-disabled {
    background-color: #fff;
    border: 1px solid #989898;
    color: #989898;
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .add-more-container {
        margin: 40px 0 15px;
    }

    .main-banner {
        height: 398px;
    }

    .main-banner .main-heading {
        font-size: 24px;
        padding: 72px 0 26px;
    }

    .main-banner .description {
        font-size: 14px;
    }

    .main-banner .icons {
        font-size: 14px;
        margin-top: 25px;
    }

    .main-banner .button-green {
        font-size: 16px;
        margin-top: 20px;
    }

    .recipes-main-container .articles-recipes .recipe-footer .icon-box {
        margin: 0 5px;
    }

    .recipes-main-container .recipes-title {
        font-size: 24px;
        margin: 0;
    }

    .recipes .horizontal-boxes {
        margin-top: 24px;
        margin-bottom: 20px;
        height: 294px;
    }

    .recipes .horizontal-boxes .video-recipe {
        height: 294px;
    }

    .recipes .horizontal-boxes .video-recipe iframe {
        width: 533px;
        height: 294px;
    }

    .recipes .horizontal-boxes .video-recipe .media-block .background-dark {
        height: 294px;
    }

    .recipes .horizontal-boxes .box.right {
        width: 688px;
        height: 294px;
        margin-right: 20px;
        overflow: hidden;
    }

    .recipes .horizontal-boxes .box .recipe-content {
        height: 268px;
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .recipes .horizontal-boxes .box .recipe-content .recipe-title {
        font-size: 18px;
        max-width: 270px;
    }

    .recipes .horizontal-boxes .box .recipe-content .recipe-type {
        font-size: 12px;
    }

    .recipes .horizontal-boxes .box .recipe-content .recipe-text {
        font-size: 12px;
        margin-right: 0;
        padding-right: 12px;
    }

    .recipes .horizontal-boxes .box .recipe-content .recipe-text .inner-text {
        height: 125px;
    }

    .recipes .horizontal-boxes .box .recipe-content .recipe-text .shadow {
        bottom: 12px;
        width: calc(100% - 32px);
    }

    .recipes .horizontal-boxes .box .recipe-content .recipe-footer {
        bottom: 0;
        height: 40px;
    }

    .recipes .horizontal-boxes .box .recipe-content .recipe-footer .icon-box {
        margin: 0 5px;
    }

    .recipes .horizontal-boxes .box .recipe-image {
        width: 355px;
        height: 294px;
        overflow: hidden;
    }

    .recipes .horizontal-boxes .box .recipe-image img {
        width: auto;
        height: 100%;
    }

    .recipe-footer .tooltip {
        bottom: 42px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .main-heading {
        font-size: 18px;
    }

    .sort-container {
        margin: 0;
        width: auto;
    }

    .sort-container .sort-list-container {
        font-size: 13px;
        left: auto;
        right: 0;
    }

    .recipes-main-container .recipes,
    .recipes .horizontal-boxes-main-page {
        display: none;
    }

    .recipes-main-container .recipes-title {
        margin: 0 0 0 25px;
        font-size: 24px;
    }

    .header-chef-blog .add-recipe-header .main-heading {
        font-size: 24px;
    }

    .header-chef-blog .delay-input .links {
        margin-right: 45px;
        height: 26px;
    }

    .header-chef-blog .delay-input .links input[type="search"].long-search {
        display: none;
    }

    .header-chef-blog .delay-input.is-search .links input[type="search"].long-search {
        width: 270px;
        height: 28px;
        padding-left: 10px;
        display: block;
        position: relative;
    }

    .background-dark img {
        top: -2px;
    }
}

@media (min-width: 768px) {

    .container-service .vertical-line,
    .main-mess-header .filter,
    .recipe-page .img-block-mobile,
    .recipe-page .recipe-mobile,
    .stages-block .step,
    .submenu-mobile {
        display: none;
    }
}

@media (max-width: 767px) {

    .hidden-mobile,
    .recipes .horizontal-boxes-main-page {
        display: none;
    }

    .add-more-container {
        margin-bottom: 20px;
    }

    .sort-container {
        font-size: 13px;
        margin-left: 0;
    }

    .main-banner {
        height: 100%;
        padding-bottom: 20px;
    }

    .main-banner .main-heading {
        font-size: 18px;
        padding: 25px 0;
    }

    .main-banner .description {
        font-size: 13px;
        padding: 0 10px;
    }

    .main-banner .button-green {
        margin-top: 30px;
        font-size: 13px;
        padding: 10px 14px;
    }

    .main-banner .icons {
        margin: 0;
    }

    .add-more-container {
        padding: 0 12px;
    }

    .main-mess-header {
        position: relative;
    }

    .main-mess-header .additional-heading,
    .main-mess-header .main-heading {
        font-size: 18px;
    }

    .main-mess-header .sort-container {
        width: auto;
        font-size: 13px;
        margin: 0;
    }

    .main-mess-header .sort-container span {
        margin-right: 18px;
    }

    .main-mess-header .sort-container .header-accordion {
        padding: 0;
    }

    .main-mess-header .sort-container .sort-list-container {
        font-size: 13px;
        width: 195px;
        left: -22px;
    }

    .main-mess-header .sort-container .accordion-control {
        margin: 0;
    }

    .main-mess-header .sort-container .accordion-control img {
        height: 7px;
    }

    .personal-account {
        margin: 5px 0;
    }

    .personal-account .product-card-container {
        height: auto;
    }

    .personal-account {
        justify-content: flex-start;
    }

    .special-collections img {
        height: 180px;
        width: 180px;
        position: relative;
        z-index: -6;
    }

    .recipes-main-container .recipes-title {
        padding-left: 13px;
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 0;
    }

    .recipes-main-container .articles-recipes ul li {
        flex-basis: auto;
    }

    .media-block {
        overflow: hidden;
    }

    .media-block .background-dark,
    .media-block div embed,
    .media-block div iframe,
    .media-block div object {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .media-block .background-dark {
        background: rgba(45, 74, 90, 0.5);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .main-banner {
        min-height: auto;
    }

    .main-banner .slide {
        height: auto;
        max-height: 150px;
    }
}

@media (max-width: 767px) and (min-width: 540px) and (max-width: 787px) {
    .main-banner .slide {
        max-height: 300px;
    }
}

@media (max-width: 767px) {
    .main-banner .slide img {
        position: relative;
        max-height: 200px;
        left: 50px;
    }
}

@media (max-width: 767px) and (min-width: 540px) and (max-width: 787px) {
    .main-banner .slide img {
        max-height: 300px;
    }
}

@media (max-width: 767px) {
    .main-banner .slide .title {
        font-size: 18px;
        top: 25px;
        max-width: 210px;
    }
}

@media (max-width: 767px) and (min-width: 540px) and (max-width: 787px) {
    .main-banner .slide .title {
        font-size: 12px;
        max-width: 250px;
    }
}

@media (max-width: 767px) {
    .main-banner .slide a {
        font-size: 12px;
        width: 76px;
        height: 26px;
        bottom: 20px;
    }
}

@media (max-width: 767px) and (min-width: 540px) and (max-width: 787px) {
    .main-banner .slide a {
        width: 85px;
        bottom: 25px;
    }
}

@media (max-width: 767px) {
    .main-banner .slide:before {
        height: 110%;
        left: -30px;
        top: -5px;
        width: 160px;
        background: #7c808b;
        transform: skewX(-12deg);
    }
}

@media (max-width: 767px) and (min-width: 540px) and (max-width: 787px) {
    .main-banner .slide:before {
        width: 200px;
        left: -40px;
    }
}

@media (max-width: 767px) {
    .main-banner .slide:after {
        display: none;
    }

    .header-chef-blog .delay-input .links input[type="search"].long-search {
        display: none;
    }

    .header-chef-blog .delay-input.is-search .links {
        width: calc(100% - 58px);
        right: 0;
        left: 13px;
    }

    .header-chef-blog .delay-input.is-search .links input[type="search"].long-search {
        display: block;
        width: 100%;
        padding-left: 5px;
        z-index: 45;
    }

    .header-chef-blog .links {
        position: absolute;
        right: 45px;
        top: -2px;
        height: 26px;
    }

    .header-chef-blog .links img {
        height: 20px;
    }
}

@media (max-width: 767px) and (max-width: 767px) {
    .products-list>li>ul>li .control-buttons .favorite:after {
        display: none;
    }
}

@media (max-width: 1000px) {
    .auth-modal.subscribe--success {
        z-index: 10000002;
    }

    .auth-modal.auth-modal--fulwidth {
        max-width: 100%;
        width: 100%;
    }

    .auth-modal.auth-modal--bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        top: auto;
        margin-bottom: 0;
    }

    .auth-modal.auth-modal--bottom .sidebar-mobile {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        background-color: #f9f9f9;
        display: flex;
        flex-direction: column;
        padding: 4px 4px 40px;
    }

    .auth-modal.auth-modal--bottom .sidebar-mobile .benefits {
        margin: 0;
        padding: 0 0 37px;
    }

    .auth-modal.auth-modal--bottom .sidebar-mobile .sidebar-mobile__btn {
        font-size: 16px;
        background-color: #fff;
        border: 1px solid #363636;
        padding: 11px 0;
        border-radius: 8px;
        color: #363636;
        width: calc(100% - 24px);
        margin: 1px 12px 0;
        text-align: center;
    }

    .auth-modal.bonuses-modal {
        padding: 0;
    }

    .auth-modal.bonuses-modal .content-mobile {
        display: block;
        font-size: 18px;
        line-height: 130%;
        padding: 0 24px;
    }

    .auth-modal.bonuses-modal .content-mobile .text {
        margin-bottom: 30px;
    }

    .auth-modal.bonuses-modal .buttons .btn {
        margin-bottom: 20px;
    }

    .auth-modal.bonuses-modal .buttons .btn:last-child {
        margin-bottom: 0;
    }

    .auth-modal.bonuses-modal .subtitle {
        display: none;
    }

    .auth-modal.bonuses-modal .cross {
        right: 10px;
        top: 10px;
    }

    .auth-modal.bonuses-modal .cross:after,
    .auth-modal.bonuses-modal .cross:before {
        content: "";
        position: absolute;
        background: #fff;
        top: -40px;
        right: 5px;
        width: 2px;
        height: 20px;
        transform: rotate(45deg);
    }

    .auth-modal.bonuses-modal .cross:after {
        transform: rotate(-45deg);
    }

    .auth-modal.bonuses-modal .cross picture {
        width: 20px;
        height: 20px;
    }

    .auth-modal.bonuses-modal .cross img,
    .auth-modal.bonuses-modal .desc,
    .auth-modal.bonuses-modal .links {
        display: none;
    }
}

.owl-carousel .owl-stage {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

@media (max-width: 767px) {

    .basket-block,
    .header-main__newbee,
    .header-catalog,
    .header-phone,
    .header-nav {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1200px) {

    .header-phone {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .catalog-btn-mobile {
        display: none !important;
    }
}

.ui-pnotify,
#gtx-trans,
.hidden {
    display: none !important;
}