:root {
    /* --- Backgrounds --- */
    --site-bg-color: #fff;
    --site-footer-color: #fff;
    --main-color: #360;
    --main-color-light: #6e9147;
    --main-color-light-er: #D0D9C7;
    --sub_main-color: #EFC029;
    --sub_main-color-light-er: #FFC200;
    --btn-bg: #000;
    --btn-bg-hover: #336600;
    --icon-color: #BDBDBD;
    --icon-color-gray: #828282;
    --active-icon-color: #000;
    --table-gray: #f5f5f5;
    /* --- Texts --- */
    --text: #000;
    --text-error: #aa1010;
    --text-contrast: #fff;
    --text-light: #828282;
    /* --- Links --- */
    --link: #360;
    --link-hover: #fac10a;
    /* --- Borders --- */
    --item-border: #d8dadb;
    --border-color: #E9E8E8;
    --border-radius: 0px;
    /* --- Common colors --- */
    --white: #fff;
    --error: #aa1010;
    --error_light: #DD2B12;
    --success: #360;
    --gray: #666;
    --gray-light: #F5F5F5;
    --orange: #d79b00;
    /* --- Socials & Messengers --- */
    --viber: #675da9;
    --telegram: #0088cc;
    --whatsapp: #26d266;
    --facebook: #1877F2;
    --twitter: #1d9bf0;
    --youtube: #f00;
    --tiktok: #000;
    --instagram: #f7085c;
    /* --- Slider for Prices & Filters --- */
    --slider-handle-width: 24px;
    --slider-handle-width-minus: -24px;

    --product-slider-margin: calc((100% - 1400px) / 2);
}

/* --- Body - fonts, colors, background --- */
Body {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: var(--text);
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    min-width: 370px;
    background: var(--site-bg-color);
}

Body.body_overflow {
    overflow: hidden;
}

.centre {
    margin: 0 auto;
    padding: 0 16px;
    width: 100%;
    max-width: 1400px;
}

/* --- Common other --- */
*, *::before, *::after {
    box-sizing: border-box;
}

Body, H1, H2, H3, H4, P, LI, Figure, Figcaption, Blockquote, DL, DD {
    margin: 0;
}

Menu, UL, OL {
    list-style: none;
    margin: 0;
    padding: 0;
}

Img {
    display: block;
}

Input, Button, Textarea, Select {
    font: inherit;
}

/* --- Common Link --- */
A.link {
    color: var(--link);
    text-decoration: underline;
    width: max-content;
    transition: .3s;
}

A.link:hover {
    color: var(--link-hover);
}

A.link.inverse {
    color: var(--link-hover);
}

A.link.inverse:hover {
    color: var(--orange);
}

/* --- Arrows --- */
.has_arrow::before, .has_arrow::after {
    content: '';
    width: 8px;
    height: 2px;
    border-radius: 2px;
    background: var(--link);
    position: absolute;
    top: 11px;
    right: 0;
    transform: rotate(-45deg);
    transition: .3s;
}

.has_arrow::after {
    top: 6px;
    transform: rotate(45deg);
}

.has_arrow.left::before {
    transform: rotate(45deg);
}

.has_arrow.left::after {
    transform: rotate(-45deg);
}

.has_arrow.bottom::before {
    top: 18px;
    right: 11px;
}

.has_arrow.bottom::after {
    top: 18px;
    right: 16px;
}

.has_arrow.bottom.open::before {
    transform: rotate(45deg);
}

.has_arrow.bottom.open::after {
    transform: rotate(-45deg);
}

.has_arrow.top::before {
    top: 18px;
    right: 16px;
}

.has_arrow.top::after {
    top: 18px;
    right: 11px;
}

.has_arrow:hover::before, .has_arrow:hover::after {
    background: var(--link-hover);
}

/* --- Dropdown --- */
.dropdown {
    position: relative;
    border-radius: var(--border-radius);
    display: flex;
    border: 1px solid var(--btn-bg);
    height: 38px;
    transition: .3s;
}

.dropdown.error {
    border-color: var(--error_light);
}

.dropdown.dropdown-open {
    border-radius: var(--border-radius) var(--border-radius) 0 0;
    transition: .3s;
}

.dropdown .overflow {
    width: 100%;
    height: 100%;
    padding: 0 40px 0 0;
    background: var(--white);
    position: relative;
}

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

.dropdown Span {
    color: var(--text-light);
    font-size: 16px;
    line-height: 1.2;
    cursor: pointer;
    height: 100%;
    padding: 0 0 0 12px;
    overflow: hidden;
    display: flex;
    align-items: center;
    white-space: nowrap;
    z-index: 2;
}

.dropdown .overflow Input {
    border: none;
    height: 100%;
    width: 100%;
    padding: 0 0 0 8px;
}

.drop_arrow {
    font-size: 0;
    position: absolute;
    right: 0;
    top: 0;
    background: var(--white);
    border: none;
    width: 38px;
    height: 100%;
    transition: .3s;
    cursor: pointer;
}

.drop_arrow::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -5px 0 0 -4px;
    width: 8px;
    height: 8px;
    border: 2px solid var(--btn-bg);
    transform: rotate(45deg);
    border-top: none;
    border-left: none;
    transition: .3s;
}

.dropdown-open .drop_arrow::after {
    transform: rotate(-135deg);
    margin: -2px 0 0 0;
}

.dropdown UL, .autocomplete-suggestions {
    position: absolute;
    top: 36px;
    right: -1px;
    left: -1px;
    background: var(--white);
    border: 1px solid var(--btn-bg);
    z-index: 12;
    margin: 0;
    border-top: none;
    overflow: auto;
    overflow-x: hidden;
    max-height: 400px;
    display: none;
    transition: .3s;
    padding: 12px 16px 16px 16px;
}

.autocomplete-suggestions {
    margin: -2px 0 0 0;
}

.dropdown UL LI {
    position: relative;
    background: none;
    width: 100%;
    border-bottom: 1px solid var(--border-color);
}

.autocomplete-suggestion + .autocomplete-suggestion {
    border-top: 1px solid var(--border-color);
}

.dropdown UL LI A, .autocomplete-suggestion {
    width: 100%;
    font-size: 16px;
    line-height: 1.2;
    text-decoration: none;
    color: var(--text);
    position: relative;
    display: flex;
    padding: 16px 0;
    cursor: pointer;
    transition: .3s;
    align-items: center;
    justify-content: space-between;
}

.autocomplete-suggestion {
    justify-content: flex-start;
}

.dropdown UL LI A .icon {
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    fill: var(--main-color);
}

.dropdown UL LI.selected A .icon {
    opacity: 1;
    visibility: visible;
}

/* --- Slider for Price or Filters --- */
.noUi-target * {
    cursor: default;
}

.slider_properties {
    width: calc(100% - (var(--slider-handle-width) * 2));
    display: flex;
    position: relative;
}

.slider_properties::before {
    content: '';
    position: absolute;
    width: calc(100% + (var(--slider-handle-width) * 2));
    height: 3px;
    background: var(--border-color);
    border-radius: var(--border-radius);
    left: 0;
    top: 0;
}

.noUi-base {
    height: 3px;
    width: 100%;
    position: relative;
    max-width: 100%;
    left: var(--slider-handle-width);
    background: var(--border-color);
    border-radius: var(--border-radius);
    z-index: 1;
}

.noUi-handle {
    height: 24px;
    width: var(--slider-handle-width);
    background: var(--main-color);
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    cursor: pointer;
}

.noUi-handle-lower {
    left: var(--slider-handle-width-minus);
}

.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    background: var(--sub_main-color);
    height: 3px;
}

.noUi-origin + .noUi-origin {
    background: var(--border-color);
    z-index: 3;
}

/* --- Radiobutton --- */
.radio_wrap, .check_wrap {
    padding: 8px 8px 8px 30px;
    margin: 0 0 8px 0;
    position: relative;
}

Input[type="radio"]:checked, Input[type="radio"]:not(:checked), Input[type="checkbox"], Input[type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

Input[type="radio"]:checked + Label, Input[type="radio"]:not(:checked) + Label, Input[type="checkbox"]:checked + Label, Input[type="checkbox"]:not(:checked) + Label {
    position: relative;
    line-height: 1.2;
    cursor: pointer;
}

Input[type="radio"]:checked + Label::before, Input[type="radio"]:not(:checked) + Label::before, Input[type="checkbox"]:checked + Label::before, Input[type="checkbox"]:not(:checked) + Label::before, .check_item::before, .radio_item::before {
    content: '';
    position: absolute;
    left: -30px;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid var(--btn-bg);
    background: var(--white);
    border-radius: 50%;
    transition: .3s;
}

Input[type="radio"]:not(:checked) + Label:hover::before, Input[type="radio"]:checked + Label::before, Input[type="checkbox"]:not(:checked) + Label:hover::before, Input[type="checkbox"]:checked + Label::before, .check_item:hover::before,
.radio_item:hover::before, .check_item.active::before, .radio_item.active::before {
    border-color: var(--text-light);
}

Input[type="radio"]:checked + Label::after, Input[type="radio"]:not(:checked) + Label::after, Input[type="checkbox"]:checked + Label::after, Input[type="checkbox"]:not(:checked) + Label::after, .check_item.active::after, .radio_item.active::after {
    left: -30px;
    top: 0;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: var(--btn-bg);
    background-image: url("../images/check.svg");
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    content: '';
    position: absolute;
    transition: .3s;
}

Input[type="radio"]:not(:checked) + Label::after, Input[type="checkbox"]:not(:checked) + Label::after, .check_item::after, .radio_item::after {
    opacity: 0;
}

/* --- Radiobutton If <a href="#"></a> --- */
.radio_item, .check_item {
    text-decoration: none;
    color: var(--link);
    display: inline-flex;
    padding: 0 0 0 32px;
    position: relative;
    transition: .3s;
}

.radio_item:hover, .check_item:hover {
    color: var(--link-hover);
}

.radio_item::before, .check_item::before {
    left: 0;
    top: 8px;
}

.radio_item.active::after {
    left: 4px;
    top: 12px;
}

/* --- Checkbox --- */
Input[type="checkbox"]:checked + Label::before, Input[type="checkbox"]:not(:checked) + Label::before, .check_item::before {
    border-radius: var(--border-radius);
}

Input[type="checkbox"]:checked + Label::after, Input[type="checkbox"]:not(:checked) + Label::after, .check_item.active::after {
    left: -29px;
    top: 1px;
    width: 16px;
    height: 16px;
    border-radius: 0;
    background-color: var(--btn-bg);
    background-image: url("../images/check.svg");
    background-repeat: no-repeat;
    background-position: center;
}

/* --- Checkbox If <a href="#"></a> --- */
.check_item.active::after {
    left: 4px;
    top: 12px;
}

.credit_form_total {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.credit_form_price {
    font-weight: 700;
    font-size: 22px;
    padding: 15px;
}

.bank_logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 25px;
}

.bank_logo img {
    margin-bottom: 10px;
}

.credit_form_col {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    text-align: center;
}

/* --- Slick Slider - Main styles --- */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
}

.slick-slider .slick-track, .slick-slider .slick-list {
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    min-height: 1px;
    outline: none;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide Img {
    display: block;
}

.slick-slide.slick-loading Img {
    display: none;
}

.slick-slide.dragging Img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.main_col {
    display: flex;
    flex-direction: column;
}

/* --- Article Preview --- */
Article {
    font-size: 16px;
    line-height: 1.5;
    margin: 0 0 32px 0;
}

.article_close {
    display: none;
}

Article .title_wrap {
    text-align: center;
}

Article .title_wrap .main_title {
    margin: 0;
}

Article .article_text H1 {
    font-size: 28px;
    margin: 0 0 16px 0;
    font-weight: 700;
    line-height: 1.4;
}

Article .article_text H2 {
    font-size: 24px;
    margin: 14px 0 14px 0;
    font-weight: 700;
    line-height: 1.4;
}

Article .article_text H3 {
    font-size: 18px;
    text-transform: uppercase;
    margin: 12px 0 12px 0;
    font-weight: 700;
    line-height: 1.4;
}

Article .article_text H4 {
    font-size: 16px;
    text-transform: uppercase;
    margin: 8px 0 8px 0;
    font-weight: 700;
    line-height: 1.2;
}

Article P {
    margin: 0 0 16px 0;
}

Article P:last-child {
    margin: 0;
}

Article A {
    color: var(--link);
    transition: .3s;
}

Article A:hover {
    color: var(--link-hover);
}

Article UL {
    list-style: disc;
    margin: 0 0 16px 0;
    padding: 0 0 0 32px;
    display: flex;
    flex-direction: column;
}

Article OL {
    list-style: decimal;
    margin: 0 0 16px 0;
    padding: 0 0 0 32px;
    display: flex;
    flex-direction: column;
}

Article UL LI::marker, Article OL LI::marker {
    font-size: 20px;
    font-weight: 700;
}

Article HR {
    background: var(--border-color);
    border: 0;
    height: 1px;
    margin: 0 0 16px 0;
}

Article Sub, Article Sup {
    font-size: 10px;
}

Article Blockquote {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
    margin: 0 0 16px 0;
}

Article Figure.table {
    min-width: 100%;
    margin: 0 0 16px 0;
}

Article .table Table {
    border-collapse: collapse;
    border-color: var(--site-bg-color);
    border-style: solid;
    width: 100%;
    overflow: hidden;
    table-layout: fixed;
}

Article .table Table TR:nth-child(odd) {
    background: var(--site-bg-color);
}

Article .table Table TR:nth-child(even) {
    background: var(--text-contrast);
}

Article .table Table TH {
    background: var(--main-color);
    color: var(--text-contrast);
    padding: 8px;
    text-align: left;
    border: none;
    word-wrap: break-word;
}

Article .table Table TD {
    border-right: 1px solid var(--site-bg-color);
    padding: 8px;
    text-align: left;
    word-wrap: break-word;
}

Article .table Table TR:nth-child(odd) TD {
    border-color: var(--text-contrast);
}

Article .image-inline {
    max-width: 100%;
    height: auto !important;
    opacity: 1 !important;
    min-width: 100%;
}

@media (max-width: 760px) {
    Article Img {
        max-width: 100% !important;
        height: auto !important;
    }
}

Article Img:not([width], [height]) {
    width: auto;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

Article .image Img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    min-width: 100%;
}

Article .image {
    display: table;
    clear: both;
    text-align: center;
    margin: 0 0 16px 0;
}

Article .image > figcaption {
    background-color: var(--text-contrast);
    caption-side: bottom;
    color: var(--main-color);
    display: table-caption;
    font-size: 12px;
    outline-offset: -1px;
    padding: 6px 12px;
    word-break: break-word;
}

@media (max-width: 767px)  {
    Article .image.image_resized.image-style-side {
        width: 100% !important;
        margin-left: 0 !important;
    }

    Article .image.image_resized {
        width: 100% !important;
        margin-left: 0;
    }

    Article Img {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

Article Img {
    float: left;
    margin-right: 20px;
}

Article .image.image_resized {
    margin-left: auto;
    margin-right: auto;
}

Article .image.image_resized.image-style-side {
    margin: 0 0 8px 16px;
}

Article .long_div.article_btn {
    margin: 16px 0;
}

Article A.has_arrow {
    position: relative;
    padding: 0 20px 0 0;
}

Article A.has_arrow.bottom::before, Article A.has_arrow.bottom::after {
    top: 11px;
    right: 0;
}

Article A.has_arrow.top::before, Article A.has_arrow.top::after {
    top: 10px;
    right: 5px;
}

Article A.has_arrow.bottom::after {
    right: 5px;
}

Article A.has_arrow.top::after {
    right: 0;
}

Article A.inverse.has_arrow::before, Article A.inverse.has_arrow::after {
    background: var(--link-hover);
}

Article A.inverse.has_arrow:hover::before, Article A.inverse.has_arrow:hover::after {
    background: var(--orange);
}

/* --- Input & Textarea - Common styles --- */
Input {
    height: 52px;
    border: none;
    border-radius: var(--border-radius);
    padding: 0 12px;
    outline: none;
}

Input[type=text], Input[type=password], Input[type=email], Input[type=tel], Input[type=number], Textarea {
    border: 1px solid var(--btn-bg);
    transition: border 0.3s;
}

Input[type=text].error, Input[type=password].error, Input[type=email].error, Input[type=tel].error, Input[type=number].error, Textarea.error {
    border: 1px solid var(--error_light) !important;
    background-image: url("../images/danger.png");
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) 50%;
}

.password_box Input[type=password].error, .password_box Input[type="text"].error {
    background: none;
}

Input[type=text]:focus, Input[type=password]:focus, Input[type=email]:focus, Input[type=tel]:focus, Input[type=number]:focus, Textarea:focus {
    border-color: var(--main-color-light) !important;
    outline: 0;
    outline-offset: 0;
}

Textarea {
    padding: 6px 8px;
    resize: vertical;
    outline: none;
    border-radius: var(--border-radius);
    min-height: 120px;
}

/* --- Popup --- */
.popup {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 16px);
    max-width: 500px;
    background: var(--site-bg-color);
    padding: 16px;
    border-radius: var(--border-radius);
    z-index: 13;
    box-shadow: 0 8px 30px rgba(0, 0, 0, .3);
    overflow: auto;
    max-height: calc(100% - 64px);
}

/* --- Preloader --- */
.popup.popup_ring {
    display: flex;
    justify-content: center;
    background: none;
    box-shadow: none;
}

/* --- To Wishlist or Compare - Popup --- */
.for_wish_product {
    display: flex;
    margin: 0 0 24px 0;
}

.wl_text {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.wlt_tit {
    display: flex;
    margin: 0 0 8px 0;
}

.wlt_price {
    font-size: 18px;
    color: var(--orange);
}

.wlt_price Small {
    font-size: 15px;
}

.wishes_popup .row {
    display: flex;
    justify-content: center;
}

/* --- Rows & Hidden & Black - Common styles --- */
.hidden {
    display: none !important;
}

.black {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background: rgba(0, 0, 0, .1);
    z-index: 12;
}

.black::before {
    content: '';
    width: 100%;
    height: 100%;
    background: transparent;
    position: absolute;
    top: 0;
    left: 0;
    transition: .3s;
    z-index: -1;
    backdrop-filter: blur(2px);
}

.black.less {
    z-index: 10;
}

.long_div {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 0 16px 0;
}

.long_div.error {
    border: 2px solid var(--error);
    border-radius: var(--border-radius);
    padding: 8px 16px 8px 38px;
    color: var(--error);
    background: url("../images/danger.png") no-repeat 8px 50%;
    background-size: 22px;
}

.long_div.center {
    text-align: center;
    justify-content: center;
}

.long_div.row {
    flex-direction: row;
}

.long_div Label {
    margin: 0 0 4px 0;
}

/* --- Title - Common styles --- */
.title_wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 16px 0;
}

.main_title {
    display: flex;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--text);
}

svg.icon {
    width: 20px;
    height: 20px;
    transition: .3s;
}

svg.icon.margin {
    margin: 0 6px 0 0;
}

svg.icon.margin.big {
    margin: 0 12px 0 0;
}

.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    width: max-content;
    background: var(--btn-bg);
    padding: 0 16px;
    border-radius: var(--border-radius);
    text-decoration: none;
    font-size: 14px;
    color: var(--text-contrast);
    text-align: center;
    cursor: pointer;
    position: relative;
    border: none;
    transition: .3s;
    text-transform: uppercase;
    font-weight: 700;
}

.btn:hover, .btn.active, .lor_col .together A:hover, .lor_col .together A.active, .enter_form .together A.btn.active, .enter_form .together A.btn:hover {
    background: var(--btn-bg-hover);
}

.btn.mini {
    font-size: 14px;
    padding: 0 8px;
    min-height: 28px;
}

.btn.light {
    background: var(--white);
    color: var(--text);
}

.btn.light:hover {
    background: var(--sub_main-color);
    color: var(--text);
}

.btn.inverse {
    background: var(--main-color);
    color: var(--text-contrast);
    border: 2px solid transparent;
}

.btn.inverse:hover {
    background: var(--main-color-light);
    color: var(--text-contrast);
}

.btn.light.inverse {
    background: var(--main-color-light);
    color: var(--site-bg-color);
    border: 2px solid transparent;
}

.btn.light.inverse:hover {
    border-color: var(--main-color);
    color: var(--text-contrast);
}

.btn .icon {
    width: 20px;
    height: 20px;
    fill: var(--white);
    transition: .3s;
}

.btn.left {
    justify-content: flex-start;
}

.cart_slider .slick-dots {
    justify-content: center
}

/* --- Marquee --- */
.marquee {
    white-space: nowrap;
    overflow: hidden;
    background: var(--btn-bg);
    color: var(--text-contrast);
    padding: 6px 12px;
    margin: 0 0 8px 0;
    position: relative;
    font-size: 12px;
    line-height: 18px;
}

.marquee Span {
    position: relative;
    padding: 0 26px 0 0;
}

.marquee Span::after {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    background: var(--white);
}

/* --- Main HEADER --- */
.main_header {
    background: var(--white);
    padding: 0 0 8px 0;
    margin: 0;
    z-index: 11;
    position: sticky;
    top: 0;
    border-bottom: 1px solid var(--border-color);
}

.main_header .icon, .main_header .svg_icon {
    width: 24px;
    height: 24px;
    fill: var(--btn-bg);
    transition: .3s;
    flex-shrink: 0;
}

.main_header .shopping_cart .icon {
    width: 28px;
}

.main_header .heart .icon {
    width: 26px;
    height: 26px;
}

.main_header A:hover .icon {
    fill: var(--icon-color-gray);
}

.main_header .centre {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* --- common row --- */
.nav_panel {
    display: flex;
    align-items: center;
    width: 40px;
}

.catalog_btn-wrap {
    display: flex;
    align-items: center;
}

.catalog_btn-wrap A {
    display: none;
}

.catalog_btn-wrap A.catalog_btn {
    display: flex;
    position: relative;
    background: none;
    height: 12px;
    min-width: 16px;
    min-height: unset;
    padding: 0;
}

.catalog_btn .cat_but {
    font-size: 0;
    width: 100%;
    height: 100%;
}

.catalog_btn .cat_name {
    display: none;
}

.catalog_btn .cat_but::before, .catalog_btn .cat_but::after, A.catalog_btn::before {
    content: '';
    width: 16px;
    height: 2px;
    background: var(--btn-bg);
    position: absolute;
    top: 0;
    left: 0;
    transition: .3s;
}

.catalog_btn:hover .cat_but::before, .catalog_btn:hover .cat_but::after, A.catalog_btn:hover::before {
    background: var(--icon-color-gray);
    transition: .3s;
}

.catalog_btn .cat_but::after {
    top: auto;
    bottom: 0;
    left: 0;
}

A.catalog_btn::before {
    top: 50%;
    transform: translateY(-50%);
}

.close A.catalog_btn::before {
    opacity: 0;
}

.close .catalog_btn .cat_but::before {
    transform: rotate(45deg);
    top: 5px;
    left: 1px;
    width: 17px;
}

.close .catalog_btn .cat_but::after {
    transform: rotate(-45deg);
    bottom: 5px;
    left: 1px;
    width: 17px;
}

.logo_wrap {
    width: 190px;
}

.logo_wrap Img {
    width: 100%;
    height: auto;
}

.desktop .select_city {
    display: none;
}

.search_wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 13;
    background: var(--white);
    display: none;
}

.search_wrap.active {
    display: flex;
    flex-direction: column;
}

.main_header .sw_header .centre {
    justify-content: flex-end;
    padding: 0;
}

.sw_header {
    display: flex;
    border-bottom: 1px solid var(--border-color);
    background: var(--white);
    padding: 16px;
    position: relative;
    min-height: 48px;
    align-items: center;
}

.up_other {
    display: none;
}

.sw_header .popup_close {
    right: auto;
    left: -11px;
    top: -19px;
}

.sw_base {
    display: flex;
    flex-direction: column;
    padding: 32px 0 0 0;
    height: calc(100% - 48px);
}

.sw_base.centre {
    align-items: inherit;
}

.for_search {
    display: flex;
    flex-direction: column;
    padding: 0 16px;
    margin: 0 0 32px 0;
}

.for_search .tit {
    font-size: 36px;
    line-height: 40px;
    font-weight: 600;
    margin: 0 0 24px 0;
    text-transform: uppercase;
}

.search_wrap Input {
    width: 100%;
    padding: 0 46px 0 8px;
}

.search_wrap .search_btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main_header .search_btn .icon {
    fill: var(--main-color);
    transition: .3s;
}

.main_header .search_btn:hover .icon {
    fill: var(--active-icon-color);
}

.sw_results {
    display: flex;
    flex-direction: column;
    padding: 0 0 0 16px;
    overflow-y: auto;
    height: 100%;
}

.if_no_search_result {
    display: flex;
    flex-direction: column;
    padding: 64px 16px 0 0;
    justify-content: center;
    text-align: center;
    align-items: center;
}

.no_search_res_img {
    background: url(../images/no_search_results.png) no-repeat;
    width: 79px;
    height: 79px;
}

.if_no_search_result Span {
    margin: 32px 0;
}

.if_search_result {
    display: flex;
    flex-direction: column;
    padding: 24px 16px 0 0;
    margin: 0 0 32px 0;
}

.if_search_result .tit {
    font-size: 28px;
    line-height: 32px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 16px 0;
}

.if_search_result .product_slider.centre {
    padding: 0 0 0 16px;
    width: calc(100% + 32px);
    margin: 0 0 0 -16px;
}

.user_panel {
    display: flex;
    align-items: center;
    width: 40px;
    margin: 0 -8px 0 0;
}

.btn_header {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: var(--border-radius);
    transition: .3s;
    position: relative;
    text-decoration: none;
}

.btn_header:hover {
    fill: var(--main-color-light);
}

.btn_header.scale, .btn_header.heart, .btn_header.user, .user_panel .socials_row, .btn_header.search {
    display: none;
}

.compare_counter, .wish_counter, .cart_counter, .profile_counter {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    position: absolute;
    top: -1px;
    left: 16px;
    min-width: 18px;
    height: 18px;
    border-radius: 9px;
    font-size: 12px;
    background: var(--main-color);
    padding: 2px;
}

.profile_counter {
    min-width: 20px;
    height: 20px;
    border-radius: 10px;
    margin-left: auto;
    position: relative;
    top: auto;
    left: auto;
}

.shopping_sum {
    display: none;
}

/* --- left user menu --- */
.menu_header {
    position: fixed;
    top: 85px;
    left: -420px;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 85px);
    overflow: auto;
    width: 100%;
    background: var(--site-bg-color);
    z-index: 12;
    transition: .3s;
    box-shadow: 0 30px 30px rgba(0, 0, 0, .3);
    max-width: 368px;
}

.menu_header.active {
    left: 0;
    transition: .3s;
}

.menu_header .icon, .profile_menu UL .icon {
    width: 20px;
    height: 20px;
    margin: 0 12px 0 0;
}

.menu_header .btn, .profile_menu UL A {
    padding: 0 8px;
}

.close_menu {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 1;
    display: none;
}

.bottom-menu_header {
    display: flex;
    flex-direction: column;
    padding: 16px;
}

.menu_header .btn.back_to_menu {
    font-size: 18px;
    padding: 0 0 0 24px;
    position: relative;
}

.menu_header .btn.back_to_menu:hover {
    background: none;
    color: var(--main-color);
}

.back_to_menu.has_arrow.left::before, .back_to_menu.has_arrow.left::after {
    right: auto;
    left: 0;
    top: 23px;
    background: var(--btn-bg);
    width: 8px;
    height: 2px;
}

.back_to_menu.has_arrow.left::after {
    top: 18px;
}

.back_to_menu.has_arrow.left:hover::before, .back_to_menu.has_arrow.left:hover::after {
    background: var(--main-color);
}

.bottom-menu_header .catalog_menu {
    border-bottom: 1px solid var(--border-color);
    padding: 0 0 8px 0;
    margin: 0 0 8px 0;
}

.bottom-menu_header LI, .profile_menu UL A {
    margin: 0 0 1px 0;
}

.bottom-menu_header A, .pm_items A {
    color: var(--text);
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    background: none;
    width: 100%;
}

.bottom-menu_header A:hover, .profile_menu UL A:hover, .bottom-menu_header A.active, .profile_menu UL A.active {
    background: var(--main-color-light-er);
}

.bottom-menu_header A .icon, .profile_menu A .icon {
    fill: var(--gray);
}

.bottom-menu_header A:hover .icon, .profile_menu A:hover .icon, .profile_menu A.active .icon {
    fill: var(--btn-bg);
}

.bottom-menu_header A.out:hover .icon, .profile_menu UL A.out:hover .icon {
    fill: var(--error);
}

.for_select_city {
    border-bottom: 1px solid var(--border-color);
    padding: 0 0 8px 0;
    margin: 0 0 8px 0;
    display: none;
}

.bottom-menu_header .for_select_city LI {
    margin: 0;
}

.select_language {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    padding: 5px 0 8px 0;
    display: flex;
    align-items: center;
}

.select_language A {
    color: var(--text);
    text-decoration: none;
    width: auto;
    margin: 0 0 0 8px;
    transition: 0.3s;
}

.select_language A.active {
    text-decoration: underline;
    cursor: unset;
}

.select_language A:not(.active):hover {
    opacity: 0.75;
}

/* --- Order HEADER --- */
.main_header.order {
    padding: 8px 0;
}

.main_header.order .nav_panel {
    position: relative;
}

.main_header.order .nav_panel A.back {
    font-size: 0;
    min-width: 40px;
}

.main_header.order .has_arrow::before, .main_header.order .has_arrow::after {
    right: auto;
    left: 0;
    background: var(--btn-bg);
    width: 10px;
    top: 13px;
}

.main_header.order .has_arrow::after {
    top: 7px;
}

.main_header.order .has_arrow:hover::before, .main_header.order .has_arrow:hover::after {
    background: var(--main-color);
}

.main_header.order .user_panel {
    margin: 0;
}

.main_header.order .user_panel A {
    display: none;
}

/* --- Main Slider --- */
.main_slider_container {
    margin: 0 auto 16px auto;
}

.main_slider_container.with_menu > UL {
    display: none;
}

.main_slider_item, .main_slider_item A, .main_slider_item Img {
    display: block;
    width: 100%;
    height: auto;
}

.main_slider:not(.slick-initialized) {
    display: flex;
    overflow: hidden;
}

.main_slider:not(.slick-initialized) .main_slider_item {
    flex: 0 0 100%;
}

.main_slider_container .slick-dots {
    position: absolute;
    bottom: 0;
    left: 0;
    justify-content: center;
    width: 100%;
    padding: 8px;
}

.slick-dots {
    display: flex
}

.slick-dots LI {
    display: flex;
    margin: 0;
}

.slick-dots Button {
    font-size: 0;
    padding: 0;
    background: transparent;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid transparent;
    position: relative;
    cursor: pointer;
}

.slick-dots button::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid var(--btn-bg);
}

.slick-dots LI.slick-active Button::before {
    background: var(--btn-bg);
}

/* --- LogIn & Registration --- */
.login_or_reg {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 0 32px 0;
}

.lor_col {
    width: 100%;
    max-width: 520px;
    padding: 0 0 30px 0;
    position: relative;
}

.lor_col.signup {
    padding: 32px 0 0 0;
}

.lor_col.signup::before {
    width: 100%;
    height: 2px;
    background: var(--main-color-light);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
}

.lor_line {
    position: absolute;
    top: -18px;
    left: 50%;
    transform: translateX(-50%);
    padding: 8px 16px;
    background: var(--site-bg-color);
    color: var(--main-color-light);
}

.lor_col .common_tit {
    display: flex;
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 600;
    margin: 0 0 8px 0;
}

.lor_col .together {
    display: flex;
    margin: 0 0 0 16px;
}

.lor_col .together A:last-child {
    margin: 0 0 0 8px;
}

.lor_col .together A {
    background: var(--btn-bg);
    height: auto;
    border: none;
    width: auto;
}

.password_recovery {
    align-items: flex-end;
    margin: -8px 0 8px 0;
}

.password_recovery A {
    font-size: 12px;
    font-weight: 700;
}

/* --- LogIn & Registration in Popup --- */
.login_popup {
    max-width: 436px;
    padding: 0;
    top: 0;
    transform: translate(-50%, 0);
    width: 100%;
    max-height: unset;
    overflow: auto;
    max-height: 100%;
}

.login_popup::before {
    content: "";
    display: block;
    width: 100%;
    height: 141px;
    position: relative;
    background: var(--white) url("../images/login_bg.png") no-repeat top left;
}

.login_popup .lor_col.no_active {
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    height: 0;
}

.login_popup .lor_col.active {
    opacity: 1;
    visibility: visible;
    overflow: hidden;
    height: 100%;
}

.login_popup .popup_close {
    top: 8px;
    right: 8px;
}

.login_popup .popup_close::before, .login_popup .popup_close::after {
    background: var(--white);
    width: 20px;
}

.login_popup .email_popup .popup_close::before, .login_popup .email_popup .popup_close::after {
    background: var(--btn-bg);
    width: 20px;
}

.login_popup .lor_col.signup::before, .login_popup .lor_line {
    display: none;
}

.login_popup .login_or_reg {
    flex-direction: column;
    overflow: auto;
    height: 100%;
    padding: 16px;
    justify-content: flex-start;
}

.login_popup .lor_col, .login_popup .lor_col.signup {
    padding: 0;
}

.login_popup .lor_box {
    padding: 0;
    height: calc(100% - 166px);
}

.login_popup .lor_box Form {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.enter_by_socials {
    margin: 0 0 8px 0;
    display: flex;
    flex-direction: column;
}

.enter_by_socials.row_social {
    flex-direction: row;
    align-items: center;
}

.login_popup .enter_by_socials .tit, .login_place .enter_by_socials .tit {
    margin-bottom: 4px;
}

.enter_by_socials .row {
    display: flex;
}

.enter_by_socials.row_social .row {
    padding-left: 12px;
}

.enter_by_socials a {
    text-decoration: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0 12px 0 0;
    padding: 4px 8px;
    transition: 0.3s;
    border: 1px solid var(--btn-bg);
}

.login_popup .enter_by_socials a:hover {
    opacity: 0.75;
}

.profile .enter_by_socials a:not(.connected):hover {
    opacity: 0.75;
}

.profile .enter_by_socials a.connected {
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.profile .enter_by_socials a.connected .social_status {
    color: var(--text-contrast);
}

.profile .enter_by_socials a.connected:hover {
    opacity: 1;
    color: var(--text-contrast);
    background-color: var(--btn-bg);
    border-color: var(--btn-bg);
}

.profile .enter_by_socials a.connected:hover .social_status {
    color: var(--text-contrast);
}

.social_image {
    display: block;
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.social_image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain
}

.social_status {
    color: var(--text);
    margin-left: 4px;
    transition: 0.3s;
}

.login_popup .lor_scroll {
    overflow: auto;
    height: 100%;
}

.login_popup .lor_fix {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 16px 0 0 0;
    align-items: center;
}

.login_popup .lor_fix .btn {
    width: 100%;
    margin: 0 0 12px 0;
}

.login_popup .lor_fix A {
    font-size: 14px;
    font-weight: 700;
    color: var(--main-color);
    text-decoration: underline;
    text-transform: uppercase;
    transition: .3s;
    display: flex;
    align-items: center;
}

.login_popup .lor_fix A:hover {
    color: var(--sub_main-color);
}

.login_popup .lor_fix A svg {
    fill: var(--main-color);
    transition: .3s;
    margin: 0 6px 0 0;
}

.login_popup .lor_fix A:hover svg {
    fill: var(--sub_main-color);
}

.login_popup .check_wrap {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
}

.enter_type {
    display: flex;
    flex-direction: column;
    margin: 0 0 8px 0;
}

.enter_type-title {
    margin-bottom: 4px;
}

.enter_type-list {
    display: flex;
    flex-wrap: wrap;
}

.enter_type-list .btn.mini {
    font-size: 12px;
    margin: 0 6px 6px 0;
    min-height: 30px;
    height: auto;
}

/* --- PopUp for Check - LogIn & Registration --- */
.callback_popup {
    width: calc(100% - 20px);
    max-width: 400px;
    padding: 32px;
}

.popup_close {
    width: 38px;
    height: 38px;
    background: transparent;
    border: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
}

.popup_close::before, .popup_close::after {
    content: "";
    width: 18px;
    height: 2px;
    background: var(--btn-bg);
    transition: .3s;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 2px;
}

.popup_close::before {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.popup_close::after {
    transform: translate(-50%, -50%) rotate(45deg);
}

.popup_close:hover::before, .popup_close:hover::after {
    background: var(--error);
}

.popup_title {
    font-size: 22px;
    line-height: 1.4;
    margin: 0 0 16px 0;
}

.popup_subtitle {
    font-size: 18px;
    line-height: 1.4;
    margin: 0 0 16px 0;
    text-align: center;
}

.popup_subtitle Span {
    font-weight: 700;
    color: var(--main-color-light-er);
}

.long_div.sms_field,
.callback_form .long_div.name {
    align-items: center;
    margin: 32px 0;
}

.callback_form .long_div.name  {
    margin-bottom: 0;
}

.sms_field Input {
    font-size: 28px;
    text-align: center;
    margin: 4px 0 0 0;
    width: 100px;
    color: var(--main-color);
    height: 50px;
}

.callback_popup.one_click_popup .sms_field Input,
.callback_form .long_div.name Input {
    font-size: 20px;
    width: 100%;
}

.callback_popup.one_click_popup .btn {
    width: 100%;
}

.popup .close_sms_form {
    color: var(--link);
    transition: .3s;
}

.popup .close_sms_form:hover {
    color: var(--link-hover);
}

.repeat_sms A {
    color: var(--orange);
    transition: .3s;
}

.repeat_sms A:hover {
    color: var(--error);
}

.repeat_sms A.disabled {
    text-decoration: none;
    pointer-events: none;
    color: var(--main-color-light-er);
}

.repeat_sms A.disabled Span {
    color: var(--orange);
}

/* --- Cart --- */
.header_cart {
    position: fixed;
    top: 0;
    right: -100%;
    background: var(--white);
    z-index: 13;
    width: 100%;
    max-width: 422px;
    border-radius: var(--border-radius);
    display: flex;
    flex-direction: column;
    padding: 16px;
    height: 100%;
    overflow: hidden;
    transition: .3s;
}

.header_cart.active {
    right: 0;
}

.header_cart .main_title {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
}

.header_cart .popup_close {
    top: 8px;
    right: 4px;
}

.all_items {
    margin-bottom: 12px;
    overflow-y: auto;
    overflow-x: hidden;
}

.cart_inner {
    display: flex;
    flex-direction: column;
    height: calc(100% - 160px);
}

.cart_window .all_items {
    flex: 0 0 auto;
    margin-bottom: 0;
    max-height: calc(50% - 12px);
}

.added_goods {
    display: flex;
    padding: 16px 8px 0 0;
    margin: 0 0 16px 0;
    position: relative;
    flex-wrap: wrap;
}

.cart_kit .added_goods {
    border: none;
}

.added_goods:first-child {
    border: none;
}

.product_body {
    display: flex;
    flex-direction: column;
    width: calc(100% - 84px);
}

.added_goods_ignore .product_body {
    flex-direction: column;
    justify-content: space-between;
}

A.delete_product {
    position: absolute;
    top: 14px;
    right: 0;
    width: 24px;
    height: 24px;
}

A.delete_product .icon {
    top: 2px;
    left: 3px;
    width: 14px;
    height: 14px;
    fill: var(--icon-color);
    position: relative;
    transition: .3s;
}

A.delete_product:hover .icon {
    fill: var(--error);
    transition: .3s;
}

.ag_photo {
    display: flex;
    margin: 0 16px 0 0;
    flex-shrink: 0;
    width: 68px;
    height: auto;
    position: relative;
    align-items: flex-start;
}

.ag_photo .images_product {
    display: block;
    width: 68px;
    height: 68px;
}

.ag_photo Img {
    display: block;
    width: 100%;
    height: 68px;
    object-fit: contain;
}

.ag_photo Span {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    background: var(--error);
    display: flex;
    width: max-content;
    padding: 2px 4px;
    font-size: 12px;
    line-height: 1.2;
    text-transform: uppercase;
    color: var(--text-contrast);
    border-radius: 0 0 var(--border-radius) 0;
}

.ag_photo .if_gift {
    padding: 4px;
}

.ag_photo .if_gift .icon {
    fill: var(--white);
}

.item_text {
    display: flex;
    flex-direction: column;
}

.it_title {
    display: flex;
    margin: 0 0 8px 0;
}

A.item_link {
    font-size: 16px;
    line-height: 1.2;
    text-transform: uppercase;
    color: var(--text);
    text-decoration: none;
    transition: .3s;
}

A.item_link:hover {
    color: var(--link-hover);
}

.it_all_info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: var(--gray-light);
    margin: 8px 0 0 0;
    padding: 4px 8px;
    width: 100%;
}

.item_code {
    font-size: 12px;
    line-height: 1.4;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--gray);
    margin: 0 12px 6px 0;
    display: flex;
}

.item_code Span {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #000;
    margin: 1px 0 0 8px;
}

.item_text .color_list {
    display: flex;
    flex-wrap: wrap;
}

.item_text .color_list li {
    display: flex
}

.item_text .color_list A.box {
    text-decoration: none;
    background: var(--white);
    border-radius: 3px;
    border: 1px solid var(--btn-bg);
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    padding: 6px 10px;
    margin: 0 4px 4px 0;
    color: var(--text);
    font-weight: 600;
    transition: .3s;
}

.item_text .color_list A.box:hover {
    border-color: var(--main-color);
    color: var(--main-color);
}

.item_text .color_list A.box.active {
    border-color: var(--btn-bg);
    background-color: var(--btn-bg);
    color: var(--text-contrast);
}

.bottom_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.counter_panel {
    display: flex;
    width: max-content;
    height: 24px;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    background: var(--white);
}

.added_goods_ignore .counter_panel {
    border: none;
}

.counter_panel A {
    font-size: 0;
    width: 28px;
    height: 100%;
    position: relative;
    transition: .3s;
}

.counter_panel A:hover {
    background: var(--border-color);
    transition: .3s;
}

.counter_panel A::before, .counter_panel A.plus::after {
    content: '';
    width: 12px;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--main-color);
}

.counter_panel A.plus::after {
    transform: translate(-50%, -50%) rotate(-90deg);
}

.counter_panel Input {
    width: 32px;
    height: 100%;
    padding: 0;
    text-align: center;
    background: transparent;
    border-color: transparent;
    font-size: 14px;
}

.price_box {
    display: flex;
    margin: 0 0 8px 0;
}

.added_goods_ignore .price_box {
    flex-direction: row;
    width: 100%;
}

.total_sum {
    font-size: 16px;
    font-weight: 700;
    margin: 0 16px 0 0;
}

.total_sum Small, .mw_total .discount Small {
    font-size: 15px;
}

.total_sum_old {
    opacity: 0.7;
    position: relative;
    width: max-content;
    font-size: 14px;
}

.total_sum_old Small {
    font-size: 12px;
}

.total_sum_old::before {
    content: '';
    width: 110%;
    height: 1px;
    background: var(--text);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.price_box .discount {
    font-size: 12px;
    font-weight: 700;
    background: var(--sub_main-color);
    padding: 1px 3px;
    border-radius: 50%;
    margin: 0 0 0 8px;
    transform: rotate(-11deg);
    top: -4px;
    position: relative;
}

.all_propose {
    display: flex;
    padding: 24px 0;
    width: calc(100% + 16px);
    position: relative;
}

.all_propose::after {
    content: '';
    position: absolute;
    top: -20px;
    left: 0;
    width: 100%;
    height: 20px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    display: flex;
    flex-direction: column;
}

.one_propose {
    display: flex;
    flex-direction: column;
    border: 1px dashed var(--btn-bg);
    border-radius: 4px;
    padding: 16px;
    position: relative;
    margin: 0 16px 0 0;
    width: 320px;
}

.one .one_propose {
    width: 100%;
}

.one_propose .tit {
    font-size: 16px;
    font-weight: 700;
    display: block;
    margin: 0 0 8px 0;
    text-transform: uppercase;
}

.prop_row {
    display: flex;
}

.pr_photo {
    display: flex;
    margin: 0 16px 0 0;
    flex-shrink: 0;
    width: 56px;
    height: auto;
    position: relative;
    align-items: center;
    justify-content: center;
    background: url(../images/target.svg) no-repeat center center / contain;
}

.pr_photo Img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.pr_text {
    display: flex;
    flex-direction: column;
}

.pr_price {
    font-size: 12px;
    font-weight: 700;
    margin: 0 0 8px 0;
}

.pr_price Small {
    font-size: 11px;
    margin: 0 0 0 6px;
}

A.pr_tit {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 18px;
    color: var(--text);
    transition: .3s;
    margin: 0 40px 0 0;
}

A.pr_tit:hover {
    color: var(--link-hover);
}

A.pr_buy {
    position: absolute;
    bottom: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
    background: var(--btn-bg);
    transition: .3s;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--white);
    font-size: 30px;
    text-decoration: none;
    border-radius: 50%;
}

A.pr_buy:hover {
    background: var(--main-color);
}

.all_propose.column-propose {
    flex-direction: column;
    overflow-y: auto;
    flex: 1 1 auto;
    margin-top: 24px;
    width: 100%;
    padding-top: 0;
}

.all_propose.column-propose .one_propose {
    margin: 0 0 12px 0;
    width: 100%;
}

.all_sums {
    display: flex;
    flex-direction: column;
    position: relative;
    width: calc(100% + 32px);
    margin: auto 0 0 -16px;
    border-top: 1px solid var(--border-color);
    padding: 0 16px;
    height: 105px;
}

.all_sum, .mw_total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 600;
    margin: 16px 0 0;
}

.all_sum Span, .all_sum Small {
    font-size: 18px;
    line-height: 1.4;
}

.all_sum Small {
    font-size: 16px;
    margin: 0 0 0 4px;
}

.mw_total {
    margin: 0 0 8px 0;
}

.mw_total .discount {
    font-size: 18px;
    color: var(--sub_main-color);
}

.mw_total .total {
    font-size: 24px;
    font-weight: 400;
}

.cart_btn-wrap {
    display: flex;
    flex-direction: column;
}

.cart_btn-wrap A.btn {
    width: 100%;
    margin: 16px 0 0 0;
}

.cart_kit {
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    padding: 8px;
    margin: 0 0 16px 0;
}

.cart_kit .added_goods_ignore {
    border: 1px solid var(--sub_main-color-light-er);
    border-radius: var(--border-radius);
    padding: 38px 8px 8px 8px;
}

.cart_kit .added_goods_ignore::before, .cart_kit .added_goods_ignore::after {
    content: '';
    position: absolute;
    top: 16px;
    left: 50%;
    transform: translateX(-50%) rotate(0deg);
    width: 16px;
    height: 4px;
    border-radius: 4px;
    background: var(--active-icon-color);
}

.cart_kit .added_goods_ignore::after {
    transform: translateX(-50%) rotate(90deg);
}

.kit_sum {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.kit_sum .total_sum {
    margin: 0 16px 0 0;
}

.empty_cart {
    font-size: 28px;
    line-height: 1.2;
    display: flex;
    color: var(--main-color-light);
}

.empty_cart .icon {
    margin: 0 16px 0 0;
    width: 28px;
    height: 28px;
    fill: var(--main-color-light);
}


.banner_main {
    padding-bottom: 40px
}

.slider_banner {
    margin-bottom: 15px;
    border-radius: 4px;
    overflow: hidden;
    position: relative
}

.slider_banner figure {
    min-height: 400px;
    padding-bottom: 75px;
    position: relative
}

.slider_banner picture {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.slider_banner picture::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(0, 0, 0);
    background: linear-gradient(90deg, rgba(0, 0, 0, .5746673669467788) 0%, rgba(0, 0, 0, .4206057422969187) 100%)
}

.slider_banner img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.slider_banner figcaption {
    z-index: 1;
    position: relative;
    margin: 95px 20px 0 30px
}

.slider_banner .slick-dots {
    position: absolute;
    bottom: 30px;
    left: 30px
}

/* --- Catalog Button --- */
.btn_catalog {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    color: var(--text-contrast);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 38px;
    background-color: var(--main-color);
    border-radius: 4px;
}

.btn_catalog svg {
    margin-right: 18px;
}

/* --- Catalog menu dropdown - base styles --- */
.banner_catalog {
    display: none;
    margin-top: 25px;
    width: 100%;
    height: max-content;
    background-color: var(--site-bg-color);
}

.banner_catalog.active {
    display: block;
}

.banner_catalog.header_catalog {
    display: none;
}

.banner_catalog UL {
    width: calc(100% + 32px);
    margin: 0 0 0 -16px;
    height: calc(100% - 62px);
    overflow: auto;
}

.banner_catalog UL LI {
    width: 100%;
    margin: 0 0 1px 0;
}

.banner_catalog UL LI:last-child {
    margin: 0;
}

.banner_catalog LI A, .main_slider_container.with_menu > UL A {
    color: var(--text);
    font-size: 18px;
    line-height: 24px;
    text-decoration: none;
    display: flex;
    align-items: center;
    padding: 8px 32px 8px 16px;
    position: relative;
    margin: 0;
    border-radius: var(--border-radius);
    text-transform: uppercase;
    transition: .3s;
}

.banner_catalog LI A:hover, .banner_catalog LI A.active {
    font-weight: bold;
    color: var(--text);
}

.banner_catalog LI A.has_drop::before, .main_slider_container.with_menu > UL A.has_drop::before {
    content: "";
    width: 8px;
    height: 8px;
    border-bottom: 1px solid var(--icon-color-gray);
    border-right: 1px solid var(--main-color);
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%) rotate(-45deg);
    transition: .3s;
}

.banner_catalog .for_evry_drop LI A.has_drop::before {
    display: none;
}

.banner_catalog LI A.has_drop:hover::before, .banner_catalog LI A.has_drop.active::before {
    border-bottom: 1px solid var(--btn-bg);
    border-right: 1px solid var(--btn-bg);
    transition: .3s;
}

.banner_catalog LI A Img {
    display: none;
}

.banner_catalog LI A:hover Img, .main_slider_container.with_menu > UL A:hover Img {
    opacity: 1;
}

.banner_catalog LI svg {
    fill: var(--text-contrast);
    width: 25px;
    height: 25px;
    margin-right: 22px
}

.banner_catalog .ul_one.if_3_level Li.mobile {
    display: none;
}

.banner_catalog .ul_one.if_3_level LI.with_level_3 {
    width: auto;
    min-width: 110px;
}

.banner_catalog .ul_one.if_3_level LI.with_level_3 A {
    align-items: flex-start;
}

.banner_catalog .ul_one.if_3_level LI.with_level_3 Span.pic, .banner_catalog .ul_one.if_3_level LI.with_level_3 A.btn_back {
    display: none;
}

.banner_catalog .ul_one.if_3_level LI.with_level_3 Span.tet {
    font-size: 16px;
    line-height: 22px;
    justify-content: flex-start;
    text-align: left;
    margin: 6px 0 6px 24px;
}

.banner_catalog .ul_one.if_3_level LI.with_level_3 A.active Span.tet {
    font-weight: 700;
}

.banner_catalog .ul_one.if_3_level LI.with_level_3 .for_evry_drop {
    top: 84px;
    height: calc(100% - 44px);
    box-shadow: none;
    transition: none;
}

.banner_catalog .ul_one.if_3_level OL Li.mobile {
    display: flex;
}

.banner_catalog .ul_one.if_3_level LI.with_level_3 OL A {
    align-items: center;
}

.banner_catalog .ul_one.if_3_level LI.with_level_3 OL Span.pic {
    display: flex;
}

.banner_catalog .ul_one.if_3_level LI.with_level_3 OL Span.tet {
    font-size: 12px;
    line-height: 18px;
    display: flex;
    justify-content: center;
    text-align: center;
    margin: 8px 0;
}

.banner_catalog.header_catalog .for_evry_drop {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -100%;
    background: var(--white);
    z-index: 1;
    transition: .3s;
}

.banner_catalog.header_catalog .for_evry_drop.active {
    left: 0;
    transition: .3s;
}

.banner_catalog.header_catalog .ul_one, .banner_catalog.header_catalog .ul_one OL {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0;
    height: calc(100% - 40px);
    overflow: auto;
    align-content: flex-start;
}

.banner_catalog.header_catalog .ul_one LI {
    width: 33.33%;
    margin: 0 0 24px 0;
}

.banner_catalog.header_catalog .ul_one LI A {
    flex-direction: column;
    width: 100%;
    height: auto;
    padding: 0;
}

.banner_catalog.header_catalog .ul_one LI A.active, .banner_catalog.header_catalog .ul_one LI A:hover {
    background: none;
    color: var(--text);
}

.banner_catalog.header_catalog .ul_one LI A .pic {
    display: flex;
    width: 90px;
    height: 119px;
    align-items: center;
    justify-content: center;
    background: var(--border-color);
    border-radius: 46px;
    transition: .3s;
}

.banner_catalog.header_catalog .ul_one LI A:hover .pic, .banner_catalog.header_catalog .ul_one LI A.active .pic {
    background: var(--sub_main-color);
}

.banner_catalog.header_catalog .ul_one LI A .pic Img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: flex;
}

.banner_catalog.header_catalog .ul_one LI A .tet {
    font-size: 12px;
    line-height: 18px;
    display: flex;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    margin: 8px 0;
}

@media (max-width: 991px) {
    .banner_catalog.header_catalog {
        position: fixed;
        top: 84px;
        left: 0;
        margin: 0;
        padding: 16px;
        width: 100%;
        max-width: 400px;
        height: calc(100% - 84px);
        z-index: 12;
        background: var(--site-bg-color);
        overflow: hidden;
    }

    .banner_catalog.header_catalog.active {
        display: block;
    }

    .close_header-catalog {
        display: none;
    }

    .catalog_btn-wrap .banner_catalog LI A.btn_back, .banner_catalog.header_catalog .ul_one LI A.btn_back {
        padding: 8px 32px;
        text-transform: uppercase;
        align-items: flex-start;
    }

    .catalog_btn-wrap .banner_catalog LI A.btn_back::before {
        content: '';
        width: 8px;
        height: 8px;
        border-top: 1px solid var(--btn-bg);
        border-left: 1px solid var(--btn-bg);
        position: absolute;
        top: 50%;
        left: 16px;
        transform: translateY(-50%) rotate(-45deg);
    }

    .banner_catalog A.btn_back Img {
        display: none;
    }

    .hc_row {
        display: flex;
        justify-content: space-between;
        margin: -8px 0 0 0;
    }

    .user_row {
        display: flex;
        margin: 0 0 0 -8px;
    }

    .user_row .btn_header.user {
        display: flex;
    }

    .icons_row {
        display: flex;
        margin: 0 -8px 0 0;
    }

    .icons_row .btn_header.heart, .icons_row .btn_header.search {
        display: flex;
    }

    .icons_row .btn_header.search {
        margin: 0 0 0 8px;
    }

    .header_catalog .socials_row {
        margin: 16px 0 0 -8px;
        justify-content: flex-start;
    }
}

/* --- Categories --- */
.category {
    margin-bottom: 24px;
    padding: 0 10px;
}

/* --- Tiles - Category --- */
.category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.one_cat {
    display: flex;
    flex-direction: column;
    margin: 0 6px 12px 6px;
    width: 90px;
    text-decoration: none;
    align-items: center;
}

.category_image {
    display: flex;
    width: 90px;
    height: 118px;
    align-items: center;
    justify-content: center;
    background: var(--border-color);
    border-radius: 46px;
    transition: .3s;
}

.one_cat:hover .category_image {
    background: var(--sub_main-color);
}

.category_image Img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.cat_title {
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    margin: 8px 0;
    transition: .3s;
    text-decoration: none;
    color: var(--text);
}

/* --- Store window Slider --- */
.product_slider.centre {
    max-width: unset;
    margin-bottom: 32px;
}

.product_slider .title_wrap {
    justify-content: flex-start;
    position: relative;
    z-index: 1;
    align-items: baseline;
    max-width: 1400px;
    margin: 0 auto 16px auto;
}

.title_wrap .main_title {
    margin: 0 32px 0 0;
}

.title_wrap .link {
    position: relative;
    padding: 0 16px 0 0;
}

.product_slider .product_tabs {
    position: relative;
    top: 0;
    z-index: unset;
    padding: 0;
    margin: 0 0 24px 0;
    border: none;
}

.product_slider .product_tabs A {
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--icon-color);
    transition: .3s;
    border: none;
    background: none;
    padding: 0;
    margin: 0 24px 0 0;
}

.product_slider .product_tabs A:hover, .product_slider .product_tabs A.active {
    color: var(--text);
    background: none;
}

.product_slider .product_inner {
    display: flex;
    width: calc(100% + 16px);
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.product_slider .one_good .og_inner, .product_slider .one_good:hover .og_inner {
    height: 100%;
    position: relative;
}

.product_inner .slick-list .slick-track {
    min-width: 100%;
    display: flex;
    width: 100%;
    transform: translate3d(0, 0, 0);
}

.product_slider .one_good {
    flex-shrink: 0;
    width: 272px;
    margin: 0 0 0 6px;
}

.product_slider .photo_and_name .sizes, .product_slider .one_good .previews, .product_slider .one_good .brend, .product_slider .one_good .colours {
    display: none;
}

.slick-arrow {
    z-index: 1;
    font-size: 0;
    width: 46px;
    height: 46px;
    position: absolute;
    cursor: pointer;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    border: none;
    background: none;
    transition: .3s;
}

.slick-arrow.slick-next {
    left: auto !important;
    right: 0;
}

.slick-arrow::before, .slick-arrow::after {
    left: 0;
    top: 25px;
    width: 20px;
    height: 6px;
    background: var(--btn-bg);
}

.slick-arrow.slick-next::before, .slick-arrow.slick-next::after {
    right: 0;
    left: auto;
}

.slick-arrow::after {
    top: 15px;
}

.slick-arrow:hover::before, .slick-arrow:hover::after {
    background: var(--main-color);
}

.see_all_if_many {
    display: flex;
    margin: 8px auto 0 auto;
    max-width: 1400px;
}

.see_all_if_many A.link {
    position: relative;
    padding: 0 16px 0 0;
}

/* --- Banner with TWO & ONE photos --- */
.two_pics {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.one_pic {
    width: 100%;
    height: auto;
    margin: 0 0 12px 0;
    position: relative;
}

.one_pic Img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.one_pic A {
    position: absolute;
    bottom: 32px;
    left: 32px;
}

.one_pic Span {
    color: var(--text-contrast);
    font-size: 36px;
    line-height: 40px;
    font-weight: 600;
    position: absolute;
    left: 32px;
    bottom: 102px;
    width: calc(100% - 64px);
    text-transform: uppercase;
}

.one_pics .one_pic Span {
    bottom: 170px;
    text-align: center;
}

.one_pics .buts {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 32px 32px 32px;
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.one_pics .buts A {
    position: relative;
    bottom: auto;
    left: auto;
    width: 100%;
    max-width: 262px;
    margin: 0 0 16px 0;
    background: var(--sub_main-color);
    color: var(--text);
}

.one_pics .buts A:hover {
    background: var(--main-color);
    color: var(--text-contrast);
}

.one_pics .buts A:last-child {
    margin: 0;
}

/* --- Filtered Brands --- */
.filter_brands {
    width: 100%;
    padding: 80px 16px 0 16px;
    margin: 32px auto 64px;
    display: flex;
    background: url("../images/brands.png") no-repeat center center;
    min-height: 300px;
    justify-content: center;
}

.filter_brands.ru {
    background-image: url("../images/brands_ru.png");
}

.filter_brands.en {
    background-image: url("../images/brands_en.png");
}

.fb_list {
    display: flex;
    width: 100%;
    max-width: 1024px;
}

.fb_list:not(.slick-initialized) {
    display: flex;
    overflow: hidden;
    max-width: 100%;
}

.fb_list:not(.slick-initialized) .one_fb {
    flex: 0 0 100%;
}

.one_fb {
    list-style: none;
    width: 100%;
    flex-shrink: 0;
}

.fb_list A {
    display: flex !important;
    flex-direction: column;
    width: 100%;
    height: auto;
    align-items: center;
    text-decoration: none;
}

.fb_image {
    width: 158px;
    height: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 8px 0;
}

.fb_image Img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: contain;
}

.fb_price {
    display: flex;
    justify-content: center;
    color: var(--text);
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 24px 0;
}

.fb_price Small {
    margin: 0 0 0 6px;
    font-size: 14px;
}

.fb_logo {
    width: 100%;
    height: 126px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 8px 0;
}

.fb_logo Img {
    display: block;
    width: auto;
    height: auto;
    max-height: 100%;
    object-fit: contain;
}

.fb_title {
    text-decoration: underline;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    color: var(--main-color);
    text-transform: uppercase;
    transition: .3s;
}

.fb_list A:hover .fb_title {
    color: var(--sub_main-color);
}

.fb_title .icon {
    fill: var(--main-color);
    transition: .3s;
}

.fb_list A:hover .fb_title .icon {
    fill: var(--sub_main-color);
    transition: .3s;
}

/* --- Popular Categories on Main PAGE --- */
.filter_brands.if_popular_categories {
    background: url("../images/popular_now.png") no-repeat center center;
}

.filter_brands.if_popular_categories.ru {
    background-image: url("../images/popular_now_ru.png");
}

.filter_brands.if_popular_categories.en {
    background-image: url("../images/popular_now_en.png");
}

.if_popular_categories .fb_image {
    width: 247px;
    height: 280px;
    margin: 0 0 12px 0;
}

.if_popular_categories .fb_price {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    transition: .3s;
}

.if_popular_categories .one_fb A:hover .fb_price {
    color: var(--sub_main-color);
}

/* --- All Reviews on Main PAGE --- */
.filter_brands.if_reviews {
    background: none;
    position: relative;
    margin: 86px auto 64px;
}

.ir_tit {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 160px;
    background: url("../images/reviews.png") no-repeat center center;
}

.ru.ir_tit {
    background-image: url("../images/reviews_ru.png");
}

.en.ir_tit {
    background-image: url("../images/reviews_en.png");
}

.ir_tit Span {
    font-size: 130px;
    line-height: 186px;
    color: #eee;
    position: absolute;
    bottom: -100%;
    left: 50%;
    transform: translateX(-50%);
}

.if_reviews .fb_list {
    max-width: 1226px;
}

.if_reviews .one_fb {
    margin: 0 50px;
}

.ir_name {
    display: flex;
    font-weight: 700;
    font-size: 24px;
    margin: 0 0 38px 0;
}

.if_reviews .raty {
    padding: 0;
    margin: 0 0 8px 0;
}

.if_reviews .raty Img {
    width: 12px;
    height: 12px;
    margin: 0 1px 0 0;
}

/* --- Addresses of our STORES --- */
.addresses {
    display: flex;
    margin-bottom: 16px;
    position: relative;
}

.ap_bg {
    width: 100%;
    height: auto;
}

.ap_bg Img {
    width: 100%;
    height: auto;
    display: block;
}

.ap_box {
    display: flex;
    flex-direction: column;
    position: absolute;
    bottom: 16px;
    left: 32px;
    width: calc(100% - 64px);
    max-height: calc(100% - 32px);
    background: var(--white);
    padding: 24px 0;
}

.ap_tit {
    display: flex;
    flex-direction: column;
    margin: 0 0 24px 0;
    padding: 0 16px;
}

.ap_tit H3 {
    font-size: 28px;
    font-weight: 600;
    margin: 0 0 12px 0;
    text-transform: uppercase;
}

.ap_list {
    display: flex;
    flex-direction: column;
    overflow: auto;
    padding: 0 0 0 16px;
}

.one_address {
    display: flex;
    padding: 0 16px 0 0;
    margin: 0 0 16px 0;
}

.oa_pic {
    width: 70px;
    height: auto;
    margin: 0 16px 0 0;
    display: flex;
    flex-shrink: 0;
}

.oa_pic Img {
    display: block;
    width: 100%;
    object-fit: contain;
}

.oa_text {
    display: flex;
    flex-direction: column;
}

.oa_name {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 6px 0;
}

.oa_address {
    font-size: 14px;
    line-height: 16px;
    margin: 0 0 6px 0;
}

.oa_text A {
    font-size: 12px;
    font-weight: 700;
    color: var(--main-color);
    transition: .3s;
}

.oa_text A:hover {
    color: var(--sub_main-color);
}

/* --- Last newses on Main PAGE - BLOG --- */
.filter_brands.last_blogs {
    background: url("../images/blog.png") no-repeat top center;
}

.filter_brands.last_blogs.en {
    background-image: url("../images/blog_en.png");
}

.last_blogs .fb_list {
    max-width: 1236px;
}

.last_blogs .fb_list A {
    padding: 0 48px;
}

.last_blogs .fb_image {
    width: 100%;
    height: auto;
    margin: 0 0 12px 0;
}

.last_blogs.filter_brands .fb_image {
    position: relative;
    height: 0;
    padding-bottom: 52.37%;
    width: 100%
}

.last_blogs.filter_brands .fb_image img {
    position: absolute;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lb_time {
    display: flex;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--icon-color-gray);
    width: 100%;
    margin: 0 0 6px 0;
}

.lb_name {
    text-transform: uppercase;
    color: var(--text);
    transition: .3s;
    font-size: 18px;
    font-weight: 700;
}

.last_blogs .fb_list A:hover .lb_name {
    color: var(--sub_main-color);
}

/* --- Product - One Item --- */
.catalog_inner .list_wrap {
    width: 100%;
}

.product_wrap {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.products_not_found {
    font-size: 16px;
    margin: 64px;
    display: flex;
    width: 100%;
    padding: 160px 16px 32px 16px;
    justify-content: center;
    background: url('../images/no_found.png') no-repeat center top;
}

.products_not_found Span {
    max-width: 560px;
    text-align: center;
}

.one_good.invisible {
    display: none;
}

.one_good {
    display: flex;
    flex-direction: column;
    background: var(--white);
    width: 100%;
    margin: 0 6px 6px 0;
    transition: .3s;
    position: relative;
}

.product_wrap.catalog_grid {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 38px);
    margin: 0 0 0 -22px;
}

.product_wrap.catalog_grid .one_good {
    width:calc(50% - 6px);
    margin:0 0 6px 6px;
}

.og_inner {
    display: flex;
    flex-direction: column;
    position: relative;
    justify-content: space-between;
    border: 1px solid var(--item-border);
    transition: .3s;
}

.one_good:hover .og_inner {
    border-color: var(--item-border);
}

/* --- Status - Product --- */
.one_good .status_list, .sliders_wrap .status_list {
    display: flex;
    align-items: flex-start;
    position: absolute;
    top: 16px;
    left: 18px;
    z-index: 3;
}

.one_good .status_list Span, .sliders_wrap .status_list Span, .product_price .status_list Span.sale_percent {
    font-size: 12px;
    font-weight: 700;
    padding: 1px 3px;
    border-radius: 50%;
    margin: 0 0 0 -6px;
    transform: rotate(-11deg);
    top: -4px;
    position: relative;
}

.one_good .status_list Span.sale_percent, .sliders_wrap .status_list Span.sale_percent, .product_price .status_list Span.sale_percent {
    background: var(--sub_main-color);
}

.unavailability.one_good .status_list Span, .unavailability .sliders_wrap .status_list Span, .unavailability .product_price .status_list Span.sale_percent {
    opacity: .4;
}

/* --- Wish & Compare - Product --- */
.add_in-list {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 3;
}

.add_in-list A, .add_in-list .check_wrap {
    display: flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    margin: 0 0 4px 0;
    position: relative;
    transition: .3s;
}

.add_in-list A .icon {
    width: 24px;
    height: 24px;
    fill: var(--icon-color-gray);
    transition: .3s;
}

.add_in-list A:hover .icon, .add_in-list A.active .icon {
    fill: var(--btn-bg);
}

.add_in-list A.wishes:hover .icon, .add_in-list A.wishes.active .icon {
    fill: var(--sub_main-color);
}

.add_in-list A.to_compare_list.active::after {
    content: '';
    position: absolute;
    width: 17px;
    height: 17px;
    background: var(--btn-bg);
    border-radius: 50%;
    top: 1px;
    right: 1px;
    border: 2px solid var(--white);
}

.add_in-list A.to_compare_list.active::before {
    content: '';
    position: absolute;
    width: 12px;
    height: 6px;
    border-bottom: 2px solid var(--white);
    border-left: 2px solid var(--white);
    top: 3px;
    right: 1px;
    border-radius: 0;
    transform: rotate(-45deg);
    z-index: 1;
}

.photo_and_name {
    display: flex;
    flex-direction: column;
}

.photo_and_name .sizes {
    display: none;
}

/* --- Photo - Product --- */
.one_good .photo_wrap {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 8px 0;
    overflow: hidden;
}

.one_good.if_target .photo_wrap::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 80%;
    height: 100%;
    background: url("../images/big_target.svg") no-repeat center center / contain;
    opacity: 0;
    transition: .3s;
    transform: translateX(-50%);
}

.one_good.if_target:hover .photo_wrap::after {
    opacity: 1;
}

.unavailability.one_good:hover .photo_wrap::after {
    opacity: .1;
}

.one_good .photo_wrap::before {
    display: block;
    padding: 66% 0;
    content: '';
}

.one_good .photo_wrap Img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.unavailability.one_good.if_target .photo_wrap Img {
    opacity: .4;
}

.one_good .previews, .one_good .brend, .one_good .colours {
    display: none;
}

/* --- Name - Product --- */
.one_good .product_name {
    display: flex;
    text-decoration: none;
    margin: 8px;
}

.one_good .product_name Span {
    display: inline-block;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--text);
    height: 42px;
    width: 100%;
    overflow: hidden;
    transition: .3s;
}

.unavailability.one_good .product_name Span {
    opacity: .4;
}

.one_good .product_name.long Span {
    height: unset;
    overflow: visible;
}

/* --- Rating - Product --- */
.product_raiting {
    display: flex;
    align-items: center;
    padding: 0 8px 0 8px;
}

.product_raiting .stars {
    display: flex;
    margin: -2px 8px 0 0;
}

.product_raiting .icon {
    width: 12px;
    height: 12px;
    fill: var(--main-color-light-er);
    margin: 1px;
}

.product_raiting .icon.active {
    fill: var(--main-color);
}

.product_raiting A {
    color: var(--text-light);
    text-decoration: none;
    align-items: center;
    display: flex;
    transition: .3s;
    font-size: 14px;
}

.product_raiting A:hover {
    color: var(--main-color);
}

.product_raiting A .icon {
    fill: var(--main-color-light-er);
    transition: .3s;
}

.product_raiting A:hover .icon {
    fill: var(--main-color);
}


.cd_rate .product_raiting .icon.active {
    fill: var(--main-color);
}

/* --- Prices - Product --- */
.one_good .price_wrap, .ofy_right .price_wrap {
    display: flex;
    z-index: 2;
    position: relative;
    padding: 0 8px;
    min-height: 25px;
}

.unavailability.one_good .price_wrap {
    opacity: .4;
}

.one_good .old_price, .ofy_right .old_price {
    display: flex;
    align-items: center;
    color: var(--icon-color-gray);
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
}

.one_good .op_main, .ofy_right .op_main {
    margin: 0 0 0 16px;
}

.one_good .op_main Span, .ofy_right .op_main Span {
    position: relative;
}

.one_good .op_main Span::before, .ofy_right .op_main Span::before {
    content: '';
    width: 110%;
    height: 1px;
    background: var(--gray);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.one_good .can_buy, .ofy_right .can_buy {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.one_good .main_price, .ofy_right .main_price {
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
}

.one_good .main_price Small, .ofy_right .main_price Small {
    font-size: 13px;
}

.can_buy .btn.to_cart, .can_buy .btn.in_cart, .can_buy .btn.to_details {
    min-height: unset;
    height: 32px;
    width: 32px;
    padding: 0;
}

.btn.in_cart::before {
    content: '';
    width: 22px;
    height: 22px;
    background: var(--btn-bg);
    border: 2px solid var(--white);
    position: absolute;
    top: -6px;
    right: -6px;
    border-radius: 50%;
    transition: .3s;
}

.btn.in_cart:hover::before {
    background: var(--btn-bg-hover);
}

.btn.in_cart::after {
    content: '';
    width: 14px;
    height: 8px;
    border-bottom: 2px solid var(--white);
    border-left: 2px solid var(--white);
    position: absolute;
    top: -3px;
    right: -4px;
    border-radius: 1px;
    transform: rotate(-45deg);
}

.one_good .not_available {
    display: flex;
    font-size: 12px;
    height: 14px;
    color: var(--gray);
    width: 100%;
    align-items: center;
    padding: 0 8px;
    margin: 0 0 4px 0;
    background: none;
}

/* --- For wholesale customers --- */
.product_wrap.wholesale {
    margin: 0;
    width: 100%;
}

.product_wrap.catalog_grid.wholesale .one_good {
    width: 100%;
    margin: 0 0 32px 0;
    padding: 0 0 32px 0;
    border-bottom: 1px solid var(--border-color);
}

.product_wrap.catalog_grid.wholesale .one_good:last-child {
    border: none;
}

.wholesale .left_side {
    display: none;
}

.wholesale .right_side {
    display: flex;
    flex-direction: column;
}

.wholesale .tit {
    display: flex;
    margin: 0 0 12px 0;
}

.wholesale .tit .photo_and_name {
    flex-direction: row;
    width: 72px;
    margin: 0 16px 0 0;
    flex-shrink: 0;
}

.wholesale .one_good .photo_wrap {
    margin: 0;
    display: none;
}

.wholesale .one_good .photo_wrap:first-child {
    display: flex;
}

.wholesale .one_good .photo_wrap::before {
    display: none;
}

.wholesale .one_good .photo_wrap Img {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 4;
}

.wholesale .one_good .product_name {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    text-transform: uppercase;
    width: 100%;
}

.wholesale .one_good .product_name A {
    color: var(--text);
    max-width: max-content;
    height: max-content;
    text-decoration: none;
}

.wholesale .add_in-list {
    position: relative;
    top: auto;
    right: auto;
    margin: 0 0 0 8px;
}

.wholesale_table {
    display: flex;
    position: relative;
}

.wt_tits {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    width: 148px;
    height: calc(100% - 8px);
    background: var(--white);
    z-index: 1;
    padding: 0 8px 0 0;
}

.wt_tits .wt_cell, .wt_col .wt_cell {
    display: flex;
    border-radius: 4px;
    margin: 0 0 4px 0;
    background: var(--border-color);
    height: 30px;
    align-items: flex-start;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 16px;
    padding: 8px 8px 0 12px;
    flex-shrink: 0;
}

.wt_tits .wt_cell.main, .wt_col .wt_cell.main {
    height: 25px;
    background: var(--border-color);
}

.wt_tits .wt_cell.high, .wt_col .wt_cell.high {
    height: 46px;
}

.wt_tits .wt_cell.green, .wt_col .wt_cell.green {
    height: 65px;
    background: var(--main-color-light-er);
    margin: 0;
}

.wt_tits::after {
    width: 30px;
    height: 100%;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80%);;
    position: absolute;
    top: 0;
    right: -22px;
    content: '';
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}

.wt_tits.active::after {
    opacity: 1;
    visibility: visible;
}

.wt_all {
    display: flex;
    width: 100%;
    overflow-x: auto;
    padding: 0 0 6px 148px;
}

.wt_col {
    display: flex;
    flex-direction: column;
    margin: 0 4px 0 0;
}

.wt_col:last-child {
    margin: 0;
}

.wt_col .wt_cell {
    background: var(--table-gray);
    font-size: 14px;
    min-width: 120px;
}

.wt_col .wt_cell.main {
    align-items: center;
    justify-content: center;
    padding: 0;
}

.wt_col .wt_cell.high {
    flex-direction: column;
}

.wt_col .wt_cell Small {
    font-size: 13px;
}

.wt_col .wt_cell .euro_cur {
    font-size: 12px;
    font-weight: 700;
}

.wt_col .wt_cell.green {
    flex-direction: column;
    justify-content: space-between;
    padding: 8px 8px 6px 12px;
}

.wt_col .wt_cell.green .together {
    display: flex;
    flex-direction: column;
}

.wt_col .wt_cell .profit {
    font-size: 12px;
    text-transform: none;
    color: var(--main-color);
    font-weight: 700;
}

.wt_col .wt_cell.quantity {
    background: none;
    padding: 8px 0;
    margin: 0;
    height: auto;
}

.wt_col .wt_cell.quantity .counter_panel {
    width: 100%;
    height: 38px;
}

.wt_col.no_active .wt_cell.quantity .counter_panel {
    opacity: .4;
    pointer-events: none;
}

.wt_col .wt_cell.quantity .counter_panel Input {
    width: 100%;
}

.wt_col .wt_cell.quantity .counter_panel A {
    width: 36px;
    flex-shrink: 0;
}

.wholesale_order {
    display: flex;
    flex-direction: column;
    margin: 16px 0 0 0;
}

.wholesale_order .wo_info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    margin: 0 0 24px 0;
}

.wo_info .tit {
    margin: 0 16px 0 0;
}

.wo_info .value {
    font-size: 16px;
    margin: 0 12px 0 0;
}

.wo_info .value:last-child Small {
    display: none;
}

.wholesale_order .btn {
    width: 100%;
}

.cat_pic {
    display: flex;
    width: 100%;
    margin:0 0 6px 0;
}

.cat_pic A {width:100%;}

.cat_pic Img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.article_showing {
    padding-bottom: 65px
}

.article_showing article {
    max-height: 180px;
    overflow: hidden;
    transition: .5s
}

.article_showing article.open_text {
    max-height: 1000px;
    overflow: auto
}

.show_article {
    font-size: 15px;
    padding-right: 20px;
    position: relative;
    color: var(--link)
}

.show_article::before {
    content: "";
    width: 8px;
    height: 8px;
    border-bottom: 2px solid var(--link);
    border-right: 2px solid var(--link);
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) rotate(-45deg)
}

.show_article::after {
    content: "";
    width: 8px;
    height: 2px;
    background-color: var(--link);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0
}

.open_catalog,
.open_blog-cat {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 10px auto;
    padding: 10px;
    width: 100%;
    max-width: 300px;
    background: var(--main-color-light);
    color: var(--text-contrast);
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 4px;
    transition: .3s
}

.open_catalog:hover,
.open_blog-cat:hover {
    background-color: var(--main-color)
}

.open_catalog .icon {
    width: 20px;
    height: 20px;
    margin-right: 18px
}

.article_place.seo {
    order: 33;
}

.search_title {
    display: flex;
    flex-direction: column;
}

.search_title > span {
    display: block;
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 20px;
}

.search_title > span a {
    color: inherit;
}

.search_title > span a:hover {
    text-decoration: none;
}

.search_title_results {
    opacity: 0.7;
    margin-bottom: 8px;
}

.fs_title.fs_title_alt {
    margin-bottom: 15px;
}

.list_wrap .slider_big {
    margin-bottom: 30px;
}

/* --- CATALOG list --- */
.for_catalog_list {
    border-bottom: 1px solid var(--border-color);
    margin: 0 0 32px 0;
}

.for_catalog_list.producer {
    padding-top: 30px;
}

.catalog_list .title_wrap, .blog_list .title_wrap {
    margin: 0 0 32px 0;
}

.catalog_list .main_title, .blog_list .main_title {
    font-size: 36px;
    font-weight: 600;
    line-height: 1.2;
}

.cat_description {
    display: flex;
    margin: 0 0 12px 0;
    flex-direction: column;
}

.for_catalog_list.producer .cat_description {
    margin-bottom: 24px;
}

.cd_rate {
    display: flex;
    margin: 0 0 12px 0;
}

.cd_mark {
    margin: 0 18px 0 0;
    font-size: 52px;
    line-height: 52px;
}

.cd_rate .product_raiting {
    flex-direction: column;
    justify-content: center;
    margin: 0;
    align-items: flex-start;
}

.cd_rate .product_raiting .stars, .raty {
    margin: 0 0 4px 0;
}

.raty {
    display: flex;
}

.cd_rate .product_raiting .icon, .raty Img {
    width: 18px;
    height: 18px;
}

.raty Img {
    margin: 0 4px 0 0;
}

.cd_rate .product_raiting A, .cd_rate .product_raiting Span {
    font-size: 14px;
    color: var(--text-light);
}

.cd_text {
    font-size: 16px;
    color: var(--text-light);
}

.cd_mobile {
    margin: 16px 0;
    background: var(--main-color-light-er);
    padding: 16px;
    border-radius: 6px;
    display: flex;
    font-size: 14px;
    line-height: 16px;
    align-items: center;
}

.cd_mobile .icon {
    width: 28px;
    height: 28px;
    margin: 0 16px 0 0;
    fill: var(--btn-bg);
    flex-shrink: 0;
}

.control_products {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 25px -16px;
    position: sticky;
    top: 84px;
    z-index: 5;
    padding: 8px 16px;
    background-color: var(--site-bg-color);
    border-top: 1px solid var(--border-color);
    width: calc(100% + 32px);
}

.control_products::before,
.control_products::after {
    content: "";
    width: calc((100vw - 1440px) / 2);
    max-width: 50px;
    height: 100%;
    background-color: var(--site-bg-color);
    position: absolute;
    top: 0;
}

.control_products::before {
    left: 100%;
}

.control_products::after {
    right: 100%;
}

.control_products .selected_filters {
    display: none;
}

A.open_menu-filter {
    position: fixed;
    bottom: 16px;
    right: 16px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 24px;
}

A.open_menu-filter .icon {
    width: 18px;
    height: 18px;
}

A.open_menu-filter Span {
    background: var(--white);
    color: var(--btn-bg);
    transition: .3s;
    margin: 0 0 0 6px;
    border-radius: 3px;
    padding: 0 4px;
    height: 14px;
    line-height: 14px;
    font-size: 12px;
    font-weight: 700;
}

A.open_menu-filter:hover Span {
    color: var(--main-color);
    transition: .3s;
}

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

.new_sort A {
    color: var(--text-light);
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    margin: 0 12px 0 0;
    transition: .3s;
    text-transform: uppercase;
    display: flex;
}

.new_sort A:hover, .new_sort A.active {
    color: var(--text);
}

.new_sort A .icon {
    fill: var(--text-light);
    transition: .3s;
    margin: 0 6px 0 0;
}

.new_sort A:hover .icon {
    fill: var(--btn-bg);
}

.for_sort {
    display: flex;
}

.for_sort Label {
    display: none;
}

.control_products .dropdown {
    width: auto;
    border: none;
    height: auto;
}

.control_products .dropdown Button, .control_products .dropdown Span {
    display: none;
}

.control_products .overflow {
    width: 24px;
    height: 24px;
    padding: 0;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.control_products .overflow .icon {
    fill: var(--text-light);
    transition: .3s;
    cursor: pointer;
}

.control_products .overflow:hover .icon {
    fill: var(--btn-bg);
}

.control_products .drop_arrow {
    width: 24px;
}

.control_products .drop_arrow::after {
    margin: -5px 0 0 0;
    width: 7px;
    height: 7px;
    border: 1px solid var(--main-color);
    border-top: none;
    border-left: none;
}

.control_products .dropdown-open .drop_arrow::after {
    margin: -2px 0 0 0;
}

.control_products .dropdown UL {
    position: fixed;
    bottom: auto;
    left: 0;
    right: 0;
    top: 100%;
    transform: translateY(-100%);
    width: 100%;
    height: auto;
    max-height: unset !important;
    border: none;
    padding: 12px 16px 16px 16px;
    border-top: 1px solid var(--btn-bg);
    transition: 0s
}

.control_products .dropdown UL Span {
    display: flex;
    cursor: default;
    justify-content: center;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    padding: 12px 0;
    position: relative;
}

.control_products .dropdown UL Span::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 3px;
    border-radius: 2px;
    background: var(--border-color);
}

/* --- Click Path --- */
.clickpath_place {
    display: flex;
    width: 100%;
    margin: 12px 0;
}

.clickpath {
    display: flex;
}

.clickpath_item.current, .clickpath_item {
    display: none;
}

.clickpath_item:nth-last-child(2) {
    display: flex;
}

.clickpath A {
    color: var(--icon-color-gray);
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    padding: 0 0 0 16px;
    position: relative;
    text-transform: uppercase;
    transition: .3s;
}

.clickpath A:hover {
    color: var(--main-color);
}

.clickpath A.has_arrow::before, .clickpath A.has_arrow::after {
    right: auto;
    left: 0;
    top: 11px;
    background: var(--icon-color-gray);
}

.clickpath A.has_arrow::after {
    top: 6px;
}

.clickpath A.has_arrow:hover::before, .clickpath A.has_arrow:hover::after {
    background: var(--main-color);
}

/* --- Filters --- */
.catalog_filters {
    color: var(--text);
    position: fixed;
    top: 0;
    right: -376px;
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: auto;
    width: 100%;
    max-width: 376px;
    background: var(--site-bg-color);
    z-index: 13;
    padding: 16px 0 0 16px;
    overflow-x: hidden;
    justify-content: space-between;
    transition: .3s;
}

.catalog_filters.active {
    right: 0;
}

.catalog_filters .together {
    height: 100%;
    overflow: auto;
    padding: 0 16px 0 0;
}

/* --- Selected filters --- */
.selected_filters {
    margin: 0 0 10px 0;
}

.selected_filters_list {
    display: flex;
    flex-wrap: wrap;
}

.clear_filters .deactivate-filter {
    display: flex;
    margin: 0 6px 6px 0;
    align-items: center;
    background: var(--orange);
    padding: 2px 8px;
    border-radius: 6px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    line-height: 1.6;
    height: auto;
    min-height: 23px;
}

.clear_filters .deactivate-filter::before, .clear_filters .deactivate-filter::after {
    display: none;
}

.clear_filters .deactivate-filter:hover {
    background: var(--error);
}

.one_ch_fil {
    display: flex;
    align-items: center;
    margin: 0 6px 6px 0;
    background: var(--main-color-light-er);
    padding: 2px 0 2px 8px;
    border-radius: 6px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    line-height: 1.6;
}

.ocf_title {
    margin: 0 6px 0 0;
}

.deactivate-filter {
    display: flex;
    padding: 0 28px 0 0;
    cursor: pointer;
    position: relative;
    transition: .3s;
    font-weight: 700;
}

.deactivate-filter::before, .deactivate-filter::after {
    content: '';
    width: 14px;
    height: 2px;
    border-radius: 2px;
    background: var(--btn-bg);
    position: absolute;
    top: 50%;
    right: 0;
    transition: .3s;
}

.deactivate-filter::before {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.deactivate-filter::after {
    transform: translate(-50%, -50%) rotate(45deg);
}

.deactivate-filter:hover::before, .deactivate-filter:hover::after {
    background: var(--error);
}

/* --- Filters for select --- */
.catalog_filters .menu_item {
    position: relative;
}

/* --- Categories in Search results --- */
.searched_cats {
    margin: -24px 0 0 0;
    padding: 24px 0 16px 0;
    border-bottom: 1px solid var(--border-color);
}

.searched_cats A.active, .searched_cats A.active:hover {
    color: var(--orange);
}

/* --- Price filter --- */
.choose_price {
    margin: -24px 0 0 0;
    padding: 24px 0 0 0;
}

.menu_item-title, .searched_cats A {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: var(--text);
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    padding: 8px 32px 8px 0;
    position: relative;
    transition: .3s;
}

.searched_cats A {
    padding: 6px 0;
}

.fs_title_price {
    max-width: max-content;
}

.menu_item-title:hover, .searched_cats A:hover {
    color: var(--main-color);
}

.menu_item-title.has_arrow.bottom::before, .menu_item-title.has_arrow.bottom::after {
    top: 17px;
    right: -4px;
    background: var(--text);
}

.menu_item-title.has_arrow.bottom::after {
    right: 1px;
}

.menu_item-title.has_arrow.bottom:hover::before, .menu_item-title.has_arrow.bottom:hover::after {
    background: var(--main-color);
}

.hidden_menu {
    margin: 8px 0;
}

.choose_price .hidden_menu {
    margin: 8px 0 24px;
}

.fil_slider .hidden_menu {
    margin: 0 0 24px;
}

.hidden_menu LI {
    position: relative;
}

.price_filter {
    display: flex;
    flex-direction: column;
}

.price_filter .together {
    display: flex;
    margin: 0 0 24px 0;
    align-items: center;
    padding: 0;
}

.price_filter Input {
    width: 36%;
    height: 38px;
}

.price_filter Span {
    margin: 0 8px;
}

A.submit_filters {
    margin: 0 0 0 16px;
    text-transform: uppercase;
    height: 38px;
}

/* --- Common filters - Rows --- */
.menu_item span.check_item {
    display: flex;
    align-items: center;
    padding: 8px 8px 8px 26px;
    border-radius: var(--border-radius);
    color: var(--text);
    font-size: 14px;
    cursor: pointer;
}

.menu_item span.check_item:hover {
    color: var(--link);
}

.menu_item span.check_item.no_active {
    opacity: .4;
    pointer-events: none;
}

.menu_item .check_item::before {
    left: 0;
    top: 10px;
}

.menu_item .check_item::after {
    left: 1px;
    top: 11px;
}

.menu_item .check_item .filter_counter, .searched_cats A Span {
    opacity: .5;
    margin: 0 0 0 6px;
    font-size: 12px;
}

/* --- Tile filters --- */
.fil_group_grid .filter_list {
    display: flex;
    flex-wrap: wrap;
}

.menu_item.fil_group_grid .check_item {
    background: var(--white);
    border-radius: 3px;
    border: 1px solid var(--btn-bg);
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    padding: 6px 12px;
    margin: 0 8px 8px 0;
    color: var(--text);
    font-weight: 600;
}

.menu_item.fil_group_grid .check_item:hover {
    border-color: var(--main-color);
    color: var(--main-color);
}

.menu_item.fil_group_grid .check_item.active {
    border-color: var(--btn-bg);
    background-color: var(--btn-bg);
    color: var(--text-contrast);
}

.fil_group_grid .check_item::before, .fil_group_grid .check_item::after {
    display: none;
}

.menu_item .with_img span.check_item {
    padding: 8px 8px 8px 32px;
}

.menu_item span.check_item Img {
    display: none;
}

.menu_item .with_img span.check_item Img {
    position: absolute;
    display: flex;
    top: 8px;
    left: 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 1px solid var(--btn-bg);
}

.menu_item .with_img .check_item::before {
    display: none;
}

.menu_item .with_img .check_item::after {
    background-color: unset;
    left: 3px;
}

.menu_item .with_img .check_item[data-url="bilyi"]::after {
    background-image: url("../images/check_black.svg");
}

/* --- Submit Button for filters --- */
.apply_filters {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.fil_group_grid .apply_filters {
    position: relative;
    top: auto;
    right: auto;
    transform: unset;
    margin: -16px 0 16px 0;
}

.one_but .apply_filters.for_one_but {
    top: auto;
    transform: translate(0, 0);
    right: auto;
    bottom: -8px;
    background: var(--site-bg-color);
    padding: 16px;
    width: calc(100% + 16px);
    left: -16px;
    position: sticky;
    margin: -1px 0 0 -16px;
    display: flex;
    justify-content: center;
    border-top: 1px solid var(--border-color);
    flex-direction: column;
}

.one_but .apply_filters.for_one_but A.submit_filters {
    box-shadow: none;
    width: 100%;
    height: 46px;
}

.catalog_filters .for_one_but {
    display: none;
}

.apply_filters A.submit_filters {
    margin: 0;
    box-shadow: 6px 0 12px rgba(0, 0, 0, .3);
}

.apply_filters A.submit_filters::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    bottom: auto;
    top: -2px;
    left: -11px;
    border-width: 19px 10px 19px 0;
    transition: .3s;
    border-color: transparent var(--main-color) transparent transparent;
}

.apply_filters A.submit_filters:hover::after {
    border-color: transparent var(--main-color-light) transparent transparent;
}

.fil_group_grid .apply_filters A.submit_filters::after, .one_but .apply_filters.for_one_but A.submit_filters::after, .one_but .apply_filters, .no_but .apply_filters {
    display: none;
}

/* --- Filters as Slider under Products --- */
.brands_slider {
    margin: 0 0 16px 0;
    display: flex;
    width: 100%;
}

.brands_slider-inner {
    width: 100%;
    max-width: 100%;
}

.brands_slider-inner:not(.slick-initialized), .brands_slider-inner UL {
    display: flex;
}

.brands_slider-inner .outer_fv {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 4px;
    width: 110px;
    border-radius: var(--border-radius);
    background: var(--white);
    overflow: unset;
    padding: 24px 8px;
    cursor: pointer;
    border: 2px solid transparent;
    position: relative;
    transition: .3s;
}

.brands_slider-inner .outer_fv:hover {
    border-color: var(--site-bg-color);
}

.brands_slider-inner .outer_fv.active {
    border-color: var(--sub_main-color);
}

.brands_slider-inner .outer_fv.has_button {
    padding: 0 8px 26px 8px;
}

.brands_slider-inner .outer_fv.no_active {
    opacity: .4;
    pointer-events: none;
}

.brands_slider .apply_filters {
    bottom: 0;
    left: 0;
    top: auto;
    transform: unset;
    width: 100%;
}

.brands_slider .apply_filters A.submit_filters {
    box-shadow: none;
    min-height: 28px;
    width: 100%;
    font-size: 12px;
    border-radius: 0 0 2px 2px;
}

.brands_slider .apply_filters A.submit_filters::after {
    display: none;
}

/* --- Pagination --- */
.pagination {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px 8px;
    background: var(--white);
}

.for_load_more {
    display: flex;
    margin: 0 0 24px 0;
    justify-content: center;
    width: 100%;
}

A.load_more {
    color: var(--text);
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    transition: .3s;
}

A.load_more:hover {
    color: var(--main-color);
}

A.load_more .icon {
    width: 22px;
    height: 22px;
    fill: var(--link-hover);
    margin-right: 16px;
}

A.load_more:hover .icon {
    fill: var(--orange);
}

.for_pag_numbers {
    display: flex;
    width: 100%;
    justify-content: center;
}

.pages_wrap {
    display: flex;
    width: 100%;
    max-width: 520px;
    justify-content: space-between;
    align-items: center;
}

.pages_list {
    display: flex;
}

.pages_list A, .pages_list Span, .pages_btn {
    font-size: 16px;
    color: var(--icon-color-gray);
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    transition: .3s;
    margin: 0 2px;
    background: none;
    position: relative;
    font-weight: 600;
}

.pages_btn {
    font-size: 0;
}

.pages_list Span {
    border-color: transparent;
}

.pages_list A:hover, .pages_btn:hover, .pages_list A.active {
    color: var(--text);
}

.pages_btn.not_active {
    pointer-events: none;
}

.pages_btn.has_arrow::before, .pages_btn.has_arrow::after {
    top: 12px;
    right: calc(50% - 5px);
    width: 9px;
    height: 2px;
}

.pages_btn.has_arrow::after {
    top: 7px;
}

.pages_btn.has_arrow.not_active::before, .pages_btn.has_arrow.not_active::after {
    background: var(--border-color);
}

/* --- PRODUCT Page - Details --- */
.details_product .title_wrap {
    margin: 0 0 8px 0;
    text-align: left;
}

.details_product .main_title {
    margin: 0;
    font-size: 28px;
    line-height: 32px;
}

.details_product .link.inverse.has_arrow {
    position: relative;
    padding: 0 16px 0 0;
}

.details_product .link.inverse.has_arrow::before, .details_product .link.inverse.has_arrow::after {
    background: var(--link-hover);
}

.details_product .link.inverse.has_arrow:hover::before, .details_product .link.inverse.has_arrow:hover::after {
    background: var(--orange);
}

/* --- Product Rate --- */
.raiting_wrap {
    display: flex;
    justify-content: space-between;
    margin: 0 0 4px 0;
    position: relative;
    align-items: center;
}

.raiting_wrap .product_raiting {
    margin: 0;
    padding: 0;
}

.raiting_wrap .product_raiting .icon {
    width: 18px;
    height: 18px;
    margin: 0 4px 0 0;
}

.details_code {
    font-size: 12px;
}

.details_code Span {
    color: var(--gray);
}

.raiting_wrap .add_in-list {
    position: relative;
    flex-direction: row;
    align-items: center;
    top: auto;
    right: auto;
}

.raiting_wrap .add_in-list A {
    width: 38px;
    height: 38px;
    position: relative;
    margin: 0 0 0 16px;
}

.raiting_wrap .add_in-list A:hover {
    box-shadow: none;
    background: var(--site-bg-color);
}

.details_brand {
    display: flex;
    position: absolute;
    right: 16px;
    top: 16px;
    width: auto;
    max-width: 120px;
    height: auto;
    max-height: 70px;
}

.details_brand Img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.ava_row {
    display: flex;
    margin: 0 0 28px 0;
    justify-content: space-between;
    align-items: center;
}

.in_stock, .not_available {
    display: flex;
    color: var(--main-color);
    font-size: 12px;
    line-height: 12px;
    padding: 4px;
    border-radius: 6px;
    background: var(--main-color-light-er);
    position: relative;
}

.not_available {
    color: var(--gray);
    background: none;
}

.in_stock .icon {
    width: 10px;
    height: 10px;
    fill: var(--white);
    position: absolute;
    top: 4px;
    left: 5px;
}

.in_stock::before {
    content: '';
    position: relative;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: var(--main-color);
    margin: 0 4px 0 0;
}

/* --- ALL Tab --- */
.all_tabs {
    display: flex;
    flex-direction: column;
}

.product_tab {
    display: flex;
    width: 100%;
    flex-direction: column;
}

/* --- Main product info --- */
.detail_info {
    display: flex;
    flex-direction: column;
    margin: 0 0 32px 0;
}

/* --- Left side / Main product info --- */
.all_left_det {
    display: flex;
    flex-direction: column;
    width: calc(100% + 32px);
    margin: 0 0 32px -16px;
    border-bottom: 1px solid var(--border-color);
}

.ald_for_sticky {
    display: flex;
    flex-direction: column;
    padding: 0 16px;
}

/* --- Main Photo - Product Page --- */
.sliders_wrap {
    display: flex;
    justify-content: center;
    position: relative;
}

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

.big_slider UL.slick-track {
    display: flex;
    height: 100%;
    transition-property: transform;
}

.big_slider .details_slide {
    flex-shrink: 0;
    display: flex;
}

.big_slider .details_slide.no_photo {
    min-height: 400px;
}

.big_slider .details_slide .together {
    position: relative;
    padding: 0 0 128% 0;
    width: 100%;
}

.big_photo_here {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.big_photo_here Img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.big_slider .status_list Span {
    padding: 2px 8px;
    font-size: 14px;
    margin: 0 0 0 -12px;
}

.big_slider:not(.slick-initialized) .gallery-item {
    width: 100%;
}

.big_slider .slick-dots {
    margin: 8px 0;
}

.sliders_wrap A.btn {
    display: none;
}

/* --- Zoom Main Photo --- */
/* --- Variant: NO Slider, all photos vertical from top to bottom / Not full screen --- */
.zoom_slider {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--white);
    z-index: 13;
    width: calc(100% - 16px);
    max-width: 800px;
    border-radius: var(--border-radius);
    display: none;
    flex-direction: column;
    padding: 16px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, .3);
    max-height: calc(100% - 10%);
    overflow: hidden;
}

.zoom_slider.active {
    display: flex;
}

.zoom_slider .title_wrap {
    border-bottom: 1px solid var(--border-color);
    width: calc(100% + 32px);
    margin: 0 0 0 -16px;
    padding: 0 16px 16px 16px;
}

.zoom_big {
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: auto;
    padding: 16px 0 0 0;
}

.zoom_big .zoom_slide {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.zoom_big:not(.slick-initialized) .zoom_slide {
    margin: 0 0 32px 0;
}

.zoom_big:not(.slick-initialized) .zoom_slide:last-child {
    margin: 0;
}

.zoom_slide > Img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

/* --- Variant: Slider, horizontal / Popup --- */
.zoom_slider.full_screen {
    height: 100%;
    max-width: none;
}

.full_screen .zoom_big {
    padding: 0;
    margin: 16px 0 32px -16px;
    width: calc(100% + 32px);
}

.zoom_slider.full_screen .zoom_big .slick-list, .zoom_slider.full_screen .zoom_big .slick-track {
    height: 100%;
}

.zoom_slider.full_screen .zoom_big .zoom_slide {
    height: 100%;
    position: relative;
}

.zoom_slider.full_screen .zoom_big .zoom_slide Img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.zoom_subslider .zoom_slide {
    margin: 0 8px 0 0;
}

/* --- Variant: No Slider, Zoom / Full Screen --- */
.zoom_slider.zoom-full_screen {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    max-width: unset;
    max-height: unset;
    transform: none;
    overflow: unset;
    border-radius: 0;
}

.zoom_slider.zoom-full_screen .popup_close {
    background: var(--main-color-light-er);
    box-shadow: 0 0 8px #00000024;
    border-radius: var(--border-radius);
    top: 8px;
    right: 8px;
    z-index: 1;
}

.zoom_slider.zoom-full_screen .popup_close::before, .zoom_slider.zoom-full_screen .popup_close::after {
    background: var(--white);
    height: 3px;
}

.zoom_slider.zoom-full_screen .zoom_big {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    overflow: unset;
}

.zoom_slider.zoom-full_screen .zoom_big:not(.slick-initialized) .zoom_slide {
    margin: 0;
    padding: 16px;
    display: block;
}

.zoom_slider.zoom-full_screen .zoom_big .zoom_slide > Img {
    height: 100%;
    width: 100%;
    max-width: unset;
    max-height: unset;
    object-fit: cover;
    cursor: grab;
}

.zoom_slider.zoom-full_screen .zoom_subslider {
    display: none;
}

/* --- Right side / Main product info --- */
.product_info {
    display: flex;
    flex-direction: column;
}

/* --- Promo to this Product --- */
.discount_box {
    display: flex;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    margin: 0 0 16px 0;
    padding: 8px;
    text-decoration: none;
    position: relative;
    transition: .3s;
}

.discount_box:hover {
    border-color: var(--orange);
}

.discount_box.has_arrow::before, .discount_box.has_arrow::after {
    right: 8px;
    top: calc(50% - -2px);
    background: var(--main-color-light);
}

.discount_box.has_arrow::after {
    top: calc(50% - 3px);
}

.discount_box.has_arrow:hover::before, .discount_box.has_arrow:hover::after {
    background: var(--orange);
}

.db_status {
    padding: 8px;
    margin: 0 8px 0 0;
    border-radius: var(--border-radius);
    background: var(--orange);
    color: var(--white);
    font-size: 24px;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.db_photo {
    width: 60px;
    margin: 0 8px 0 0;
    border-radius: var(--border-radius);
    display: flex;
    border: 1px solid var(--border-color);
    padding: 4px;
    flex-shrink: 0;
}

.db_photo Img {
    width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.db_text {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0 24px 0 0;
}

.dbt_title {
    font-weight: bold;
    color: var(--main-color-light);
    margin: 0 0 4px 0;
}

.dbt_title Span {
    color: var(--orange);
}

.dbt_date {
    color: var(--gray-light);
    font-size: 13px;
}

/* --- Select color OR Size --- */
.select_color {
    display: flex;
    flex-direction: column;
    margin: 0 0 28px 0;
}

.select_color .tit {
    display: flex;
    margin: 0 0 8px 0;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    justify-content: space-between;
    align-items: center;
}

.select_color .tit Span {
    display: flex;
}

.select_color .tit Span.val {
    display: none;
}

.select_color .tit Span.val.active {
    display: flex;
    font-weight: 700;
    margin: 0 0 0 6px;
}

A.link_here {
    text-transform: none;
    font-size: 12px;
    font-weight: 700;
    display: flex;
    align-items: center;
    color: var(--main-color);
    transition: .3s;
}

A.link_here:hover {
    color: var(--sub_main-color);
}

A.link_here .icon {
    fill: var(--main-color);
    transition: .3s;
}

A.link_here:hover .icon {
    fill: var(--sub_main-color);
}

.select_color .color_list {
    display: flex;
    flex-wrap: wrap;
}

.select_color LI {
    display: flex;
    width: 65px;
    margin: 0 1px;
}

.select_color LI.unavailability {
    pointer-events: none;
    opacity: .4;
}

.select_color A.box {
    display: flex;
    width: 100%;
    height: auto;
    max-height: 83px;
    margin: 0 1px;
    position: relative;
    text-decoration: none;
    transition: .3s;
}

.select_color A.box::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--btn-bg);
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}

.select_color A.box:hover::after, .select_color A.box.active::after {
    opacity: 1;
    visibility: visible;
}

.select_color.select_size {
    margin: 0;
}

.select_color.select_size LI {
    width: auto;
}

.select_color.select_size A.box {
    background: var(--white);
    border-radius: 3px;
    border: 1px solid var(--btn-bg);
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    padding: 10px 16px;
    margin: 0 8px 8px 0;
    color: var(--text);
    font-weight: 600;
    transition: .3s;
}

.select_color.select_size A.box:hover {
    border-color: var(--main-color);
    color: var(--main-color);
}

.select_color.select_size A.box.active {
    border-color: var(--btn-bg);
    background-color: var(--btn-bg);
    color: var(--text-contrast);
}

.select_color.select_size A.box::after {
    display: none;
}

.select_color.select_size .color_list.error A.box {
    transition: 0.3s;
    animation: error 3s cubic-bezier(0.61, 1, 0.88, 1);
}

@keyframes error {
    14% {
        border-color: var(--btn-bg);
        color: var(--btn-bg);
        box-shadow: 0 0 6px var(--white);
    }
    28% {
        border-color: var(--sub_main-color);
        color: var(--sub_main-color);
        box-shadow: 0 0 6px var(--sub_main-color);
    }
    42% {
        border-color: var(--btn-bg);
        color: var(--btn-bg);
        box-shadow: 0 0 6px var(--white);
    }
    57% {
        border-color: var(--sub_main-color);
        color: var(--sub_main-color);
        box-shadow: 0 0 6px var(--sub_main-color);
    }
    71% {
        border-color: var(--btn-bg);
        color: var(--btn-bg);
        box-shadow: 0 0 6px var(--white);
    }
    85% {
        border-color: var(--sub_main-color);
        color: var(--sub_main-color);
        box-shadow: 0 0 6px var(--sub_main-color);
    }
    100% {
        border-color: var(--btn-bg);
        color: var(--btn-bg);
        box-shadow: 0 0 6px var(--white);
    }
}

.select_color A.disabled, .select_color LI:hover A.disabled {
    opacity: .4;
    background: none;
    border-color: var(--border-color);
    pointer-events: none;
}

.select_color A Img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* --- About Size information --- */
.about_sizes {
    display: flex;
    flex-direction: column;
    margin: 0 0 32px 0;
    background: var(--gray-light);
    border-radius: 5px;
    border: 1px solid var(--border-color);
    padding: 12px 14px;
    align-items: flex-end;
}

.about_sizes .together {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: self-end;
}

.about_sizes A.link_here .icon {
    width: 14px;
    height: 14px;
}

.about_sizes .tit {
    width: 100%;
    margin: 12px 0;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}

.all_size_info {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0 -2px;
}

.one_info {
    background: var(--white);
    border-radius: 2px;
    margin: 0 2px 2px 0;
    padding: 8px;
    width: calc(33.33% - 2px);
    font-size: 12px;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    line-height: 18px;
}

.about_sizes .one_info .tit {
    color: var(--gray);
    font-size: 12px;
    text-transform: none;
    margin: 0;
}

.one_info .info {
    color: var(--text);
}

/* --- Price box in Main product --- */
.product_price {
    display: flex;
    margin: 0 0 28px 0;
    align-items: center;
}

.product_price .main_price {
    font-size: 24px;
    line-height: 26px;
    font-weight: 600;
    margin: 0 12px 0 0;
}

.unavailability .product_price .main_price {
    opacity: .4;
}

.product_price .main_price Small {
    font-size: 22px;
}

.product_price .old_price {
    display: flex;
    align-items: center;
    color: var(--gray);
    font-size: 16px;
    height: 26px;
}

.unavailability .product_price .old_price {
    opacity: .4;
}

.product_price .op_main {
    margin: 0 12px 0 0;
}

.product_price .op_main Span {
    position: relative;
}

.product_price .op_main Span::before {
    content: '';
    width: 110%;
    height: 1px;
    background: var(--gray);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.product_price .op_benefit {
    padding: 0 8px;
    height: 22px;
    font-size: 14px;
    line-height: 22px;
    background: var(--error);
    color: var(--text-contrast);
    border-radius: var(--border-radius);
    position: relative;
}

.product_price .on_request {
    display: flex;
    align-items: center;
    height: 100%;
    color: var(--orange);
}

.product_price .status_list Span {
    display: none;
}

.product_price .status_list Span.sale_percent {
    display: flex;
}

.for_warnings {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.for_warnings .warning {
    margin: 0 0 8px;
    width: 100%;
    text-align: center;
    padding: 2px 8px;
    border: 1px solid var(--orange);
    color: var(--orange);
    border-radius: var(--border-radius);
}

/* --- BUY Buttons in Main product --- */
.product_btns {
    display: flex;
    margin: 0 0 16px 0;
}

.product_btns .counter_panel {
    margin: 0;
    height: 46px;
}

.product_btns .counter_panel A {
    width: 40px;
}

.product_btns .counter_panel Input {
    width: 40px;
    font-size: 20px;
    font-weight: 600;
}

.product_btns .btn {
    width: 100%;
    height: 46px;
    margin: 0 0 0 16px;
}

.one_click_form {
    width: 100%;
    margin: 0 0 16px 0;
    display: flex;
    justify-content: flex-end;
}

A.fast_order {
    font-size: 14px;
    text-transform: uppercase;
}

.ask_price_form_box {
    width: 100%;
}

/* --- Order Call --- */
.order_call_but {
    margin: 0 0 16px 0;
    padding: 0 0 16px 0;
    border-bottom: 1px solid var(--border-color);
}

.order_call_but A {
    display: flex;
    align-items: center;
    color: var(--main-color-light);
}

.order_call_but A:hover {
    color: var(--orange);
}

.order_call_but A .icon {
    fill: var(--main-color-light);
    width: 32px;
    height: 32px;
}

.order_call_but A:hover .icon {
    fill: var(--orange);
}

/* --- Ask Price Popup --- */
.ask_price_form .long_div.row {
    margin: 0;
}

.ask_price_form .popup_subtitle {
    margin: 0;
}

.popup_subtitle Span.margin {
    display: flex;
    justify-content: center;
    padding: 8px 0 0 0;
}

.popup_subtitle Span.error {
    color: var(--orange);
}

.popup_ring {
    display: flex;
    justify-content: center;
}

/* --- Buy this too --- */
.buy_this_too {
    display: flex;
    margin: 0 0 32px 0;
}

.buy_this_too .one_propose {
    width: 100%;
    margin: 0;
}

.buy_this_too .one_propose.slick-slide {
    width: 342px;
    margin: 0 24px 0 0;
}

.product_info .buy_this_too:not(.slick-initialized) {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.product_info .buy_this_too:not(.slick-initialized) .one_propose {
    margin: 0 0 12px 0;
}

.buy_this_too .pr_photo {
    width: 56px;
    height: 56px
}

.buy_this_too .pr_photo img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.buy_this_too A.pr_tit {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 54px
}

/* --- Product warning --- */
.product_warning {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.warning_item {
    flex: 0 0 100%;
    display: flex;
    align-items: center;
    padding: 8px;
    margin-bottom: 10px;
    transition: 0.3s;
}

a.warning_item:hover {
    opacity: 0.75;
}

.warning_item-img {
    flex: 0 0 35px;
    display: block;
    width: 35px;
    height: 35px;
    margin-right: 10px;
}

.warning_item-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.product_info .warning_item-text {
    font-size: 14px;
    line-height: 18px;
}

.product_warning-popup.popup {
    max-width: 320px
}

.product_warning-popup .warning_item {
    margin-bottom: 20px;
}

.product_warning-popup .warning_item-img {
    flex: 0 0 46px;
    display: block;
    width: 46px;
    height: 46px;
}

.product_warning-popup .btn {
    width: 100%
}

/* --- Waranty information in Main product --- */
.waranties {
    display: flex;
    flex-direction: column;
}

.waranty_item {
    display: flex;
    margin: 0 0 24px 0;
}

.waranty_box {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.waranty_title {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    position: relative;
    cursor: pointer;
    transition: .3s;
}

.waranty_title.open {
    color: var(--main-color);
    padding: 0 0 16px 0;
}

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

.waranty_title.has_arrow::before, .waranty_title.has_arrow::after {
    width: 12px;
    height: 3px;
    top: 12px;
    background: var(--btn-bg);
}

.waranty_title.has_arrow::after {
    top: 5px;
}

.waranty_title.has_arrow:hover::before, .waranty_title.has_arrow:hover::after, .waranty_title.has_arrow.open::before, .waranty_title.has_arrow.open::after {
    background: var(--main-color);
}

.waranty_title.has_arrow.open::before {
    transform: rotate(45deg);
    top: 9px;
}

.waranty_title.has_arrow.open::after {
    transform: rotate(-45deg);
    right: 7px;
    top: 9px;
}

.waranty_text {
    display: flex;
    opacity: 0;
    height: 0;
    padding: 0 0 0 16px;
    font-size: 13px;
    visibility: hidden;
    transition: .3s;
}

.waranty_text.active {
    opacity: 1;
    height: auto;
    visibility: visible;
}

.waranty_box LI {
    padding: 0 0 4px 0;
}

.waranty_box LI:last-child {
    padding: 0;
}

/* --- Cheaper Together in Main product --- */
.cheaper {
    display: flex;
    flex-direction: column;
    margin: 0 0 32px 0;
}

.cheaper_slider:not(.slick-initialized) {
    display: flex;
    overflow: hidden;
}

.cheaper .slick-slider {
    background: var(--white);
}

.slick-initialized .slick-slide.cheaper_item {
    display: flex;
}

.cheaper_item {
    display: flex;
    flex-direction: column;
    background: var(--white);
    padding: 16px 8px 42px 8px;
}

.cheaper_slider:not(.slick-initialized) .cheaper_item {
    display: none;
}

.cheaper_slider:not(.slick-initialized) .cheaper_item:first-child {
    display: flex;
    width: 100%;
}

.cheaper .added_goods {
    position: relative;
    padding: 0;
    border: none;
}

.cheaper .it_title {
    margin: 0 0 8px 0;
}

.cheaper .bottom_wrap {
    justify-content: flex-end;
}

.cheaper .price_box {
    flex-direction: row;
}

.cheaper .total_sum {
    margin: 0 0 0 12px;
    height: 22px;
}

.cheaper .total_sum.active {
    color: var(--error);
}

.cheaper_plus {
    display: flex;
    position: relative;
    height: 30px;
    margin: 0 0 16px 0;
}

.cheaper_plus::before, .cheaper_plus::after {
    content: '';
    width: 32px;
    height: 2px;
    background: var(--border-color);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.cheaper_plus::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.cheaper_prise {
    display: flex;
    flex-direction: column;
    border-top: 1px solid var(--site-bg-color);
    padding: 16px 0 4px 0;
    width: calc(100% + 16px);
    margin: 0 0 0 -8px;
    align-items: center;
}

.cheaper_prise .together {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cheaper .cheaper_prise .total_sum {
    margin: 8px 0 16px 0;
    font-size: 24px;
    height: auto;
}

.cheaper .cheaper_prise .total_sum Small {
    font-size: 18px;
}

.cheaper .slick-dots {
    display: flex;
    justify-content: center;
    background: var(--white);
    position: absolute;
    bottom: 16px;
    width: 100%;
}

.cheaper .slick-dots LI.slick-active Button {
    border-color: var(--main-color-light-er);
}

.cheaper .slick-dots LI.slick-active Button::before {
    background: var(--main-color-light-er);
}

.cheaper .slick-dots Button::before {
    background: var(--gray-light);
}

/* --- Main Info Box in Main product --- */
.main_info_box {
    display: flex;
    flex-direction: column;
}

.sorts_info {
    display: flex;
    position: sticky;
    top: 85px;
    padding: 16px 0 0 0;
    background: var(--site-bg-color);
    width: calc(100% + 16px);
    z-index: 2;
}

/* --- Product Tabs --- */
.product_tabs {
    display: flex;
    margin: 0 0 16px 0;
    padding: 0 0 6px 0;
    overflow: auto;
}

.product_tabs A {
    font-size: 16px;
    text-transform: uppercase;
    color: var(--text);
    text-decoration: none;
    display: inline-flex;
    min-width: max-content;
    margin: 0 12px 0 0;
    padding: 0 20px;
    height: 40px;
    background: var(--gray-light);
    border: 1px solid var(--border-color);
    border-radius: 5px;
    align-items: center;
    transition: .3s;
}

.product_tabs A:hover, .product_tabs A.active {
    color: var(--text-contrast);
    background: var(--btn-bg);
    border-color: var(--btn-bg);
}

.product_tabs A.active {
    pointer-events: none;
}

.product_tabs A Span {
    margin: 0 0 0 6px;
}

/* --- Profile comments --- */

.profile_content .product_tabs {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    width: 100%;
    max-width: 812px;
}

.profile_content .my_reviews_list .empty_page {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.profile_content .my_reviews_list .empty_page .btn {
    margin-top: 8px;
}

.profile_content .my_reviews_list {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 812px;
}

.profile_content .my_reviews_list .review_row {
    padding: 16px;
    border: 1px solid var(--border-color);
    border-radius: 5px;
}

.profile_content .my_reviews_list .review_row.new_answer {
    border-color: var(--main-color);
}

.my_reviews_list {
    display: flex;
    flex-direction: column;
}

.my_reviews_list .review_row + .review_row {
    margin-top: 22px;
}

.profile_content .comment_top .together {
    min-height: auto;
    margin-bottom: 8px;
}

.profile_content .review_details {
    padding-top: 12px;
}

.my_reviews_list .review_show > .review_link {
    display: block;
    margin-bottom: 12px;
}

.review_link .item_link {
    display: flex;
    align-items: center;
}

.review_link .one_review_pic {
    flex: 0 0 75px;
    width: 75px;
    height: 75px;
    display: block;
    margin-right: 12px;
}

.review_link .one_review_pic img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    border: 1px solid var(--border-color);
    border-radius: 5px;
}

.review_link .item_link .link {
    flex: 1 1 auto;
}

.review_link .item_link .profile_counter {
    margin-left: 10px;
}

.profile_content .my_reviews_list .short_review {
    font-weight: 400;
    padding-right: 26px;
}

.profile_content .my_reviews_list .review_row.open .order_show::after {
    transform: translateY(-50%) rotate(-135deg);
}

.profile_content .review_details > .all_comment_parts > .comment_top,
.profile_content .review_details > .all_comment_parts > .comment_body {
    display: none;
}

.profile_content .my_reviews_list .delete {
    display: flex;
    font-size: 14px;
    text-decoration: none;
    align-items: center;
    color: var(--error);
    transition: .3s;
}

.profile_content .my_reviews_list .delete:hover {
    color: var(--main-color);
}

.profile_content .my_reviews_list .delete .icon {
    fill: var(--error);
    margin-right: 6px;
    width: 20px;
    height: 20px;
    transition: .3s;
}

.profile_content .my_reviews_list .delete:hover .icon {
    fill: var(--main-color);
}

.profile_content .comment_top .comment_name {
    margin-right: 12px;
}

.delete_popup.popup .row {
    display: flex;
    flex-wrap: wrap;
}

.delete_popup.popup .row .btn {
    margin: 0 10px 10px 0;
}

/* --- Mini Product Photo --- */
.mini_product_photo {
    display: flex;
    margin: 16px 0 32px 0;
}

.mpp_box {
    display: flex;
    width: 100%;
    height: auto;
}

.mpp_box Img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* --- Characteristics --- */
.char_short {
    display: flex;
    flex-direction: column;
    margin: 16px 0;
}

.char_short UL {
    margin: 0;
    padding: 0;
}

.char_short LI {
    display: flex;
    position: relative;
    justify-content: space-between;
}

.char_short LI::before {
    content: '';
    position: absolute;
    bottom: 7px;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px dotted var(--btn-bg);
}

.char_short .tit, .char_short .value {
    padding: 2px 2px 2px 0;
    display: inline-flex;
    word-break: break-word;
    background: var(--white);
    align-items: flex-end;
    z-index: 1;
}

.char_short .value {
    width: 40%;
    padding: 2px 0 2px 2px;
}

/* --- Description --- */
.description {
    display: flex;
    flex-direction: column;
    margin: 0 0 32px -16px;
    padding: 0 16px 32px 16px;
    width: calc(100% + 32px);
    border-bottom: 1px solid var(--border-color);
}

.description Article {
    margin: 0;
}

/* --- Care and composition --- */
.care .char_short LI::before {
    width: 16px;
    height: 2px;
    background: var(--btn-bg);
    top: 50%;
    left: 0;
    margin: -1px 0 0 0;
    border: none;
}

.care .char_short .tit {
    padding: 2px 2px 2px 24px;
    background: none;
}

/* --- Reviews --- */
.product_reviews {
    display: flex;
    flex-direction: column;
    margin: 0 0 32px -16px;
    padding: 0 16px 32px 16px;
    width: calc(100% + 32px);
    border-bottom: 1px solid var(--border-color);
}

.product_reviews .main_title .num {
    margin: 0 0 0 6px;
    color: var(--gray-light);
}

.comments_list {
    display: flex;
    flex-direction: column;
    margin: -5px 0 0 0;
}

.no_reviews {
    color: var(--text-light);
    background: url('../images/no_reviews.png') no-repeat center left / contain;
    height: 100px;
    margin: 32px 0;
    padding: 0 0 0 132px;
    display: flex;
    align-items: center;
}

/* --- Buy Together Tab --- */
.up_sale .product_wrap {
    margin: 0 0 32px 0;
}

/* --- Reviews Tab --- */
.main_reviews .comments_list {
    margin: 0;
}

.main_reviews .reviews_box {
    margin: 0 0 32px 0;
}

.main_reviews .reviews_box .btn {
    background: var(--sub_main-color);
    color: var(--text);
}

.main_reviews .reviews_box .btn:hover {
    background: var(--main-color);
    color: var(--text-contrast);
}

.all_comment_parts {
    background: var(--white);
    margin: 0 0 16px 0;
    padding: 0 0 16px 0;
    border-bottom: 1px solid var(--border-color);
}

.main_reviews .comment_one:last-child .all_comment_parts {
    margin: 0;
}

.comment_top {
    display: flex;
    flex-wrap: wrap;
}

.ct_pic {
    width: 50px;
    height: 50px;
    border-radius: 15px;
    background: var(--main-color-light-er);
    color: var(--main-color);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 12px 0 0;
}

.comment_top .together {
    display: flex;
    margin: 0 0 32px 0;
    flex-direction: column;
    justify-content: space-between;
    min-height: 50px;
}

.comment_top .comment_name {
    font-size: 18px;
    text-transform: uppercase;
}

.comment_size, .comment_top .date_comment {
    text-transform: none;
    font-size: 16px;
    color: var(--icon-color);
}

.comment_top .product_raiting {
    margin: 0 0 8px 0;
    width: 100%;
    padding: 0;
}

.comment_body {
    display: flex;
    flex-direction: column;
    margin: 0 0 8px -8px;
    border-bottom: 1px solid var(--site-bg-color);
    width: calc(100% + 16px);
    padding: 0 8px 8px 8px;
    line-height: 1.6;
}

.coment_text {
    display: flex;
}

.product_rate {
    display: flex;
    flex-direction: column;
    padding: 0 0 0 32px;
    margin: 12px 0 0 0;
}

.product_rate Span {
    margin: 0 0 12px 0;
}

.product_rate Span:last-child {
    margin: 0;
}

.product_rate dt {
    position: relative;
    font-weight: bold;
    margin: 0 0 4px 0;
}

.product_rate .advantages::after, .product_rate .advantages::before, .product_rate .disadvantages::before {
    content: '';
    height: 10px;
    width: 2px;
    position: absolute;
    top: 6px;
    left: -16px;
    background: var(--btn-bg);
}

.product_rate .advantages::before {
    transform: rotate(90deg);
}

.product_rate .disadvantages::before {
    background: var(--error);
    transform: rotate(90deg);
}

.comment_bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

A.comment_reply {
    display: flex;
    font-size: 14px;
    text-decoration: none;
    align-items: center;
    color: var(--main-color-light);
    transition: .3s;
}

A.comment_reply:hover {
    color: var(--orange);
}

A.comment_reply .icon {
    margin-top: -9px;
    fill: var(--main-color-light);
    transition: .3s;
}

A.comment_reply:hover .icon {
    fill: var(--orange);
}

.fingers {
    display: flex;
}

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

.fingers .dislike, .fingers .like {
    cursor: pointer;
    display: flex;
    align-items: center;
    color: var(--gray-light);
    font-size: 13px;
}

.fingers .icon {
    width: 16px;
    height: 16px;
    fill: var(--gray);
}

.fingers .like:hover .icon, .fingers .like.active .icon {
    fill: var(--btn-bg);
}

.fingers .dislike:hover .icon, .fingers .dislike.active .icon {
    fill: var(--error);
}

.comment_one .answers {
    width: 100%;
    margin: 0 0 16px 0;
    padding: 0 0 0 16px;
    position: relative;
}

.main_reviews .comment_one:last-child .answers {
    margin: 16px 0 0 0;
}

.comment_one .answers:after {
    content: '';
    width: 2px;
    height: 100%;
    background: var(--main-color-light-er);
    position: absolute;
    top: 0;
    left: 0;
}

.comment_one .answers LI {
    background: var(--white);
}

.comment_one .answers .comment_top, .comment_one .answers .comment_body {
    width: 100%;
    padding: 8px;
    margin: 0 0 8px 0;
}

.comment_one .answers .comment_body {
    padding: 0 8px 8px 8px;
}

.rb_more {
    margin: 32px 0;
    display: flex;
    justify-content: center;
}

/* --- Adding Review --- */
.comment_popup.popup {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transform: none;
    max-height: none;
    padding: 32px 16px;
}

.comment_popup .title_wrap .for_answer, .comment_popup .title_wrap.is_answer .for_comment, .comment_popup .send_comment .for_answer, .comment_popup .send_comment.is_answer .for_comment {
    display: none;
}

.comment_popup .title_wrap .for_comment, .comment_popup .title_wrap.is_answer .for_answer, .comment_popup .send_comment .for_comment, .comment_popup .send_comment.is_answer .for_answer {
    display: flex;
}

.comment_popup .message .for_answer, .comment_popup .message.is_answer .for_comment {
    display: none;
}

.comment_popup .message .for_comment, .comment_popup .message.is_answer .for_answer {
    display: inline-flex;
}

.reviews_raiting.product_raiting {
    padding: 0;
    flex-direction: row;
}

.reviews_raiting.product_raiting Label {
    margin: 0 16px 0 0;
    opacity: .6;
}

.reviews_raiting .star_wrap {
    display: flex;
}

.reviews_raiting.product_raiting .icon {
    width: 24px;
    height: 24px;
    margin: 0 4px 0 0;
}

.comment_popup.popup .long_div.center {
    margin: 0;
}

.comment_popup.popup .long_div.center A.btn {
    width: 100%;
}

.rew_item {
    display: flex;
    margin: 0 0 24px 0;
}

.ri_pic {
    width: 90px;
    height: auto;
    border: 1px solid var(--border-color);
    padding: 1px;
    margin: 0 12px 0 0;
    display: flex;
    flex-shrink: 0;
}

.ri_pic Img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.ri_text {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.ri_text .tit {
    text-transform: uppercase;
    margin: 0 0 8px 0;
}

.ri_text .dropdown {
    width: 116px;
}

.comment_form {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* --- Fixed product panel --- */
.sticky_header {
    position: fixed;
    bottom: 0;
    left: 0;
    background: var(--white);
    z-index: 6;
    border-top: 1px solid var(--btn-bg);
    width: 100%;
    flex-wrap: nowrap;
    margin: 0;
    justify-content: space-between;
}

.sticky_header .desktop {
    display: none;
}

.sticky_header .mini_product_photo {
    margin: 0;
    height: auto;
    width: auto;
    padding: 0;
}

.sticky_header .mpp_box {
    width: 56px;
    height: 56px;
    margin: 0 16px 0 0;
    flex-shrink: 0;
}

.sticky_header .mpp_box Img {
    border-right: 1px solid var(--border-color);
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.sticky_header .mpp_box Img:last-child {
    display: none;
}

.sticky_header .mpp_title {
    display: none;
}

.sticky_header .together {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
}

.sticky_header .show_price {
    margin: 0;
}

.sticky_header .show_price Span {
    font-size: 12px;
    font-weight: 600;
    color: var(--text-light);
    margin: 0 0 4px 0;
}

.sticky_header.product_price .main_price {
    font-size: 24px;
    font-weight: 600;
    margin: 0;
}

.sticky_header .together .together {
    justify-content: flex-start;
    width: auto;
}

.sticky_header.product_price .add_in-list {
    margin: 0 0 0 16px;
    position: relative;
}

.sticky_header .product_btns {
    align-items: center;
    width: auto;
    margin: 0;
}

.sticky_header .product_btns .btn {
    margin: 0 0 0 16px;
    width: max-content;
    flex-shrink: 0;
}

/* --- Fixed If buy product from fixed footer & Select Sizes --- */
.if_buy_foo_sizes {
    position: fixed;
    bottom: -100%;
    left: 0;
    background: var(--white);
    z-index: 12;
    border-top: 1px solid var(--btn-bg);
    width: 100%;
    flex-direction: column;
    padding: 16px;
    transition: .3s;
}

.if_buy_foo_sizes.active {
    bottom: 0;
}

.if_buy_foo_sizes .popup_close {
    right: 4px;
    top: 4px;
}

.ifb_left .title_wrap {
    margin: 32px 0 16px;
    flex-wrap: nowrap;
    align-items: flex-start;
}

.ifb_left .title_wrap .main_title {
    margin: 0;
}

.ifb_left .img {
    width: 86px;
    height: auto;
    border: 1px solid var(--border-color);
    margin: 0 12px 0 0;
    flex-shrink: 0;
}

.ifb_left .img Img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.ifb_left .description {
    display: none;
}

.ifb_left .big_img {
    display: none;
}

/* --- Fixed If buy product to cart --- */
.if_buy_to_cart {
    position: fixed;
    bottom: -100%;
    left: 0;
    background: var(--white);
    z-index: 12;
    border-top: 1px solid var(--btn-bg);
    width: 100%;
    max-height: 100%;
    overflow-y: auto;
    flex-direction: column;
    padding: 52px 16px 20px 16px;
    transition: .3s;
}

.if_buy_to_cart.active {
    bottom: 0;
}

.tc_left {
    display: flex;
    margin: 0 0 16px 0;
}

.tc_left .one_propose {
    margin: 0;
    width: 100%;
}

.tc_left .prop_row {
    align-items: flex-start;
    margin-bottom: auto;
}

.tc_left .pr_photo {
    width: 68px;
    height: auto;
    border: 1px solid var(--border-color);
    margin: 0 16px 0 0;
    flex-shrink: 0;
    background: none;
}

.tc_left .pr_photo Img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.tc_left .pr_price {
    font-size: 18px;
}

.tc_left .pr_price Small {
    font-size: 16px;
}

.tc_left .pr_tit {
    text-transform: uppercase;
    font-size: 18px;
}

.tc_left .one_propose A.btn {
    margin: 16px 0 0 0;
    width: 100%;
}

.tcr_offers {
    display: flex;
}

.if_buy_to_cart .product_slider.centre {
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.if_buy_to_cart .one_good {
    width: 175px;
}

.if_buy_to_cart .one_good:hover .og_inner {
    border-color: transparent;
}

.if_buy_to_cart .one_good .product_name span {
    font-size: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    height: 14px;
}

.if_buy_to_cart .one_good .price_wrap {
    min-height: unset;
}

.if_buy_to_cart .one_good .price_wrap {
    padding: 0;
}

.if_buy_to_cart .one_good .main_price {
    font-size: 14px;
    line-height: 1.2;
}

.if_buy_to_cart .one_good .op_main {
    font-size: 12px;
    line-height: 1.2;
    color: var(--text);
    margin-left: 8px;
}

.if_buy_to_cart .one_good .product_name {
    margin: 4px 0 0 0;
}

.if_buy_to_cart .one_good .product_raiting {
    display: none;
}

.if_buy_to_cart .one_good .not_available {
    display: none;
}

/* --- Fixed If not buy offer only for you --- */
.only_for_you {
    position: fixed;
    bottom: -100%;
    left: 0;
    background: var(--white);
    z-index: 12;
    border-top: 1px solid var(--btn-bg);
    width: 100%;
    flex-direction: column;
    padding: 16px;
    transition: .3s;
}

.only_for_you.active {
    bottom: 0;
}

.ofy_left {
    margin: 0 0 16px 0;
}

.ofy_left .title_wrap .main_title {
    margin: 0 32px 6px 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
}

.ofy_left .sub_title {
    font-size: 12px;
    font-weight: 600;
    color: var(--text-light);
}

.ofy_right .one_propose {
    width: 100%;
    margin: 0 0 16px 0;
    border: none;
    padding: 0;
}

.ofy_right .price_wrap {
    padding: 0;
    margin: 0 0 4px 0;
}

.ofy_right A.pr_tit {
    margin: 0 52px 0 0;
}

.ofy_right A.pr_buy {
    right: 0;
}

/* --- Blog of Store --- */
/* --- Blog List --- */
.blog_list {
    display: flex;
    flex-direction: column;
    margin-bottom: 32px;
    width: 100%;
    max-width: 924px;
}

.blog_list .title_wrap .main_title {
    margin: 0;
}

.blog_items {
    display: flex;
    flex-direction: column;
}

.one_blog {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: var(--white);
    margin: 0 0 42px 0;
    line-height: 1.6;
    transition: .3s;
}

.one_blog:last-child {
    margin: 0;
}

.blog_image {
    display: flex;
    align-items: center;
    width: 100%;
    height: 0;
    padding-bottom: 52.48%;
    margin: 0 0 12px 0;
    position: relative;
}

.blog_image Img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.one_blog Time, .blog_details Header Time {
    display: flex;
    color: var(--text-light);
    font-weight: 600;
    margin: 0 0 12px 0;
    font-size: 12px;
    text-transform: uppercase;
}

.blog_name {
    display: flex;
    color: var(--text);
    text-decoration: none;
    font-weight: 600;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 32px;
    transition: .3s;
}

.one_blog:hover .blog_name {
    color: var(--link-hover);
}

.blog_text {
    margin: 8px 0 0 0;
    max-height: 178px;
    display: flex;
    overflow: hidden;
}

/* --- Blog Details --- */
.blog_details {
    display: flex;
    flex-direction: column;
    margin-bottom: 32px;
    width: 100%;
}

.blog_details Header {
    position: relative;
    display: flex;
    margin: 0 0 32px 0;
    min-height: 500px;
}

.blog_details Header Img {
    height: 100%;
    width: auto;
    object-fit: cover;
    margin: 0;
}

.blog_details Header .tit {
    position: absolute;
    bottom: 16px;
    left: 16px;
    display: flex;
    flex-direction: column;
    color: var(--text-contrast);
    width: calc(100% - 32px);
}

.blog_details Header Time {
    color: var(--text-contrast);
}

.blog_details .title_wrap {
    margin: 0;
}

.blog_details .title_wrap .main_title {
    margin: 0;
    color: var(--text-contrast);
    text-align: left;
    font-size: 36px;
    line-height: 40px;
}

.blog_details .article_text {
    width: 100%;
    max-width: 924px;
    margin: 0 auto;
}

.blog_details .article_text .one_good {
    margin: 8px 0 8px 16px;
    float: right;
    width: 174px;
}

/* --- Reed Others Blogs --- */
.article_pag {
    display: flex;
    width: 100%;
    max-width: 924px;
    margin: 0 auto;
    justify-content: space-between;
}

.article_pag A {
    font-size: 0;
    position: relative;
    min-height: 56px;
    min-width: 56px;
    max-width: 340px;
    max-height: 76px;
    align-items: center;
    justify-content: flex-start;
    background: var(--gray-light);
    border: 1px solid var(--border-color);
    border-radius: 10px;
    transition: .3s;
}

.article_pag A:last-child {
    justify-content: flex-end;
}

.article_pag .has_arrow::before, .article_pag .has_arrow::after {
    width: 10px;
    background: var(--btn-bg);
    top: 29px;
    right: 20px;
}

.article_pag .has_arrow::after {
    top: 23px;
}

.article_pag A:hover {
    background: var(--main-color-light-er);
    border: 1px solid var(--main-color-light-er);
}

.article_pag A.no_active {
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
}

/* --- Checkout Page --- */
.checkout_together {
    display: flex;
    flex-direction: column;
}

.checkout_form {
    display: flex;
    flex-direction: column;
    order: 2;
}

.ct_info {
    margin: 0 0 16px 0;
}

.order-step_wrap {
    transition: .3s;
    margin: 0 0 48px 0;
}

.order-step_wrap:last-child {
    margin: 0;
}

.order-step_wrap.disabled {
    opacity: .6;
    filter: grayscale(1);
    pointer-events: none;
}

.order_select {
    display: flex;
    margin: 0 0 32px 0;
    justify-content: space-between;
}

.os_buts {
    display: flex;
    margin: 0 8px 0 0;
}

.os_buts A.active {
    display: none;
}

.os_buts A {
    display: flex;
    background: var(--btn-bg);
}

.os_buts A:hover {
    background: var(--main-color);
}

.os_socials {
    display: flex;
}

.os_socials A {
    width: 45px;
    height: 45px;
    border: 1px solid var(--btn-bg);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 0 8px;
    transition: .3s;
}

.os_socials A:hover {
    border-color: var(--sub_main-color);
}

.os_socials A Img {
    width: 24px;
    height: 24px;
}

.reg_tit {
    margin: 16px 0 8px 0;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

.enter_form .long_div.tit {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 16px 0 8px 0;
    display: flex;
    align-items: center;
    flex-direction: row;
    color: var(--icon-color-gray);
}

.enter_form .long_div.tit .together {
    display: flex;
    margin: 0 0 0 16px;
}

.enter_form .together A.btn {
    height: auto;
    border: none;
    width: auto;
    margin: 0 16px 0 0;
}

.enter_form .common_but {
    width: 100%;
}

.enter_form .password_recovery {
    margin: -8px 0 16px 0;
}

.password_box {
    position: relative;
    width: 100%;
}

.password_box Input {
    width: 100%;
    padding: 0 56px 0 8px;
}

.show_password {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    position: absolute;
    bottom: 2px;
    right: 2px;
}

.show_password .svg_icon {
    width: 16px;
    height: 16px;
    fill: var(--main-color-light-er);
    transition: .3s;
}

.show_password.not_visible .svg_icon {
    width: 16px;
    height: 16px;
    fill: var(--error);
}

.show_password::before {
    content: '';
    width: 18px;
    height: 2px;
    background: var(--error);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    opacity: 0;
    transition: .3s;
}

.show_password.not_visible::before {
    opacity: 1;
}

.dropdown_select-city {
    margin: 0 0 18px 0;
    border: none;
}

.checkout .radio_wrap {
    display: flex;
    flex-direction: column;
    padding: 16px 16px 16px 46px;
    margin: 0 0 12px 0;
    border-radius: 5px;
    border: 1px dashed var(--btn-bg);
    transition: .3s;
}

.checkout .radio_wrap.select_wrap {
    background: var(--site-bg-color);
    border-style: solid;
    border-bottom: 4px solid var(--btn-bg);
}

.checkout .radio_wrap .order_form_field {
    margin: 16px 0 0 -30px;
    width: calc(100% + 30px);
    display: flex;
    flex-direction: column;
}

.checkout .radio_wrap .order_form_field.delivery_other {
    margin: 0 0 0 -30px;
}

.order_form_field .tit {
    color: var(--main-color-light);
    margin: 0 0 8px 0;
}

.order_form_field .req {
    color: var(--error);
}

.checkout .radio_wrap Label {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
}

.checkout .radio_wrap .info {
    font-size: 14px;
    line-height: 18px;
    color: var(--text-light);
    width: calc(100% + 30px);
    margin: 4px 0 0 -30px;
}

.calculator {
    padding: 16px 0 0 0;
    display: flex;
    flex-direction: column;
}

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

.payments_num {
    color: var(--main-color-light);
    font-weight: 700;
    font-size: 18px;
}

.calculator_top .dropdown {
    margin: 0 8px;
}

.order_calc_total {
    margin: 0 0 0 8px;
    font-size: 18px;
    font-weight: 700;
    color: var(--main-color-light);
}

.order_calc_total Small {
    font-size: 16px;
    margin: 0 0 0 6px;
}

.checkout_total {
    display: flex;
    flex-direction: column;
    margin: 32px 0 64px 0;
}

.ct_main {
    display: flex;
    flex-direction: column;
}

.co_values {
    display: flex;
    flex-direction: column;
}

.ct_main .main_title {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 16px 0;
}

.checkout_total .all_sums {
    width: 100%;
    margin: 0 0 24px 0;
    border: none;
    padding: 0;
}

.checkout_total .together {
    margin: 0 0 16px 0;
    border-bottom: 1px solid var(--border-color);
}

.checkout_total .all_sum {
    margin: 0 0 8px 0;
}

.checkout_total .all_sum Div {
    max-width: 50%;
    text-align: right;
}

.checkout_total .all_sum .text {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
}

.checkout_total .mw_total {
    margin: 0 0 8px 0;
}

.promocode_box {
    display: flex;
    flex-direction: column;
    margin: 0 0 24px 0;
}

.promocode_box A.promocode {
    margin: 0;
    width: 100%;
}

.for_promocode {
    display: flex;
    margin: 0;
    position: relative;
    width: 100%;
    height: 0;
    visibility: hidden;
    opacity: 0;
    transition: .3s;
}

.for_promocode.open {
    margin: 16px 0 0 0;
    height: auto;
    visibility: visible;
    opacity: 1;
}

.for_promocode Input {
    width: inherit;
    border-color: var(--sub_main-color);
    border-right: none;
}

.for_promocode A {
    height: 52px;
    color: var(--text);
    background: var(--sub_main-color);
}

.for_promocode A:hover {
    color: var(--text-contrast);
}

.co_values .shortlist {
    display: flex;
    flex-direction: column;
    order: 3;
}

.co_values .shortlist .tit {
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 0 16px 0;
    width: 100%;
}

.co_values .sl_items {
    border-bottom: 1px solid var(--border-color);
    padding: 0 0 4px 0;
    margin: 0 0 16px 0;
    display: flex;
    flex-wrap: wrap;
}

.co_values .added_goods {
    padding: 0;
    margin: 0 0 4px 4px;
}

.co_values .added_goods:first-child {
    margin: 0 0 4px 0;
}

.co_values .ag_photo {
    margin: 0;
}

.co_values .product_body, .co_values .ag_photo Span, .co_values .it_all_info {
    display: none;
}

.co_values .ag_photo Span.quo {
    display: flex;
    background: var(--btn-bg);
    border-radius: 50%;
    min-width: 20px;
    height: 20px;
    color: var(--text-contrast);
    font-size: 12px;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -3px;
    right: -3px;
    z-index: 1;
    left: auto;
}

.co_values .cart_kit {
    border: 1px solid var(--sub_main-color);
    display: flex;
    padding: 0;
    margin: 0;
}

.co_products .agi_together .added_goods, .co_products .agi_together .added_goods:first-child {
    border: 1px solid var(--sub_main-color);
    padding: 38px 8px 8px 8px;
}

.co_values .cart_kit .added_goods {
    margin: 0;
}

.checkout_total .co_values .cart_kit .added_goods_ignore::before, .checkout_total .co_values .cart_kit .added_goods_ignore::after, .checkout_total .co_values .kit_sum {
    display: none;
}

.checkout_total .co_values .cart_kit .added_goods_ignore {
    padding: 0;
    border: none;
    margin: 0;
}

.checkout_total .co_values .agi_together {
    margin: 0 0 0 4px;
}

.co_pay {
    order: 4;
}

.co_pay .tit {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 8px 0;
}

.co_products {
    display: flex;
    flex-direction: column;
    margin: 0 0 48px 0;
}

.co_products .title_wrap .main_title {
    margin: 0 16px 0 0;
}

.co_products .title_wrap A {
    text-transform: uppercase;
    text-decoration: none;
    font-size: 12px;
    padding: 0;
}

.co_products .shortlist {
    border-bottom: 1px solid var(--border-color);
}

.co_products .shortlist .tit, .co_products .all_sums, .co_products .promocode_box, .co_products .co_pay, .co_products .ag_photo Span {
    display: none;
}

.co_products .ag_photo Span.if_gift, .co_products .ag_photo Span.discount {
    display: flex
}

.co_products .added_goods, .co_products .added_goods:first-child {
    border-top: 1px solid var(--border-color);
    padding: 16px 0 0 0;
}

.checkout_total .show_cart_form.btn {
    width: 100%;
    margin: 8px 0 16px 0;
}

.checkout_total .it_title {
    margin: 0 0 8px 0;
}

.checkout_total .quo, .success_page .quo {
    font-weight: 700;
    margin: 0 0 0 4px;
}

.checkout_total .bottom_wrap {
    justify-content: flex-end;
}

.checkout_total .price_box {
    flex-direction: row;
}

.checkout_total .total_sum {
    margin: 0 0 0 16px;
}

.if_need_comment {
    display: flex;
    flex-direction: column;
    margin: -48px 0 8px 0;
}

.if_need_comment A.link {
    display: flex;
    align-items: center;
    max-width: max-content;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
}

.if_need_comment A.link .icon {
    fill: var(--main-color);
    width: 14px;
    height: 14px;
}

.if_need_comment A.link:hover .icon {
    fill: var(--sub_main-color);
}

.if_need_comment .comment_here {
    display: flex;
    margin: 0;
    height: 0;
    visibility: hidden;
    opacity: 0;
    transition: .3s;
}

.if_need_comment .comment_here.open {
    margin: 4px 0 0 0;
    visibility: visible;
    opacity: 1;
    height: auto;
}

.comment_here Textarea {
    width: 100%;
}

.cart_btn-wrap .total_bottom {
    display: inline;
    margin: 8px 0;
}

.total_bottom.small {
    font-size: 12px;
}

.total_bottom.error {
    color: var(--error);
    text-align: center;
}

.checkout .cart_btn-wrap A.btn {
    margin: 8px 0 16px 0;
}

.checkout .cart_btn-wrap A.btn.disabled {
    opacity: .4;
    pointer-events: none;
}

/* --- Success Page --- */
.success_page {
    padding: 32px 16px;
    width: 100%;
}

.main_title.success {
    font-size: 18px;
}

.success_page .sb_info {
    padding: 8px 0 16px 0;
    margin: 0 0 16px 0;
    border-bottom: 1px solid var(--border-color);
}

.success_box {
    display: flex;
    flex-direction: column;
}

.success_order {
    background: var(--white);
    margin: 0 0 32px 0;
}

.success_order .all_items {
    height: auto;
}

.success_order .bottom_wrap {
    justify-content: flex-end;
}

.success_order .cart_kit .item_text {
    margin: 0;
}

.success_order .total_sum {
    font-weight: 400;
    font-size: 15px;
}

.success_order .total_sum Small {
    font-size: 14px;
}

.checkout_contacts {
    display: flex;
    flex-direction: column;
}

.cc_main {
    background: rgba(255, 255, 255, .9);
    display: flex;
    flex-direction: column;
}

.cc_box {
    display: flex;
    flex-direction: column;
    margin: 0 0 12px 0;
}

.checkout_title {
    display: flex;
    margin: 0 0 6px 0;
    color: var(--main-color-light);
}

.checkout_row {
    margin: 0 0 4px 0;
}

.cc_box_price {
    display: flex;
    flex-direction: column;
    border-top: 1px solid var(--border-color);
    padding: 16px 0 0 0;
}

.cbp_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cbp_row:first-child {
    margin: 0 0 16px 0;
}

.cbp_row.total {
    border-top: 1px solid var(--border-color);
    padding: 16px 0 0 0;
    margin: 16px 0 0 0;
}

.cbp_tit {
    color: var(--main-color-light);
    display: flex;
    width: 100%;
}

.cbp_sum {
    margin: 0 0 0 16px;
    display: flex;
    flex-shrink: 0;
    align-items: baseline;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 600;
}

.cbp_sum.text {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
}

.cbp_sum Small {
    font-size: 16px;
    margin: 0 0 0 4px;
}

.cbp_row.total .cbp_sum {
    font-size: 24px;
    line-height: 1.4;
}

.cbp_row.total .cbp_sum Small {
    font-size: 20px;
    margin: 0 0 0 4px;
}

.cc_but_back {
    background: var(--white);
    display: flex;
    width: 100%;
    position: sticky;
    bottom: 0;
    padding: 32px 0 16px 0;
}

.cc_but_back A {
    width: 100%;
}

.success_article {
    margin: 0 0 32px 0;
}

/* --- User Account --- */
.profile {
    padding: 0 16px;
    margin: 0 auto 32px auto;
    width: 100%;
}

.profile_menu {
    display: none;
}

.pm_items {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.profile_content {
    display: flex;
    flex-direction: column;
    background: var(--white);
}

.profile_content .title_wrap {
    margin: 0 0 16px 0;
    max-width: 812px;
}

.profile_content .title_wrap .main_title {
    font-size: 36px;
    line-height: 40px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
}

.profile_content Form .together:nth-child(2) {
    margin: 64px 0 16px;
}

.profile_content Form .tit {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 6px 0;
    width: 100%;
}

.profile_content Form .sub {
    position: sticky;
    bottom: 0;
    background: var(--white);
    padding: 16px 0 0 0;
}

.profile_content Form .sub .btn {
    width: 100%;
}

.empty_page {
    font-size: 16px;
    margin: 64px auto;
    display: flex;
    width: 100%;
    padding: 160px 16px 32px 16px;
    justify-content: center;
    background: url('../images/no_found.png') no-repeat center top;
}

.empty_page .text {
    max-width: 560px;
    text-align: center;
}

.last_order {
    border: 1px dashed var(--btn-bg);
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    padding: 16px;
    transition: .3s;
    margin: 0 0 16px 0;
    width: 100%;
    max-width: 812px;
    font-weight: 600;
    text-decoration: none;
}

A.last_order:hover {
    border-color: var(--sub_main-color);
}

.last_order.if_empty {
    align-items: center;
}

.last_order.if_empty .icon {
    width: 36px;
    height: 36px;
    margin: 32px 0 8px 0;
}

.last_order.if_empty Span {
    text-transform: uppercase;
    font-size: 14px;
    margin: 0 0 16px 0;
}

.last_order.if_empty .btn {
    width: 230px;
    margin: 0 0 16px 0;
}

A.last_order .tit {
    font-size: 16px;
    text-transform: uppercase;
    color: var(--text);
    margin: 0 0 12px 0;
}

.order_status {
    font-size: 12px;
    padding: 0 6px;
    border-radius: 6px;
    display: flex;
}

A.last_order .order_status {
    margin: 0 0 12px 0;
}

.order_status Img {
    margin: 0 6px 0 0;
    width: 14px;
    height: auto;
}

A.last_order .lo_box {
    display: flex;
}

A.last_order .lo_box .pic {
    display: flex;
    flex-wrap: wrap;
    width: 68px;
    margin: 0 12px 0 0;
}

A.last_order .lo_box .pic Img {
    width: 100%;
    height: 68px;
    object-fit: contain;
}

A.last_order .lo_box .pic Img:last-child {
    display: none;
}

A.last_order .lo_box .text {
    display: flex;
    flex-direction: column;
}

A.last_order .lo_box .tit {
    font-size: 14px;
    font-weight: 700;
    margin: 0;
}

A.last_order .lo_box .count {
    font-size: 14px;
    color: var(--text-light);
    margin: 0 0 16px 0;
}

A.last_order .lo_box .price {
    font-size: 16px;
    color: var(--text);
}

A.last_order .lo_box .price Small {
    font-size: 14px;
    margin: 0 0 0 4px;
}

.profile_content .only_for_you {
    position: relative;
    bottom: auto;
    left: auto;
    margin: 0 0 16px 0;
    width: 100%;
    max-width: 812px;
    z-index: unset;
    border: 1px solid var(--border-color);
    background: var(--gray-light);
    border-radius: 4px;
}

.profile_content .ofy_left {
    margin: 0 0 24px 0;
}

.profile_content .ofy_left .title_wrap .main_title {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}

.profile_content .ofy_left .sub_title.desktop {
    display: none;
}

.profile_content .ofy_right .sub_title.mobile {
    font-size: 12px;
    font-weight: 600;
    color: var(--text-light);
}

.profile_content .ofy_right .one_propose {
    background: var(--white);
    border-radius: 4px;
    margin: 0 0 8px 0;
    padding: 8px;
}

.profile_content .ofy_right A.pr_buy {
    right: 8px;
    bottom: 8px;
}

.subscribe_box {
    margin: 16px 0;
    display: flex;
    flex-direction: column;
}

.variant_yes, .variant_no {
    margin: 0 0 16px 0;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.subscribe_box Span {
    margin: 0 0 8px 0;
}

.subscribe_box A.link {
    display: flex;
}

.subscribe_box A.link .icon {
    fill: var(--main-color);
}

.subscribe_box A.link:hover .icon {
    fill: var(--sub_main-color);
}

.variant_no A {
    padding: 0 0 0 26px;
    text-decoration: none;
    color: var(--text);
    position: relative;
}

.variant_no A::before {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 18px;
    height: 18px;
    border: 1px solid var(--btn-bg);
}

/* --- Order History --- */
.all_orders_history {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 812px;
}

.order_row {
    border-top: 1px solid var(--border-color);
    padding: 16px 0;
}

.order_row.canceled {
    background: #fdf9f9 url(../images/canceled.png) repeat-x;
}

.order_row:last-child {
    border-bottom: 1px solid var(--border-color);
    margin: 0;
}

.order_show {
    display: flex;
    flex-direction: column;
    cursor: pointer;
    position: relative;
    font-weight: 600;
}

.order_show::after {
    content: '';
    width: 8px;
    height: 8px;
    border-bottom: 1px solid var(--btn-bg);
    border-right: 1px solid var(--btn-bg);
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%) rotate(45deg);
    transition: .3s;
}

.open.order_show::after {
    transform: translateY(-50%) rotate(-135deg);
}

.status_mobile {
    display: flex;
    margin: 0 0 8px 0;
    justify-content: space-between;
}

.order_date {
    font-size: 14px;
    margin: 0 16px 0 0;
    font-weight: 400;
}

.order_show .together {
    display: flex;
}

.order_show .desktop {
    display: none;
}

.order_pics {
    display: flex;
    margin: 0 16px 0 0;
    width: 137px;
    flex-shrink: 0;
    justify-content: center;
    position: relative;
}

.order_pics .if_pic {
    width: 68px;
    height: auto;
    object-fit: contain;
    margin: 0 1px 0 0;
    display: none;
    position: relative;
}

.order_pics Img {
    width: 68px;
    height: 68px;
    object-fit: contain;
}

.order_pics .if_pic Span {
    background: var(--btn-bg);
    border-radius: 50%;
    min-width: 20px;
    height: 20px;
    color: var(--text-contrast);
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -3px;
    right: -3px;
    z-index: 1;
}

.order_pics .if_pic:nth-child(1), .order_pics .if_pic:nth-child(2) {
    display: flex;
}

.order_pics .if_more {
    width: 68px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    display: none;
}

.more_then_two .order_pics .if_more {
    display: flex;
}

.order_pics .if_more Span {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--text-contrast);
    font-size: 22px;
    font-weight: 700;
}

.order_show .together .together {
    flex-direction: column;
    width: 100%;
    padding: 0 24px 0 0;
    justify-content: space-between;
}

.order_row-wrap {
    display: flex;
    flex-direction: column;
    margin: 0 0 8px 0;
}

.order_number {
    display: flex;
}

.order_num {
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
}

.order_quantity {
    font-size: 14px;
    color: var(--text-light);
}

.order_sum {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.order_sum-price {
    display: flex;
    font-size: 16px;
    align-items: baseline;
    font-weight: 700;
    margin: 0 16px 6px 0;
}

.order_sum-price Small {
    font-size: 14px;
    margin: 0 0 0 4px;
}

.order_sum A {
    color: var(--main-color);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.4;
    display: inline-flex;
    width: max-content;
    transition: .3s;
}

.order_sum A:hover {
    color: var(--sub_main-color);
}

.order_sum A .icon {
    fill: var(--main-color);
    width: 14px;
    height: 14px;
    transition: .3s;
}

.order_sum A:hover .icon {
    fill: var(--sub_main-color);
    transform: rotate(-45deg);
}

.order_details {
    display: flex;
    flex-direction: column;
    margin: 16px 0 0;
    padding: 16px 0 32px 0;
    background: var(--white);
}

.order_details.order_hidden {
    display: none;
}

.order_info {
    display: flex;
    flex-direction: column;
    margin: 0 0 16px 0;
    background: var(--site-bg-color);
    border-radius: var(--border-radius);
}

.order_info .checkout_title {
    margin: 0 0 16px 0;
}

.oi_group {
    margin: 0 0 8px 0;
}

.order_items {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.order_items .checkout_title {
    text-transform: capitalize;
    margin: 0 0 16px 0;
}

.oi_all {
    display: flex;
    flex-direction: column;
}

.order_item {
    display: flex;
    flex-direction: column;
    margin: 16px 0 0 0;
    padding: 16px 0 0 0;
    border-top: 1px solid var(--border-color);
}

.order_item:first-child {
    margin: 0;
    border: none;
    padding: 0;
}

.oi_row {
    display: flex;
    margin: 8px 0 0 0;
    justify-content: space-between;
}

.oi_row:first-child {
    margin: 0;
}

.order_name {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.oi_row .it_title {
    margin: 0 0 8px 0;
}

.oi_col {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.oi_col:first-child {
    align-items: flex-start;
}

.oi_col:last-child {
    align-items: flex-end;
}

.oi_col_tit {
    font-size: 13px;
    color: var(--gray);
    margin: 0 0 2px 0;
}

.oi_col_result {
    font-weight: 700;
}

.oi_col:last-child .oi_col_result {
    font-size: 18px;
}

.order_items .cc_box_price {
    margin: 16px 0 0 0;
}

/* --- Wish List --- */
.favorite_control {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 8px -16px;
    position: sticky;
    top: 85px;
    z-index: 5;
    background: var(--white);
    width: calc(100% + 32px);
    padding: 0 16px;
}

.delete_all.check_wrap {
    margin: 0;
}

.favorite_control .delete_this {
    text-decoration: none;
    color: var(--text-light);
    display: flex;
    align-items: center;
    pointer-events: none;
    opacity: .4;
    transition: .3s;
}

.delete_this .icon {
    margin: 0 6px 0 0;
    fill: var(--text-light);
}

.favorite_control .delete_this.active {
    pointer-events: unset;
    opacity: 1;
}

.favorite_control .delete_this:hover {
    color: var(--error);
}

.favorite_control .delete_this:hover .icon {
    fill: var(--error);
    transition: .3s;
}

.add_in-list .check_wrap {
    padding: 0;
}

.add_in-list .check_wrap Label {
    width: 100%;
    height: 100%;
}

.add_in-list .check_wrap Input[type="checkbox"]:not(:checked) + Label::before, .add_in-list .check_wrap Input[type="checkbox"]:checked + Label::before, .add_in-list .check_wrap Input[type="checkbox"]:not(:checked) + Label::after,
.add_in-list .check_wrap Input[type="checkbox"]:checked + Label::after {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.favorite_grid .one_good:hover .og_inner {
    position: relative;
}

.favorite_grid.product_wrap .one_good {
    margin: 0 0 6px 0;
    width: calc((100% / 2) - (6px / 2));
}

.favorite_grid.product_wrap .one_good:nth-child(2n + 1) {
    margin-right: 6px;
}

/* --- FAQ --- */
.faq_place {
    display: flex;
    flex-direction: column;
    margin-bottom: 32px;
}

.faq_place .title_wrap {
    text-align: center;
    justify-content: center;
}

.faq_place .title_wrap .main_title {
    margin: 0;
}

.faq {
    display: flex;
    flex-direction: column;
}

.one_faq {
    display: flex;
    border-bottom: 1px solid var(--border-color);
    margin: 0 0 16px 0;
    flex-direction: column;
}

A.of_tit {
    display: flex;
    text-decoration: none;
    color: var(--text);
    text-transform: uppercase;
    padding: 16px 32px 16px 0;
    font-size: 18px;
    position: relative;
    transition: .3s;
}

A.of_tit:hover {
    color: var(--main-color);
}

A.of_tit::before, A.of_tit::after {
    width: 22px;
    height: 2px;
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    transition: .3s;
    background: var(--btn-bg);
}

A.of_tit::after {
    transform: translateY(-50%) rotate(90deg);
}

A.of_tit:hover::before, A.of_tit:hover::after {
    background: var(--sub_main-color);
}

.one_faq.active A.of_tit:hover::before, .one_faq.active A.of_tit:hover::after {
    background: var(--error);
}

.one_faq.active A.of_tit::before {
    transform: translateY(-50%) rotate(45deg);
}

.one_faq.active A.of_tit::after {
    transform: translateY(-50%) rotate(-45deg);
}

.of_description {
    display: flex;
    opacity: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    transition: .3s;
    flex-direction: column;
    padding: 0 0 16px 32px;
}

.one_faq.active .of_description {
    opacity: 1;
    visibility: visible;
    height: auto;
    overflow: auto;
}

.of_description Article {
    margin: 0;
}

.profile_content .bottom_wrap {
    max-width: 280px
}

.profile_comment {
    margin-bottom: 10px;
    padding: 15px 0 15px 15px;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    position: relative;
    transition: .3s
}

.profile_comment.active {
    background-color: #fff
}

.profile_comment-inner {
    display: block;
    margin: 0 10px 10px 0;
    width: 50px;
    height: 50px;
    float: left
}

.profile_comment-inner img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain
}

.comment_link {
    text-decoration: none;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    color: var(--link);
    display: block;
    transition: .3s
}

.comment_link:hover {
    opacity: .7
}

.comment_text {
    display: flex;
    flex-direction: column;
    max-height: 66px;
    font-size: 14px;
    line-height: 22px;
    overflow: hidden;
    cursor: pointer;
    padding-right: 30px;
    transition: .3s;
    position: relative
}

.comment_text::before {
    content: "";
    width: 8px;
    height: 8px;
    border-bottom: 1px solid #8b8b8b;
    border-left: 1px solid #8b8b8b;
    position: absolute;
    top: 28px;
    right: 12px;
    transform: rotate(-45deg);
    transition: .3s
}

.profile_comment.empty_comment .comment_text::before {
    display: none
}

.profile_comment.active .comment_text::before {
    transform: rotate(135deg)
}

.profile_comment.active .comment_text {
    max-height: none
}

.comment_text li {
    display: flex;
    flex-direction: column;
    margin: 10px 0
}

.comment_text ul {
    padding-left: 20px
}

.common_tit {
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 20px;
}

.articles.last_news {
    margin-bottom: 40px;
}

.news_slider .ats_one {
    padding: 0 10px;
    margin-bottom: 20px;
}

.ats_photo {
    height: 250px;
    width: 100%;
    margin-bottom: 15px;
}

.ats_photo a,
.ats_photo img {
    display: block;
    width: 100%;
    height: 100%;
}

.ats_photo img {
    object-fit: cover;
}

.ats_date {
    font-size: 13px;
    line-height: 1.2;
    margin-bottom: 5px;
}

.ats_name a {
    display: inline-block;
    font-size: 15px;
    line-height: 18px;
    text-decoration: none;
    color: var(--link);
    font-weight: 700;
    margin-bottom: 10px;
    width: 100%;
}

.ats_name a:hover {
    opacity: .7
}

.ats_txt {
    margin-bottom: 10px;
}

.show_all {
    color: var(--link);
    transition: 0.3s;
}

.news_slider .show_all:hover {
    color: var(--link-hover)
}

.blog.blog_grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
}

.blog.blog_grid img {
    width: 100%;
}

/* 404 */
.for_404 {
    width: 100%;
    height: 100vh;
    padding: 0 16px;
    background: url('../images/404.jpg') no-repeat center center / cover;
    display: flex;
    flex-direction: column;
}

.for_404 .centre {
    height: 100%;
}

.for_404 .together {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.for_404 .together .together {
}

.for_404 Img {
    margin: 48px auto;
}

.for_404_box {
    display: flex;
    justify-content: flex-start;
}

.for_404 .not_found {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: var(--text-contrast);
    font-weight: 600;
    text-transform: uppercase;
}

.for_404 H1 {
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 8px 0;
}

.for_404 .not_found_tit {
    font-size: 36px;
    line-height: 40px;
    margin: 0 0 8px 0;
}

.for_404 .not_found_info {
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 32px 0;
}

.for_404 .btn {
    background: var(--sub_main-color);
    color: var(--text);
}

.for_404 .btn:hover {
    background: var(--main-color);
    color: var(--text-contrast);
}

.main_footer.foo_404 {
    background: none;
    padding: 0;
    margin: 32px 0 0 0;
    color: var(--text-contrast);
}

.foo_404 .sufix_copyrights A {
    color: var(--text-contrast);
}

.foo_404 .sufix_copyrights A:hover {
    color: var(--sub_main-color);
}

.google_map {
    margin-bottom: 32px;
}

.google_map .map_area {
    width: 100%;
    height: 400px;
}

.contacts {
    padding-bottom: 70px;
}

.tabs_nav {
    margin-bottom: 20px;
}

.tabs_nav ul {
    display: flex;
}

.tabs_nav li {
    margin-right: 10px;
}

.tabs_nav ul a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 35px;
    width: max-content;
    border: 1px solid var(--sub_main-color);
    padding: 0 8px;
    border-radius: 5px;
    transition: .3s;
    text-decoration: none;
    font-size: 14px;
    color: var(--text);
    text-align: center;
    cursor: pointer;
}

.tabs_nav ul a:hover {
    color: var(--text-contrast);
    background-color: var(--btn-bg);
}

.map_head {
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 10px;
}

.map_main .google_map {
    display: block;
    width: 100%;
    height: 400px;
    margin-bottom: 50px;
}

.map_address {
    margin-bottom: 30px;
    width: 100%;
}

.map_address .map {
    width: 100%;
}

.map_wrapper {
    display: flex;
    flex-direction: column;
}

.map_desc {
    margin-bottom: 20px;
}

.map_desc_title {
    font-size: 22px;
    line-height: 1.2;
    margin-bottom: 20px;
}

.map_desc dl {
    display: flex;
    flex-direction: column;
}

.map_desc dt {
    font-weight: 700;
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 5px;
}

.map_desc dd {
    font-size: 14px;
    line-height: 1.2;
}

.map_desc dd + dt {
    margin-top: 10px;
}

.map_desc .map_phone + .map_phone {
    margin-top: 3px;
}

.map_head {
    display: none;
}

.map_col .google_map {
    display: block;
    width: 100%;
    height: 400px;
}

.reviews_sect {
    padding-bottom: 75px;
}

.review_sect_rating {
    font-size: 18px;
    line-height: 1.4;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.review_sect_rating .raty {
    display: flex;
    align-items: center;
    margin: 0 10px;
}

.review_sect_rating img {
    display: block;
    width: 20px;
    height: 20px;
}

.category_comments {
    position: relative;
}

.category_comments:not(.slick-initialized) {
    display: flex;
    overflow-x: hidden;
}

.category_comments .review {
    padding: 25px;
    background-color: #fff;
    border-right: 1px solid var(--site-bg-color);
}

.review_img {
    display: block;
    height: 150px;
    width: 100%;
}

.review_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.review_title a {
    display: inline-block;
    font-size: 15px;
    line-height: 18px;
    text-decoration: none;
    color: var(--link);
    font-weight: 700;
    margin-bottom: 18px;
    height: 36px;
    width: 100%;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    transition: .3s;
}

.review_title a:hover {
    opacity: 0.7;
}

.review_rating {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.review_rating .raty {
    display: flex;
    align-items: center;
    margin-right: 5px;
}

.review_rating img {
    display: block;
    width: 16px;
    height: 16px;
}

/* --- Main FOOTER --- */
.main_footer {
    display: flex;
    background: var(--site-footer-color);
    padding: 16px 0 0 0;
    margin: 0;
}

.register_for_discount {
    background: var(--sub_main-color);
    padding: 16px;
    display: flex;
    flex-direction: column;
    line-height: 1.2;
    margin: 0 0 32px 0;
}

.register_for_discount .tit {
    font-size: 36px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 16px 0;
}

.register_for_discount .btn {
    width: 100%;
}

.register_for_discount .info {
    font-size: 12px;
    font-weight: 600;
    margin: 8px 0 0 0;
}

.main_footer .together {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.footer_social {
    display: flex;
    flex-direction: column;
    max-width: 558px;
    margin: 0 0 32px 0;
}

.for_foo_logo {
    display: flex;
    flex-direction: column;
    margin: 0 0 32px -12px;
}

.for_foo_logo A {
    display: flex;
}

.foo_logo Img {
    max-width: 340px;
    height: auto;
}

.footer_phones, .messenger_wrap, .hours_work {
    display: flex;
    flex-direction: column;
    margin: 0 0 16px 0;
}

.footer_phones A {
    margin: 0 0 16px 0;
    display: inline-flex;
    color: var(--text);
    text-decoration: none;
    max-width: max-content;
    font-size: 28px;
    font-weight: 600;
}

.footer_phones A:last-child {
    margin: 0;
}

.messenger_wrap .row {
    display: flex;
    flex-wrap: wrap;
}

.messenger_wrap A {
    text-decoration: none;
    margin: 0 16px 8px 0;
    display: flex;
    align-items: center;
}

.messenger_wrap A::before, .messenger_wrap A::after {
    display: none;
}

.messenger_wrap A.viber {
    color: var(--viber);
}

.messenger_wrap A.viber .icon {
    fill: var(--viber);
}

.messenger_wrap A.telegram {
    color: var(--telegram);
}

.messenger_wrap A.telegram .icon {
    fill: var(--telegram);
}

.messenger_wrap A.whatsapp {
    color: var(--whatsapp);
}

.messenger_wrap A.whatsapp .icon {
    fill: var(--whatsapp);
}

.main_footer .address {
    font-style: normal;
    font-size: 14px;
    margin: 0 0 24px 0;
}

.hours_work {
    color: var(--icon-color);
    font-size: 14px;
}

.socials_row {
    display: flex;
}

.socials_row A {
    display: flex;
    margin: 0 12px 0 0;
}

.socials_row A .icon {
    width: 24px;
    height: 24px;
    fill: var(--icon-color);
}

.main_footer .socials_row A.facebook .icon, .socials_row A.facebook:hover .icon {
    fill: var(--facebook);
}

.main_footer .socials_row A.twitter .icon, .socials_row A.twitter:hover .icon {
    fill: var(--twitter);
}

.main_footer .socials_row A.youtube .icon, .socials_row A.youtube:hover .icon {
    fill: var(--youtube);
}

.main_footer .socials_row A.tiktok .icon, .socials_row A.tiktok:hover .icon {
    fill: var(--tiktok);
}

.socials_row A.instagram {
    position: relative;
    width: 24px;
    height: 24px;
}

.socials_row A.instagram .not_hover, .socials_row A .hover {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    transition: .3s;
}

.socials_row A.instagram .hover {
    opacity: 0;
}

.socials_row A.instagram:hover .hover {
    opacity: 1;
}

.socials_row A.instagram:not_hover .hover {
    opacity: 0;
}

.socials_row A.instagram .not_hover svg {
    fill: var(--icon-color);
}

.foo_payment.desktop {
    display: none;
}

.nav_and_contacts {
    display: flex;
    flex-direction: column;
    margin: 0 0 32px 0;
}

.footer_nav {
    display: flex;
    flex-direction: column;
}

.menu_element {
    background: var(--white);
    margin: 0 0 16px 0;
    border-radius: var(--border-radius);
    position: relative;
}

.footer_menu-titile {
    display: flex;
    align-items: center;
    padding: 0 24px 0 0;
    width: 100%;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
}

.footer_menu-titile.has_arrow.bottom::after, .footer_menu-titile.has_arrow.bottom::before {
    top: 10px;
    background: var(--btn-bg);
    right: 0;
}

.footer_menu-titile.has_arrow.bottom::after {
    right: 5px;
}

.main_footer .whap_hidden {
    display: none;
}

.main_footer .whap_hidden.active {
    display: flex;
    flex-direction: column;
    padding: 16px 0 0 0;
    width: 100%;
    background: var(--white);
    border-radius: 0 0 var(--border-radius) var(--border-radius);
}

.menu_element A {
    text-decoration: none;
    color: var(--text);
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    margin: 0 0 12px 0;
    display: inline-flex;
    max-width: max-content;
}

.foo_payment {
    display: flex;
    margin: 8px 0 24px 0;
    flex-direction: column;
}

.foo_payment .tit {
    display: flex;
    font-size: 14px;
    margin: 0 0 8px 0;
}

.visa_master {
    display: block;
    width: 88px;
    height: 22px;
}

.foo_copyrights {
    display: flex;
    flex-direction: column;
    border-top: 1px solid var(--border-color);
    padding: 8px 0;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    width: 100%;
}

.footer_column {
    display: flex;
    flex-direction: column;
}

.sufix_copyrights {
    margin: 8px 0 0 0;
}

.sufix_copyrights A {
    text-decoration: none;
    color: var(--text-light);
    transition: .3s;
    font-weight: 400;
    text-transform: none;
}

.sufix_copyrights A:hover {
    color: var(--main-color);
    transition: .3s;
}

/* --- Page UP - button --- */
.page_up {
    display: none;
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 64px;
    right: 8px;
    background: var(--main-color);
    border-radius: var(--border-radius);
    visibility: hidden;
    opacity: 0;
    transition: .3s;
    z-index: 9;
}

.page_up:hover {
    background: var(--main-color-light);
}

.page_up.active {
    visibility: visible;
    opacity: 1;
}

.page_up::before {
    content: '';
    margin: 4px 0 0 0;
    width: 13px;
    height: 13px;
    position: absolute;
    top: 50%;
    left: 50%;
    border-top: 2px solid var(--white);
    border-right: 2px solid var(--white);
    transform: translate(-50%, -50%) rotate(-45deg);
}

/* --- Feedback --- */
.feedback_place {
    padding-bottom: 60px;
}

.feedback_place .main_title {
    justify-content: center;
    text-align: center;
    margin-bottom: 22px;
}

.feedback_form {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: 400px;
    width: 100%;
}

.styled_input {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
}

.feedback_place .btn {
    width: 100%;
}