/* Основные переменные */
:root {
    --black: #231f20;
    --white: #fdfdfd;
    --brand: #db0032;
    --red-200: #ffb0b5;
    --red-500: #af0028;
    --red-600: #710016;
    --gray-100: #e9e8e8;
    --gray-400: #787476;
    --hover: var(--red-600);
}

/* Сброс стилей */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote::before, blockquote::after, q::before, q::after {
    content: "";
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

* {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

*:target,
*:focus,
*:active {
    border: none;
    outline: none;
}

body {
    font-size: 18px;
    font-weight: 400;
    font-family: "Open Sans";
    overflow-x: hidden;
    background: #fdfcfc;
}

body::-webkit-scrollbar {
    width: 3px;
    background: rgb(0 0 0 / 0%);
}

body::-webkit-scrollbar-thumb {
    background: var(--red-500);
}

body.column {
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
}

button {
    font-family: "Open Sans";
}

img {
    max-width: 100%;
    height: auto;
}

a {
    text-decoration: none;
    color: #242426;
}

a:hover {
    text-decoration: underline;
}

.btn {
    border: 0;
    padding: 0;
    background: none;
    cursor: pointer;
}

.btn--primary {
    display: block;
    width: 100%;
    padding: 19px 0;
    text-align: center;
    border-radius: 8px;
    background: var(--red-500);
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    color: #fff;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.btn--primary:hover {
    background: var(--hover);
    text-decoration: none;
}

@media (width <= 768px) {
    .btn--primary {
        padding: 16px 0;
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
    }
}

.btn--outline {
    display: block;
    width: 100%;
    padding: 19px 0;
    text-align: center;
    border-radius: 8px;
    background: var(--white);
    border: 2px solid var(--red-500);
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    color: var(--red-500);
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.btn--outline:hover {
    background: var(--hover);
    color: var(--white);
    text-decoration: none;
}

.btn--disabled {
    background: #d8d8d8 !important;
    cursor: no-drop;
}

.btn--dashed {
    border-bottom: 1px dashed #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #000;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.btn--dashed:hover {
    border-color: rgb(0 0 0 / 0%);
}

/* Заголовки */
.title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    color: #242426;
}

.heading {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: var(--gray-400);
}

.container {
    width: 1540px;
    margin: 0 auto;
}

@media (width <= 1600px) {
    .container {
        width: 92%;
    }
}

.tooltip {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.tooltip__wrap {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: 443px;
    border-radius: 4px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #333;
}

@media (width <= 768px) {
    .tooltip__wrap {
        font-size: 12px;
        line-height: 18px;
    }
}

.tooltip__content {
    background: #fff6f3;
    padding: 24px 32px;
}

.tooltip__pick {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--red-500);
    line-height: 1;
    margin-left: 5px;
    position: relative;
    font-size: 14px;
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.tooltip--dropBottom .tooltip__wrap {
    top: 50%;
    right: -15px;
    padding-top: 125%;
}

.tooltip--dropBottom .tooltip__wrap::before {
    content: "";
    position: absolute;
    top: 15px;
    right: 15px;
    border-right: 9px solid rgb(0 0 0 / 0%);
    border-bottom: 18px solid #fff6f3;
    border-left: 9px solid rgb(0 0 0 / 0%);
}

.tooltip--preview {
    position: static;
}

.tooltip--preview .tooltip__wrap {
    z-index: 10;
    width: auto;
    top: 0;
    left: 0;
    right: 0;
    padding-top: 30px;
}

.tooltip--preview .tooltip__wrap::before {
    content: "";
    position: absolute;
    top: -15px;
    right: 50%;
    border-right: 9px solid rgb(0 0 0 / 0%);
    border-bottom: 18px solid #fff6f3;
    border-left: 9px solid rgb(0 0 0 / 0%);
    display: none;
}

.tooltip--short .tooltip__content {
    padding: 14px;
    max-height: 100px;
    overflow: auto;
}

.tooltip:hover .tooltip__pick {
    background: var(--red-600);;
    color: #fff;
}

.tooltip:hover .tooltip__wrap {
    opacity: 1;
    pointer-events: auto;
}

.tooltip--cart {
    position: relative;
}

.tooltip--cart .tooltip__wrap {
    top: 50%;
    left: 0;
    padding-left: 200%;
    right: unset;
    padding-top: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 1;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
}

@media (width <= 1400px) {
    .tooltip--cart .tooltip__wrap {
        top: 200%;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
    }
}

@media (width <= 992px) {
    .tooltip--cart .tooltip__wrap {
        right: -15px;
        left: unset;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }
}

@media (width <= 500px) {
    .tooltip--cart .tooltip__wrap {
        width: 250px;
    }
}

.tooltip--cart .tooltip__wrap::before {
    content: "";
    top: 50%;
    left: 28px;
    right: unset;
    -webkit-transform: translateY(-50%) rotate(-90deg);
        -ms-transform: translateY(-50%) rotate(-90deg);
            transform: translateY(-50%) rotate(-90deg);
}

@media (width <= 1400px) {
    .tooltip--cart .tooltip__wrap::before {
        top: -18px;
        left: 50%;
        -webkit-transform: translateX(-50%) rotate(0);
            -ms-transform: translateX(-50%) rotate(0);
                transform: translateX(-50%) rotate(0);
    }
}

@media (width <= 992px) {
    .tooltip--cart .tooltip__wrap::before {
        left: unset;
        right: 18px;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }
}

@media (width <= 992px) {
    .tooltip--cart .tooltip__content {
        padding: 16px;
        font-size: 12px;
        line-height: 18px;
    }
}

.no-scroll {

    overflow-y: hidden;

    @document url-prefix() {
    }

    padding-right: 16px;
}

@media (width <= 768px) {
    .no-scroll {
        padding-right: 0;
    }
}

.no-scroll .header--fix {

    @document url-prefix() {
    }

    margin-right: 16px;
}

@media (width <= 768px) {
    .no-scroll .header--fix {
        margin-right: 0;
    }
}

.no-scroll .header--opacity {

    @document url-prefix() {
    }

    margin-right: 16px;
}

@media (width <= 768px) {
    .no-scroll .header--opacity {
        margin-right: 0;
    }
}

.no-scroll .toTop {
    opacity: 0;
}

.scroll::-webkit-scrollbar {
    display: block;
    width: 2px;
    background: rgb(0 0 0 / 0%);
}

.scroll::-webkit-scrollbar-thumb {
    background: var(--red-500);
}

.scroll--radius::-webkit-scrollbar-track {
    margin-top: 20px;
    margin-bottom: 20px;
}

.scroll {
    scrollbar-color: var(--red-500) rgb(0 0 0 / 0%);
    scrollbar-width: thin;
}

.fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media (width <= 768px) {
    .fields {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        width: 100%;
    }
}

@media (width <= 768px) {
    .fields:not(:last-child) {
        margin-bottom: 16px;
    }
}

.fields--two .field {
    width: 48%;
}

@media (width <= 768px) {
    .fields--two .field {
        width: 100%;
    }
}

.field {
    margin-bottom: 16px;
}

.field:last-child {
    margin-bottom: 0;
}

.field--street {
    margin: 0 16px 0 0;
    width: 223px !important;
}

@media (width <= 768px) {
    .field--street {
        width: 100% !important;
        margin: 0 0 16px;
    }
}

.field--house {
    margin-bottom: 0;
    width: 96px !important;
}

@media (width <= 768px) {
    .field--house {
        width: 100% !important;
        margin-bottom: 16px !important;
    }
}

.field--tooltip {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.field--tooltip .tooltip__wrap {
    padding-top: 50px;
}

.field__subtitle {
    margin-top: 8px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #949494;
}

.input,
.textarea {
    width: 100%;
    background: #f0f0f0;
    padding: 16px 0 16px 16px;
    border-radius: 8px;
    border: 1px solid rgb(0 0 0 / 0%);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

@media (width <= 768px) {
    .input,
    .textarea {
        padding: 10px 0 10px 16px;
    }
}

.input--err,
.textarea--err {
    border-color: var(--red-500);
}

.input--ok,
.textarea--ok {
    border-color: #52b44e;
}

.input::input-placeholder,
.textarea::input-placeholder {
    color: #949494;
}

@media (width <= 992px) {
    .input::input-placeholder,
    .textarea::input-placeholder {
        font-size: 12px;
    }
}

.input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder {
    color: #949494;
}

.input::-moz-placeholder, .textarea::-moz-placeholder {
    color: #949494;
}

.input:-ms-input-placeholder, .textarea:-ms-input-placeholder {
    color: #949494;
}

.input::-ms-input-placeholder, .textarea::-ms-input-placeholder {
    color: #949494;
}

.input::placeholder, .textarea::placeholder {
    color: #949494;
}

.input:input-placeholder, .textarea:input-placeholder {
    color: #949494;
}

@media (width <= 992px) {

    .input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder {
        font-size: 12px;
    }

    .input::-moz-placeholder, .textarea::-moz-placeholder {
        font-size: 12px;
    }

    .input:-ms-input-placeholder, .textarea:-ms-input-placeholder {
        font-size: 12px;
    }

    .input::-ms-input-placeholder, .textarea::-ms-input-placeholder {
        font-size: 12px;
    }

    .input::placeholder, .textarea::placeholder {
        font-size: 12px;
    }

    .input:input-placeholder, .textarea:input-placeholder {
        font-size: 12px;
    }
}

.input:placeholder,
.textarea:placeholder {
    color: #949494;
}

@media (width <= 992px) {
    .input:placeholder,
    .textarea:placeholder {
        font-size: 12px;
    }
}

.input--line {
    border-bottom: 1px solid #979797;
    border-radius: 0;
    background: rgb(0 0 0 / 0%);
    padding-left: 9px !important;
}

.input--line.input--err {
    border-color: rgb(0 0 0 / 0%) rgb(0 0 0 / 0%) var(--red-500) rgb(0 0 0 / 0%);
}

.input--line.input--ok {
    border-color: rgb(0 0 0 / 0%) rgb(0 0 0 / 0%) #52b44e;
}

.input--file {
    opacity: 0;
    position: absolute;
    left: 0;
}

.textarea {
    resize: none;
    height: 96px;
    font-family: "Open Sans";
}

.checkbox {
    opacity: 0;
    position: absolute;
    left: 0;
}

.checkbox + label {
    position: relative;
    cursor: pointer;
    padding-left: 35px;
    display: inline-block;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.checkbox + label::before {
    content: "";
    position: absolute;
    left: 0;
    width: 21px;
    height: 21px;
    border: 1px solid #e4e4e4;
    background: #fff;
    margin-right: 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.checkbox + label::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 2px;
    width: 18px;
    height: 15px;
    opacity: 0;
    background: url("../img/icons.svg") -551px -5px no-repeat;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.checkbox:checked + label::after {
    content: "";
    opacity: 1;
}

.radio {
    display: none;
}

.radio + label {
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding-left: 32px;
    letter-spacing: 0.01em;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.radio + label::before {
    content: "";
    position: absolute;
    left: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid var(--red-500);
    background: #fff;
    margin-right: 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.radio + label::after {
    content: "";
    position: absolute;
    top: 6px;
    left: 6px;
    width: 12px;
    height: 12px;
    opacity: 0;
    background: var(--red-500);
    border-radius: 50%;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.radio:checked + label {
    font-weight: 600;
}

.radio:checked + label::after {
    content: "";
    opacity: 1;
}

.placeholder::input-placeholder {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #564040;
}

.placeholder::-webkit-input-placeholder {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #564040;
}

.placeholder::-moz-placeholder {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #564040;
}

.placeholder:-ms-input-placeholder {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #564040;
}

.placeholder::-ms-input-placeholder {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #564040;
}

.placeholder::placeholder {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #564040;
}

.placeholder:input-placeholder {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #564040;
}

.placeholder:placeholder {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #564040;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes header {
    from {
        -webkit-transform: translateY(-100%);
                transform: translateY(-100%);
    }

    to {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}

@keyframes header {
    from {
        -webkit-transform: translateY(-100%);
                transform: translateY(-100%);
    }

    to {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}

.arrow::before {
    content: "";
    width: 10px;
    height: 2px;
    background: var(--red-500);
    position: absolute;
    top: 23px;
    right: 23px;
    -webkit-transform: rotate(40deg);
        -ms-transform: rotate(40deg);
            transform: rotate(40deg);
    border-radius: 10px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

@media (width <= 1199px) {
    .arrow::before {
        top: 16px;
    }
}

.arrow::after {
    content: "";
    width: 10px;
    height: 2px;
    background: var(--red-500);
    position: absolute;
    top: 23px;
    right: 16px;
    -webkit-transform: rotate(-40deg);
        -ms-transform: rotate(-40deg);
            transform: rotate(-40deg);
    border-radius: 10px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

@media (width <= 1199px) {
    .arrow::after {
        top: 16px;
    }
}

.products {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 16px;
}

@media (width <= 768px) {
    .products {
        grid-template-columns: repeat(1, 1fr);
    }
}

.products--category {
    grid-template-columns: repeat(3, 1fr);
}

@media (width <= 1199px) {
    .products--category {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (width <= 768px) {
    .products--category {
        grid-template-columns: repeat(1, 1fr);
    }
}

.preview {
    /* box-shadow: 0 2px 10px rgb(0 0 0 / 20%); */
    width: 100%;
    max-width: 372px;
    border-radius: 4px;
    /* box-shadow: 0 2px 10px rgb(0 0 0 / 20%); */
    -webkit-box-shadow: inset 0 0 0 1px var(--red-500);
            box-shadow: inset 0 0 0 1px var(--red-500);
    background: #fff;
    position: relative;
    padding: 11px 16px 24px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

@media (width <= 768px) {
    .preview {
        max-width: 100%;
        padding: 12px;
    }
}

.preview.swiper-slide {
    max-width: 100%;
}

.preview__stickers {
    display: -webkit-box;
    
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    position: absolute;
    top: 11px;
    left: 16px;
    z-index: 5;

    /* max-width: 70%; */
    right: 16px;
}

.preview__sticker {
    width: auto;
    max-width: calc(100% - 16px);
    padding: 1px 13px;
    border-radius: 4px;
    text-align: center;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 600;
    line-height: 24px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
}

.preview__sticker:not(:last-child) {
    margin-bottom: 8px;
}

.preview__sticker--new {
    background: #1EB251;
}

.preview__sticker--exc {
    background: #F1003B;
}

.preview__sticker--spec {
    background: #e62b20;
}

.preview__sticker--green {
    background: #2085CA;
}

.preview__sticker--actual {
    background: var(--red-500);
}

.preview__wish {
    position: absolute;
    top: 20px;
    right: 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

@media (width <= 992px) {
    .preview__wish {
        right: 20px;
        opacity: 1;
        pointer-events: auto;
    }
}

.preview__wish::before {
    content: "";
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.preview__wish::after {
    content: "";
    width: 30px;
    height: 28px;
    background: url("../img/icons.svg") -715px -5px no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.preview__wish:hover::before {
    content: "";
    opacity: 0;
}

.preview__wish:hover::after {
    content: "";
    opacity: 1;
}

.preview__wish--added {
    cursor: no-drop;
}

.preview__wish--added::before {
    content: "";
    background: url("../img/icons.svg") -1344px -7px no-repeat !important;
    opacity: 1 !important;
    -webkit-transition: none !important;
    transition: none !important;
}

.preview__wish--added::after {
    content: "";
    opacity: 0 !important;
}

.preview__thumb {
    display: block;
    max-width: 290px;
    width: 100%;
    height: auto;
    /* width: 204px;
    height: 228px; */
    /* -o-object-fit: contain;
       object-fit: contain; */
    margin: 29px auto 0;
}

.preview__art {
    margin-top: 30px;
    font-size: 14px;
    font-weight: 600;
    line-height: 15px;
    color: var(--black);
}

.preview__name {
    display: block;
    margin-top: 4px;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}

.preview__info {
    margin-top: 14px;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
}

@media (width <= 374px) {
    .preview__info {
        font-size: 14px;
    }
}

.preview__infoTitle {
    color: var(--gray-400);
    position: relative;
}

.preview__infoValue {
    color: #242426;
}

.preview__bottom {
    margin-top: 23px;
    min-height: 58px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.preview__price {
    margin-right: auto;
    max-width: 48%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 24px;
    font-weight: 700;
    line-height: 28.8px;
    color: var(--red-500);
}

.preview__price span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
}

.preview__special {
    display: inline-block;
    margin-top: 4px;
    text-decoration-line: line-through;
    font-size: 18px;
    font-weight: 400;
    line-height: 21.6px;
    color: #636363;
}

.preview__buy {
    /* width: 50%;
    max-width: 183px; */

    /* width: 50%;
    max-width: 183px; */
    padding: 15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (width <= 992px) {
    .preview__buy {
        font-size: 14px;
    }
}

.preview__buy::before {
    content: "";
    margin-right: 17px;
}

.preview__buy--added {
    background: var(--red-200);
    color: var(--black);
    cursor: no-drop;
}

.preview__buy--added:hover {
    /* background: #52b44e; */
    background: var(--red-200);
}

.preview:hover {
    /* box-shadow: 0 2px 10px rgb(250 70 22 / 32%);
    box-shadow: 0 2px 10px rgb(250 70 22 / 32%); */

    -webkit-box-shadow: inset 0 0 0 4px var(--red-500);

            box-shadow: inset 0 0 0 4px var(--red-500);
}

.preview:hover .preview__wish {
    right: 20px;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
}

.toTop {
    position: fixed;
    bottom: 25px;
    right: -55px;
    z-index: 10;
    background: var(--red-500);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    opacity: 0;
    pointer-events: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.toTop:hover {
    background: var(--red-600);
}

.toTop::before {
    content: "";
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
}

.toTop--active {
    opacity: 1;
    pointer-events: auto;
    right: 15px;
}

.breadcrumbs {
    padding: 24px 0 42px;
}

@media (width <= 992px) {
    .breadcrumbs {
        padding: 40px 0 32px;
    }
}

.breadcrumbs__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.breadcrumbs__item {
    position: relative;
    padding-right: 8px;
    margin-right: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #c5c5c5;
}

.breadcrumbs__item::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 14px;
    background: #c5c5c5;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.breadcrumbs__item a {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #c5c5c5;
}

.breadcrumbs__item--start a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.breadcrumbs__item--start a::before {
    content: "";
    margin-right: 8px;
}

.breadcrumbs__item--end::before {
    content: "";
    display: none;
}

.breadcrumbs--banner {
    position: absolute;
    top: 220px;
    left: 0;
    right: 0;
    z-index: 10;
}

@media (width <= 1366px) {
    .breadcrumbs--banner {
        top: 200px;
    }
}

@media (width <= 768px) {
    .breadcrumbs--banner {
        top: 68px;
    }
}

.primary-bg {
    position: relative;
}

.primary-bg::before {
    display: none !important;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 638px;
    background-image: url("../img/layout/background-primary-top.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: -1;
}

@media (width <= 768px) {
    .primary-bg::before {
        background-size: cover;
        background-image: url("../img/layout/background-primary-top-mobile.svg");
    }
}

.primary-bg::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 638px;
    background-image: url("../img/layout/background-primary-bottom.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
    z-index: -1;
}

@media (width <= 768px) {
    .primary-bg::after {
        background-image: url("../img/layout/background-primary-bottom-mobile.svg");
        background-size: cover;
    }
}

.primary-bg--category::before {
    content: "";
    display: none;
}

@media (width <= 768px) {
    .primary-bg--category::before {
        display: block;
        top: 7%;
        background-position: bottom;
        z-index: -1;
    }
}

.primary-bg--category::after {
    content: "";
    display: none;
}

@media (width <= 768px) {
    .primary-bg--category::after {
        display: block;
        z-index: -1;
        bottom: 7%;
    }
}

.layout {
    width: 100%;
}

.layout--left {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.layout--left .main {
    width: calc(100% - 26%);
    padding: 0 calc((100% - 1540px) / 2) 104px 51px;
}

@media (width <= 1600px) {
    .layout--left .main {
        width: calc(100% - 20%);
        padding: 0 4% 104px 25px;
    }
}

@media (width <= 992px) {
    .layout--left .main {
        width: 100%;
        padding: 0 4% 80px;
    }
}

.layout--left .breadcrumbs .container {
    width: 100%;
}

.sidebar {
    width: 26%;
    background: #fcf2f0;
    padding-left: calc((100% - 1540px) / 2);
    padding-top: 93px;
}

@media (width <= 1600px) {
    .sidebar {
        width: 20%;
        padding-left: 4%;
    }
}

@media (width <= 992px) {
    .sidebar {
        display: none;
    }
}

@media (width <= 992px) {
    .sidebar--catalog {
        max-height: calc(100vh - 67px);
        display: block;
        position: fixed;
        top: 170px;
        left: -100%;
        bottom: 0;
        width: 100%;
        z-index: 20;
        padding: 40px 0 123px 16px;
        overflow: auto;

        /* max-height: calc(100vh - 67px); */
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }
}

@media (width <= 768px) {
    .sidebar--catalog {
        top: 67px;
    }
}

.sidebar--open {
    left: 0;
}

.sidebar__title {
    padding-bottom: 12px;
    margin-bottom: 16px;
    border-bottom: 1px solid #d6d6d6;
}

@media (width <= 992px) {
    .sidebar__title {
        
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.sidebar__title::before {
    content: "";
    display: none !important;
}

@media (width <= 992px) {
    .sidebar__title::before {
        display: block !important;
        margin-right: 20px;
    }
}

.dropdown {
    width: 172px;
    max-width: 100%;
    position: relative;
    z-index: 1;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
}

.dropdown::before {
    content: "";
    position: absolute;
    top: 16px;
    right: 5px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

@media (width <= 1400px) {
    .dropdown {
        width: 200px;
    }
}

.dropdown:hover {
    cursor: pointer;
}

.dropdown__title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid #c1c1c1;
    border-radius: 8px;
    padding: 7px 20px 7px 12px;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    color: #000;
}

.dropdown__list {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    border: 1px solid #c1c1c1;
    border-top: 0;
    border-radius: 0 0 4px 4px;
    padding: 8px 30px 8px 16px;
    background: #fff;
    -webkit-box-shadow: 0 4px 8px #c1c1c1;
            box-shadow: 0 4px 8px #c1c1c1;
    pointer-events: none;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.dropdown__list li {
    margin: 5px 0;
}

.dropdown--open {
    z-index: 10;
}

.dropdown--open::before {
    content: "";
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
}

.dropdown--open .dropdown__title {
    border-radius: 8px 8px 0 0;
}

.dropdown--open .dropdown__list {
    opacity: 1;
    max-height: 999px;
    pointer-events: auto;
}

.accordion__title {
    cursor: pointer;
    padding-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
}

.accordion__title::before {
    content: "";
    top: 10px;
    right: 7px;
    background: #000;
}

.accordion__title::after {
    content: "";
    top: 10px;
    right: 0;
    background: #000;
}

.accordion__title i {
    display: inline-block;
    margin-right: 18px;
}

.accordion__content {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding-top: 0;
    padding-right: 5px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.accordion__content--scroll {
    overflow: auto;
}

.accordion__content .productPageInfo__row:nth-child(1n + 7) {
    max-height: 100px;
    opacity: 1;
}

.accordion__content .productPageInfo__row span {
    background: #fff;
    padding: 0 10px 0 0;
}

.accordion__content .productPageInfo__row:not(:last-child) {
    margin-bottom: 16px;
}

.accordion__content .productPageInfo__row span + span {
    padding: 0 0 0 10px;
}

.accordion__item {
    position: relative;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #d6d6d6;
}

.accordion__item--open .accordion__title::before {
    content: "";
    background: var(--red-500);
    right: 6px;
    -webkit-transform: rotate(-40deg) translateY(-50%);
        -ms-transform: rotate(-40deg) translateY(-50%);
            transform: rotate(-40deg) translateY(-50%);
}

.accordion__item--open .accordion__title::after {
    content: "";
    background: var(--red-500);
    -webkit-transform: rotate(40deg) translateY(-50%);
        -ms-transform: rotate(40deg) translateY(-50%);
            transform: rotate(40deg) translateY(-50%);
}

.accordion__item--open .accordion__content {
    max-height: 187px;
    opacity: 1;
    margin-top: 16px;
}

.accordion__opener {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background: grey;
}

.quantly {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.quantly__inner {
    width: 93px;
    padding-right: 24px;
    position: relative;
}

@media (width <= 768px) {
    .quantly__inner {
        
        width: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.quantly__label {
    display: inline-block;
    margin-right: 8px;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
}

@media (width <= 768px) {
    .quantly__label {
        margin-right: 18px;
    }
}

.quantly__input {
    width: 100%;
    padding: 15px 0;
    border-radius: 8px 0 0 8px;
    border: 1px solid #d6d6d6;
    background-repeat: no-repeat;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    color: #000;
}

@media (width <= 768px) {
    .quantly__input {
        border-radius: 8px;
        width: 46px;
        padding: 9px 0;
        margin: 0 8px;
    }
}

.quantly__plus {
    top: 0;
    border-radius: 0 8px 0 0;
    border-bottom: 0 !important;
}

.quantly__plus::after {
    content: "";
    width: 9px;
    height: 1px;
    background: #d6d6d6;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    position: absolute;
}

@media (width <= 500px) {
    .quantly__plus::after {
        height: 2px;
    }
}

.quantly__minus {
    bottom: 0;
    border-radius: 0 0 8px;
}

.quantly__button {
    position: absolute;
    width: 24px;
    height: 29px;
    right: 0;
    border: 1px solid #d6d6d6;
    border-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (width <= 768px) {
    .quantly__button {
        position: static;
        width: 46px;
        height: 46px;
        background: var(--red-500);
        border-radius: 8px;
        border: none;
    }
}

.quantly__button::before {
    content: "";
    width: 9px;
    height: 1px;
    background: #d6d6d6;
    position: absolute;
}

@media (width <= 768px) {
    .quantly__button::before {
        height: 2px;
    }
}

.quantly__button:hover::before {
    content: "";
    background: #000;
}

.quantly__button:hover::after {
    content: "";
    background: #000;
}

.items {
    display: block;
}

.itemsSlider {
    overflow: visible;
}

@media (width <= 768px) {
    .itemsSlider {
        overflow: hidden;
        padding: 15px 30px;
    }
}

.itemsSlider.swiper-container-initialized .items {
    display: -webkit-box;
    
    display: -ms-flexbox;
    display: flex;
}

.itemsSlider.swiper-container-initialized .items__item {
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.itemsSlider.swiper-container-initialized .items__item.swiper-slide-visible {
    opacity: 1;
}

.items__item {
    background: #fff;
    -webkit-box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
            box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
    border-radius: 16px;
    min-height: 149px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (width <= 768px) {
    .items__item {
        
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.items__item:not(:last-child) {
    margin-bottom: 32px;
}

.items__col {
    max-height: 149px;
    padding: 30px 0;
    overflow: auto;
}

@media (width <= 768px) {
    .items__col {
        max-height: 1000px;
    }
}

.items__colFirst {
    width: 238px;
    position: relative;
    overflow: hidden;
    padding: 0;
}

@media (width <= 768px) {
    .items__colFirst {
        width: 100%;
    }
}

.items__colFirst img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

@media (width <= 768px) {
    .items__colFirst img {
        max-height: 154px;
    }
}

.items__colFirst .recipes__rate {
    bottom: unset;
    top: 8px;
    left: 13px;
}

@media (width <= 768px) {
    .items__colFirst .recipes__rate {
        top: unset;
        bottom: 15px;
        left: 11px;
    }
}

.items__colFirst:hover img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}

.items__colSecond {
    width: 379px;
    padding: 0 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
}

@media (width <= 768px) {
    .items__colSecond {
        width: 100%;
        padding: 8px 16px;
    }
}

.items__colSecond .heading {
    margin-bottom: 6px;
    margin-top: auto;
}

@media (width <= 1199px) {
    .items__colSecond .heading {
        font-size: 18px;
        line-height: 24px;
    }
}

@media (width <= 768px) {
    .items__colSecond .heading {
        margin-bottom: 0;
        font-size: 24px;
        line-height: 32px;
    }
}

.items__colSecond .recipes__categories {
    position: static;
    margin-bottom: auto;
}

@media (width <= 768px) {
    .items__colSecond .recipes__categories {
        position: absolute;
        top: 16px;
        left: 11px;
    }
}

.items__colSecond .recipes__categories a {
    background: rgb(255 221 169 / 55%);
    border: 2px solid rgb(0 0 0 / 0%);
    margin-bottom: 8px;
}

@media (width <= 768px) {
    .items__colSecond .recipes__categories a {
        background: rgb(255 255 255 / 55%);
    }
}

@media (width <= 768px) {
    .items__colSecond .recipes__categories a:nth-child(1n + 3) {
        display: none;
    }
}

.items__colSecond .recipes__categories a:hover {
    border-color: rgb(255 221 169 / 55%);
}

.items__colThird {
    width: 600px;
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
    padding: 0 43px 0 31px;
    display: -webkit-box;
    
    display: -ms-flexbox;
    display: flex;
}

@media (width <= 768px) {
    .items__colThird {
        border: none;
        width: 100%;
        padding: 8px 25px 8px 8px;
    }
}

.items__colThird p {
    margin: auto 0;
}

@media (width <= 1199px) {
    .items__colThird p {
        font-size: 14px;
        line-height: 20px;
    }
}

@media (width <= 768px) {
    .items__colThird p {
        max-height: 72px;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 16px;
        line-height: 24px;
    }
}

.items__colFourth {
    width: 246px;
    padding: 0 33px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (width <= 1199px) {
    .items__colFourth {
        padding: 0 10px;
    }
}

@media (width <= 992px) {
    .items__colFourth {
        display: none;
    }
}

.items__btn {
    padding: 15px 0;
}

@media (width <= 1600px) {
    .items__btn {
        font-size: 16px;
    }
}

@media (width <= 1199px) {
    .items__btn {
        font-size: 12px;
        padding: 8px 0;
    }
}

.itemsWishlist .items__item {
    position: relative;
}

@media (width <= 768px) {
    .itemsWishlist .items__item {
        
        padding: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    }
}

.itemsWishlist .items__item:not(:last-child) {
    margin-bottom: 16px;
}

.itemsWishlist__stickers {
    width: 150px;
}

@media (width <= 1199px) {
    .itemsWishlist__stickers {
        display: none;
    }
}

@media (width <= 768px) {
    .itemsWishlist__stickers {
        display: block;
        width: 100%;
    }
}

@media (width <= 768px) {
    .itemsWishlist__stickers .preview__stickers {
        
        position: static;
        padding-right: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

@media (width <= 1600px) {
    .itemsWishlist__stickers .preview__sticker {
        font-size: 12px;
    }
}

@media (width <= 768px) {
    .itemsWishlist__stickers .preview__sticker {
        width: auto;
        margin-right: 11px;
    }
}

.itemsWishlist__stickers .preview__sticker:nth-child(1n + 5) {
    display: none;
}

@media (width <= 500px) {
    .itemsWishlist__stickers .preview__sticker:nth-child(1n + 3) {
        display: none;
    }
}

.itemsWishlist__info {
    width: 474px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
        flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (width <= 1600px) {
    .itemsWishlist__info {
        width: 420px;
    }
}

@media (width <= 1199px) {
    .itemsWishlist__info {
        width: 40%;
    }
}

@media (width <= 768px) {
    .itemsWishlist__info {
        width: 100%;
        padding: 0;
        margin-bottom: 16px;
    }
}

.itemsWishlist__set {
    width: 361px;
    padding: 0 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (width <= 1600px) {
    .itemsWishlist__set {
        width: 415px;
    }
}

@media (width <= 1199px) {
    .itemsWishlist__set {
        width: 60%;
    }
}

@media (width <= 768px) {
    .itemsWishlist__set {
        position: relative;
        padding: 90px 0 0;
        overflow: visible;
    }
}

@media (width <= 500px) {
    .itemsWishlist__set {
        padding-top: 50px;
        width: 45%;
    }
}

.itemsWishlist__set .quantly {
    margin-right: 24px;
}

@media (width <= 768px) {
    .itemsWishlist__set .quantly {
        position: absolute;
        top: 0;
    }
}

@media (width <= 500px) {
    .itemsWishlist__set .quantly .quantly__button {
        width: 32px;
        height: 32px;
    }
}

@media (width <= 500px) {
    .itemsWishlist__set .quantly .quantly__input {
        width: 40px;
        height: 32px;
    }
}

.itemsWishlist__set .preview__price {
    max-width: 100%;
    min-height: 53px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (width <= 768px) {
    .itemsWishlist__set .preview__price span {
        display: block;
    }
}

.itemsWishlist__tools {
    width: 215px;
    padding: 0 16px;
    position: relative;
}

@media (width <= 1199px) {
    .itemsWishlist__tools {
        width: 15%;
    }
}

@media (width <= 992px) {
    .itemsWishlist__tools {
        display: -webkit-box;
        
        display: -ms-flexbox;
        display: flex;
    }
}

@media (width <= 768px) {
    .itemsWishlist__tools {
        position: static;
        -ms-flex-item-align: end;
        align-self: flex-end;
        width: 35%;
        padding: 0;
    }
}

@media (width <= 500px) {
    .itemsWishlist__tools {
        width: 54%;
    }
}

.itemsWishlist__tools .preview__buy {
    max-width: 100%;
    width: 100%;
}

.itemsWishlist__tools .preview__buy::before {
    content: "";
}

@media (width <= 1199px) {
    .itemsWishlist__tools .preview__buy::before {
        margin-right: 0;
    }
}

@media (width <= 768px) {
    .itemsWishlist__tools .preview__buy::before {
        margin-right: 16px;
    }
}

@media (width <= 1199px) {
    .itemsWishlist__tools .preview__buy {
        font-size: 0;
    }
}

@media (width <= 768px) {
    .itemsWishlist__tools .preview__buy {
        font-size: 16px;
    }
}

.itemsWishlist__thumb {
    margin-right: 32px;
    width: 25%;
}

@media (width <= 1199px) {
    .itemsWishlist__thumb {
        margin-right: 16px;
    }
}

@media (width <= 768px) {
    .itemsWishlist__thumb {
        width: 25%;
    }
}

.itemsWishlist__thumb img {
    width: 102px;
    height: 114px;
    -o-object-fit: contain;
       object-fit: contain;
}

@media (width <= 768px) {
    .itemsWishlist__thumb img {
        width: 134px;
        height: auto;
    }
}

.itemsWishlist__names {
    width: 75%;
}

.itemsWishlist__code {
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    color: #979797;
}

.itemsWishlist__name {
    display: block;
    max-height: 63px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    font-weight: 600;
    line-height: 21px;
}

.itemsWishlist__del {
    position: absolute;
    bottom: 11px;
    left: 0;
    width: 100%;
    letter-spacing: 0.02em;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (width <= 768px) {
    .itemsWishlist__del {
        bottom: unset;
        top: 16px;
        left: unset;
        right: 16px;
        width: auto;
        font-size: 0;
    }
}

.itemsWishlist__del::before {
    content: "";
}

@media (width <= 768px) {
    .itemsWishlist__del::before {
        background: url("../img/icons.svg") -441px -5px no-repeat !important;
    }
}

.itemsWishlist--noCommerce .itemsWishlist__set {
    overflow: visible;
}

@media (width <= 768px) {
    .itemsWishlist--noCommerce .itemsWishlist__set {
        padding: 0;
    }
}

@media (width <= 768px) {
    .itemsWishlist--noCommerce .itemsWishlist__set .quantly {
        position: static;
    }
}

.itemsWishlist--noCommerce .cartContentProducts__priceDesc {
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
}

@media (width <= 768px) {
    .itemsWishlist--noCommerce .preview__infoTitle {
        display: none;
    }
}

.list-check li {
    padding-left: 32px;
    position: relative;
}

.list-check li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 18px;
    height: 15px;
    background-image: url("../img/icons/check.svg");
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.select {
    width: auto;
}

.select .dropdown {
    width: auto;
}

.select .dropdown--open .arrow::before {
    content: "";
    -webkit-transform: rotate(-40deg);
        -ms-transform: rotate(-40deg);
            transform: rotate(-40deg);
}

.select .dropdown--open .arrow::after {
    content: "";
    -webkit-transform: rotate(40deg);
        -ms-transform: rotate(40deg);
            transform: rotate(40deg);
}

.select .dropdown--open .dropdown__list {
    top: 110% !important;
}

.select .dropdown__title {
    background: #f0f0f0;
    border-radius: 32px;
    padding: 10px 40px 10px 14px;
    border: 1px solid rgb(0 0 0 / 0%);
    text-align: left;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #949494;
}

.select .dropdown__title::before {
    content: "";
}

@media (width <= 1199px) {
    .select .dropdown__title::before {
        top: 23px;
    }
}

.select .dropdown__title::after {
    content: "";
}

@media (width <= 1199px) {
    .select .dropdown__title::after {
        top: 23px;
    }
}

.select .dropdown__list {
    border: none;
    padding: 0;
    top: 80%;
    max-height: 266px;
    overflow: auto;
}

.select .dropdown__list li {
    padding: 0 16px;
    margin: 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.select .dropdown__list li:hover {
    background: var(--red-500);
}

.select .dropdown__list li:hover button {
    color: #fff;
}

.select .dropdown__list li button {
    display: block;
    text-align: left;
    padding: 10px 0;
    width: 100%;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.select--err .dropdown__title {
    border-color: var(--red-500);
}

.select--ok .dropdown__title {
    border-color: #52b44e;
}

.uploaded {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #909090;
}

.sad_face {
    -webkit-animation: fadeIn 0.1s linear;
            animation: fadeIn 0.1s linear;
}

.sad_face::before {
    content: attr(data-deleted);
    color: #242426;
    position: absolute;
    inset: 0;
    opacity: 1;
    z-index: 11;
    padding-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.sad_face::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 10;
    background-image: url("../img/icons/sad_face.svg");
    background-color: #fff;
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 50% 40%;
}

.texthide__opener {
    margin-top: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: var(--red-500);
}

.texthide__opener:hover {
    text-decoration: underline;
}

.texthide__text {
    max-height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

@media (width <= 992px) {
    .texthide__text {
        max-height: 24px;
    }
}

.texthide--open .texthide__text {
    max-height: 500px;
}

.texthide--ova .texthide__text {
    overflow: auto;
}

.texthide--about .texthide__text {
    max-height: 100%;
}

@media (width <= 768px) {
    .texthide--about .texthide__text {
        max-height: 266px;
    }
}

.texthide--about .texthide__opener {
    display: none;
}

@media (width <= 768px) {
    .texthide--about .texthide__opener {
        display: block;
        font-weight: 700;
    }
}

.texthide--about.texthide--open .texthide__text {
    max-height: 800px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    body {
        overflow: hidden;
    }

    body::before {
        content: "К сожалению сайт не может открыться в вашем браузере, так как он устарел. Пожалуйста обновите ваш браузер и попробуйте еще раз.";
        position: fixed;
        inset: 0;
        background: #fff;
        z-index: 1000;
        text-align: center;
        padding-top: 50px;
    }
}

/* open-sans-regular - latin_cyrillic */

/* open-sans-600 - latin_cyrillic */

/* open-sans-600 - latin_cyrillic */

/* open-sans-700 - latin_cyrillic */

/* open-sans-800 - latin_cyrillic */

@charset "UTF-8";

/* open-sans-regular - latin_cyrillic */
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/open-sans-v18-latin_cyrillic-regular.eot");
    src: local(""),
        url("../fonts/open-sans-v18-latin_cyrillic-regular.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/open-sans-v18-latin_cyrillic-regular.woff2")
            format("woff2"),
        url("../fonts/open-sans-v18-latin_cyrillic-regular.woff") format("woff"),
        url("../fonts/open-sans-v18-latin_cyrillic-regular.ttf")
            format("truetype"),
        url("../fonts/open-sans-v18-latin_cyrillic-regular.svg#OpenSans")
            format("svg");
}

/* open-sans-600 - latin_cyrillic */
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/open-sans-v18-latin_cyrillic-300.eot");
    src: local(""),
        url("../fonts/open-sans-v18-latin_cyrillic-300.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/open-sans-v18-latin_cyrillic-300.woff2") format("woff2"),
        url("../fonts/open-sans-v18-latin_cyrillic-300.woff") format("woff"),
        url("../fonts/open-sans-v18-latin_cyrillic-300.ttf") format("truetype"),
        url("../fonts/open-sans-v18-latin_cyrillic-300.svg#OpenSans")
            format("svg");
}

/* open-sans-600 - latin_cyrillic */
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    src: url("../fonts/open-sans-v18-latin_cyrillic-600.eot");
    src: local(""),
        url("../fonts/open-sans-v18-latin_cyrillic-600.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/open-sans-v18-latin_cyrillic-600.woff2") format("woff2"),
        url("../fonts/open-sans-v18-latin_cyrillic-600.woff") format("woff"),
        url("../fonts/open-sans-v18-latin_cyrillic-600.ttf") format("truetype"),
        url("../fonts/open-sans-v18-latin_cyrillic-600.svg#OpenSans")
            format("svg");
}

/* open-sans-700 - latin_cyrillic */
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/open-sans-v18-latin_cyrillic-700.eot");
    src: local(""),
        url("../fonts/open-sans-v18-latin_cyrillic-700.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/open-sans-v18-latin_cyrillic-700.woff2") format("woff2"),
        url("../fonts/open-sans-v18-latin_cyrillic-700.woff") format("woff"),
        url("../fonts/open-sans-v18-latin_cyrillic-700.ttf") format("truetype"),
        url("../fonts/open-sans-v18-latin_cyrillic-700.svg#OpenSans")
            format("svg");
}

/* open-sans-800 - latin_cyrillic */
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 800;
    src: url("../fonts/open-sans-v18-latin_cyrillic-800.eot");
    src: local(""),
        url("../fonts/open-sans-v18-latin_cyrillic-800.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/open-sans-v18-latin_cyrillic-800.woff2") format("woff2"),
        url("../fonts/open-sans-v18-latin_cyrillic-800.woff") format("woff"),
        url("../fonts/open-sans-v18-latin_cyrillic-800.ttf") format("truetype"),
        url("../fonts/open-sans-v18-latin_cyrillic-800.svg#OpenSans")
            format("svg");
}

/* HTML5 display-role reset for older browsers */

@document url-prefix() {
}

@keyframes fadeIn {
}

@keyframes header {
}

@media (width <= 374px) {
}

@media (width <= 1366px) {
}

@media (width <= 1400px) {
}

@media (width <= 1600px) {
}

@media (width <= 500px) {
}

@media (width <= 1199px) {
}

@media (width <= 992px) {
}

@media (width <= 768px) {
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
}

.ic-arrow::before {
    content: "";
    display: block;
    width: 13px;
    height: 16px;
    background: url("../img/icons.svg") -99px -5px no-repeat;
}

.ic-arrow-active::before {
    content: "";
    display: block;
    width: 7px;
    height: 14px;
    background: url("../img/icons.svg") -21px -5px no-repeat;
}

.ic-arrow-back::before {
    content: "";
    display: block;
    width: 18px;
    height: 16px;
    background: url("../img/icons.svg") -495px -5px no-repeat;
}

.ic-arrow-black::before {
    content: "";
    display: block;
    width: 14px;
    height: 7px;
    background: url("../img/icons.svg") -145px -5px no-repeat;
}

.ic-arrow-disable::before {
    content: "";
    display: block;
    width: 7px;
    height: 14px;
    background: url("../img/icons.svg") -38px -5px no-repeat;
}

.ic-burger::before {
    content: "";
    display: block;
    width: 18px;
    height: 12px;
    background: url("../img/icons.svg") -523px -5px no-repeat;
}

.ic-card::before {
    content: "";
    display: block;
    width: 25px;
    height: 17px;
    background: url("../img/icons.svg") -607px -5px no-repeat;
}

.ic-cart::before {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    background: url("../img/icons.svg") -795px -5px no-repeat;
}

.ic-cart-white::before {
    content: "";
    display: block;
    width: 27px;
    height: 26px;
    background: url("../img/icons.svg") -678px -5px no-repeat;
}

.ic-catalog::before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background: url("../img/icons.svg") -169px -5px no-repeat;
}

.ic-check::before {
    content: "";
    display: block;
    width: 18px;
    height: 15px;
    background: url("../img/icons.svg") -551px -5px no-repeat;
}

.ic-check-green::before {
    content: "";
    display: block;
    width: 14px;
    height: 15px;
    background: url("../img/icons.svg") -193px -5px no-repeat;
}

.ic-f1::before {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    background: url("../img/icons.svg") -837px -5px no-repeat;
}

.ic-f2::before {
    content: "";
    display: block;
    width: 32px;
    height: 28px;
    background: url("../img/icons.svg") -879px -5px no-repeat;
}

.ic-f3::before {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    background: url("../img/icons.svg") -921px -5px no-repeat;
}

.ic-f4::before {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    background: url("../img/icons.svg") -963px -5px no-repeat;
}

.ic-f5::before {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    background: url("../img/icons.svg") -1005px -5px no-repeat;
}

.ic-f6::before {
    content: "";
    display: block;
    width: 32px;
    height: 30px;
    background: url("../img/icons.svg") -1047px -5px no-repeat;
}

.ic-facebook::before {
    content: "";
    display: block;
    width: 6px;
    height: 14px;
    background: url("../img/icons.svg") -5px -5px no-repeat;
}

.ic-viber::before {
    content: "";
    display: block;
    width: 14px;
    height: 16px;
    background: url("../img/viber.svg") 0 0 no-repeat;
    background-size: 100%;
}

.ic-heart::before {
    content: "";
    display: block;
    width: 30px;
    height: 28px;
    background: url("../img/icons.svg") -715px -5px no-repeat;
}

.ic-heart-grey::before {
    content: "";
    display: block;
    width: 30px;
    height: 28px;
    background: url("../img/icons.svg") -755px -5px no-repeat;
}

.ic-heart-green::before {
    content: "";
    display: block;
    width: 30px;
    height: 28px;
    background: url("../img/icons.svg") -1344px -7px no-repeat;
}

.ic-heart-small::before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background: url("../img/icons.svg") -217px -5px no-repeat;
}

.ic-home::before {
    content: "";
    display: block;
    width: 14px;
    height: 16px;
    background: url("../img/icons.svg") -241px -5px no-repeat;
}

.ic-instagram::before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background: url("../img/icons.svg") -265px -5px no-repeat;
}

.ic-lines::before {
    content: "";
    display: block;
    width: 18px;
    height: 11px;
    background: url("../img/icons.svg") -579px -5px no-repeat;
}

.ic-mail::before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background: url("../img/icons.svg") -55px -5px no-repeat;
}

.ic-mail-white::before {
    content: "";
    display: block;
    width: 16px;
    height: 17px;
    background: url("../img/icons.svg") -361px -5px no-repeat;
}

.ic-marker::before {
    content: "";
    display: block;
    width: 14px;
    height: 17px;
    background: url("../img/icons.svg") -289px -5px no-repeat;
}

.ic-pencil::before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background: url("../img/icons.svg") -313px -5px no-repeat;
}

.ic-phone::before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background: url("../img/icons.svg") -77px -5px no-repeat;
}

.ic-phone-white::before {
    content: "";
    display: block;
    width: 14px;
    height: 13px;
    background: url("../img/icons.svg") -337px -5px no-repeat;
}

.ic-search::before {
    content: "";
    display: block;
    width: 17px;
    height: 17px;
    background: url("../img/icons.svg") -387px -5px no-repeat;
}

.ic-star::before {
    content: "";
    display: block;
    width: 17px;
    height: 16px;
    background: url("../img/icons.svg") -414px -5px no-repeat;
}

.ic-telegram::before {
    content: "";
    display: block;
    width: 13px;
    height: 12px;
    background: url("../img/icons.svg") -122px -5px no-repeat;
}

.ic-trash::before {
    content: "";
    display: block;
    width: 17px;
    height: 17px;
    background: url("../img/icons.svg") -441px -5px no-repeat;
}

.ic-trash-black::before {
    content: "";
    display: block;
    width: 17px;
    height: 17px;
    background: url("../img/icons.svg") -468px -5px no-repeat;
}

.ic-trash-white::before {
    content: "";
    display: block;
    width: 17px;
    height: 17px;
    background: url("../img/icons.svg") -1318px -13px no-repeat;
}

.ic-truck::before {
    content: "";
    display: block;
    width: 26px;
    height: 21px;
    background: url("../img/icons.svg") -642px -5px no-repeat;
}

.ic-user::before {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    background: url("../img/icons.svg") -1089px -6px no-repeat;
}

.ic-close::before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: url("../img/icons.svg") -1225px -13px no-repeat;
}

.ic-close-black::before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: url("../img/icons.svg") -1254px -13px no-repeat;
}

.ic-search-big::before {
    content: "";
    display: block;
    width: 26px;
    height: 26px;
    background: url("../img/icons.svg") -1130px -8px no-repeat;
}

.ic-catalog-orange::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url("../img/icons.svg") -1169px -11px no-repeat;
}

.ic-arrow-orange::before {
    content: "";
    display: block;
    width: 7px;
    height: 15px;
    background: url("../img/icons.svg") -1205px -13px no-repeat;
}

.ic-box-black::before {
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    background: url("../img/icons.svg") -1281px -8px no-repeat;
}

.ic-share::before {
    content: "";
    display: block;
    width: 19px;
    height: 19px;
    background: url("../img/icons.svg") -1385px -11px no-repeat;
}

.ic-star-grey::before {
    content: "";
    display: block;
    width: 17px;
    height: 16px;
    background: url("../img/icons.svg") -1418px -11px no-repeat;
}

.ic-facebook-big::before {
    content: "";
    display: block;
    width: 18px;
    height: 32px;
    background: url("../img/icons.svg") -1573px -6px no-repeat;
}

.ic-twitter::before {
    content: "";
    display: block;
    width: 23px;
    height: 19px;
    background: url("../img/icons.svg") -1451px -10px no-repeat;
}

.ic-telegram-big::before {
    content: "";
    display: block;
    width: 26px;
    height: 24px;
    background: url("../img/icons.svg") -1489px -7px no-repeat;
}

.ic-copy::before {
    content: "";
    display: block;
    width: 18px;
    height: 23px;
    background: url("../img/icons.svg") -1536px -9px no-repeat;
}

.ic-copy-green::before {
    content: "";
    display: block;
    width: 18px;
    height: 23px;
    background: url("../img/icons.svg") -1613px -9px no-repeat;
}

.progressCircle {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: none;
}

.progressCircle .full,
.progressCircle .fill {
    -webkit-animation: fill ease-in-out 8000ms;
            animation: fill ease-in-out 8000ms;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}

.progressCircle__inside {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: transparent;
    text-align: center;
    position: absolute;
    z-index: 1;
}

.progressCircle__mask,
.progressCircle__inner .fill {
    width: 18px;
    height: 18px;
    position: absolute;
    border-radius: 50%;
}

.progressCircle__mask {
    clip: rect(0, 18px, 18px, 9px);
}

.progressCircle__mask .fill {
    clip: rect(0, 9px, 18px, 0);
}

@-webkit-keyframes fill {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
    }
}

@keyframes fill {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
    }
}

@keyframes fill {
}

.banner {
    position: relative;
    overflow: hidden;
}

.banner__slide {
    position: relative;
}

.banner__slide::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background: linear-gradient(
        179.77deg,
        #121212 -36.29%,
        rgb(75 75 75 / 0%) 99.6%
    );
}

@media (width <= 768px) {
    .banner__slide::before {
        display: none;
    }
}

.banner__slide img {
    display: block;
    width: 100%;

    /* height: 100vh; */
    -o-object-fit: cover;
       object-fit: cover;
    min-height: 540px;
}

.banner__caption {
    position: absolute;
    top: 40%;
    left: calc((100% - 1540px) / 2);
    background: rgb(255 255 255 / 70%);
    border-radius: 8px;
    padding: 44px 40px 39px;
    z-index: 10;
    width: 100%;
    max-width: 712px;
    display: none;
}

@media (width <= 1600px) {
    .banner__caption {
        left: 4%;
        top: unset;
        bottom: 15%;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        padding: 24px;
    }
}

@media (width <= 1199px) {
    .banner__caption {
        /* bottom: 25px; */
    }
}

@media (width <= 992px) {
    .banner__caption {
        max-width: 55%;
        min-height: 1px;
    }
}

@media (width <= 768px) {
    .banner__caption {
        max-width: 92%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        left: 50%;
        bottom: 140px;
        padding: 30px 14px 12px;
    }
}

.banner__captions .banner__caption {
    display: block;
    min-height: 180px;
}

.banner__title {
    margin-bottom: 40px;
    text-transform: uppercase;
    opacity: 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    font-size: 48px;
    font-weight: 700;
    line-height: 64px;
}

@media (width <= 1600px) {
    .banner__title {
        margin-bottom: 16px;
        font-size: 36px;
        line-height: 46px;
    }
}

@media (width <= 1199px) {
    .banner__title {
        margin-bottom: 20px;
    }
}

@media (width <= 992px) {
    .banner__title {
        font-size: 20px;
        line-height: 24px;
    }
}

@media (width <= 768px) {
    .banner__title {
        font-size: 24px;
        line-height: 32px;
    }
}

.banner__title--anim {
    opacity: 1;
}

.banner__title span {
    display: inline-block;
    text-transform: none;
    max-height: 112px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 8px;
    font-size: 36px;
    font-weight: 400;
    line-height: 56px;
}

@media (width <= 1600px) {
    .banner__title span {
        font-size: 24px;
        line-height: 30px;
    }
}

@media (width <= 1199px) {
    .banner__title span {
        letter-spacing: 0.01em;
        font-size: 16px;
        line-height: 24px;
    }
}

@media (width <= 992px) {
    .banner__title span {
        max-height: 48px;
    }
}

.banner__link {
    max-width: 320px;
    color: var(--red-500);
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

@media (width <= 992px) {
    .banner__link {
        font-size: 16px;
        padding: 15px 0;
    }
}

.banner__link--anim {
    font-size: 18px;
    color: #fff;
}

.banner__dots {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    right: calc((100% - 1540px) / 2);
    left: unset !important;
    bottom: unset !important;
    width: auto !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
}

@media (width <= 1600px) {
    .banner__dots {
        right: 4%;
        bottom: 15% !important;
        top: unset;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }
}

@media (width <= 1199px) {
    .banner__dots {
        bottom: 25px !important;
    }
}

@media (width <= 768px) {
    .banner__dots {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
        right: 50%;
        -webkit-transform: translateX(50%);
            -ms-transform: translateX(50%);
                transform: translateX(50%);
    }
}

.banner .swiper-pagination-bullet {
    opacity: 1;
    font-size: 0;
    line-height: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: radial-gradient(#fff 4px, rgb(0 0 0 / 0%) 4px);
    position: relative;
    margin: 0 0 17px !important;
}

@media (width <= 768px) {
    .banner .swiper-pagination-bullet {
        margin: 0 22px 0 0 !important;
    }
}

.banner .swiper-pagination-bullet:last-child {
    margin-bottom: 0 !important;
}

@media (width <= 768px) {
    .banner .swiper-pagination-bullet:last-child {
        margin-right: 0 !important;
    }
}

.banner .swiper-pagination-bullet-active {
    background: rgb(0 0 0 / 0%);
}

.banner .swiper-pagination-bullet-active .progressCircle {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.banner .swiper-pagination-bullet-active .progressCircle__mask .fill {
    clip: rect(0, 9px, 18px, 0);
    background: var(--red-500);
}

.modal {
    opacity: 0;
    pointer-events: none;
    position: fixed;
    inset: 0;
    background: rgb(0 0 0 / 50%);
    z-index: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
}

.modal__close {
    position: sticky;
    top: 20px;
    right: 20px;
    z-index: 20;
    float: right;
}

@media (width <= 768px) {
    .modal__close {
        top: 10px;
        right: 10px;
    }
}

.modal__win {
    width: 100%;
    max-width: 576px;
    background: #fff;
    border-radius: 8px;
    padding: 0 0 32px;
    text-align: center;
    position: relative;
    opacity: 0;
    -webkit-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
            transform: translateX(-50px);
    max-height: 92%;
    overflow: auto;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

@media (width <= 768px) {
    .modal__win {
        max-width: 92%;
        padding: 0 0 20px;
        border-radius: 8px;
    }
}

.modal__header {
    border-bottom: 1px solid #ededed;
    padding: 32px 43px 16px;
    margin-bottom: 16px;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 1;
}

@media (width <= 768px) {
    .modal__header {
        padding: 20px 32px 16px;
    }
}

.modal__header--single {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.modal__form {
    padding: 0 48px;
}

@media (width <= 768px) {
    .modal__form {
        padding: 0 20px;
    }
}

@media (width <= 768px) {
    .modal__title {
        font-size: 20px;
        line-height: 26px;
    }
}

@media (width <= 500px) {
    .modal__title {
        margin-bottom: 8px;
    }
}

.modal__title--left {
    text-align: left;
    margin-bottom: 16px;
}

@media (width <= 500px) {
    .modal__title--left {
        margin-bottom: 8px;
    }
}

.modal__subtitle {
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

@media (width <= 768px) {
    .modal__subtitle {
        font-size: 14px;
        line-height: 20px;
    }
}

.modal__accept {
    margin: 16px -16px 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media (width <= 768px) {
    .modal__accept {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 16px 0 0;
    }
}

.modal__accept label {
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

@media (width <= 500px) {
    .modal__accept label {
        font-size: 12px;
        line-height: 16px;
    }
}

.modal__accept label a {
    color: var(--red-500);
}

.modal--static {
    position: static;
    opacity: 1;
    z-index: 1;
    pointer-events: auto;
    background: rgb(0 0 0 / 0%);
}

.modal--static .modal__win {
    border: 1px solid var(--gray-100);
    opacity: 1;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    max-height: 100%;
    /* -webkit-box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
            box-shadow: 0 2px 10px rgb(0 0 0 / 20%); */
}

@media (width <= 768px) {
    .modal--static .modal__title {
        padding: 0 !important;
        margin-bottom: 16px;
    }
}

@media (width <= 768px) {
    .modal--static .modal__header {
        padding: 23px 4% 16px;
    }
}

.modal--static .modal__subtitle {
    margin-bottom: 0;
}

@media (width <= 768px) {
    .modal--static .modal__subtitle {
        padding: 0 !important;
    }
}

.modalAuth__row {
    padding: 0 16px 16px 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (width <= 500px) {
    .modalAuth__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
        padding: 0 0 16px;
    }
}

.modalAuth__register {
    margin: 8px 0;
    font-weight: 700;
}

.modalAuth__remember {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (width <= 500px) {
    .modalAuth__remember {
        margin-bottom: 8px;
    }
}

.modalAuth__remember span {
    margin-left: 16px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.modalCheck .modal__subtitle {
    margin-bottom: 0;
}

.modalCheck .modal__subtitle .btn--dashed {
    font-size: 16px;
}

.modalSuccessPass .modal__subtitle {
    margin-bottom: 0;
}

.modalUserAddress__address {
    padding-bottom: 24px;
    position: relative;
}

.modalUserAddress__title {
    padding-bottom: 8px;
    text-align: left;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}

.modalUserAddress__del {
    position: absolute;
    top: 0;
    right: 0;
}

.modalShare__items {
    padding: 0 43px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (width <= 500px) {
    .modalShare__items {
        padding: 0 16px;
    }
}

.modalShare__item {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #000;
    margin: 0 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.modalShare__item--facebook {
    background: #3b5998;
}

.modalShare__item--twitter {
    background: #1da1f2;
}

.modalShare__item--telegram {
    background: #4680c2;
}

.modalShare__link {
    padding: 32px 43px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (width <= 500px) {
    .modalShare__link {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        padding: 16px;
    }
}

.modalShare__link input {
    margin-right: 24px;
    padding: 0;
    cursor: default;
}

@media (width <= 500px) {
    .modalShare__link input {
        width: 100%;
        margin-right: 0;
    }
}

.modalShare__copy {
    margin-left: 44px;
    position: relative;
}

@media (width <= 500px) {
    .modalShare__copy {
        margin: 16px 0 0;
    }
}

.modalShare__copy::before {
    content: "";
    position: absolute;
    top: 0;
    left: -25px;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
}

.modalShare__copy::after {
    content: "";
    position: absolute;
    top: 0;
    left: -25px;
    width: 18px;
    height: 23px;
    background: url("../img/icons.svg") -1613px -9px no-repeat;
    opacity: 0;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
}

.modalShare__copy--copied {
    color: #52b44e;
    border-color: #52b44e;
}

.modalShare__copy--copied::before {
    content: "";
    opacity: 0;
}

.modalShare__copy--copied::after {
    content: "";
    opacity: 1;
}

.modal--open {
    opacity: 1;
    pointer-events: auto;
}

.modal--open .modal__win {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    opacity: 1;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
}

.header {
    /* -webkit-box-shadow: 0 2px 10px rgb(0 0 0 / 10%);
            box-shadow: 0 2px 10px rgb(0 0 0 / 10%); */
    position: relative;
    z-index: 100;
}

@media (width <= 768px) {
    .header {
        position: sticky;
        top: 0;
    }
}

.header__top {
    background: var(--gray-100);
}

@media (width <= 768px) {
    .header__top {
        display: none;
    }
}

.header__toolbar {
    padding: 8px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header__contacts {
    margin-right: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (width <= 1366px) {
    .header__contacts {
        margin-right: 40px;
    }
}

@media (width <= 992px) {
    .header__contacts {
        margin-right: 24px;
    }
}

.header__contacts a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    color: var(--black);
}

.header__contacts a::before {
    display: none;
    content: "";
    margin-right: 9px;
}

.header__contacts a:not(:last-child) {
    margin-right: 37px;
}

@media (width <= 1366px) {
    .header__contacts a:not(:last-child) {
        margin-right: 20px;
    }
}

@media (width <= 992px) {
    .header__contacts a:not(:last-child) {
        margin-right: 10px;
    }
}

.header__contacts a:hover {
    text-decoration: underline;
    color: var(--red-500);
}

@media (width <= 1199px) {
    .header__contacts a {
        font-size: 12px;
    }
}

@media (width <= 992px) {
    .header__contacts a {
        font-size: 10px;
    }
}

.header__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header__links li:not(:last-child) {
    margin-right: 32px;
}

@media (width <= 1199px) {
    .header__links li:not(:last-child) {
        margin-right: 16px;
    }
}

@media (width <= 992px) {
    .header__links li:not(:last-child) {
        margin-right: 8px;
    }
}

@media (width <= 1199px) {
    .header__links li:nth-child(1n + 4) {
        display: none;
    }
}

.header__links li a {
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    color: var(--black);
}

.header__links li a:hover {
    text-decoration: underline;
    color: var(--red-500);
}

@media (width <= 1199px) {
    .header__links li a {
        font-size: 12px;
    }
}

@media (width <= 992px) {
    .header__links li a {
        font-size: 10px;
    }
}

.header__languages {
    margin-left: auto;
    margin-right: 97px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
}

@media (width <= 1366px) {
    .header__languages {
        margin-right: 50px;
    }
}

@media (width <= 1199px) {
    .header__languages {
        font-size: 12px;
        margin-right: 25px;
    }
}

@media (width <= 992px) {
    .header__languages {
        font-size: 10px;
        margin-right: 20px;
    }
}

.header__lang {
    border-radius: 4px;
    color: var(--black);
    padding: 0 4px;
}

.header__lang:hover {
    text-decoration: underline;
    color: var(--red-500);
}

.header__lang:not(:last-child) {
    margin-right: 5px;
}

.header__lang--active {
    /* background: var(--red-500); */
    font-weight: 800;
}

.header__lang--active:hover {
    text-decoration: none;
}

.header__socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
}

.header__socials a {
    width: 28px;
    height: 28px;

    /* background: var(--red-500); */

    /* border-radius: 5px 0 5px 0; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    color: var(--black);
}

/* .header__socials a:not(:last-child) {
    margin-right: 20px;
}
@media (max-width: 992px) {
    .header__socials a:not(:last-child) {
        margin-right: 5px;
    }
} */
.header__socials a:hover svg {
    fill: var(--red-500);
}

.header__socials a svg {
    width: 28px;
    height: 28px;
    fill: var(--black);
}

.header__inner {
    background: #fff;
    padding: 24px 0;
}

@media (width <= 992px) {
    .header__inner {
        padding: 16px 0;
    }
}

@media (width <= 768px) {
    .header__inner {
        padding: 8px 0;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
    }
}

.header__center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (width <= 768px) {
    .header__logo {
        display: block !important;
        margin-right: 16px;
    }
}

.header__logo img {
    display: block;
    width: 234px;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
}

@media (width <= 1366px) {
    .header__logo img {
        width: 160px;
    }
}

.header__logoWhite {
    display: none !important;
}

.header__search {
    width: 100%;
    /* max-width: 644px; */
    max-width: 234px;
    position: relative;
    margin-left: 125px;
}

@media (width <= 1600px) {
    .header__search {
        max-width: 234px;
        margin-left: 60px;
    }
}

@media (width <= 1366px) {
    .header__search {
        max-width: 234px;
        margin-left: 45px;
    }
}

@media (width <= 992px) {
    .header__search {
        max-width: 234px;
    }
}

@media (width <= 768px) {
    .header__search {
        position: absolute;
        bottom: -40%;
        left: 4%;
        right: 4%;
        margin: 0;
        max-width: 100%;
        opacity: 0;
        pointer-events: none;
        width: auto;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }
}

.header__search--open {
    bottom: -75%;
    opacity: 1;
    pointer-events: auto;
    z-index: 20;
}

.header__search label {
    display: none !important;
    position: absolute;
    top: 50%;
    left: 18px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

@media (width <= 992px) {
    .header__search label {
        left: 10px;
    }
}

.header__search input {
    width: 100%;
    padding: 10px 0 10px 10px;
    border-radius: 8px;
    background: rgb(238 238 238 / 90%);
    border: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

@media (width <= 992px) {
    .header__search input {
        padding: 5px 0 5px 8px;
        font-size: 12px;
    }
}

@media (width <= 768px) {
    .header__search input {
        background: #eee;
    }
}

.header__search button {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 44px;
    background: var(--red-500);
    border-radius: 0 8px 8px 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    color: #fff;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header__search button svg {
    width: 24px;
    height: 24px;
    fill: var(--white);
}

.header__search button:hover {
    background: var(--red-600);
}

@media (width <= 1366px) {
    .header__search button {
        width: 75px;
    }
}

@media (width <= 992px) {
    .header__search button {
        width: 60px;
        font-size: 12px;
    }
}

.header .open_mobile {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
}

.header .open_mobile--hidden {
    opacity: 0;
    -webkit-transition-delay: 0.8s;
            transition-delay: 0.8s;
}

.header__tools {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
}

.header__searchMobile,
.header__burger {
    display: none;
}
.header__searchMobile svg,
.header__burger svg {
    width: 24px;
    height: 24px;
    min-width: 24px;
    fill: var(--black);
}

.header--opacity .header__searchMobile svg,
.header--opacity .header__burger svg {
    fill: var(--white);
}

@media (width <= 768px) {
    .header__searchMobile,
    .header__burger {
        display: block;
    }
}

.header__searchMobile::after {
    content: "";
    position: fixed;
    inset: 0;
    background: rgb(0 0 0 / 50%);
    z-index: 10;
    opacity: 0;
    pointer-events: none;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
}

.header__searchMobile--open::before {
    content: "";
    position: relative;
    z-index: 20;
}

.header__searchMobile--open::after {
    content: "";
    opacity: 1;
    pointer-events: auto;
}

.header__tool {
    /* padding-left: 45px; */
    position: relative;
    max-width: 135px;
    cursor: pointer;
}

@media (width <= 768px) {
    .header__tool {
        padding-left: 0;
    }
}

/* .header__tool::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media (max-width: 768px) {
    .header__tool::before {
        -webkit-transform: translateY(-50%) scale(0.8);
        -ms-transform: translateY(-50%) scale(0.8);
        transform: translateY(-50%) scale(0.8);
    }
} */

/* .header__tool:not(:last-child) {
    margin-right: 23px;
}
@media (max-width: 1600px) {
    .header__tool:not(:last-child) {
        margin-right: 10px;
    }
}
@media (max-width: 1199px) {
    .header__tool:not(:last-child) {
        margin-right: 20px;
    }
}
@media (max-width: 768px) {
    .header__tool:not(:last-child) {
        margin-right: 0;
    }
} */
/* .header__tool--auth {
}

@media (width <= 1199px) {
    .header__tool--auth {
        margin-right: 40px !important;
    }
} */

@media (width <= 768px) {
    .header__tool--auth {
        display: none;
    }
}

.header__tool--wish {
    display: -webkit-box;
    
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
}

.header__tool--wish svg {
    stroke: var(--black);
    width: 32px;
    height: 32px;
    min-width: 32px;
}

.header__tool--cart {
    display: -webkit-box;
    
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
}

.header__tool--cart svg {
    stroke: var(--black);
    width: 32px;
    height: 32px;
    min-width: 32px;
}

.header__tool--auth a {
    display: -webkit-box;
    
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    color: var(--black);
}

.header__tool--auth a svg {
    stroke: var(--black);
    width: 32px;
    height: 32px;
    min-width: 32px;
}

.header__tool--auth a:hover {
    text-decoration: underline;
}

@media (width <= 1199px) {
    .header__tool--auth a {
        font-size: 0;
    }
}

/* .header__tool--logged > a::before {
    content: "";
    top: 50%;
    right: 7px;
    -webkit-transform: rotate(40deg) translateY(-50%);
    -ms-transform: rotate(40deg) translateY(-50%);
    transform: rotate(40deg) translateY(-50%);
}
@media (max-width: 1199px) {
    .header__tool--logged > a::before {
        right: -2px;
    }
}
.header__tool--logged > a::after {
    content: "";
    top: 50%;
    right: 0;
    -webkit-transform: rotate(-40deg) translateY(-50%);
    -ms-transform: rotate(-40deg) translateY(-50%);
    transform: rotate(-40deg) translateY(-50%);
}
@media (max-width: 1199px) {
    .header__tool--logged > a::after {
        right: -10px;
    }
}
.header__tool.open_logged--opened > a::before {
    content: "";
    right: 6px;
    -webkit-transform: rotate(-40deg) translateY(-50%);
    -ms-transform: rotate(-40deg) translateY(-50%);
    transform: rotate(-40deg) translateY(-50%);
}
@media (max-width: 1199px) {
    .header__tool.open_logged--opened > a::before {
        right: -4px;
    }
}
.header__tool.open_logged--opened > a::after {
    content: "";
    -webkit-transform: rotate(40deg) translateY(-50%);
    -ms-transform: rotate(40deg) translateY(-50%);
    transform: rotate(40deg) translateY(-50%);
}
@media (max-width: 1199px) {
    .header__tool.open_logged--opened > a::after {
        right: -10px;
    }
} */
@media (width <= 1199px) {
    .header__tool--wish {
        width: 30px;
        height: 28px;
    }
}

@media (width <= 768px) {
    .header__tool--wish {
        display: none;
    }
}

@media (width <= 1199px) {
    .header__tool--cart {
        width: 32px;
        height: 32px;
    }
}

@media (width <= 768px) {
    .header__tool--cart {
        margin: 0 33px 0 38px !important;
    }
}

.header__toolName {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: var(--black);
}

@media (width <= 1199px) {
    .header__toolName {
        display: none;
    }
}

.header__toolCount {
    display: -webkit-box;
    
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    background: var(--white);
    border-radius: 4px;
    padding: 2px 6px;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: var(--brand);
}

@media (width <= 1199px) {
    .header__toolCount {
        font-size: 0;
        position: absolute;
        top: -10px;
        right: -10px;
        width: 20px;
        height: 20px;
        padding: 0;
        display: -webkit-box;
        
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 50%;
        border: 1px solid var(--red-500);
    }
}

@media (width <= 768px) {
    .header__toolCount {
        width: 16px;
        height: 16px;
        top: 0;
        right: -4px;
        gap: 0;
    }
}

@media (width <= 1199px) {
    .header__toolCount span {
        font-size: 14px;
    }
}

@media (width <= 768px) {
    .header__toolCount span {
        font-size: 10px;
    }
}

.headerDropdown {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
            transform: translateY(30px);
    position: absolute;
    width: 392px;
    top: calc(100% + 20px);
    right: -100%;
    background: #fff;
    -webkit-box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
            box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
    border-radius: 16px;
    padding: 10px 0 0;
    z-index: 100;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.headerDropdown.cart {
    right: 0;
}

.headerDropdown__items {
    max-height: 293px;
    overflow: auto;
    -webkit-box-shadow: inset 0 -5px 15px -15px black;
            box-shadow: inset 0 -5px 15px -15px black;
}

.headerDropdown__item {
    padding: 16px 52px 16px 24px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.headerDropdown__item:not(:last-child) {
    border-bottom: 1px solid #ededed;
}

.headerDropdown__thumb {
    width: 74px;
    height: 74px;
    -o-object-fit: contain;
       object-fit: contain;
    display: block;
    border: 1px solid #ededed;
    padding: 5px;
}

.headerDropdown__caption {
    margin-left: 16px;
}

.headerDropdown__name {
    display: block;
    max-width: 224px;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.headerDropdown__price {
    font-size: 16px;
    font-weight: 600;
    color: #242426;
}

.headerDropdown__del {
    position: absolute;
    top: 16px !important;
    right: 24px !important;
    border: none !important;
}

.headerDropdown__bottom {
    padding: 20px 24px 16px;
    text-align: center;
}

.headerDropdown__total {
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    color: #242426;
}

.headerDropdown__total--noCommerce {
    color: #52b44e;
}

.headerDropdown__total--commerce {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.headerDropdown .btn--dashed {
    margin: 8px auto 0;
    display: inline-block;
}

.headerDropdown .btn--dashed:hover {
    text-decoration: none;
}

.headerDropdown--open {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}

.headerDropdown.logged {
    width: 194px;
    padding: 18px 16px;
    right: unset;
    left: 0;
}

@media (width <= 1199px) {
    .headerDropdown.logged {
        left: unset;
        right: -50%;
    }
}

.headerDropdown.logged ul li:not(:last-child) {
    margin-bottom: 8px;
}

.headerDropdown.logged ul li a {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.headerDropdown.logged ul li a:hover {
    text-decoration: none;
    color: var(--red-500);
}

.headerDropdown.empty_products_list {
    padding: 24px;
    text-align: center;
    font-size: 18px;
    color: #242426;
}

.header__bottom {
    padding: 24px 0 0 359px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (width <= 1600px) {
    .header__bottom {
        padding: 16px 0 0 294px;
    }
}
@media (width <= 1366px) {
    .header__bottom {
        padding: 16px 0 0 205px;
    }
}

@media (width <= 992px) {
    .header__bottom {
        padding: 16px 0 0;
    }
}

@media (width <= 768px) {
    .header__bottom {
        display: none;
    }
}

.header__nav {
    margin-left: 125px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (width <= 1600px) {
    .header__nav {
        margin-left: 60px;
    }
}

@media (width <= 1366px) {
    .header__nav {
        margin-left: 45px;
    }
}

.header__nav li:not(:last-child) {
    margin-right: 32px;
}

@media (width <= 992px) {
    .header__nav li:not(:last-child) {
        margin-right: 24px;
    }
}

.header__nav li a {
    font-size: 18px;
    font-weight: 400;
    line-height: 16px;
    color: #242426;
}

@media (width <= 1199px) {
    .header__nav li a {
        font-size: 14px;
    }
}

.header .catalog {
    width: 234px;
}

@media (width <= 1366px) {
    .header .catalog {
        width: 160px;
    }
}

.header .catalog::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 200;
    background: rgb(0 0 0 / 50%);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.header .catalog__btn {
    padding: 16px 0;
    position: relative;
    z-index: 300;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header .catalog__btn::before {
    display: none !important;
}

.header .catalog__btn svg {
    width: 14px;
    height: 14px;
    fill: var(--white);
    transition: -webkit-transform 0.2s;
}
.header .catalog__btn .catalog__close {
    display: none;
    fill: var(--white);
}
.header .catalog__btn.ic-close .catalog__close {
    display: block;
}
.header .catalog__btn.ic-close .catalog__circle {
    display: none;
}

.header--opacity.header .catalog__btn {
    background-color: var(--white);
    border: 2px solid var(--red-500);
    color: var(--red-500);
}
.header--opacity.header .catalog__btn:hover {
    background-color: var(--red-600);
    border-color: var(--red-600);
    color: var(--white);
}
.header--opacity.header .catalog__btn svg {
    fill: var(--red-500);
}
.header--opacity.header .catalog__btn:hover svg {
    fill: var(--white);
}

/* .header .catalog__btn::before {
    content: "";
    margin-right: 10px;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
} */

@media (width <= 1366px) {
    .header .catalog__btn {
        padding: 8px 0;
        font-size: 14px;
    }
}

.header .catalog__wrap {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    right: 0;
    z-index: 300;
    background: #fff;
    border-radius: 16px;
    padding: 13px;
    -webkit-box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
            box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
            transform: translateY(30px);
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header .catalog__menu {
    width: 100%;
    padding: 0 0 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header .catalog__products {
    width: calc(280px * 3 + 18px);
    height: 100%;
    -webkit-place-content: flex-start space-between;
    -ms-flex-line-pack: start;
    place-content: flex-start space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media (width <= 1600px) {
    .header .catalog__products {
        width: 100%;
    }
}

.header .catalog__child {
    opacity: 0;
    pointer-events: none;
    overflow: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff6f3;
    padding: 16px 16px 19px;
    z-index: 1;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
}

.header .catalog__link {
    margin-bottom: 11px;
    padding: 13px 36px 0 16px;
    position: relative;
    width: 280px;
}

@media (width <= 1600px) {
    .header .catalog__link {
        width: 33%;
    }
}

@media (width <= 1366px) {
    .header .catalog__link {
        width: 49%;
    }
}

@media (width <= 1199px) {
    .header .catalog__link {
        padding-top: 5px;
    }
}

@media (width <= 1199px) {
    .header .catalog__link a {
        font-size: 14px;
    }
}

.header .catalog__link ul li:not(:last-child) {
    margin-bottom: 16px;
}

.header .catalog__link ul li a {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

@media (width <= 1199px) {
    .header .catalog__link ul li a {
        font-size: 12px;
    }
}

.header .catalog__link:hover > a {
    color: var(--red-500);
    text-shadow: 0 0 1px var(--red-500);
    text-decoration: none;
}

.header .catalog__link:hover .catalog__child {
    opacity: 1;
    pointer-events: auto;
}

.header .catalog__link--parent {
    position: relative;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
}

.header .catalog__link--parent:hover {
    background: #fff6f3;
}

.header .catalog__link--parent:hover::before {
    content: "";
    -webkit-transform: rotate(-40deg);
        -ms-transform: rotate(-40deg);
            transform: rotate(-40deg);
}

.header .catalog__link--parent:hover::after {
    content: "";
    -webkit-transform: rotate(40deg);
        -ms-transform: rotate(40deg);
            transform: rotate(40deg);
}

.header .catalog__pages {
    margin: 0 32px;
}

.header .catalog__pages .catalog__link {
    width: 100%;
}

.header .catalog__bannerWrap {
    position: sticky;
    top: 0;
}

@media (width <= 992px) {
    .header .catalog__bannerWrap {
        display: none;
    }
}

.header .catalog__banner {
    max-width: 300px;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

@media (width <= 1199px) {
    .header .catalog__banner {
        max-width: 210px;
    }
}

.header .catalog--open::before {
    content: "";
    opacity: 1;
    pointer-events: auto;
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
}

.header .catalog--open .catalog__wrap {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
    max-height: calc(100vh - 229px - 50px);
    overflow: auto;
}

@media (width <= 992px) {
    .header .catalog--open .catalog__wrap {
        max-height: calc(100vh - 69px);
    }
}

.header .catalog--open .catalog__btn {
    background: var(--red-600);
    border-color: var(--red-600);
    color: var(--white);
}

.header .catalog--open .catalog__btn svg {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}

.header--opacity {
    -webkit-box-shadow: none;
            box-shadow: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

@media (width <= 768px) {
    .header--opacity {
        background: rgb(0 0 0 / 40%);
    }
}

.header--opacity .header__inner {
    background: rgb(0 0 0 / 0%);
}

.header--opacity .header__tool {
    color: var(--white);
}

.header--opacity .header__tool > a {
    color: var(--white);
}

.header--opacity .header__tool a svg {
    stroke: var(--white);
}

.header--opacity .header__nav li a {
    color: var(--white);
}

.header--opacity .header__toolName {
    color: var(--white);
}

.header--opacity .header__tool--cart svg {
    stroke: var(--white);
}

.header--opacity .header__tool--wish svg {
    stroke: var(--white);
}

.header--opacity .header__logoDefault {
    display: none !important;
}

.header--opacity .header__logoWhite {
    display: block !important;
}

.header--fix {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    -webkit-animation: header 0.2s linear, fadeIn 0.4s linear;
            animation: header 0.2s linear, fadeIn 0.4s linear;
}

@media (width <= 768px) {
    .header--fix {
        -webkit-animation: none;
                animation: none;
        position: sticky;
    }
}

@media (width <= 768px) {
    .header--fix.header--banner {
        position: fixed;
    }
}

.header--fix .header__inner {
    background: #fff;
    /* -webkit-box-shadow: 0 2px 10px rgb(0 0 0 / 10%);
            box-shadow: 0 2px 10px rgb(0 0 0 / 10%); */
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.header--fix .header__logo,
.header--fix .header__nav,
.header--fix .header__top {
    display: none;
}

.header--fix .header__inner .container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (width <= 768px) {
    .header--fix .header__inner .container {
        position: static;
    }
}

.header--fix .header__inner .header__center {
    width: 100%;
}

.header--fix .header__inner .header__bottom {
    position: static;
    padding-top: 0;
    padding-left: 0;
}

.header--fix .header__inner .header__search {
    max-width: 726px;
    margin-left: 102px;
}

@media (width <= 1600px) {
    .header--fix .header__inner .header__search {
        max-width: 530px;
        margin-left: 60px;
    }
}

@media (width <= 1366px) {
    .header--fix .header__inner .header__search {
        max-width: 425px;
        margin-left: 45px;
    }
}

@media (width <= 992px) {
    .header--fix .header__inner .header__search {
        max-width: 300px;
    }
}

@media (width <= 768px) {
    .header--fix .header__inner .header__search {
        max-width: 100%;
        margin: 0;
    }
}

.header--fix .header__tool {
    color: #242426;
}

.header--fix .header__tool > a {
    color: #242426;
}

.header--fix .header__nav li a {
    color: #242426;
}

.mobileMenu {
    position: fixed;
    inset: 0;
    background: rgb(0 0 0 / 50%);
    opacity: 0;
    pointer-events: none;
    z-index: 200;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
}

.mobileMenu__close {
    position: absolute;
    top: 28px;
    right: 17px;
    opacity: 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
}

.mobileMenu__inner {
    position: fixed;
    top: 0;
    left: -100%;
    right: 0;
    background: #fff;
    z-index: 300;
    width: calc(100% - 4% - 28px);
    max-height: 100vh;
    overflow: auto;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
}

@media (width <= 768px) {
    .mobileMenu--open {
        opacity: 1;
        pointer-events: auto;
    }
}

.mobileMenu--open .mobileMenu__close {
    opacity: 1;
}

@media (width <= 768px) {
    .mobileMenu--open .mobileMenu__inner {
        left: 0;
        -webkit-transition-delay: 0.4s;
                transition-delay: 0.4s;
    }
}

.mobileMenu__header {
    -webkit-box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
            box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
    padding: 16px;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mobileMenu__logo img {
    display: block;
    max-width: 160px;
}

.mobileMenu__langs .header__languages {
    font-size: 14px;
    margin-right: 0;
}

.mobileMenu__langs .header__lang {
    margin-right: 0;
    color: #242426;
}

.mobileMenu__langs .header__lang--active {
    color: #fff;
}

.mobileMenu__main {
    background: #fcf2f0;
    max-height: 455px;
    overflow: auto;
}

.mobileMenu__main > ul {
    position: relative;
    overflow: auto;
}

.mobileMenu__item {
    padding-left: 26px;
}

.mobileMenu__item:not(:last-child) > a {
    border-bottom: 1px solid #d6d6d6;
}

.mobileMenu__item a {
    display: block;
    /* gap: 8px; */
    padding: 16px 0 16px 50px;
    position: relative;
    letter-spacing: 0.02em;
    font-size: 12px;
    font-weight: 600;
    line-height: 24px;
    color: #242426;
}
.mobileMenu__item a svg {
    width: 24px;
    height: 24px;
    stroke: var(--red-500);
    position: absolute;
    top: 50%;
    left: 4px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.mobileMenu__item a:hover {
    color: var(--red-500);
    text-decoration: none;
}

.mobileMenu__item a i {
    position: absolute;
    width: 32px;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.mobileMenu__item a i::before {
    content: "";
    margin: 0 auto;
}

.mobileMenu__child {
    position: absolute;
    top: 0;
    left: 26px;
    left: -100%;
    right: unset;
    bottom: 0;
    background: #fcf2f0;
    z-index: 10;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
}

.mobileMenu__child--open {
    left: 26px;
    right: 0;
}

.mobileMenu__child--open .mobileCatalog__opener {
    opacity: 1;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
}

.mobileMenu__child li:not(.mobileMenu__root) a {
    padding-left: 25px;
}

.mobileMenu__root {
    position: relative;
    background: rgb(57 181 74 / 10%);
    margin-left: -26px;
    padding-left: 26px;
}

.mobileMenu__root::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 26px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.mobileMenu__root a {
    padding-left: 72px !important;
    border: 0;
}

.mobileMenu__root a i {
    left: 22px !important;
}

.mobileMenu__footer {
    background: #292929;
    padding: 16px 32px;
}

.mobileMenu__footer .header__contacts {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.mobileMenu__footer .header__contacts a {
    margin: 0 0 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    color: #f3f6fa;
}

.mobileMenu__footer .header__socials {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.mobileMenu__footer .header__socials a:not(:last-child) {
    margin-right: 24px;
}

.mobileCatalog__item {
    position: relative;
}

.mobileCatalog__item:not(:last-child) a {
    border-bottom: 0;
}

.mobileCatalog__item a {
    letter-spacing: 0;

    /* font-size: 18px; */
    font-weight: 400;
}

.mobileCatalog__opener {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
}

.mobileCatalog__opener::before {
    content: "";
    top: 50%;
}

.mobileCatalog__opener::after {
    content: "";
    top: 50%;
}

.mobileCatalog__child {
    max-height: 0;
    overflow: hidden;
    padding-left: 23px;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
}

.mobileCatalog__child--open {
    max-height: 300px;
    overflow: auto;
    direction: rtl;
}

.mobileCatalog__child li a {
    font-size: 16px;
    letter-spacing: 0.01em;
}

.cart--noCommerce .headerDropdown__price {
    display: none;
}

.cart__price {
    font-weight: 600;
}

.wishlist--noCommerce .headerDropdown__price {
    display: none;
}

.footer {
    background: #f9fdff;
    margin-top: auto;
}

.footer__wrap {
    padding: 100px 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

@media (width <= 768px) {
    .footer__wrap {
        padding: 44px 0 24px;
        display: -webkit-box;
        
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media (width <= 500px) {
    .footer__wrap {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.footer__title {
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 800;
    line-height: 18px;
}

.footer__subtitle {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #38382f;
}

@media (width <= 1400px) {
    .footer__subtitle {
        font-size: 14px;
    }
}

@media (width <= 768px) {
    .footer__subtitle {
        font-size: 16px;
    }
}

.footer__main {
    margin-right: 102px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

@media (width <= 1400px) {
    .footer__main {
        margin-right: 50px;
    }
}

@media (width <= 768px) {
    .footer__main {
        -ms-flex-item-align: center;
        align-self: center;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin-right: 0;
    }
}

.footer__logo {
    display: block;
    width: 100%;
    max-width: 382px;
}

.footer__socials {
    margin-top: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;  
}
.footer__socials a svg {
    width: 28px;
    height: 28px;
    fill: var(--black);
}
.footer__socials a:hover svg {
    width: 28px;
    height: 28px;
    fill: var(--red-500);
}

.footer__copy {
    margin-top: 20px;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
}

.footer__list {
    margin-right: 50px;
}

@media (width <= 1400px) {
    .footer__list {
        margin-right: 25px;
    }
}

@media (width <= 992px) {
    .footer__list {
        display: none;
    }
}

.footer__list li:not(:last-child) {
    margin-bottom: 8px;
}

.footer__list li a {
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    color: #38382f;
}

@media (width <= 1400px) {
    .footer__list li a {
        font-size: 14px;
    }
}

@media (width <= 768px) {
    .footer__list li a {
        font-size: 16px;
    }
}

@media (width <= 992px) {
    .footer__list--contacts {
        display: block;
    }
}

@media (width <= 768px) {
    .footer__list--contacts {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin: 0 0 32px;
        width: 100%;
        max-width: 330px;
    }
}

.footer__list--contacts li:not(:last-child) {
    margin-bottom: 16px;
}

.footer__list--contacts li a {
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer__list--contacts li a::before {
    display: none;
    content: "";
    margin-right: 10px;
}

.footer__rev {
    margin-left: auto;
    max-width: 330px;
}

@media (width <= 768px) {
    .footer__rev {
        margin-left: 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-bottom: 46px;
    }
}

@media (width <= 500px) {
    .footer__rev {
        max-width: 100%;
    }
}

.footer__button {
    /* max-width: 133px; */
    width: auto;
    margin-top: 24px;
    padding: 15px 30px;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #f3f6fa;
}

@media (width <= 768px) {
    .footer__button {
        max-width: 100%;
    }
}

.footer__rev ol.payment-icons{
    display: none;
    margin-top: 15px;
}
.footer__rev ol.payment-icons li {
    float: left;
    padding-right: 10px;
}
.footer__rev ol.payment-icons li svg {
    max-width: 45px;
    width: 100%;
    height: auto;
}

.home .categories {
    padding-top: 80px;
}

@media (width <= 768px) {
    .home .categories {
        padding-top: 40px;
    }
}

.categories .container {
    position: relative;
    z-index: 10;
}

.categories__items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 16px;
    width: 100%;
}

@media (width <= 1440px) {
    .categories__items {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (width <= 992px) {
    .categories__items {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (width <= 768px) {
    .categories__items {
        grid-template-columns: repeat(2, 48%);
    }
}

.categories__slider {
    margin: -15px;
    padding: 15px;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
}

@media (width <= 768px) {
    .categories__slider {
        padding: 15px 47px;
    }
}

.categories__slider.swiper-container-initialized .categories__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 0;
}

.categories__slider.swiper-container-initialized .categories__item {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
        flex-direction: row;
}

@media (width <= 768px) {
    .categories__slider.swiper-container-initialized .categories__item {
        padding: 21px 12px 21px 24px;
    }
}

.categories__slider.swiper-container-initialized
    .categories__item.swiper-slide-visible {
    opacity: 1;
    pointer-events: auto;
}

@media (width <= 768px) {
    .categories__slider.swiper-container-initialized
        .categories__item
        .categories__thumb {
        max-height: 77px;
        max-width: 105px;
    }
}

.categories__slider.swiper-container-initialized
    .categories__item
    .categories__thumb::before {
    content: "";
}

@media (width <= 768px) {
    .categories__slider.swiper-container-initialized
        .categories__item
        .categories__thumb::before {
        width: 67px;
        height: 60px;
        left: 0;
    }
}

.categories__thumb {
    position: relative;
}

.categories__thumb::before {
    display: none !important;
    content: "";
    position: absolute;
    top: 11px;
    left: 0;
    width: 80px;
    height: 68px;
    background: url("../img/layout/green.svg");
    -webkit-transform: rotate(27deg);
        -ms-transform: rotate(27deg);
            transform: rotate(27deg);
}

@media (width <= 768px) {
    .categories__thumb::before {
        left: 12px;
    }
}

.categories__thumb img {
    position: relative;
    z-index: 1;
    width: 141px;
    height: 94px;
    -o-object-fit: contain;
       object-fit: contain;
}

.categories__item {
    width: 100%;
    border-radius: 4px;
    /* border: 1px solid var(--red-500); */
    -webkit-box-shadow: inset 0 0 0 1px var(--red-600);
            box-shadow: inset 0 0 0 1px var(--red-600);
    background: #fff;
    /* box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
    box-shadow: 0 2px 10px rgb(0 0 0 / 20%); */
    padding: 13px 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (width <= 768px) {
    .categories__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
        padding: 12px;
    }
}

.categories__item span {
    display: inline-block;
    margin-left: 58px;
    letter-spacing: 0.01em;
    width: 55%;
    max-height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}

@media (width <= 1600px) {
    .categories__item span {
        margin-left: 10px;
    }
}

@media (width <= 768px) {
    .categories__item span {
        margin: 0 auto;
        font-weight: 700;
        text-align: center;
    }
}

.categories__item:hover {
    text-decoration: none;
    /* box-shadow: 0 2px 10px rgb(250 70 22 / 32%);
    box-shadow: 0 2px 10px rgb(250 70 22 / 32%); */
    /* border: 4px solid var(--red-600); */
    -webkit-box-shadow: inset 0 0 0 4px var(--red-600);
            box-shadow: inset 0 0 0 4px var(--red-600);
}

.categories .sectionHeading {
    margin-bottom: 15px;
}

.categories.slider-disabled .sliderArrows {
    display: none !important;
}

.section {
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
}

/* .section--hide {
    opacity: 0;
    -webkit-transform: translateY(70px);
        -ms-transform: translateY(70px);
            transform: translateY(70px); } */
@media (width <= 768px) {
    .section--hide {
        opacity: 1;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }
}

@media (width <= 768px) {
    .section__sliderWrap {
        position: relative;
    }
}

.section__heading {
    margin-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (width <= 768px) {
    .section__heading {
        margin-bottom: 19px;
    }
}

.section__titles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.section__subtitle {
    width: 100%;
    margin-top: 24px;
}

@media (width <= 768px) {
    .section__subtitle {
        font-size: 16px;
        color: var(--red-500);
    }
}

.section__subtitle a {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: var(--red-500);
}

@media (width <= 768px) {
    .section__subtitle a {
        font-size: 16px;
    }
}

.section__link {
    margin-left: 16px;
    letter-spacing: 0.02em;
    font-size: 12px;
    font-weight: 600;
    line-height: 24px;
    color: var(--red-500);
}

@media (width <= 768px) {
    .section__link {
        font-size: 14px;
        font-weight: 400;
        color: var(--red-500);
    }
}

.sliderArrows {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.sliderArrows__prev {
    position: absolute;
    top: 4px;
    right: 30px;
}

@media (width <= 768px) {
    .sliderArrows__prev {
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
    }
}

.sliderArrows__next {
    position: absolute;
    top: 4px;
    right: 0;
}

@media (width <= 768px) {
    .sliderArrows__next {
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
    }
}

.sliderArrows__next::before {
    content: "";
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}

.sliderArrows__arrow {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    z-index: 10;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.sliderArrows__arrow--active {
    background: var(--red-500);
}

.sliderArrows__arrow--active::before {
    content: "";
    width: 7px;
    height: 14px;
    background: url("../img/icons.svg") -21px -5px no-repeat;
}

.sliderArrows__arrow--active:hover {
    background: var(--red-600);
}

.sliderArrows__arrow--active.sliderArrows__prev::before {
    content: "";
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}

.sliderArrows__arrow--active.sliderArrows__next::before {
    content: "";
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}

.sliderArrows__arrow.swiper-button-lock {
    display: none;
}

.sliderArrows--static .sliderArrows__arrow {
    position: static;
}

.sliderArrows--static .sliderArrows__prev {
    margin-right: 5px;
}

.productsSlider {
    padding: 104px 0;
}

@media (width <= 768px) {
    .productsSlider {
        padding: 55px 0 40px;
    }
}

.productsSlider__buttons {
    padding: 26px 0 0;
}

.productsSlider__btn {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: var(--red-500);
}
.productsSlider__btn:hover {
    text-decoration: underline;
}

@media (width <= 768px) {
    .productsSlider__btn {
        display: block;
        text-align: left;
        font-size: 23px;
        line-height: 27px;
    }
}

.productsSlider__btn:not(:last-child) {
    margin-right: 60px;
}

@media (width <= 768px) {
    .productsSlider__btn:not(:last-child) {
        margin: 0 0 40px;
    }
}

.productsSlider__btn--active {
    font-weight: 700;
    color: var(--black);
}

.productsSlider__tabs {
    position: relative;

    /* height: 510px; */
}

@media (width <= 768px) {
    .productsSlider__tabs {
        height: auto;
    }
}

@media (width <= 768px) {
    .productsSlider__tabs .preview:nth-child(1n + 5) {
        display: none;
    }
}

.productsSlider__tabWrap {
    margin: -15px;
    padding: 15px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

@media (width <= 768px) {
    .productsSlider__tabWrap {
        position: static;
        display: none;
        opacity: 1;
        pointer-events: auto;
    }
}

.productsSlider__tabWrap--active {
    position: static;
    opacity: 1;
    pointer-events: auto;
    -webkit-animation: fadeIn 0.6s linear;
            animation: fadeIn 0.6s linear;
}

@media (width <= 768px) {
    .productsSlider__tabWrap--active {
        display: block;
    }
}

.productsSlider__tabWrap.swiper-container-initialized .productsSlider__tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 0;
}

.productsSlider__tabWrap.swiper-container-initialized .swiper-slide {
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.productsSlider__tabWrap.swiper-container-initialized .swiper-slide-visible {
    opacity: 1;
}

.productsSlider__arrows {
    display: none;
}

.productsSlider__arrows--active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (width <= 768px) {
    .productsSlider__arrows--active {
        display: none;
    }
}

.productsSlider .section__titles {
    width: 100%;
}

.productsSlider .section__heading {
    margin: 0 0 40px;
    position: relative;
}

.productsSlider .sliderArrows {
    position: absolute;
    bottom: 0;
    right: 0;
}

@media (width <= 768px) {
    .productsSlider .section__link {
        display: block;
    }
}

.partners .container {
    position: relative;
}

.partners__slider {
    margin: -15px;
    padding: 15px;
}

@media (width <= 768px) {
    .partners__slider {
        padding: 15px 45px;
    }
}

.partners__item {
    max-height: 184px;
    height: 100%;
    width: 100%;
    background: #fff;
    /* box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
    box-shadow: 0 2px 10px rgb(0 0 0 / 20%); */
    border: 1px solid var(--gray-100);
    border-radius: 4px;
    opacity: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    aspect-ratio: 295 / 184;
    overflow: hidden;
    padding: 24px 56px;
}

@media (width <= 768px) {
    .partners__item {
        height: 78px;
    }
}

.partners__item.swiper-slide-visible {
    opacity: 1;
}

.partners__item img {
    display: block;
    width: 100%;
    height: auto;
    /* -o-object-fit: fill;
       object-fit: fill; */
}

/* @media (width <= 768px) {
    .partners__item img {
        height: 60px;
        -o-object-fit: contaim;
           object-fit: contaim;
    }
} */

.partners__btn {
    max-width: 320px;
    margin: 56px auto;
    padding: 17px 0;
}

@media (width <= 500px) {
    .partners__btn {
        max-width: 100%;
    }
}

.partners .section__heading {
    position: relative;
}

.partners .sliderArrows {
    position: absolute;
    bottom: 0;
    right: 0;
}

.aboutBlock {
    position: relative;
}

.aboutBlock::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 638px;
    background-image: url("../img/layout/background-primary-top.svg");
    background-repeat: no-repeat;
    background-size: 100%;
}

@media (width <= 768px) {
    .aboutBlock::before {
        background-size: cover;
        background-image: url("../img/layout/background-primary-top-mobile.svg");
    }
}

.aboutBlock::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 638px;
    background-image: url("../img/layout/background-primary-bottom.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
}

@media (width <= 768px) {
    .aboutBlock::after {
        background-image: url("../img/layout/background-primary-bottom-mobile.svg");
        background-size: cover;
    }
}

.aboutBlock__wrap {
    position: relative;
    z-index: 10;
    padding: 75px calc((100% - 1540px) / 2) 75px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (width <= 1600px) {
    .aboutBlock__wrap {
        padding: 75px 4% 75px 0;
    }
}

@media (width <= 992px) {
    .aboutBlock__wrap {
        padding: 75px 4%;
    }
}

@media (width <= 768px) {
    .aboutBlock__wrap {
        padding: 160px 4%;
    }
}

.aboutBlock__imgWrap {
    width: 100%;
    max-width: 52%;
    height: 1178px;
    overflow: visible !important;
    position: relative;
}

@media (width <= 1400px) {
    .aboutBlock__imgWrap {
        padding-bottom: 125px;
    }
}

@media (width <= 1199px) {
    .aboutBlock__imgWrap {
        height: 961px;
    }
}

@media (width <= 992px) {
    .aboutBlock__imgWrap {
        display: none;
    }
}

.aboutBlock__img {
    background-repeat: no-repeat;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-size: contain;
    background-position: left;
}

@media (width <= 992px) {
    .aboutBlock__img {
        display: none;
    }
}

.aboutBlock__content {
    max-width: 43%;
}

@media (width <= 992px) {
    .aboutBlock__content {
        max-width: 100%;
    }
}

.aboutBlock__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.aboutBlock__item {
    width: 45%;
    margin-bottom: 29px;
}

@media (width <= 768px) {
    .aboutBlock__item {
        width: 100%;
    }
}

.aboutBlock__itemTitle {
    position: relative;
    display: block;
}

@media (width <= 1600px) {
    .aboutBlock__itemTitle {
        font-size: 24px;
        line-height: 32px;
    }
}

@media (width <= 768px) {
    .aboutBlock__itemTitle {
        padding-left: 48px;
    }
}

.aboutBlock__itemTitle::before {
    content: "";
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}

@media (width <= 768px) {
    .aboutBlock__itemTitle::before {
        display: block;
    }
}

@media (width <= 768px) {
    .aboutBlock__itemTitle br {
        display: none;
    }
}

.aboutBlock__itemText {
    display: block;
    margin-top: 16px;
    letter-spacing: 0.01em;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #38382f;
}

@media (width <= 768px) {
    .aboutBlock__itemText {
        margin-top: 12px;
    }
}

.aboutBlock__title {
    text-transform: uppercase;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
}

@media (width <= 1600px) {
    .aboutBlock__title {
        font-size: 30px;
        line-height: 36px;
    }
}

@media (width <= 768px) {
    .aboutBlock__title {
        font-size: 24px;
        line-height: 32px;
    }
}

.aboutBlock__subtitle {
    margin: 32px 0 56px;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: #1b1b1b;
}

@media (width <= 1600px) {
    .aboutBlock__subtitle {
        margin: 24px 0;
    }
}

@media (width <= 768px) {
    .aboutBlock__subtitle {
        font-size: 16px;
    }
}

.aboutBlock__link {
    margin-top: 11px;
    max-width: 415px;
    padding: 17px 0;
}

@media (width <= 550px) {
    .aboutBlock__link {
        margin-top: 3px;
    }
}

.clients {
    padding-top: 104px;
}

@media (width <= 768px) {
    .clients {
        padding-top: 0;
    }
}

.clients .container {
    position: relative;
}

.clients__slider {
    margin: -15px;
    padding: 15px;
}

@media (width <= 768px) {
    .clients__slider {
        padding: 15px 50px;
    }
}

.clients .section__heading {
    position: relative;
}

.clients .sliderArrows {
    position: absolute;
    bottom: 0;
    right: 0;
}

.recipes {
    margin-top: 104px;
}

@media (width <= 768px) {
    .recipes {
        margin-top: 50px;
    }
}

.recipes::before {
    content: "";
    background-image: url("../img/layout/background-green-top.svg");
    background-repeat: no-repeat;
    height: 550px;
    background-size: 100%;
}

@media (width <= 768px) {
    .recipes::before {
        background-size: cover;
        background-position: bottom;
    }
}

.recipes::after {
    content: "";
    background-image: url("../img/layout/background-green-bottom.svg");
    background-repeat: no-repeat;
    height: 550px;
    background-size: 100%;
}

@media (width <= 768px) {
    .recipes::after {
        background-image: url("../img/layout/background-green-top.svg");
        -webkit-transform: rotateY(180deg) rotateX(180deg);
                transform: rotateY(180deg) rotateX(180deg);
        background-size: cover;
    }
}

.recipes .aboutBlock__wrap {
    padding: 200px 100px 150px calc((100% - 1540px) / 2);
}

@media (width <= 1600px) {
    .recipes .aboutBlock__wrap {
        padding: 200px 4% 150px;
    }
}

@media (width <= 768px) {
    .recipes .aboutBlock__wrap {
        padding-top: 175px;
    }
}

@media (width <= 550px) {
    .recipes .aboutBlock__link {
        margin-top: 32px;
        max-width: 100%;
    }
}

.recipes .aboutBlock__imgWrap {
    height: 958px;
}

.recipes .aboutBlock__subtitle {
    margin-bottom: 40px;
}

.recipes__content {
    max-width: 46%;
}

@media (width <= 992px) {
    .recipes__content {
        max-width: 100%;
    }
}

.recipes__imgWrap {
    width: 818px;
    height: 959px;
    max-width: 52%;
}

.recipes__img {
    max-width: 818px;
    height: 959px;
    background-repeat: no-repeat;
    background-size: contain;
}

.recipes__list {
    padding-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

@media (width <= 550px) {
    .recipes__list {
        padding-bottom: 16px;
        display: -webkit-box;
        
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.recipes__left {
    width: 55%;
}

@media (width <= 550px) {
    .recipes__left {
        width: 100%;
    }
}

.recipes__right {
    width: 41%;
    margin-left: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (width <= 550px) {
    .recipes__right {
        width: 100%;
        margin: 16px 0 0;
    }
}

.recipes__categories {
    position: absolute;
    top: 14px;
    left: 16px;
    z-index: 10;
}

.recipes__categories a {
    display: inline-block;
    padding: 6px 17px;
    background: rgb(255 255 255 / 55%);
    backdrop-filter: blur(4px);
    border-radius: 13.5px;
    margin: 0 8px 8px 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #303030;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
}

@media (width <= 768px) {
    .recipes__categories a:nth-child(1n + 4) {
        display: none;
    }
}

.recipes__categories a:hover {
    text-decoration: none;
    background: #fff;
}

@media (width <= 1199px) {
    .recipes__categories a {
        font-size: 10px;
        padding: 3px 10px;
    }
}

@media (width <= 550px) {
    .recipes__categories a {
        font-size: 12px;
        padding: 6px 17px;
    }
}

.recipes__rate {
    position: absolute;
    bottom: 16px;
    left: 16px;
    background: rgb(255 255 255 / 55%);
    width: 64px;
    height: 32px;
    border-radius: 13.5px;
    backdrop-filter: blur(4px);
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.recipes__rate::before {
    content: "";
    margin-left: 4px;
}

.recipes__thumb {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 199px;
    position: relative;
}

@media (width <= 1400px) {
    .recipes__thumb {
        height: auto;
    }
}

@media (width <= 550px) {
    .recipes__thumb {
        height: 190px;
    }
}

.recipes__thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
}

.recipes__date {
    margin-bottom: 2px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #636060;
}

@media (width <= 550px) {
    .recipes__date {
        margin-top: 16px;
    }
}

.recipes__title {
    display: block;
    max-height: 71px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
}

@media (width <= 1199px) {
    .recipes__title {
        max-height: 54px;
        font-size: 14px;
        line-height: 18px;
        color: #000;
    }
}

@media (width <= 550px) {
    .recipes__title {
        max-height: 97px;
        margin-bottom: 8px;
        font-size: 24px;
        line-height: 32px;
    }
}

.recipes__desc {
    max-height: 47px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    color: #000;
}

.recipes__caption {
    padding: 2px 8px 8px;
}

@media (width <= 550px) {
    .recipes__caption {
        padding: 16px;
    }
}

.recipes__end {
    margin-bottom: 24px;
}

@media (width <= 550px) {
    .recipes__end {
        text-align: center;
        font-size: 16px;
        line-height: 24px;
    }
}

.recipes__item {
    -webkit-box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
            box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
    border-radius: 16px;
    width: 302px;
    width: 100%;
    background: #fff;
    overflow: hidden;
    position: relative;
}

.recipes__item:not(:last-child) {
    margin-bottom: 16px;
}

@media (width <= 550px) {
    .recipes__item:not(:last-child) {
        margin-bottom: 0;
    }
}

@media (width <= 550px) {
    .recipes__item:nth-child(1n + 2) {
        display: none;
    }
}

.recipes__item:hover .recipes__thumb img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}

.recipes__item--big {
    width: 416px;
    width: 100%;
    height: 100%;
}

.recipes__item--big .recipes__thumb {
    width: 100%;
    height: 464px;
}

@media (width <= 1400px) {
    .recipes__item--big .recipes__thumb {
        height: auto;
    }
}

@media (width <= 550px) {
    .recipes__item--big .recipes__thumb {
        height: 190px;
    }
}

.recipes__item--big .recipes__thumb img {
    display: block;
    width: 100%;
    height: 100%;
}

.recipes__item--big .recipes__caption {
    padding: 10px 16px 24px;
}

@media (width <= 550px) {
    .recipes__item--big .recipes__caption {
        padding: 16px;
    }
}

.recipes__item--big .recipes__date {
    margin-bottom: 4px;
}

.recipes__item--big .recipes__title {
    max-height: 97px;
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 32px;
}

@media (width <= 1199px) {
    .recipes__item--big .recipes__title {
        font-size: 18px;
        line-height: 24px;
    }
}

@media (width <= 550px) {
    .recipes__item--big .recipes__title {
        font-size: 24px;
        line-height: 32px;
    }
}

@media (width <= 992px) {
    .feedback {
        margin-top: 61px;
    }
}

.feedback .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.feedback__content {
    margin: 130px auto 170px;
    max-width: 1006px;
    width: 100%;
}

@media (width <= 1366px) {
    .feedback__content {
        margin: 64px auto;
    }
}

@media (width <= 768px) {
    .feedback__content {
        margin: 24px auto;
    }
}

.feedback__title {
    text-transform: uppercase;
    letter-spacing: 0.02em;
    font-size: 64px;
    font-weight: 700;
    line-height: 76px;
}

@media (width <= 1199px) {
    .feedback__title {
        font-size: 48px;
        line-height: 56px;
    }
}

@media (width <= 768px) {
    .feedback__title {
        font-size: 32px;
        line-height: 38px;
    }
}

.feedback__btn {
    margin:52px auto 0;
    max-width: 446px;
}

@media (width <= 768px) {
    .feedback__btn {
        margin-top: 40px;
    }
}

.feedback__managers {
    min-width: 431px;
    min-height: 703px;
    position: relative;
    display: none;
}

@media (width <= 992px) {
    .feedback__managers {
        display: none;
    }
}

.feedback__managers--load::before {
    content: "";
    width: 256px;
    height: 256px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-image: url("../img/spin.jpg");
}

.feedback__manager {
    display: none;
    position: relative;
}

.feedback__manager img {
    display: block;
    width: 431px;
    height: 703px;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: bottom;
       object-position: bottom;
}

.feedback__manager--active {
    display: block;
}

.feedback__caption {
    width: 100%;
    border-radius: 30px 0 0;
    position: absolute;
    left: -48px;
    bottom: 82px;
    background: linear-gradient(
        89.55deg,
        #39b54a 36.86%,
        #39b54a 50.72%,
        rgb(57 181 74 / 0%) 81.3%
    );
    padding: 11px 25px;
    color: #fff;
}

.feedback__name {
    white-space: nowrap;
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
}

.feedback__worker {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}

.seo {
    background: var(--gray-100);
    padding: 80px 0 50px;
    position: relative;
    z-index: 10;
}

@media (width <= 992px) {
    .seo {
        padding: 20px 0;
        margin-top: 80px;
    }
}

.seo  .container {
    max-width: 1006px;
}

.seo__title {
    text-transform: uppercase;
    margin-bottom: 30px;
    font-size: 36px;
    font-weight: 600;
    line-height: 48px;
}

@media (width <= 992px) {
    .seo__title {
        font-weight: 700;
    }
}

.seo__text {
    letter-spacing: 0.02em;
    max-height: 136px;
    overflow: hidden;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
}

@media (width <= 768px) {
    .seo__text {
        max-height: 148px;
    }
}

.seo__text p {
    margin-bottom: 30px;
}

.seo__more {
    position: relative;
    padding-right: 40px;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: var(--red-500);
}

.seo__more::before {
    content: "";
    top: 50%;
}

.seo__more::after {
    content: "";
    top: 50%;
}

.seo--full .seo__text {
    max-height: 900px;
}

.seo--full .seo__more::before {
    content: "";
    -webkit-transform: rotate(-40deg) translateY(-50%);
        -ms-transform: rotate(-40deg) translateY(-50%);
            transform: rotate(-40deg) translateY(-50%);
}

.seo--full .seo__more::after {
    content: "";
    -webkit-transform: rotate(40deg) translateY(-50%);
        -ms-transform: rotate(40deg) translateY(-50%);
            transform: rotate(40deg) translateY(-50%);
    right: 17px;
}

.seo--scroll .seo__text {
    overflow-y: auto;
}

.seo--productNc {
    background: rgb(0 0 0 / 0%);
    padding: 0;
}

.seo--productNc .seo__text {
    max-height: 96px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #000;
}

.seo--productNc.seo--full .seo__text {
    max-height: 320px;
}

.seo--productNc.seo--full .seo__more {
    margin-top: 16px;
}

.category .categories {
    position: relative;
    padding: 303px 0 77px;
    margin-top: -200px;
}

@media (width <= 768px) {
    .category .categories {
        padding: 39px 0 80px;
        margin-top: 0;
    }
}

.category .categories::after {
    content: "";
    display: none;
}

@media (width <= 768px) {
    .category .categories::after {
        display: block;
    }
}

.offers__items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 16px;
}

@media (width <= 1600px) {
    .offers__items {
        grid-template-columns: repeat(3, 31%);
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media (width <= 1199px) {
    .offers__items {
        grid-template-columns: repeat(2, 48%);
    }
}

.offers__slider {
    margin: -15px;
    padding: 15px;
}

@media (width <= 768px) {
    .offers__slider {
        padding: 15px 60px;
    }
}

.offers__slider.swiper-container-initialized .offers__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 0;
    grid-template-columns: none;
}

.offers__slider.swiper-container-initialized .offer {
    opacity: 0;
}

.offers__slider.swiper-container-initialized .offer.swiper-slide-visible {
    opacity: 1;
}

.offer {
    width: 501px;
    padding: 24px;
    -webkit-box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
            box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
    border-radius: 16px;
    background: #fff;
    min-height: 280px;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (width <= 1600px) {
    .offer {
        width: auto;
        min-height: 200px;
        padding: 10px;
    }
}

@media (width <= 768px) {
    .offer {
        padding-bottom: 48px;
        min-height: 383px;
        display: -webkit-box;
        
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.offer__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media (width <= 768px) {
    .offer__info {
        width: 100%;
        margin-bottom: 16px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    }
}

.offer__title {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
}

@media (width <= 768px) {
    .offer__title {
        max-width: 55%;
        max-height: 104px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.offer__title span {
    display: block;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
}

.offer__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
}

@media (width <= 768px) {
    .offer__link {
        position: absolute;
        bottom: 24px;
        left: 20px;
    }
}

.offer__link i {
    width: 22px;
    height: 22px;
    background: var(--red-500);
    border-radius: 50%;
    margin-left: 6px;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.offer__link:hover i {
    background: #e44318;
}

.offer__thumb {
    display: block;
    width: 240px;
    height: 240px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 50%;
    -ms-flex-item-align: center;
    align-self: center;
}

@media (width <= 1600px) {
    .offer__thumb {
        width: 130px;
        height: 130px;
    }
}

@media (width <= 768px) {
    .offer__thumb {
        margin-bottom: 14px;
        width: 100%;
        height: 191px;
        border-radius: 16px;
    }
}

.offer .preview__sticker {
    display: inline-block;
    width: auto;
}

@media (width <= 1600px) {
    .offer .preview__sticker {
        font-size: 12px;
    }
}

@media (width <= 768px) {
    .offer .preview__sticker {
        margin-top: 10px;
        width: 100%;
        max-width: 50%;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.categoryChild__sort {
    padding: 40px 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (width <= 768px) {
    .categoryChild__sort {
        padding-bottom: 54px;
    }
}

.categoryChild__sort .dropdown:not(:last-child) {
    margin-right: 24px;
}

@media (width <= 768px) {
    .categoryChild__sort .dropdown:not(:last-child) {
        margin-right: 0;
    }
}

.categoryChild__catalog {
    width: 109px;
    padding: 8px 0;
    border-radius: 8px;
    margin-right: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: none;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    color: #fff;
}

@media (width <= 992px) {
    .categoryChild__catalog {
        display: -webkit-box;
        
        display: -ms-flexbox;
        display: flex;
    }
}

.categoryChild__catalog::before {
    content: "";
    margin-right: 7px;
}

@media (width <= 768px) {
    .sort {
        margin-left: auto;
    }
}

.view {
    width: 62px;
}

@media (width <= 992px) {
    .view {
        display: none;
    }
}

.navigation__child {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    padding-top: 0;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
}

.navigation__child li {
    padding-left: 24px;
}

.navigation__child li:not(:last-child) {
    margin-bottom: 16px;
}

.navigation__child a {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.navigation__childOpener {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 24px;
    display: none;
}

.navigation__childOpener::before {
    content: "";
    top: 50%;
}

.navigation__childOpener::after {
    content: "";
    top: 50%;
}

.navigation__item {
    padding-right: 56px;
}

.navigation__item--hasChild {
    position: relative;
}

.navigation__item--hasChild .navigation__childOpener {
    display: block;
}

.navigation__item--open > a {
    font-weight: 600 !important;
    text-decoration: none;
    color: var(--red-500);
}

.navigation__item--open .navigation__child {
    margin-top: 16px;
    opacity: 1;
    max-height: 500px;
}

.navigation__item--open .arrow::before {
    content: "";
    right: 22px;
    -webkit-transform: rotate(-40deg) translateY(-50%);
        -ms-transform: rotate(-40deg) translateY(-50%);
            transform: rotate(-40deg) translateY(-50%);
}

.navigation__item--open .arrow::after {
    content: "";
    -webkit-transform: rotate(40deg) translateY(-50%);
        -ms-transform: rotate(40deg) translateY(-50%);
            transform: rotate(40deg) translateY(-50%);
}

.navigation__item--scroller .navigation__child {
    overflow: auto;
}

.navigation__item:not(:last-child) {
    margin-bottom: 16px;
}

.navigation__item > a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    -webkit-transition: padding-bottom 0.4s;
    transition: padding-bottom 0.4s;
}

@media (width <= 1199px) {
    .navigation__item > a {
        font-size: 16px;
    }
}

.navigation__item > a:hover {
    font-weight: 600;
    text-decoration: none;
    color: var(--red-500);
}

.pagination {
    padding: 16px 0 0;
}

@media (width <= 768px) {
    .pagination {
        padding: 24px 0 0;
    }
}

.pagination ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.pagination ul li:not(:last-child) {
    margin-right: 10px;
}

.pagination ul li a {
    width: 37px;
    height: 37px;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
}

.pagination ul li a:hover {
    background: var(--red-500);
    text-decoration: none;
    color: #fff;
}

@media (width <= 768px) {
    .pagination ul li:nth-child(1n + 5) {
        display: none;
    }
}

.pagination--blog {
    padding-top: 41px;
    max-width: 920px;
}

@media (width <= 768px) {
    .pagination--blog {
        padding-bottom: 40px;
    }
}

.pagination--actions {
    padding: 64px 0 32px;
}

.pagination__delim {
    margin: 0 24px 0 8px !important;
}

@media (width <= 768px) {
    .pagination__delim {
        display: block !important;
    }
}

.pagination__delim + li {
    display: block !important;
}

.pagination__current a {
    border: 2px solid var(--red-500);
    background: var(--red-500);
    color: #fff;
}

.more {
    text-align: center;
    padding: 54px 0 0;
}

@media (width <= 768px) {
    .more {
        padding: 40px 0 0;
    }
}

.more button {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: var(--red-500);
}

.more button:hover {
    text-decoration: underline;
}

.compilations {
    padding-bottom: 77px;
}

.compilations .offer__title {
    font-size: 24px;
    line-height: 30px;
}

@media (width <= 768px) {
    .compilations .offer__title {
        margin-top: 16px;
        max-width: 100%;
        max-height: 60px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.compilations .offers::before {
    content: "";
    top: 210px;
}

.compilations .offers::after {
    content: "";
    display: none;
}

@media (width <= 768px) {
    .compilations .offer .preview__sticker {
        position: static;
    }
}

@media (width <= 768px) {
    .compilations .offer__info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    }
}

.productPageMain {
    padding-bottom: 104px;
    position: relative;
    z-index: 10;
}

@media (width <= 768px) {
    .productPageMain {
        padding-bottom: 40px;
    }
}

.productPageMain .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media (width <= 1199px) {
    .productPageMain .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.productPageImages {
    width: 100%;
    max-width: 29%;
    position: relative;
}

@media (width <= 1199px) {
    .productPageImages {
        max-width: 50%;
    }
}

@media (width <= 992px) {
    .productPageImages {
        max-width: 100%;
    }
}

.productPageImages__top img {
    width: 100%;
    /* height: 449px; */
    height: auto;
    display: block;
    -o-object-fit: contain;
       object-fit: contain;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

.productPageImages__bottom {
    padding-top: 16px;
}

.productPageImages__bottom img {
    width: 100%;
    height: auto;
    /* width: 106px;
    height: 106px; */
    display: block;
    /* -o-object-fit: contain;
       object-fit: contain; */
    cursor: pointer;
}

.productPageInfo {
    width: 100%;
    height: 571px;
    padding-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

@media (width <= 1440px) {
    .productPageInfo {
        padding-left: 25px;
    }
}

@media (width <= 1199px) {
    .productPageInfo {
        padding: 24px 0 0;
    }
}

@media (width <= 768px) {
    .productPageInfo {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        height: auto;
        padding-top: 16px;
    }
}

.productPageInfo__title {
    max-width: 48%;
    max-height: 148px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    font-size: 28px;
    font-weight: 700;
    line-height: 37px;
    color: #000;
}

@media (width <= 768px) {
    .productPageInfo__title {
        max-width: 100%;
    }
}

.productPageInfo__info {
    padding-top: 54px;
    max-width: 55%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

@media (width <= 768px) {
    .productPageInfo__info {
        max-width: 100%;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        padding-top: 24px;
    }
}

.productPageInfo__code {
    font-size: 16px;
    font-weight: 600;
    line-height: 21px;
    color: var(--black);
}

.productPageInfo__row {
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transition: max-height 0.4s, margin-bottom 0.4s, opacity 0.4s 0.3s;
    transition: max-height 0.4s, margin-bottom 0.4s, opacity 0.4s 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    color: #000;
}

.productPageInfo__row::before {
    content: "";
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    border-bottom: 1px dotted #d6d6d6;
}

.productPageInfo__row:not(:last-child) {
    margin-bottom: 8px;
}

/* .productPageInfo__row:nth-child(1n + 7) {
    max-height: 0;
    margin-bottom: 0;
    opacity: 0;
} */

.productPageInfo__row span {
    background: #fdfcfc;
    position: relative;
}

.productPageInfo__rows {
    margin-top: 24px;
    padding-right: 5px;
    /* max-height: 375px;
    overflow: auto; */
}

.productPageInfo__rows--full .productPageInfo__row:nth-child(1n + 7) {
    max-height: 70px;
    opacity: 1;
}

.productPageInfo__rows--full
    .productPageInfo__row:nth-child(1n + 7):not(:last-child) {
    margin-bottom: 8px;
}

.productPageInfo__more {
    display: none;
    margin-top: 12px;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    color: var(--red-500);
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.productPageInfo__more:hover {
    text-decoration: underline;
}

.productPageInfo__more--hide {
    opacity: 0;
    pointer-events: none;
    position: absolute;
}

.productPageCheckout {
    width: 448px;
    max-width: 48%;
    margin-left: auto;
    background: #fff;
    /* -webkit-box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
            box-shadow: 0 2px 10px rgb(0 0 0 / 20%); */
    border-radius: 8px;
    border: 1px solid var(--gray-100);
    position: relative;
    padding: 32px 24px 0;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

@media (width <= 992px) {
    .productPageCheckout {
        padding: 24px 12px;
    }
}

@media (width <= 768px) {
    .productPageCheckout {
        max-width: 100%;
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 24px;
        padding: 24px 12px 0;
    }
}

.productPageCheckout__wish {
    position: absolute;
    top: 60px;
    right: 26px;
}

@media (width <= 500px) {
    .productPageCheckout__wish {
        top: 35px;
    }
}

.productPageCheckout__wish::before {
    content: "";
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
}

.productPageCheckout__wish::after {
    content: "";
    width: 30px;
    height: 28px;
    background: url("../img/icons.svg") -715px -5px no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
}

.productPageCheckout__wish:hover::before {
    content: "";
    opacity: 0;
}

.productPageCheckout__wish:hover::after {
    content: "";
    opacity: 1;
}

.productPageCheckout__wish--added {
    cursor: no-drop;
}

.productPageCheckout__wish--added::before {
    content: "";
    background: url("../img/icons.svg") -1344px -7px no-repeat !important;
    opacity: 1 !important;
    -webkit-transition: none !important;
    transition: none !important;
}

.productPageCheckout__wish--added::after {
    content: "";
    opacity: 0 !important;
}

.productPageCheckout__priceWrap {
    padding: 0 35px 23px 0;
}

@media (width <= 500px) {
    .productPageCheckout__priceWrap {
        padding: 0 0 23px;
    }
}

.productPageCheckout__price {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 48px;
    font-weight: 700;
    line-height: 63px;
    color: #000;
}

@media (width <= 500px) {
    .productPageCheckout__price {
        padding-right: 50px;
    }
}

.productPageCheckout__min {
    position: relative;
    display: -webkit-box;
    
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    font-weight: normal;
    line-height: 21px;
    color: var(--gray-400);
}

@media (width <= 500px) {
    .productPageCheckout__min {
        margin-top: 16px;
    }
}

.productPageCheckout__tools {
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #d6d6d6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (width <= 500px) {
    .productPageCheckout__tools {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}

.productPageCheckout__buy {
    max-width: 183px;
    margin-left: 8px;
}

@media (width <= 500px) {
    .productPageCheckout__buy {
        max-width: 100%;
        width: 100%;
        margin-top: 24px;
    }
}

.productPageCheckout--noCommerce {
    padding-bottom: 14px;
    min-height: 318px;
}

.productPageCheckout--noCommerce .productPageCheckout__wish {
    top: 31px;
}

.productPageCheckout--noCommerce .productPageCheckout__price {
    display: none;
}

.productPageCheckout--noCommerce .productPageCheckout__drops {
    display: none;
}

.productPageTabs {
    padding: 0 0 32px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #000;
}

.productPageTabs::before {
    content: "";
    top: 75px;
}

@media (width <= 768px) {
    .productPageTabs::before {
        display: none;
    }
}

.productPageTabs::after {
    content: "";
    display: none;
}

@media (width <= 768px) {
    .productPageTabs::after {
        display: block;
        z-index: -1;
        bottom: -60px;
    }
}

.productPageTabs .section__heading {
    margin-bottom: 24px;
}

.productPageTabs__tabs {
    /* height: 392px; */
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
}

@media (width <= 768px) {
    .productPageTabs__tabs {
        height: auto;
    }
}

.productPageTabs__tab {
    background: #fff;
    border: 1px solid var(--gray-100);
    /* -webkit-box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
            box-shadow: 0 2px 10px rgb(0 0 0 / 20%); */
    border-radius: 16px;
    padding: 32px 24px 24px;
    margin: 0;
}

@media (width <= 768px) {
    .productPageTabs__tab {
        padding: 24px 8px 16px 16px;
    }
}

@media (width <= 768px) {
    .productPageTabs .productsSlider__btn:not(:last-child) {
        margin-bottom: 24px;
    }
}

.productPageDescription p {
    margin-bottom: 16px;
}

.productPageDescription ul:not(:last-child) {
    margin-bottom: 24px;
}

.productPageDescription ul li:not(:last-child) {
    margin-bottom: 16px;
}

.productPageCooking {
    min-height: 272px;
}

@media (width <= 768px) {
    .productPageCooking {
        min-height: 1px;
    }
}

@media (width <= 768px) {
    .productPageRecipes {
        background: rgb(0 0 0 / 0%);
        padding: 0;
        -webkit-box-shadow: none;
                box-shadow: none;
    }
}

.productPageRecipes .sliderArrows__arrow {
    display: none;
}

@media (width <= 768px) {
    .productPageRecipes .sliderArrows__arrow {
        display: -webkit-box;
        
        display: -ms-flexbox;
        display: flex;
    }
}

.productPageRecipes__title {
    margin-bottom: 24px;
}

@media (width <= 768px) {
    .productPageRecipes__title {
        display: none;
    }
}

.related .container {
    position: relative;
}

@media (width <= 768px) {
    .related__wrap {
        position: relative;
    }
}

.related .section__titles {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

@media (width <= 768px) {
    .related .section__link {
        margin: 16px 0 0;
    }
}

@media (width <= 374px) {
    .related .preview__buy {
        width: 56px;
        font-size: 0;
    }

    .related .preview__buy::before {
        content: "";
        margin-right: 0;
    }
}

@media (width <= 374px) {
    .related .preview__price {
        max-width: 65%;
    }
}

.related__slider {
    margin: -15px;
    padding: 15px;
}

@media (width <= 768px) {
    .related__slider {
        padding: 15px 50px;
    }
}

.related__slider.swiper-container-initialized .products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 0;
}

.related__slider .swiper-slide {
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.related__slider .swiper-slide.swiper-slide-visible {
    opacity: 1;
}

@media (width <= 768px) {
    .cartPage__related {
        display: none;
    }
}

.cartContent {
    padding-top: 40px;
}

@media (width <= 768px) {
    .cartContent {
        padding-top: 24px;
    }
}

.cartContent::before {
    content: "";
    z-index: -1;
    top: unset;
    bottom: -500px;
}

@media (width <= 768px) {
    .cartContent::before {
        bottom: -150px;
    }
}

.cartContent::after {
    content: "";
    display: none;
}

.cartContent--empty .cartContentEmpty {
    display: block !important;
}

@media (width <= 768px) {
    .cartContent--empty.container {
        width: 92% !important;
    }
}

.cartContent .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media (width <= 992px) {
    .cartContent .container {
        display: -webkit-box;
        
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media (width <= 768px) {
    .cartContent .container {
        width: 100%;
    }
}

.cartContentMobile {
    width: 100%;
    padding: 0 4%;
    margin-bottom: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: none;
}

@media (width <= 768px) {
    .cartContentMobile {
        display: -webkit-box;
        
        display: -ms-flexbox;
        display: flex;
    }
}

.cartContentMobile__content {
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
}

.cartContentEmpty {
    display: none;
    background: #fff;
    -webkit-box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
            box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
    border-radius: 16px;
    width: 100%;
    padding: 24px;
}

.cartContentProducts {
    width: calc(100% - 416px - 32px);
}

@media (width <= 1600px) {
    .cartContentProducts {
        width: 73%;
    }
}

@media (width <= 1199px) {
    .cartContentProducts {
        width: 70%;
    }
}

@media (width <= 992px) {
    .cartContentProducts {
        width: 100%;
    }
}

@media (width <= 768px) {
    .cartContentProducts {
        -webkit-box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
                box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
    }
}

.cartContentProducts__item {
    background: #fff;
    -webkit-box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
            box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
    border-radius: 16px;
    padding: 24px;
    min-height: 96px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (width <= 1600px) {
    .cartContentProducts__item {
        padding: 24px 10px;
    }
}

@media (width <= 768px) {
    .cartContentProducts__item {
        -webkit-box-shadow: none;
                box-shadow: none;
        border-radius: 0;
        padding: 24px 4% 16px;
    }
}

.cartContentProducts__item:not(:last-child) {
    margin-bottom: 16px;
}

@media (width <= 768px) {
    .cartContentProducts__item:not(:last-child) {
        margin-bottom: 0;
        border-bottom: 1px solid #979797;
    }
}

.cartContentProducts__item.sad_face::after {
    border-radius: 16px;
}

.cartContentProducts__thumb {
    position: relative;
    -ms-flex-item-align: center;
    align-self: center;
}

@media (width <= 768px) {
    .cartContentProducts__thumb {
        max-width: 10%;
    }
}

.cartContentProducts__thumb .headerDropdown__thumb {
    width: 96px;
    height: 96px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

@media (width <= 1600px) {
    .cartContentProducts__thumb .headerDropdown__thumb {
        width: 50px;
        height: 50px;
    }
}

@media (width <= 1199px) {
    .cartContentProducts__thumb .headerDropdown__thumb {
        width: 96px;
        height: 96px;
    }
}

@media (width <= 768px) {
    .cartContentProducts__thumb .headerDropdown__thumb {
        border: none;
        padding: 0;
        width: auto;
        height: auto;
        min-width: 29px;
    }
}

.cartContentProducts__thumb .headerDropdown__thumb:hover {
    border-color: #d6d6d6;
}

.cartContentProducts__del {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 25px;
    height: 25px;
    border: 1px solid #ededed;
    border-radius: 50%;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
}

@media (width <= 768px) {
    .cartContentProducts__del {
        display: none;
    }
}

.cartContentProducts__del::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scale(1) translate(-50%, -50%);
        -ms-transform: scale(1) translate(-50%, -50%);
            transform: scale(1) translate(-50%, -50%);
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
}

.cartContentProducts__del::after {
    content: "";
    width: 17px;
    height: 17px;
    opacity: 0;
    background: url("../img/icons.svg") -1318px -13px no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scale(0) translate(-50%, -50%);
        -ms-transform: scale(0) translate(-50%, -50%);
            transform: scale(0) translate(-50%, -50%);
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
}

.cartContentProducts__del:hover {
    border-color: var(--red-500);
    background: var(--red-500);
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
}

.cartContentProducts__del:hover::before {
    content: "";
    opacity: 0;
    -webkit-transform: scale(0) translate(-50%, -50%);
        -ms-transform: scale(0) translate(-50%, -50%);
            transform: scale(0) translate(-50%, -50%);
}

.cartContentProducts__del:hover::after {
    content: "";
    opacity: 1;
    -webkit-transform: scale(1) translate(-50%, -50%);
        -ms-transform: scale(1) translate(-50%, -50%);
            transform: scale(1) translate(-50%, -50%);
}

.cartContentProducts__info {
    width: 435px;
    margin: 0 10px 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
}

@media (width <= 768px) {
    .cartContentProducts__info {
        margin: 0 5px;
        width: 200px;
    }
}

.cartContentProducts__wish {
    margin-top: auto;
    position: relative;
    padding-left: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (width <= 768px) {
    .cartContentProducts__wish {
        display: none;
    }
}

.cartContentProducts__wish::before {
    content: "";
    -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7);
    position: absolute;
    left: 0;
}

.cartContentProducts__wish::after {
    content: "";
    position: absolute;
    left: 0;
    width: 30px;
    height: 28px;
    -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7);
    opacity: 0;
    background: url("../img/icons.svg") -1343px -7px no-repeat;
}

.cartContentProducts__wish.wish_add--added {
    cursor: no-drop;
}

.cartContentProducts__wish.wish_add--added::after {
    content: "";
    opacity: 1;
}

.cartContentProducts__wish.wish_add--added span {
    color: #52b44e;
    border-color: #52b44e;
    -webkit-animation: fadeIn 0.5s linear;
            animation: fadeIn 0.5s linear;
}

.cartContentProducts__wish.wish_add--added span:hover {
    border-color: #52b44e;
}

.cartContentProducts__quantly {
    margin: 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media (width <= 768px) {
    .cartContentProducts__quantly {
        margin: 0 5px;
    }
}

.cartContentProducts__quantly .quantly__inner {
    margin-top: 8px;
}

@media (width <= 1600px) {
    .cartContentProducts__quantly .quantly__inner {
        width: 75px;
    }
}

@media (width <= 768px) {
    .cartContentProducts__quantly .quantly__button {
        display: none;
    }
}

@media (width <= 768px) {
    .cartContentProducts__quantly .quantly__input {
        pointer-events: none;
        border: none;
        width: 100%;
        margin: 0;
        padding: 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 17px;
    }
}

.cartContentProducts__price {
    margin: 0 10px;
    width: 95px;
}

@media (width <= 1199px) {
    .cartContentProducts__price {
        display: none;
    }
}

@media (width <= 992px) {
    .cartContentProducts__price {
        display: block;
    }
}

@media (width <= 768px) {
    .cartContentProducts__price {
        display: none;
    }
}

.cartContentProducts__total {
    margin: 0 10px;

    /* max-width: 35%; */
    width: 137px;
}

@media (width <= 768px) {
    .cartContentProducts__total {
        margin: 0 5px;
        width: 90px;
    }
}

.cartContentProducts__name {
    max-height: 48px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}

@media (width <= 1600px) {
    .cartContentProducts__name {
        font-size: 14px;
        line-height: 18px;
    }
}

@media (width <= 768px) {
    .cartContentProducts__name {
        font-weight: 400;
        line-height: 17px;
        max-height: 51px;
    }
}

.cartContentProducts__min {
    margin-top: 8px;
}

@media (width <= 768px) {
    .cartContentProducts__min {
        display: none;
    }
}

.cartContentProducts__min .preview__infoTitle,
.cartContentProducts__min .preview__infoValue {
    color: var(--red-500);
}

.cartContentProducts__title {
    white-space: nowrap;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    color: #000;
}

@media (width <= 768px) {
    .cartContentProducts__title {
        font-weight: 400;
        margin: 0;
    }
}

.cartContentProducts__cost {
    margin-top: 12px;
    font-size: 18px;
    font-weight: 600;
    line-height: 29px;
}

@media (width <= 1600px) {
    .cartContentProducts__cost {
        font-size: 14px;
        line-height: 18px;
    }
}

.cartContentProducts__special {
    margin-top: 4px;
    text-decoration-line: line-through;
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    color: #636363;
}

@media (width <= 1600px) {
    .cartContentProducts__special {
        font-size: 14px;
        line-height: 18px;
    }
}

.cartContentProducts__all {
    margin-top: 12px;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    color: var(--red-500);
}

@media (width <= 1600px) {
    .cartContentProducts__all {
        font-size: 20px;
        font-weight: 600;
        line-height: 24px;
    }
}

.cartContentProducts__noCommerce {
    width: 280px;
}

@media (width <= 1199px) {
    .cartContentProducts__noCommerce {
        font-size: 14px;
        width: 225px;
    }
}

@media (width <= 768px) {
    .cartContentProducts__noCommerce {
        width: 20%;
    }
}

.cartContentProducts--noCommerce .cartContentProducts__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (width <= 768px) {
    .cartContentProducts--noCommerce .cartContentProducts__priceDesc {
        display: none;
    }
}

.cartContentProducts--noCommerce .cartContentProducts__priceHide {
    display: none;
}

@media (width <= 768px) {
    .cartContentProducts--noCommerce .cartContentProducts__priceHide {
        display: inline-block;
    }
}

@media (width <= 768px) {
    .cartContentProducts--noCommerce .cartContentProducts__title {
        display: none;
    }
}

@media (width <= 768px) {
    .cartContentProducts--noCommerce .quantly__inner {
        margin-top: 0;
    }
}

@media (width <= 768px) {
    .cartContentProducts--noCommerce .cartContentProducts__info {
        width: 45%;
    }
}

@media (width <= 500px) {
    .cartContentProducts--noCommerce .preview__infoTitle {
        position: static;
    }
}

.cartContentProducts--noCommerce .cartContentProducts__wish {
    margin-top: 16px;
}

.cartContentTotal {
    width: 416px;
    position: sticky;
    top: 150px;
    background: #fff;
    -webkit-box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
            box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
    border-radius: 16px;
    padding: 32px 0 24px;
}

@media (width <= 1600px) {
    .cartContentTotal {
        width: 25%;
    }
}

@media (width <= 1199px) {
    .cartContentTotal {
        width: 28%;
    }
}

@media (width <= 992px) {
    .cartContentTotal {
        width: 100%;
        margin-top: 24px;
        padding: 24px 0;
    }
}

@media (width <= 768px) {
    .cartContentTotal {
        position: static;
        border-radius: 0;
        padding: 24px 0;
    }
}

.cartContentTotal__mobileTitle {
    display: none;
}

@media (width <= 992px) {
    .cartContentTotal__mobileTitle {
        display: block;
        padding: 0 10px;
        margin-bottom: 24px;
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
        color: #000;
    }
}

@media (width <= 768px) {
    .cartContentTotal__mobileTitle {
        padding: 0 4%;
    }
}

.cartContentTotal__promo {
    padding: 0 24px;
    margin: 0;
    max-width: 100%;
}

@media (width <= 1600px) {
    .cartContentTotal__promo {
        padding: 0 10px;
    }
}

@media (width <= 768px) {
    .cartContentTotal__promo {
        position: relative;
        inset: 0;
        opacity: 1;
        pointer-events: auto;
        padding: 0 4%;
    }
}

.cartContentTotal__promo input {
    padding-left: 15px;
}

@media (width <= 992px) {
    .cartContentTotal__promo input {
        padding: 10px 0 10px 15px;
    }
}

.cartContentTotal__promo input::input-placeholder {
    color: #949494;
}

.cartContentTotal__promo input::-webkit-input-placeholder {
    color: #949494;
}

.cartContentTotal__promo input::-moz-placeholder {
    color: #949494;
}

.cartContentTotal__promo input:-ms-input-placeholder {
    color: #949494;
}

.cartContentTotal__promo input::-ms-input-placeholder {
    color: #949494;
}

.cartContentTotal__promo input::placeholder {
    color: #949494;
}

.cartContentTotal__promo input:input-placeholder {
    color: #949494;
}

.cartContentTotal__promo input:placeholder {
    color: #949494;
}

.cartContentTotal__promo button {
    right: 24px;
    width: auto;
    padding: 0 10px;
}

@media (width <= 1600px) {
    .cartContentTotal__promo button {
        right: 10px;
        font-size: 12px;
        max-width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
    }
}

@media (width <= 768px) {
    .cartContentTotal__promo button {
        right: 4%;
    }
}

.cartContentTotal__inner {
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    padding: 32px 24px;
    margin-top: 24px;
}

@media (width <= 1600px) {
    .cartContentTotal__inner {
        padding: 32px 10px;
    }
}

@media (width <= 768px) {
    .cartContentTotal__inner {
        padding: 24px 4%;
    }
}

.cartContentTotal__rowTitle {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (width <= 1199px) {
    .cartContentTotal__rowTitle {
        max-width: 33%;
    }
}

@media (width <= 768px) {
    .cartContentTotal__rowTitle {
        max-width: 48%;
    }
}

.cartContentTotal__rowValue {
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (width <= 1199px) {
    .cartContentTotal__rowValue {
        max-width: 66%;
    }
}

@media (width <= 768px) {
    .cartContentTotal__rowValue {
        max-width: 50%;
    }
}

.cartContentTotal__row {
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (width <= 1600px) {
    .cartContentTotal__row {
        font-size: 14px;
        margin-bottom: 8px;
    }
}

.cartContentTotal__row--total {
    margin: 8px 0 0;
}

.cartContentTotal__row--total .cartContentTotal__rowTitle {
    font-weight: 700;
}

@media (width <= 1600px) {
    .cartContentTotal__row--total .cartContentTotal__rowTitle {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
    }
}

.cartContentTotal__row--total .cartContentTotal__rowValue {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
}

@media (width <= 1600px) {
    .cartContentTotal__row--total .cartContentTotal__rowValue {
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
    }
}

.cartContentTotal__row--totalNoCommerce .cartContentTotal__rowValue {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: #000;
}

.cartContentTotal__checkout {
    padding: 32px 24px 0;
}

@media (width <= 1600px) {
    .cartContentTotal__checkout {
        padding: 32px 10px 0;
    }
}

@media (width <= 768px) {
    .cartContentTotal__checkout {
        padding: 24px 4% 0;
    }
}

.cartContentTotal__checkout a {
    padding: 15px 0;
    font-size: 16px;
}

@media (width <= 1600px) {
    .cartContentTotal__checkout a {
        font-size: 14px;
    }
}

.cartContentTotal__info {
    padding-top: 16px;
}

.cartContentTotal__info p {
    letter-spacing: 0.01em;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.cartContentTotal__info p:not(:last-child) {
    margin-bottom: 16px;
}

.cartContentTotal--noCommerce .cartContentTotal__inner {
    border-top: none;
    margin-top: 0;
    padding: 0 24px 24px;
}

@media (width <= 500px) {
    .cartContentTotal--noCommerce .cartContentTotal__rowTitle {
        max-width: 60%;
    }
}

@media (width <= 768px) {
    .header--checkout .header__logo img {
        width: 120px;
    }
}

.header--checkout .header__inner {
    padding: 19px 0;
}

.header--checkout .header__center {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header--checkout .header__consult {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header--checkout .header__consult p {
    margin-right: 17px;
    font-size: 16px;
    font-weight: 300;
    line-height: 19px;
    color: #000;
}

@media (width <= 768px) {
    .header--checkout .header__consult p {
        display: none;
    }
}

.header--checkout .header__consult .header__contacts {
    margin: 0;
}

.header--checkout .header__consult .header__contacts a {
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
    color: #242426;
}

@media (width <= 768px) {
    .header--checkout .header__consult .header__contacts a {
        font-size: 12px;
    }
}

.footer--checkout {
    margin-top: auto;
    padding-bottom: 24px;
    background: rgb(0 0 0 / 0%);
}

.footer--checkout::before {
    content: "";
    top: -230px;
    height: 270px;
}

@media (width <= 768px) {
    .footer--checkout::before {
        display: none;
    }
}

.footer--checkout::after {
    content: "";
    display: none;
}

.footer--checkout .footer__copy {
    text-align: left;
    margin-top: 0;
}

@media (width <= 768px) {
    .footer--checkout .footer__copy {
        text-align: center;
    }
}

.checkoutPage {
    padding: 32px 0 72px;
}

@media (width <= 768px) {
    .checkoutPage .title {
        font-size: 24px;
    }
}

.checkoutOrder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media (width <= 992px) {
    .checkoutOrder {
        display: -webkit-box;
        
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.checkoutOrder__title {
    padding: 24px;
}

@media (width <= 768px) {
    .checkoutOrder__title {
        padding: 24px 4%;
        font-size: 18px;
        font-weight: 700;
        line-height: 24px;
        color: #000;
    }
}

.checkoutOrder__content {
    display: none;
    margin-top: 24px;
}

.checkoutOrder__content p {
    margin-bottom: 16px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.checkoutOrder__content--light {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #afafaf;
}

.checkoutOrder__newAddress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-animation: fadeIn 0.4s linear;
            animation: fadeIn 0.4s linear;
    display: none;
}

.checkoutOrder__newAddress--enabled {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.checkoutOrder__item:not(:last-child) {
    margin-bottom: 24px;
}

.checkoutOrder__item input[type="radio"]:checked ~ .checkoutOrder__content {
    display: block;
}

.checkoutOrder__wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (width <= 768px) {
    .checkoutOrder__wrap {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}

.checkoutOrder__wrap .select {
    width: 100%;
}

@media (width <= 768px) {
    .checkoutOrder__wrap .select {
        max-width: 100%;
        margin-bottom: 12px;
    }
}

.checkoutOrder__wrap--disabled {
    display: none;
}

.checkoutOrder__saved {
    padding: 0 24px 24px 48px;
}

@media (width <= 768px) {
    .checkoutOrder__saved {
        padding: 0 4% 24px;
    }
}

.checkoutOrder__saved span {
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: #000;
}

.checkoutOrder__saved span:not(:last-child) {
    margin-right: 3px;
}

.checkoutOrder__saved span:not(:last-child)::after {
    content: ",";
    display: inline-block;
}

.checkoutOrder__change {
    position: absolute;
    top: 24px;
    right: 24px;
    letter-spacing: 0.02em;
    opacity: 0;
    pointer-events: none;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    font-size: 12px;
    font-weight: 600;
    line-height: 24px;
    color: #000;
}

.checkoutOrder__change::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -19px;
    margin-top: -7px;
}

.checkoutOrder__step--completed .checkoutOrder__change {
    opacity: 1;
    pointer-events: auto;
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
}

.checkoutOrder__step--completed .checkoutOrder__title {
    padding: 24px 130px 24px 4%;
}

.checkoutOrderCustomer {
    background: #fff;
    -webkit-box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
            box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
    border-radius: 16px;
    margin-bottom: 32px;
    position: relative;
}

@media (width <= 768px) {
    .checkoutOrderCustomer {
        border-radius: 0;
    }
}

.checkoutOrderCustomer__nav {
    padding: 16px 48px 0;
    border-bottom: 1px solid #ededed;
}

@media (width <= 768px) {
    .checkoutOrderCustomer__nav {
        padding: 16px 4% 0;
    }
}

.checkoutOrderCustomer__btn {
    border-bottom: 4px solid rgb(0 0 0 / 0%);
    padding-bottom: 8px;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: #585858;
}

@media (width <= 500px) {
    .checkoutOrderCustomer__btn {
        font-size: 14px;
    }
}

.checkoutOrderCustomer__btn:not(:last-child) {
    margin-right: 32px;
}

.checkoutOrderCustomer__btn--active {
    border-color: var(--red-500);
}

.checkoutOrderCustomer__forms {
    padding: 48px;
    max-width: 480px;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
}

@media (width <= 768px) {
    .checkoutOrderCustomer__forms {
        max-width: 100%;
        padding: 24px 4%;
    }
}

.checkoutOrderCustomer__form {
    display: none;
}

.checkoutOrderCustomer__form--active {
    display: block;
    -webkit-animation: fadeIn 0.3s linear;
            animation: fadeIn 0.3s linear;
}

.checkoutOrderCustomer__form .btn--primary {
    margin-top: 32px;
}

@media (width <= 768px) {
    .checkoutOrderCustomer__form .btn--primary {
        margin-top: 24px;
    }
}

.checkoutOrderCustomer__inner {
    display: none;
}

.checkoutOrderCustomer.checkoutOrder__step--active .checkoutOrder__saved {
    display: none;
}

.checkoutOrderCustomer.checkoutOrder__step--active
    .checkoutOrderCustomer__inner {
    display: block;
}

.checkoutOrderInfo {
    background: #fff;
    -webkit-box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
            box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
    border-radius: 16px;
}

@media (width <= 768px) {
    .checkoutOrderInfo {
        border-radius: 0;
    }
}

.checkoutOrderInfo__default {
    padding: 0 24px 24px;
}

@media (width <= 768px) {
    .checkoutOrderInfo__default {
        padding: 0 4% 24px;
    }
}

.checkoutOrderInfo__defaultContent {
    margin-top: 16px;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}

.checkoutOrderInfo__defaultContent span {
    color: var(--red-500);
    cursor: pointer;
}

.checkoutOrderInfo__default .checkoutOrderInfo__title {
    margin-bottom: 0;
}

.checkoutOrderInfo__inner {
    display: none;
    -webkit-animation: fadeIn 0.5s linear;
            animation: fadeIn 0.5s linear;
}

.checkoutOrderInfo__title {
    margin-bottom: 32px;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}

@media (width <= 768px) {
    .checkoutOrderInfo__title {
        margin-bottom: 24px;
    }
}

.checkoutOrderInfo__stage {
    padding: 24px 260px 24px 81px;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
}

@media (width <= 1199px) {
    .checkoutOrderInfo__stage {
        padding: 24px 4%;
    }
}

.checkoutOrderInfo__stage:not(:last-child) {
    border-bottom: 1px solid #ededed;
}

.checkoutOrderInfo.checkoutOrder__step .checkoutOrderInfo__default {
    display: block;
}

.checkoutOrderInfo.checkoutOrder__step .checkoutOrderInfo__inner {
    display: none;
}

.checkoutOrderInfo.checkoutOrder__step--active .checkoutOrderInfo__default {
    display: none;
}

.checkoutOrderInfo.checkoutOrder__step--active .checkoutOrderInfo__inner {
    display: block;
}

.checkoutOrderDelivery {
    padding-top: 16px;
}

.checkoutOrderDelivery__cityList {
    margin-bottom: 32px;
}

.checkoutOrderDelivery__cityAcc {
    margin-top: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.checkoutOrderDelivery__cityAcc:not(:last-child) {
    margin-right: 14px;
}

@media (width <= 500px) {
    .checkoutOrderDelivery__cityAcc:nth-child(1n + 5) {
        display: none;
    }
}

.checkoutOrderEnd {
    letter-spacing: 0.01em;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.checkoutContent {
    margin-top: 58px;
}

@media (width <= 768px) {
    .checkoutContent {
        margin-top: 24px;
    }
}

@media (width <= 768px) {
    .checkoutContent .container {
        width: 100%;
    }
}

.checkoutContent .input {
    padding: 10px 0 10px 16px;
}

.checkoutContent .btn--primary {
    padding: 15px 0;
}

@media (width <= 1199px) {
    .checkoutContent .cartContentProducts {
        width: 60%;
    }
}

@media (width <= 992px) {
    .checkoutContent .cartContentProducts {
        width: 100%;
    }
}

@media (width <= 768px) {
    .checkoutContent .cartContentProducts {
        -webkit-box-shadow: none;
                box-shadow: none;
    }
}

.checkoutContent .cartContentTotal {
    padding: 24px 0;
}

@media (width <= 1199px) {
    .checkoutContent .cartContentTotal {
        width: 38%;
    }
}

@media (width <= 992px) {
    .checkoutContent .cartContentTotal {
        width: 100%;
        margin-top: 32px;
    }
}

.checkoutContent .cartContentTotal__title {
    padding: 0 24px;
}

@media (width <= 1600px) {
    .checkoutContent .cartContentTotal__title {
        padding: 0 10px;
    }
}

@media (width <= 992px) {
    .checkoutContent .cartContentTotal__title {
        padding: 0 24px;
    }
}

@media (width <= 768px) {
    .checkoutContent .cartContentTotal__title {
        padding: 0 4%;
    }
}

@media (width <= 992px) {
    .checkoutContent .cartContentTotal__promo {
        padding: 0 24px;
    }
}

@media (width <= 768px) {
    .checkoutContent .cartContentTotal__promo {
        padding: 0 4%;
    }
}

@media (width <= 768px) {
    .checkoutContent .cartContentTotal__promo input {
        padding: 10px 0 10px 15px;
    }
}

@media (width <= 992px) {
    .checkoutContent .cartContentTotal__inner {
        padding: 32px 24px;
    }
}

@media (width <= 768px) {
    .checkoutContent .cartContentTotal__inner {
        padding: 24px 4%;
    }
}

@media (width <= 992px) {
    .checkoutContent .cartContentTotal__checkout {
        padding: 32px 24px 0;
    }
}

@media (width <= 768px) {
    .checkoutContent .cartContentTotal__checkout {
        padding: 24px 4% 0;
    }
}

.checkoutContent .cartContentTotal__terms {
    padding: 13px 24px 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

@media (width <= 768px) {
    .checkoutContent .cartContentTotal__terms {
        padding: 13px 4% 0;
    }
}

.checkoutContent .cartContentTotal__terms a {
    color: var(--red-500);
}

.checkoutContent .cartContentTotal--noCommerce .checkoutOrderInfo__title,
.checkoutContent .cartContentTotal--noCommerce .cartContentTotal__promo {
    display: none;
}

.checkoutContent .cartContentTotal--noCommerce .cartContentTotal__inner {
    border-top: none;
    margin-top: 0;
    padding: 0 24px 24px;
}

@media (width <= 768px) {
    .checkoutContent .cartContentTotal--noCommerce .cartContentTotal__inner {
        padding: 0 4% 24px;
    }
}

.successPage {
    padding: 60px 0;
}

@media (width <= 768px) {
    .successPage {
        padding: 40px 0;
    }
}

.successPage::before {
    content: "";
    display: none;
}

@media (width <= 500px) {
    .successPage::before {
        display: block;
        top: unset;
        bottom: -45px;
        height: 28%;
        z-index: -1;
    }
}

.successPage::after {
    content: "";
    display: none;
}

@media (width <= 768px) {
    .successPage .title {
        font-size: 24px;
        font-weight: 700;
        line-height: 32px;
    }
}

.successContent__wrap {
    max-width: 610px;
    padding-top: 44px;
}

@media (width <= 992px) {
    .successContent__wrap {
        max-width: 100%;
        padding-top: 24px;
    }
}

.successContent__rows {
    margin-bottom: 32px;
}

.successContent__row {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.successContent__row:not(:last-child) {
    margin-bottom: 16px;
}

@media (width <= 768px) {
    .successContent__row {
        display: -webkit-box;
        
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.successContent__name {
    width: 45%;
    text-align: right;
    white-space: nowrap;
}

@media (width <= 992px) {
    .successContent__name {
        white-space: normal;
    }
}

@media (width <= 768px) {
    .successContent__name {
        width: 100%;
        text-align: left;
        margin-bottom: 8px;
    }
}

.successContent__value {
    width: 50%;
    white-space: nowrap;
    font-weight: 400;
}

@media (width <= 992px) {
    .successContent__value {
        white-space: normal;
    }
}

@media (width <= 768px) {
    .successContent__value {
        width: 100%;
    }
}

.successContent__info {
    margin-bottom: 32px;
}

.successContent__info p {
    letter-spacing: 0.01em;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #000;
}

.successContent__info p:not(:last-child) {
    margin-bottom: 16px;
}

.successContent__link {
    display: block;
    max-width: 365px;
    padding: 15px 0;
}

@media (width <= 992px) {
    .successContent__link {
        margin: 0 auto;
    }
}

.accountPage .title {
    margin-bottom: 24px;
}

.accountPageSidebar {
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    color: #000;
}

@media (width <= 1199px) {
    .accountPageSidebar .heading {
        font-size: 18px;
        line-height: 24px;
    }
}

@media (width <= 768px) {
    .accountPageSidebar .heading {
        font-size: 24px;
        line-height: 32px;
    }
}

.accountPageSidebar .close_category_catalog {
    display: none;
}

@media (width <= 992px) {
    .accountPageSidebar .close_category_catalog {
        display: -webkit-box;
        
        display: -ms-flexbox;
        display: flex;
    }
}

.accountPageSidebar__head {
    padding-bottom: 16px;
    border-bottom: 1px solid #d6d6d6;
}

.accountPageSidebar__head li:not(:last-child) {
    margin-bottom: 8px;
}

.accountPageSidebar__head li a {
    color: #000;
}

.accountPageSidebar__id {
    color: #7e7e7e;
}

.accountPageSidebar__nav {
    padding: 16px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.accountPageSidebar__link {
    display: inline-block;
    border-bottom: 1px dashed rgb(0 0 0 / 0%);
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: #000;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

@media (width <= 1199px) {
    .accountPageSidebar__link {
        font-size: 14px;
        line-height: 20px;
    }
}

.accountPageSidebar__link:not(:last-child) {
    margin-bottom: 32px;
}

@media (width <= 1199px) {
    .accountPageSidebar__link:not(:last-child) {
        margin-bottom: 16px;
    }
}

.accountPageSidebar__link:hover {
    border-color: var(--red-500);
}

.accountPageSidebar__link a {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.accountPageSidebar__link a:hover {
    text-decoration: none;
    color: var(--red-500);
    font-weight: 700;
}

.accountPageSidebar__link--active {
    border-color: var(--red-500);
}

.accountPageSidebar__link--active a {
    color: var(--red-500);
    font-weight: 700;
}

.accountPageSidebar__link--active a:hover {
    text-decoration: none;
}

.accountPageUser::before {
    content: "";
    display: none;
}

@media (width <= 768px) {
    .accountPageUser::before {
        display: block;
        top: 25%;
    }
}

.accountPageUser::after {
    content: "";
    display: none;
}

.accountPageUser__header {
    margin-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.accountPageUser__change {
    position: relative;
    margin-left: 35px;
    font-size: 12px;
    font-weight: 600;
}

.accountPageUser__change::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -19px;
    margin-top: -7px;
}

.accountPageUser__navOpener {
    width: auto;
    padding: 8px 10px;
    margin-bottom: 26px;
}

.accountPageUser--empty .more,
.accountPageUser--empty .pagination {
    display: none;
}

.accountPageUser--empty .cartContentEmpty {
    display: block;
}

.accountPageUserContacts {
    background: #fff;
    -webkit-box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
            box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
    border-radius: 16px;
    padding: 24px;
    margin-bottom: 24px;
}

@media (width <= 768px) {
    .accountPageUserContacts {
        margin: 0 -4% 16px;
        padding: 16px 4%;
        border-radius: 0;
    }
}

.accountPageUserContacts__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

@media (width <= 768px) {
    .accountPageUserContacts__content {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}

.accountPageUserContacts__self {
    width: 35%;
    margin-right: 32px;
}

@media (width <= 1199px) {
    .accountPageUserContacts__self {
        width: 48%;
    }
}

@media (width <= 768px) {
    .accountPageUserContacts__self {
        width: 100%;
        margin: 0 0 16px;
    }
}

.accountPageUserContacts__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.accountPageUserContacts__row:not(:last-child) {
    margin-bottom: 16px;
}

.accountPageUserContacts__key {
    width: 49%;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #949494;
}

.accountPageUserContacts__value {
    width: 49%;
    text-align: left;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

@media (width <= 500px) {
    .accountPageUserContacts__value {
        white-space: normal;
    }
}

.accountPageUserContacts__organization {
    width: 45%;
}

@media (width <= 1199px) {
    .accountPageUserContacts__organization {
        width: 48%;
    }
}

@media (width <= 768px) {
    .accountPageUserContacts__organization {
        width: 100%;
    }
}

.accountPageUserAddress {
    background: #fff;
    -webkit-box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
            box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
    border-radius: 16px;
    padding: 24px;
}

@media (width <= 768px) {
    .accountPageUserAddress {
        margin: 0 -4%;
        padding: 16px 4%;
        border-radius: 0;
    }
}

.accountPageUserAddress__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media (width <= 1199px) {
    .accountPageUserAddress__list {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.accountPageUserAddress__checked {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.accountPageUserAddress__checked::before {
    content: attr(data-checked);
    display: block;
    padding-left: 32px;
    opacity: 0;
    pointer-events: none;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #949494;
}

@media (width <= 768px) {
    .accountPageUserAddress__checked::before {
        max-height: 32px;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 12px;
        line-height: 16px;
    }
}

.accountPageUserAddress__item {
    width: 30%;
    position: relative;
    padding-bottom: 28px;
    margin: 0 32px 16px 0;
}

@media (width <= 1199px) {
    .accountPageUserAddress__item {
        width: 48%;
        margin: 0 0 16px;
    }
}

@media (width <= 500px) {
    .accountPageUserAddress__item {
        padding-bottom: 36px;
        width: 100%;
    }
}

.accountPageUserAddress__item input:checked + label {
    font-weight: 400;
}

.accountPageUserAddress__item
    input:checked
    ~ .accountPageUserAddress__checked::before {
    opacity: 1;
    pointer-events: auto;
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
}

.accountPageUserAddress__add {
    margin-top: 48px;
    max-width: 280px;
    padding: 15px 0;
}

@media (width <= 500px) {
    .accountPageUserAddress__add {
        max-width: 100%;
        margin-top: 0;
    }
}

.accountPageWishlist__delAll {
    letter-spacing: 0.02em;
    margin: 0 0 32px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
}

@media (width <= 768px) {
    .accountPageWishlist__delAll {
        margin: 0 0 16px 16px;
    }
}

.accountPageOrders__col {
    width: 20%;
    text-align: center;
}

@media (width <= 768px) {
    .accountPageOrders__col {
        width: 38%;
        text-align: left;
    }
}

.accountPageOrders__titles {
    padding: 0 24px;
    margin-bottom: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media (width <= 768px) {
    .accountPageOrders__titles {
        display: none;
    }
}

.accountPageOrders__titles .accountPageOrders__col {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.accountPageOrders__items--noCommerce .accountPageOrders__repeat {
    margin-right: 0;
}

@media (width <= 768px) {
    .accountPageOrders__items--noCommerce .accountPageOrders__date {
        margin-bottom: 0;
    }
}

@media (width <= 768px) {
    .accountPageOrders__items--noCommerce
        .accountPageOrders__date
        + .accountPageOrders__date {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        margin-bottom: 20px;
    }
}

.accountPageOrders__items--noCommerce .accountPageOrders__part--total {
    max-width: 260px;
}

@media (width <= 1600px) {
    .accountPageOrders__items--noCommerce .accountPageOrders__part--total {
        max-width: 200px;
    }
}

@media (width <= 1199px) {
    .accountPageOrders__items--noCommerce .accountPageOrders__part--total {
        max-width: 170px;
    }
}

@media (width <= 992px) {
    .accountPageOrders__items--noCommerce .accountPageOrders__part--total {
        max-width: 20%;
    }
}

@media (width <= 768px) {
    .accountPageOrders__items--noCommerce .accountPageOrders__part--total {
        display: none;
    }
}

.accountPageOrders__items--noCommerce
    .accountPageOrders__part--total
    .accountPageOrders__title {
    font-size: 0;
}

.accountPageOrders__item {
    background: #fff;
    -webkit-box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
            box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
    border-radius: 16px;
}

.accountPageOrders__item:not(:last-child) {
    margin-bottom: 16px;
}

.accountPageOrders__item .accountPageOrders__col {
    letter-spacing: 0.01em;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.accountPageOrders__item .accountPageOrders__status {
    color: #fff;
    padding: 4px 12px;
    background: #d8d8d8;
    border-radius: 16px;
    text-transform: uppercase;
}

@media (width <= 768px) {
    .accountPageOrders__item .accountPageOrders__status {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
        width: auto;
        min-width: 38%;
        text-align: center;
    }
}

.accountPageOrders__item .accountPageOrders__status--sended {
    background: #60c36e;
}

.accountPageOrders__item .accountPageOrders__status--inWork {
    background: #fa6a44;
}

.accountPageOrders__item--open .accountPageOrders__sum {
    opacity: 0 !important;
    pointer-events: none !important;
}

.accountPageOrders__heading {
    padding: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (width <= 768px) {
    .accountPageOrders__heading {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        padding: 16px 40px 16px 16px;
        position: relative;
    }
}

.accountPageOrders__number {
    text-align: left;
}

@media (width <= 768px) {
    .accountPageOrders__number {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin-bottom: 20px;
    }
}

@media (width <= 768px) {
    .accountPageOrders__date {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
        margin-bottom: 20px;
    }
}

.accountPageOrders div.accountPageOrders__sum {
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

@media (width <= 768px) {
    .accountPageOrders div.accountPageOrders__sum {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
        white-space: nowrap;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 20px;
        font-weight: 700;
        line-height: 24px;
    }
}

.accountPageOrders__opener {
    position: relative;
    cursor: pointer;
}

@media (width <= 768px) {
    .accountPageOrders__opener {
        width: 36px;
        position: absolute;
        top: 10px;
        right: 0;
    }
}

.accountPageOrders__opener button {
    letter-spacing: 0.02em;
    font-size: 12px;
    font-weight: 600;
    line-height: 24px;
    color: #000;
}

@media (width <= 768px) {
    .accountPageOrders__opener button {
        font-size: 0;
        line-height: 0;
    }
}

.accountPageOrders__opener .arrow::before {
    content: "";
    top: 14px;
}

.accountPageOrders__opener .arrow::after {
    content: "";
    top: 14px;
}

.accountPageOrders__opener--open .arrow::before {
    content: "";
    -webkit-transform: rotate(-40deg);
        -ms-transform: rotate(-40deg);
            transform: rotate(-40deg);
}

.accountPageOrders__opener--open .arrow::after {
    content: "";
    -webkit-transform: rotate(40deg);
        -ms-transform: rotate(40deg);
            transform: rotate(40deg);
}

.accountPageOrders__inner {
    max-height: 0;
    overflow: hidden;
    position: relative;
    border-top: 0 solid #ededed;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.accountPageOrders__inner::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: #fff;
    opacity: 1;
    border-radius: 16px;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
}

.accountPageOrders__inner--open {
    max-height: 500px;
    border-width: 1px;
}

@media (width <= 768px) {
    .accountPageOrders__inner--open {
        max-height: 700px;
        border-width: 0;
    }
}

.accountPageOrders__inner--open::before {
    content: "";
    opacity: 0;
    pointer-events: none;
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
}

.accountPageOrders__inner--scroll {
    overflow: auto;
}

.accountPageOrders__about {
    padding: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media (width <= 1600px) {
    .accountPageOrders__about {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media (width <= 768px) {
    .accountPageOrders__about {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        padding: 0 16px 16px;
    }
}

.accountPageOrders__part {
    max-width: 40%;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

@media (width <= 768px) {
    .accountPageOrders__part {
        max-width: 68%;
    }
}

.accountPageOrders__part:not(:last-child) {
    margin-right: 7%;
}

@media (width <= 1600px) {
    .accountPageOrders__part:not(:last-child) {
        margin-right: 0;
    }
}

@media (width <= 768px) {
    .accountPageOrders__part--main {
        width: 100%;
        margin-bottom: 8px;
        max-width: 100%;
    }
}

@media (width <= 1199px) {
    .accountPageOrders__part--count {
        display: none;
    }
}

.accountPageOrders__part--sale {
    margin-right: 64px !important;
}

@media (width <= 1600px) {
    .accountPageOrders__part--sale {
        margin-right: 0 !important;
    }
}

@media (width <= 1199px) {
    .accountPageOrders__part--sale {
        display: none;
    }
}

@media (width <= 768px) {
    .accountPageOrders__part--total {
        width: 30%;
        text-align: right;
    }
}

.accountPageOrders__part--total .accountPageOrders__info li {
    font-weight: 600;
}

@media (width <= 768px) {
    .accountPageOrders__part--total .accountPageOrders__info li {
        white-space: nowrap;
    }
}

.accountPageOrders__part--noCommerce {
    max-width: 260px;
}

@media (width <= 1600px) {
    .accountPageOrders__part--noCommerce {
        max-width: 200px;
    }
}

@media (width <= 1199px) {
    .accountPageOrders__part--noCommerce {
        max-width: 170px;
    }
}

@media (width <= 992px) {
    .accountPageOrders__part--noCommerce {
        max-width: 20%;
    }
}

@media (width <= 768px) {
    .accountPageOrders__part--noCommerce {
        display: none;
    }
}

.accountPageOrders__title {
    color: #949494;
    margin-bottom: 18px;
}

.accountPageOrders__info li:not(:last-child) {
    margin-bottom: 8px;
}

.accountPageOrders__count {
    display: none;
}

@media (width <= 1199px) {
    .accountPageOrders__count {
        display: block;
    }
}

.accountPageOrders__tools {
    padding: 24px;
    border-top: 1px solid #ededed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (width <= 768px) {
    .accountPageOrders__tools {
        padding: 0 16px 24px;
        border-top: none;
        display: -webkit-box;
        
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.accountPageOrders__tools .cartContentTotal__rowTitle {
    margin-right: 34px;
}

@media (width <= 1199px) {
    .accountPageOrders__tools .cartContentTotal__rowTitle {
        margin-right: 16px;
    }
}

@media (width <= 768px) {
    .accountPageOrders__tools
        .cartContentTotal__row--total
        .cartContentTotal__rowValue {
        font-size: 24px;
        font-weight: 700;
        line-height: 32px;
    }
}

.accountPageOrders__tools .cartContentTotal__row--sale {
    display: none;
}

@media (width <= 1199px) {
    .accountPageOrders__tools .cartContentTotal__row--sale {
        display: -webkit-box;
        
        display: -ms-flexbox;
        display: flex;
        margin-right: 16px;
    }
}

@media (width <= 768px) {
    .accountPageOrders__tools .cartContentTotal__row--sale {
        margin-right: 0;
    }
}

.accountPageOrders__tools
    .cartContentTotal__row--sale
    .cartContentTotal__rowTitle {
    max-width: 100%;
}

.accountPageOrders__tools
    .cartContentTotal__row--sale
    .cartContentTotal__rowValue {
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
}

.accountPageOrders__total {
    margin: 0;
}

@media (width <= 768px) {
    .accountPageOrders__total {
        width: 100%;
        margin-bottom: 6px;
    }
}

.accountPageOrders__download {
    margin-right: auto;
    letter-spacing: 0.02em;
    font-size: 12px;
    font-weight: 600;
    line-height: 24px;
    color: #000;
}

@media (width <= 768px) {
    .accountPageOrders__download {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
        margin-bottom: 12px;
    }
}

.accountPageOrders__repeat {
    margin-right: 56px;
    letter-spacing: 0.02em;
    border-color: var(--red-500);
    font-size: 12px;
    font-weight: 600;
    line-height: 24px;
    color: var(--red-500);
}

@media (width <= 1199px) {
    .accountPageOrders__repeat {
        margin-right: 16px;
    }
}

@media (width <= 768px) {
    .accountPageOrders__repeat {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }
}

.accountPageBonus {
    min-height: 100vh;
}

.accountPageBonus::before {
    content: "";
    display: none;
}

@media (width <= 768px) {
    .accountPageBonus::before {
        display: block;
        top: 75%;
    }
}

.accountPageBonus::after {
    content: "";
    display: none;
}

@media (width <= 768px) {
    .accountPageBonus {
        min-height: 1px;
    }
}

.accountPageBonus__content p {
    margin-bottom: 16px;
}

.accountPageBonus__content p a {
    font-weight: 600;
    color: var(--red-500);
}

.accountPageBonus__bonus {
    background: #fff;
    -webkit-box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
            box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
    border-radius: 16px;
    padding: 32px 24px;
    width: auto;
    margin-bottom: 16px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.accountPageBonus__title {
    margin-right: 16px;
}

.accountPageBonus__value {
    color: #52b44e;
}

.blogPage .title {
    margin-bottom: 36px;
}

@media (width <= 992px) {
    .blogPage .accountPageSidebar__head {
        display: none;
    }
}

.blogPage .accountPageSidebar__link:not(:last-child) {
    margin-bottom: 16px;
}

.blogPage__inner::before {
    content: "";
    display: none;
}

@media (width <= 768px) {
    .blogPage__inner::before {
        display: block;
        top: 25%;
    }
}

.blogPage__inner::after {
    content: "";
    display: none;
}

.blogPageArticles {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 16px;
}

@media (width <= 768px) {
    .blogPageArticles {
        grid-template-columns: repeat(1, 1fr);
    }
}

.blogPageArticles__article {
    max-width: 592px;
}

@media (width <= 768px) {
    .blogPageArticles__article {
        max-width: 100%;
    }
}

@media (width <= 768px) {
    .blogPageArticles__article:nth-child(1n + 2) {
        display: block;
    }
}

.blogPageArticles__article:not(:last-child) {
    margin-bottom: 0;
}

.blogPageArticles__article .recipes__thumb {
    height: 292px;
}

@media (width <= 768px) {
    .blogPageArticles__article .recipes__thumb {
        height: 190px;
    }
}

.blogPageArticles__article .recipes__caption {
    padding: 24px;
}

@media (width <= 768px) {
    .blogPageArticles__article .recipes__caption {
        padding: 16px;
    }
}

.blogPageArticles__article .recipes__date {
    margin-bottom: 4px;
}

@media (width <= 768px) {
    .blogPageArticles__article .recipes__date {
        margin-top: 0;
    }
}

.blogPageArticles__article .recipes__title {
    margin-bottom: 8px;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
}

@media (width <= 1199px) {
    .blogPageArticles__article .recipes__title {
        max-height: 64px;
    }
}

@media (width <= 768px) {
    .blogPageArticles__article .recipes__title {
        max-height: 48px;
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
    }
}

.articlePage {
    padding-bottom: 80px;
}

@media (width <= 768px) {
    .articlePage {
        padding-bottom: 40px;
    }
}

.articlePage__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.articlePage__heading h1 {
    margin-right: 20px;
}

@media (width <= 1199px) {
    .articlePage__heading h1 {
        width: 100%;
        margin: 0 0 8px;
    }
}

.articlePage__heading .recipes__categories,
.articlePage__heading .recipes__rate {
    position: static;
}

.articlePage__heading .recipes__categories a {
    background: #f1f1f1;
    margin: 4px 8px 4px 0;
}

@media (width <= 1199px) {
    .articlePage__heading .recipes__categories a {
        padding: 6px 17px;
    }
}

.articlePage__heading .recipes__rate {
    margin: 8px 0;
    background: #f1f1f1;
}

.articlePage__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (width <= 992px) {
    .articlePage__wrap {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}

.articlePage__main {
    padding-top: 37px;
    max-width: 975px;
}

@media (width <= 1600px) {
    .articlePage__main {
        margin-right: 37px;
    }
}

@media (width <= 992px) {
    .articlePage__main {
        margin-right: 0;
        padding-top: 16px;
    }
}

.articlePage__thumb {
    margin-bottom: 48px;
}

@media (width <= 768px) {
    .articlePage__thumb {
        margin-bottom: 16px;
    }
}

.articlePage__content {
    letter-spacing: 0.01em;
    padding-bottom: 16px;
    border-bottom: 1px solid #bebebe;
    margin-bottom: 32px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.articlePage__content p {
    margin-bottom: 16px;
    line-height: 170%;
}

.articlePage__title {
    margin: 32px 0 16px;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
}

.articlePage__tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.articlePage__tags .recipes__categories {
    position: static;
}

.articlePage__tags .recipes__categories a {
    background: #f1f1f1;
}

.articlePage__label {
    margin-right: 10px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: #000;
}

.articlePage__stars {
    margin: 40px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (width <= 768px) {
    .articlePage__stars {
        margin: 24px 0;
    }
}

.articlePage__stars .articlePage__label {
    min-width: 140px;
}

.articlePage__stars--rated .articlePage__starsWrap {
    pointer-events: none;
}

.articlePage__stars--rated .articlePage__label {
    color: #52b44e;
}

.articlePage__star {
    position: relative;
}

.articlePage__star::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 17px;
    height: 16px;
    background: url("../img/icons.svg") -414px -5px no-repeat;
    opacity: 0;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
}

.articlePage__share {
    max-width: 280px;
    padding: 15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (width <= 500px) {
    .articlePage__share {
        max-width: 100%;
    }
}

.articlePage__share::before {
    content: "";
    margin-right: 16px;
}

.articlePage__starsWrap {
    cursor: pointer;
}

.articlePage__starsWrap[data-value="5"] .articlePage__star::after {
    content: "";
    opacity: 1;
}

.articlePage__starsWrap[data-value="4"] .articlePage__star::after {
    content: "";
    opacity: 1;
}

.articlePage__starsWrap[data-value="4"]
    .articlePage__star:nth-child(1n + 5)::after {
    content: "";
    opacity: 0;
}

.articlePage__starsWrap[data-value="3"] .articlePage__star::after {
    content: "";
    opacity: 1;
}

.articlePage__starsWrap[data-value="3"]
    .articlePage__star:nth-child(1n + 4)::after {
    content: "";
    opacity: 0;
}

.articlePage__starsWrap[data-value="2"] .articlePage__star::after {
    content: "";
    opacity: 1;
}

.articlePage__starsWrap[data-value="2"]
    .articlePage__star:nth-child(1n + 3)::after {
    content: "";
    opacity: 0;
}

.articlePage__starsWrap[data-value="1"] .articlePage__star::after {
    content: "";
    opacity: 1;
}

.articlePage__starsWrap[data-value="1"]
    .articlePage__star:nth-child(1n + 2)::after {
    content: "";
    opacity: 0;
}

.articlePageSidebar {
    width: 416px;
}

@media (width <= 1600px) {
    .articlePageSidebar {
        padding-top: 37px;
    }
}

@media (width <= 1199px) {
    .articlePageSidebar {
        width: 330px;
    }
}

@media (width <= 992px) {
    .articlePageSidebar {
        width: 100%;
    }
}

@media (width <= 768px) {
    .articlePageSidebar {
        padding-top: 24px;
    }
}

.articlePageSidebar__title {
    text-transform: uppercase;
    margin-bottom: 17px;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
}

.articlePageSidebar__title::after {
    content: "";
    width: 100%;
    height: 1px;
    background: #b4b4b4;
    display: block;
    margin-left: 20px;
}

.articlePageSidebar__imgWrap {
    width: 100%;
    height: 398px;
    position: relative;
    margin: 45px 0 10px;
    overflow: hidden;
}

@media (width <= 1199px) {
    .articlePageSidebar__imgWrap {
        margin: 10px 0;
    }
}

@media (width <= 768px) {
    .articlePageSidebar__imgWrap {
        height: 222px;
    }
}

.articlePageSidebar__thumb {
    width: 100%;
    padding: 24px 0;
}

@media (width <= 768px) {
    .articlePageSidebar__thumb {
        padding: 0;
        min-height: 1px;
    }
}

@media (width <= 992px) {
    .articlePageSidebar__thumb .offer__info {
        width: 100%;
    }
}

@media (width <= 768px) {
    .articlePageSidebar__thumb .offer__info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    }
}

.articlePageSidebar__thumb .offer__thumb {
    position: absolute;
    top: 0;
    left: 57px;
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 0;
    -o-object-fit: contain;
       object-fit: contain;
}

@media (width <= 992px) {
    .articlePageSidebar__thumb .offer__thumb {
        position: static;
    }
}

.articlePageSidebar__thumb .preview__sticker {
    margin-left: 24px;
    margin-right: 24px;
}

@media (width <= 768px) {
    .articlePageSidebar__thumb .preview__sticker {
        width: auto;
        margin-left: 16px;
        margin-right: 16px;
    }
}

.articlePageSidebar__thumb .offer__title {
    padding: 0 24px;
}

@media (width <= 500px) {
    .articlePageSidebar__thumb .offer__title {
        padding: 0 16px;
    }
}

.articlePageSidebar__thumb .offer__link {
    margin: 0 24px;
}

@media (width <= 768px) {
    .articlePageSidebar__thumb .offer__link {
        position: static;
        margin: 0 16px;
    }
}

.articlePageSidebar__posts {
    margin-top: 40px;
}

.articlePageSidebar__slider {
    position: relative;
}

.articlePageSidebar__slider .sliderArrows__arrow {
    display: none;
}

@media (width <= 768px) {
    .articlePageSidebar__slider .sliderArrows__arrow {
        display: -webkit-box;
        
        display: -ms-flexbox;
        display: flex;
    }
}

.articlePageSidebar__slider .swiper-container {
    overflow: visible;
}

@media (width <= 768px) {
    .articlePageSidebar__slider .swiper-container {
        overflow: hidden;
        padding: 15px 30px;
    }
}

.articlePageSidebar__slider
    .swiper-container.swiper-container-initialized
    .articlePageSidebar__sliderWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 0;
}

.articlePageSidebar__slider
    .swiper-container.swiper-container-initialized
    .swiper-slide {
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.articlePageSidebar__slider
    .swiper-container.swiper-container-initialized
    .swiper-slide.swiper-slide-visible {
    opacity: 1;
}

.articlePageSidebar__sliderWrap {
    display: block;
}

@media (width <= 992px) {
    .articlePageSidebar__sliderWrap {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 16px;
    }
}

.articlePageSidebar__sliderWrap .recipes__item {
    margin-bottom: 24px;
}

.articlePageSidebar__sliderWrap .recipes__item .recipes__thumb {
    height: 198px;
}

.articlePageSidebar__latest {
    margin-top: 40px;
}

@media (width <= 768px) {
    .articlePageSidebar__latest {
        margin-top: 0;
    }
}

.articlePageSidebar__latestSlider {
    position: relative;
}

.articlePageSidebar__latestSlider .sliderArrows__arrow {
    display: none;
}

@media (width <= 768px) {
    .articlePageSidebar__latestSlider .sliderArrows__arrow {
        display: -webkit-box;
        
        display: -ms-flexbox;
        display: flex;
    }
}

.articlePageSidebar__latestSlider .swiper-container {
    overflow: visible;
}

@media (width <= 768px) {
    .articlePageSidebar__latestSlider .swiper-container {
        overflow: hidden;
        padding: 15px 30px;
    }
}

.articlePageSidebar__latestSlider
    .swiper-container.swiper-container-initialized
    .articlePageSidebar__latestWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 0;
}

.articlePageSidebar__latestSlider
    .swiper-container.swiper-container-initialized
    .swiper-slide {
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.articlePageSidebar__latestSlider
    .swiper-container.swiper-container-initialized
    .swiper-slide.swiper-slide-visible {
    opacity: 1;
}

.articlePageSidebar__latest .articlePageSidebar__latestWrap {
    display: block;
}

@media (width <= 992px) {
    .articlePageSidebar__latest .articlePageSidebar__latestWrap {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 16px;
    }
}

.articlePageSidebar__latest .recipes__item {
    margin-bottom: 24px;
}

.articlePageSidebar__latest .recipes__thumb {
    height: 198px;
}

.info__title {
    margin-bottom: 32px;
    text-transform: uppercase;
    font-size: 48px;
    font-weight: 700;
    line-height: 63px;
}

@media (width <= 768px) {
    .info__title {
        margin-bottom: 8px;
        font-size: 30px;
        line-height: 40px;
    }
}

.infoContent {
    padding: 30px 0 0;
}

.info p {
    letter-spacing: 0.02em;
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
    color: #000;
}

@media (width <= 768px) {
    .info p {
        font-size: 16px;
        font-weight: 400;
    }
}

.info p:not(:last-child) {
    margin-bottom: 24px;
}

.aboutPartners {
    padding: 80px 0 24px;
}

@media (width <= 768px) {
    .aboutPartners {
        padding-top: 40px;
    }
}

.aboutPartners::before {
    content: "";
    top: -87px;
    z-index: -1;
}

@media (width <= 992px) {
    .aboutPartners::before {
        top: -355px;
    }
}

.aboutPartners::after {
    content: "";
    display: none;
}

.aboutPartners .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (width <= 992px) {
    .aboutPartners .container {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}

.aboutPartners__info {
    margin-right: 12%;
    width: 50%;
}

@media (width <= 1199px) {
    .aboutPartners__info {
        max-width: 49%;
        margin-right: 24px;
    }
}

@media (width <= 992px) {
    .aboutPartners__info {
        max-width: 100%;
        width: 100%;
        margin-right: 0;
    }
}

.aboutPartnersContacts {
    padding-top: 64px;
}

@media (width <= 992px) {
    .aboutPartnersContacts {
        padding-top: 16px;
    }
}

.aboutPartnersContacts__items {
    margin-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (width <= 1199px) {
    .aboutPartnersContacts__items {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}

@media (width <= 992px) {
    .aboutPartnersContacts__items {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    }
}

@media (width <= 768px) {
    .aboutPartnersContacts__items {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}

.aboutPartnersContacts__item {
    /* width: 100%; */
    margin: 0 8px 20px;
}

.aboutPartnersContacts__label {
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #909090;
}

.aboutPartnersContacts__val {
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    color: #000;
}

@media (width <= 992px) {
    .aboutPartners .modal {
        margin: 14px auto 0;
    }
}

@media (width <= 768px) {
    .aboutPartners .modal .modal__win {
        max-width: 200%;
        width: auto;
        margin: 0 -4%;
        border-radius: 0;
    }
}

.aboutPartners .modal .modal__close {
    display: none;
}

@media (width <= 768px) {
    .aboutPartners .modal .modal__title {
        padding: 20px 4%;
    }
}

@media (width <= 768px) {
    .aboutPartners .modal .modal__subtitle {
        padding: 10px 4%;
    }
}

@media (width <= 768px) {
    .aboutPartners .modal .modal__form {
        padding: 10px 4% 0;
    }
}

.about .clients {
    padding-top: 80px;
}

.partnersPage .partners {
    padding-top: 80px;
}

@media (width <= 768px) {
    .partnersPage .partners {
        padding-top: 64px;
    }
}

.partnersPage__info p {
    margin: 32px 0 0 !important;
    letter-spacing: 0.01em;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.partnersPage__lists {
    padding-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media (width <= 768px) {
    .partnersPage__lists {
        padding-top: 16px;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}

.partnersPage__lists ul {
    padding: 0;
    border: none;
}

.partnersPage__lists ul:not(:last-child) {
    margin-right: 46px;
}

@media (width <= 768px) {
    .partnersPage__lists ul:not(:last-child) {
        margin-right: 0;
    }
}

.partnersPageTenders {
    padding: 289px 0 0;
}

@media (width <= 768px) {
    .partnersPageTenders {
        padding: 64px 0 0;
    }
}

.partnersPageTenders::before {
    content: "";
    top: 75px;
}

@media (width <= 768px) {
    .partnersPageTenders::before {
        top: -270px;
    }
}

.partnersPageTenders::after {
    content: "";
    display: none;
}

@media (width <= 768px) {
    .partnersPageTenders::after {
        display: block;
        bottom: -500px;
    }
}

.partnersPageTenders .info__title {
    text-align: center;
}

@media (width <= 768px) {
    .partnersPageTenders .info__title {
        text-align: left;
        font-size: 24px;
        font-weight: 700;
        line-height: 32px;
        color: #000;
    }
}

.partnersPageTenders__slider {
    margin-top: 57px;
    position: relative;
}

@media (width <= 768px) {
    .partnersPageTenders__slider {
        margin-top: 24px;
    }
}

.partnersPageTenders__slider .sliderArrows__prev {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

@media (width <= 768px) {
    .partnersPageTenders__slider .sliderArrows__prev {
        left: -3%;
    }
}

.partnersPageTenders__slider .sliderArrows__next {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

@media (width <= 768px) {
    .partnersPageTenders__slider .sliderArrows__next {
        right: -3%;
    }
}

.partnersPageTenders__wrap {
    padding: 15px 130px;
    margin: -15px;
}

@media (width <= 768px) {
    .partnersPageTenders__wrap {
        padding: 15px 30px;
    }
}

.partnersPageTenders__wrap .swiper-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.partnersPageTenders__wrap.swiper-container-initialized .swiper-wrapper {
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
}

.partnersPageTenders__item {
    background: #fff;
    -webkit-box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
            box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
    border-radius: 32px;
    padding: 32px 0;
    width: 640px;
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

@media (width <= 768px) {
    .partnersPageTenders__item {
        padding: 16px 8px;
        border-radius: 0;
    }
}

.partnersPageTenders__item.swiper-slide-visible {
    opacity: 1;
}

.partnersPageTenders__item:not(:last-child) {
    margin-right: 32px;
}

.partnersPageTenders__item p {
    letter-spacing: 0.01em;
    margin-top: 16px;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #000;
}

@media (width <= 1199px) {
    .partnersPageTenders__item p {
        height: auto;
        overflow: visible;
    }
}

.partnersPageTenders__header {
    padding: 0 48px;
}

@media (width <= 992px) {
    .partnersPageTenders__header {
        height: auto;
    }
}

@media (width <= 768px) {
    .partnersPageTenders__header {
        padding: 0 8px;
    }
}

.partnersPageTenders__header .heading {
    height: 64px;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (width <= 1199px) {
    .partnersPageTenders__header .heading {
        height: auto;
        overflow: visible;
    }
}

.partnersPageTenders__list {
    margin-top: 16px;
    padding: 24px 48px 0;
    border-top: 1px solid #ededed;
    height: 209px;
    overflow: auto;
}

@media (width <= 768px) {
    .partnersPageTenders__list {
        padding: 14px 8px;
        height: auto;
    }
}

.partnersPageTenders__list li:not(:last-child) {
    margin-bottom: 16px;
}

.partnersPageTenders__end {
    margin-top: 40px;
    text-align: center;
}

@media (width <= 768px) {
    .partnersPageTenders__end {
        text-align: left;
    }
}

.partnersPageTenders__end a {
    color: var(--red-500);
}

.partnersPageTenders__btn {
    max-width: 480px;
    margin: 40px auto 0;
}

@media (width <= 768px) {
    .partnersPageTenders__btn {
        margin: 24px auto 0;
    }
}

.carriersPage .infoContent::after {
    content: "";
    display: none;
}

.carriersPage .infoContent::before {
    content: "";
    top: -360px;
}

.carriersPageVacancies {
    padding: 80px 0;
}

@media (width <= 768px) {
    .carriersPageVacancies {
        padding: 30px 0 10px;
    }
}

.carriersPageVacancies__list {
    margin-top: 24px;
}

.carriersPageVacancies__list .items__item {
    min-height: 123px;
    padding-left: 80px;
}

@media (width <= 992px) {
    .carriersPageVacancies__list .items__item {
        padding-left: 24px;
    }
}

@media (width <= 768px) {
    .carriersPageVacancies__list .items__item {
        display: -webkit-box;
        
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    }
}

.carriersPageVacancies__list .items__item:not(:last-child) {
    margin-bottom: 16px;
}

.carriersPageVacancies__list .items__col {
    overflow: visible;
}

@media (width <= 992px) {
    .carriersPageVacancies__list .items__col {
        width: 25% !important;
    }
}

@media (width <= 768px) {
    .carriersPageVacancies__list .items__col {
        width: 48% !important;
    }
}

.carriersPageVacancies__list .items__colFirst {
    -ms-flex-item-align: center;
    align-self: center;
    width: 300px;
}

.carriersPageVacancies__list .items__colSecond {
    width: 340px;
    -ms-flex-item-align: center;
    align-self: center;
}

.carriersPageVacancies__list .items__colThird {
    width: 500px;
    border-left: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (width <= 768px) {
    .carriersPageVacancies__list .items__colThird {
        display: none;
    }
}

.carriersPageVacancies__list .items__colFourth {
    width: 303px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (width <= 992px) {
    .carriersPageVacancies__list .items__colFourth {
        display: -webkit-box;
        
        display: -ms-flexbox;
        display: flex;
    }
}

@media (width <= 768px) {
    .carriersPageVacancies__list .items__colFourth {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 0;
    }
}

@media (width <= 768px) {
    .carriersPageVacancies__list .offer__link {
        position: static;
    }
}

.carriersPageVacancies__label {
    letter-spacing: 0.01em;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #a1a1a1;
}

.carriersPageVacancies__value {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    color: #000;
}

.carriersPagePhotos {
    padding: 80px 0 100px;
}

@media (width <= 768px) {
    .carriersPagePhotos {
        padding: 40px 0;
    }
}

.carriersPagePhotos__wrap {
    display: grid;
    grid-template-columns: repeat(5, 20%);
}

@media (width <= 992px) {
    .carriersPagePhotos__wrap {
        grid-template-columns: repeat(4, 25%);
    }
}

.carriersPagePhotos__photo {
    height: 332px;
    background: #fff;
}

@media (width <= 992px) {
    .carriersPagePhotos__photo {
        height: 102px;
    }
}

@media (width <= 992px) {
    .carriersPagePhotos__photo:nth-child(1n + 10) {
        display: none;
    }
}

.carriersPagePhotos__photo img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.carriersPagePhotos__photo--empty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (width <= 768px) {
    .carriersPagePhotos__photo--empty {
        display: none;
    }
}

.carriersPagePhotos__empty {
    text-transform: uppercase;
    font-size: 48px;
    font-weight: 700;
    line-height: 63px;
    color: var(--red-500);
}

@media (width <= 768px) {
    .vacancyInfo .container {
        width: 100%;
    }
}

.vacancyInfo .partnersPageTenders__item {
    opacity: 1;
    width: 100%;
}

@media (width <= 768px) {
    .vacancyInfo .partnersPageTenders__item {
        border-radius: 0;
    }
}

.vacancyInfo .partnersPageTenders__item:not(:last-child) {
    margin-bottom: 39px;
}

@media (width <= 768px) {
    .vacancyInfo .partnersPageTenders__item:not(:last-child) {
        margin-bottom: 16px;
    }
}

.vacancyInfo .partnersPageTenders__item p {
    height: auto;
    overflow: visible;
}

.vacancyInfo .partnersPageTenders__list {
    height: auto;
}

@media (width <= 768px) {
    .vacancyInfo .partnersPageTenders__list {
        padding: 24px 4% 0;
        margin-top: 16px;
    }
}

.vacancyInfo .partnersPageTenders__list li {
    font-size: 16px;
}

@media (width <= 768px) {
    .vacancyInfo .partnersPageTenders__header {
        padding: 0 4%;
    }
}

.vacancyInfo .partnersPageTenders__header .heading {
    height: auto;
    overflow: visible;
}

.vacancy .aboutPartners::before {
    content: "";
    top: -222px;
}

.contactsContent {
    padding: 38px 0 104px;
}

@media (width <= 768px) {
    .contactsContent {
        padding: 8px 0 40px;
    }
}

.contactsContent::before {
    content: "";
    display: none;
}

@media (width <= 768px) {
    .contactsContent::before {
        display: block;
        top: 485px;
    }
}

.contactsContent::after {
    content: "";
    display: none;
}

.contactsContent .container {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.contactsContent .aboutPartnersContacts {
    padding-top: 0;
}

.contactsContent .aboutPartnersContacts__val {
    font-size: 16px;
    line-height: 19px;
}

@media (width <= 768px) {
    .contactsContent .modal {
        margin-top: 40px;
    }
}

.contactsContent__map {
    margin-top: 42px;
}

@media (width <= 768px) {
    .contactsContent__map {
        margin-top: 12px;
    }
}

.contactsContent__map iframe {
    display: block;
    width: 100%;
    height: 475px;
}

@media (width <= 768px) {
    .contactsContent__map iframe {
        height: 392px;
    }
}

.notFound {
    padding: 0 0 129px;
}

@media (width <= 768px) {
    .notFound {
        padding: 0 0 40px;
    }
}

.notFoundInner::before {
    content: "";
    display: none;
    top: 83%;
}

@media (width <= 768px) {
    .notFoundInner::before {
        display: block;
    }
}

.notFoundInner::after {
    content: "";
    display: none;
}

.notFoundInner .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.notFoundInner__content {
    width: 49%;
    text-align: center;
}

@media (width <= 768px) {
    .notFoundInner__content {
        width: 100%;
    }
}

@media (width <= 768px) {
    .notFoundInner__title {
        font-size: 20px;
        font-weight: 700;
        line-height: 24px;
    }
}

.notFoundInner__code {
    font-size: 189px;
    font-weight: 600;
    line-height: 257px;
    color: var(--red-500);
}

@media (width <= 768px) {
    .notFoundInner__code {
        font-size: 101px;
        font-weight: 600;
        line-height: 137px;
    }
}

.notFoundInner__text {
    text-align: left;
    max-width: 500px;
    margin: 0 auto;
}

.notFoundInner__text p {
    letter-spacing: 0.01em;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #000;
}

.notFoundInner__btn {
    display: block;
    max-width: 364px;
    margin: 47px auto 0;
    padding: 15px 0;
}

@media (width <= 768px) {
    .notFoundInner__btn {
        max-width: 100%;
        margin: 40px auto 0;
    }
}

.notFoundInner__img {
    width: 49%;
    text-align: center;
}

@media (width <= 768px) {
    .notFoundInner__img {
        display: none;
    }
}

.notFoundInner__img img {
    -webkit-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
            transform: rotate(3deg);
}

.notFoundInner__mobile {
    display: none;
    max-width: 300px;
    margin: 0 auto;
}

@media (width <= 768px) {
    .notFoundInner__mobile {
        display: block;
    }
}

.deliveryPageContent {
    padding: 32px 0 84px;
}

@media (width <= 768px) {
    .deliveryPageContent {
        padding: 16px 0 40px;
    }
}

.deliveryPageContent .articlePage__content {
    max-width: 1310px;
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

/* custom */
.cashback-title {
    font-size: 14px;
    padding: 15px 15px 10px;
}

.cashback-title b {
    color: var(--red-500);
}

.use_cashback::before {
    content: "";
    width: 7px;
    height: 7px;
    background: #fff;
    border: 3px solid #fff;
            -webkit-box-shadow: 0 0 0 2px var(--red-500);
                    box-shadow: 0 0 0 2px var(--red-500);
    margin-right: 10px;
    border-radius: 50%;
}

.use_cashback.active::before {
    background: var(--red-500);
}

.use_cashback {
    border: none;
    background: none;
    margin: 0 15px 10px;
    padding: 0;
    position: relative;
    font-weight: bold;
    cursor: pointer;
    display: -webkit-box;
    
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.alert.alert-danger {
    color: var(--red-500);
    font-weight: bold;
    margin-bottom: 20px;
}

#cart_total .alert,
.cartContentTotal .alert {
    font-size: 11px;
    color: var(--red-500);
    font-weight: normal;
    margin: 0;
    padding: 5px 24px;
}

.dropdown-menu {
    position: absolute;
    z-index: 10;
    background: #fff;
    -webkit-box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
            box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
    border-radius: 16px;
    padding: 15px;
    display: none;
    max-height: 300px;
    overflow: auto;
}

.dropdown-menu li + li {
    margin-top: 10px;
}

.custom-list {
    width: 100%;
}

.articlePage__heading .title {
    font-size: 42px;
}

.articlePage__content ol li {
    list-style: none;
    margin-bottom: 16px;
}

.articlePage__content ol {
    counter-reset: list;
    margin-left: 20px;
}

.articlePage__content ol li::before {
    counter-increment: list;
    content: counter(list) ". ";
    font-weight: 700;
    color: var(--red-500);
}

.articlePage__content ul {
    margin-left: 20px;
    list-style: none !important;
    padding: 0 !important;
}

.articlePage__content ul li {
    position: relative;
    list-style: none !important;
    margin-bottom: 12px;
    padding-left: 26px !important;
}

.articlePage__content ul li::before {
    content: "";
    position: absolute;
    top: 11px;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--red-500);
}

.articlePage__content h2 {
    font-size: 30px;
    line-height: 40px;
    padding-bottom: 10px;
}

.articlePage__content h3 {
    font-size: 25px;
    line-height: 40px;
    padding-bottom: 10px;
}

/* **************** */

@media screen and (width <= 360px) {
    .articlePage__heading .title {
        font-size: 30px;
    }

    .itemsWishlist__tools {
        width: auto;
    }

    .itemsWishlist__tools .preview__buy {
        font-size: 0;
        width: auto;
        padding: 15px;
    }

    .itemsWishlist__tools .preview__buy::before {
        margin-right: 0;
    }
}

@media screen and (width <= 768px) {
    .articlePage__heading .title {
        font-size: 30px;
    }

    .header__top_mobile {
        background: #242424;
        display: block !important;
    }

    .header__top_mobile .header__toolbar {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .header__top_mobile .header__toolbar a {
        font-size: 12px;
    }
}

@media screen and (width <= 380px) {
    .header__top_mobile .header__toolbar a {
        font-size: 10px;
    }
}