:root {
    /* --- Backgrounds --- */
    --site-bg: #f5f5f5;

    --main-color: #2c415b;
    --main-color-light: #3e5f88;
    --main-color-lighter: #3e5f88a8;
    --sub-color: #feaa61;
    --sub-color-light: #4caf5026;
    --sub-color-light: #9b6d451c;

    --footer-bg: #ededed;

    /* --- Texts --- */
    --text: #282828;
    --text-inverse: #fff;
    --text-error: #f01818;
    --text-light: #717171;

    /* --- Buttons --- */
    --btn-bg: #feaa61;
    --btn-bg-hover: #f18d36;

    /* --- Links --- */
    --link: #2c415b;
    --link-hover: #feaa61;

    /* --- Icons (SVG) --- */
    --icon-color: #fff;
    --icon-color-gray: #ccc;
    --icon-color-hover: #feaa61;

    /* --- Borders --- */
    --border-color: #ddd;
    --border-radius: 3px;

    /* --- Common colors --- */
    --white: #fff;
    --error: #f01818;
    --error_light: #f018183d;
    --success: #4caf50;
    --gray: #666;
    --gray-light: #8a8a8a;
    --orange: #d9a01a;

    /* --- Socials & Messengers --- */
    --viber: #675da9;
    --telegram: #0088cc;
    --whatsapp: #26d266;
    --facebook: #1877F2;
    --twitter: #0f1419;
    --youtube: #f00;
    --pinterest: #e60023;
    --instagram: #f7085c;

    /* --- Slider for Prices & Filters --- */
    --slider-handle-width: 24px;
    --slider-handle-width-minus: -24px;

    /* --- Content width & Margin --- */
    --content-width: 1550px;
    --content-margin: calc((100% - var(--content-width)) / 2);

    /* --- 100vh working in Mobile phones --- */
    --100vh: calc(var(--vh, 1vh) * 100);

    /* Filter One Point Height */
    --adm-filter-height: 34px;
}

/* --- Body - fonts, colors, background --- */
HTML,
Body {
    scrollbar-color: var(--gray) var(--site-bg);
}

Body {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 400;
    color: var(--text);
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    min-width: 360px;
    background: var(--site-bg);
}

Body.body_overflow {
    overflow: hidden;
}

::-webkit-scrollbar-thumb {
    background: var(--gray);
}

::-webkit-scrollbar {
    background: var(--site-bg);
}

.centre {
    margin: 0 auto;
    padding: 0 8px;
    width: 100%;
    max-width: var(--content-width);
}

/* --- 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;
}

Table {
    table-layout: fixed;
}

/* --- 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);
}

A.edit {
    font-size: 16px;
    color: var(--text);
    text-decoration: none;
    display: flex;
    align-items: center;
    min-height: 22px;
    transition: .3s;
}

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

A.edit .icon {
    fill: var(--text);
}

A.edit:hover .icon {
    fill: 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: 2px solid var(--border-color);
    height: 38px;
    transition: .3s;
}

.dropdown.dropdown-open {
    border-radius: var(--border-radius) var(--border-radius) 0 0;
    border: 2px solid var(--sub-color);
    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: 15px;
    line-height: 1.2;
    cursor: pointer;
    height: 100%;
    padding: 0 0 0 8px;
    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: 40px;
    height: 100%;
    transition: .3s;
    cursor: pointer;
}

.drop_arrow:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -3px 0 0 -5.5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 5.5px 0 5.5px;
    border-color: var(--border-color) transparent transparent transparent;
    transition: .3s;
}

.dropdown-open .drop_arrow:after {
    transform: rotateX(180deg);
}

.dropdown UL,
.autocomplete-suggestions {
    position: absolute;
    top: 34px;
    right: -2px;
    left: -2px;
    background: var(--white);
    border: 2px solid var(--border-color);
    border-radius: 0 0 var(--border-radius) var(--border-radius);
    box-shadow: 0 10px 10px rgba(0, 0, 0, .3);
    z-index: 12;
    margin: 0;
    border-top: none;
    overflow: auto;
    overflow-x: hidden;
    max-height: 400px;
    display: none;
    transition: .3s;
}

.autocomplete-suggestions {
    margin: -2px 0 0 0;
    border-color: var(--sub-color);
}

.dropdown.dropdown-open UL {
    border-color: var(--sub-color);
    transition: .3s;
}

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

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

.dropdown UL LI A,
.autocomplete-suggestion {
    width: 100%;
    font-size: 15px;
    line-height: 1.2;
    text-decoration: none;
    color: var(--text-light);
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 8px;
    cursor: pointer;
    transition: .3s;
}

.dropdown UL LI A:hover,
.autocomplete-suggestion:hover,
.autocomplete-selected {
    background: var(--btn-bg-hover);
    color: var(--text-inverse);
}

.dropdown UL LI A.selected {
    display: none;
}

.autocomplete-suggestion Strong {
    /* margin: 0 0 0 6px; */
}

/* --- 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(--border-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(--btn-bg);
    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,
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,
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(--border-color);
    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,
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,
Input[type="checkbox"]:checked+.label::after,
Input[type="checkbox"]:not(:checked)+.label::after,
.check_item.active::after,
.check_wrap > Input[type="checkbox"]:checked +.check_item::after,
.radio_item.active::after {
    left: -26px;
    top: 4px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--sub-color);
    opacity: 1;
    content: '';
    position: absolute;
    transition: .3s;
}

Input[type="radio"]:not(:checked)+Label::after,
Input[type="checkbox"]: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,
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,
Input[type="checkbox"]:checked+.label::after,
Input[type="checkbox"]:not(:checked)+.label::after,
.check_item.active::after {
    left: -26px;
    top: 4px;
    width: 10px;
    height: 10px;
    border-radius: 2px;
}

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

/* --- 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 template styles --- */
/* --- If One Col --- */
.main_col {
    display: flex;
    flex-direction: column;
}

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

.article_close {
    display: none;
}

Article .article_text H1 {
    font-size: 24px;
    margin: 0 0 16px 0;
    font-weight: 400;
    line-height: 1.4;
    width: 100%;
    float: left;
}

Article .article_text H2 {
    font-size: 22px;
    margin: 14px 0 14px 0;
    font-weight: 400;
    line-height: 1.4;
    width: 100%;
    float: left;
}

Article .article_text H3 {
    font-size: 18px;
    margin: 12px 0 12px 0;
    font-weight: 400;
    line-height: 1.4;
    width: 100%;
    float: left;
}

Article .article_text H4 {
    font-size: 16px;
    margin: 8px 0 8px 0;
    font-weight: 400;
    line-height: 1.2;
    width: 100%;
    float: left;
}

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

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

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

Article A:not(.btn_link):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 {
    color: var(--sub-color);
    font-size: 12px;
    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-style: italic;
    margin: 0 0 16px 20%;
    padding: 8px 0 8px 16px;
    border-left: 8px solid var(--sub-color);
    max-width: 60%;
}

Article Blockquote P {
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
}

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

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

Article Figure.table.table_centre table {
    margin-left: auto;
    margin-right: auto;
}

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

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

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

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

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

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

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

.table {
    text-align: center;
}

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

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

.image.image_resized {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}

.image.image_resized img {
    width: auto;
    height: auto;
}

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-inverse);
    caption-side: bottom;
    color: var(--main-color);
    display: table-caption;
    font-size: 12px;
    outline-offset: -1px;
    padding: 6px 12px;
    word-break: break-word;
}

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);
}

.article_place.article_component {
    margin-bottom: 60px;
    overflow: hidden;
}

.article_place.seo {
    order: 33;
}

/* --- Input & Textarea - Common styles --- */
Input,
Select {
    height: 38px;
    border: none;
    border-radius: var(--border-radius);
    padding: 0 8px;
    outline: none;
}

Input[type=text],
Input[type=password],
Input[type=email],
Input[type=tel],
Input[type=number],
Input[type=date],
Textarea,
Select {
    border: 2px solid var(--border-color);
    transition: border 0.3s;
}

Input[type=text].error,
Input[type=password].error,
Input[type=email].error,
Input[type=tel].error,
Input[type=number].error,
Input[type=date].error,
Textarea.error,
.dropdown.error {
    border: 2px solid var(--error) !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,
Input[type=date]:focus,
Textarea:focus,
Select:focus {
    border-color: var(--sub-color) !important;
    outline: 0;
    outline-offset: 0;
}

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

Select {
    background-color: var(--white);
    cursor: pointer;
    padding-right: 32px;
    appearance: none;
    background-position: right 9px center;
    background-repeat: no-repeat, repeat;
    background-size: 14px 8px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%238a8a8a' viewBox='0 0 13 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.5 7a.956.956 0 0 1-.657-.256l-5.57-5.25a.839.839 0 0 1 0-1.237.968.968 0 0 1 1.312 0L6.5 4.888 11.415.257a.968.968 0 0 1 1.313 0 .839.839 0 0 1 0 1.237l-5.572 5.25A.956.956 0 0 1 6.5 7Z'/%3E%3C/svg%3E");
}

/* --- Popup --- */
.popup {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 16px);
    max-width: 500px;
    background: var(--white);
    padding: 16px;
    border-radius: var(--border-radius);
    z-index: 13;
    box-shadow: 0 8px 30px rgba(0, 0, 0, .3);
    overflow-y: auto;
    overflow-x: hidden;
    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;
}

.for_wish_product.box {justify-content:space-between; margin:0 0 16px 0;}
    .for_wish_product .edit_box {display:flex; flex-direction:column; align-items:flex-end; flex-shrink:0; padding:0 18px 0 0;}
        .for_wish_product .edit_box A {display:flex; width:max-content; align-items:center; text-decoration:none; color:var(--text); transition:.3s;}
        .for_wish_product .edit_box A:nth-child(2) {margin:8px 0 0 0;}
            .for_wish_product .edit_box A .icon {margin:0 0 0 6px;}

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

.wlt_tit {
    display: flex;
    margin: 0 0 8px 0;
}
.for_wish_product.box .wl_text {justify-content:center;}
.for_wish_product.box .wlt_tit {margin:0;}

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

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

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

.wishes_popup .row.add_to_wrap {
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
    overflow-x: inherit;
    max-height: 300px;
}

.wishes_popup .row.add_to_wrap + i {
    display: block;
    width: 100%;
    height: 12px;
    position: relative;
    top: -10px;
    background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.wishes_popup .row.add_to_wrap .btn {
    margin: 0 0 12px 0;
    width: 100%;
    text-align: left;
    justify-content: space-between;
}

.wishes_popup .row.add_to_wrap .btn .in_wish .icon {
    display: flex;
    fill: var(--gray-light);
}

.wishes_popup .row.add_to_wrap .btn .in_wish .icon.full {
    display: none;
    fill: var(--error);
}

.wishes_popup .row.add_to_wrap .btn.active .in_wish .icon {display:none;}
.wishes_popup .row.add_to_wrap .btn.active .in_wish .icon.full {display:flex;}

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

.black {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    background: var(--main-color-lighter);
    z-index: 12;
}

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

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

.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;
    background: var(--error_light) url("../images/danger.png") no-repeat 8px 50%;
    color: var(--error);
    background-size: 22px;
}

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

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

.long_div Label,
.long_div .label {
    display: block;
    margin: 0 0 4px 0;
    min-height: 18px;
}

/* --- 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;
    flex-wrap: wrap;
    font-size: 24px;
    font-weight: 400;
    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;
    min-height: 38px;
    width: max-content;
    background: var(--btn-bg);
    padding: 0 16px;
    border-radius: var(--border-radius);
    text-decoration: none;
    font-size: 16px;
    color: var(--text-inverse);
    text-align: center;
    cursor: pointer;
    position: relative;
    border: none;
    transition: .3s;
}

.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.big {
    font-size: 20px;
    min-height: 48px;
}

.btn.light {
    background: var(--sub-color-light);
    color: var(--text-light);
    border: 2px solid transparent;
}

.btn.light:hover {
    border-color: var(--sub-color-light);
    color: var(--text);
}

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

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

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

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

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

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

.btn.disabled {
    opacity: .4;
    pointer-events: none;
}

/* --- Main HEADER --- */
.main_header {
    background: var(--main-color);
    padding: 16px 0;
    margin: 0 0 8px 0;
    z-index: 11;
    position: sticky;
    top: 0;
    box-shadow: 0 6px 16px rgba(0, 0, 0, .3);
}

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

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

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

/* --- main row --- */
.nav_panel {
    display: flex;
    align-items: center;
}

.logo_wrap {
    display: none;
}

.catalog_btn {
    display: none;
    font-weight: 700;
    background-color: var(--btn-bg);
}

.catalog_btn.active,
.catalog_btn:hover {
    background-color: var(--btn-bg-hover);
}

.desktop .select_city {
    display: none;
}

/* --- main search panel --- */
.search_wrap {
    position: relative;
    width: 100%;
    margin: 0 16px;
}

.search_wrap Input {
    width: 100%;
    padding: 0 84px 0 8px;
    border: none;
}

.search_wrap .icon.if_desktop {
    display: none;
}

.search_wrap A.clear {
    position: absolute;
    top: 0;
    right: 38px;
    width: 38px;
    height: 38px;
    border-left: 1px solid var(--border-color);
    opacity: 1;
    visibility: visible;
    transition: .3s;
}

.search_wrap A.clear.no_active {
    opacity: 0;
    visibility: hidden;
}

.search_wrap A.clear::before,
.search_wrap A.clear::after,
.search_popup A.cleare_this::before,
.search_popup A.cleare_this::after {
    content: '';
    width: 10px;
    height: 1px;
    position: absolute;
    top: 19px;
    left: 14px;
    background: var(--text-light);
    transform: rotate(45deg);
    transition: .3s;
}

.search_wrap A.clear::after,
.search_popup A.cleare_this::after {
    transform: rotate(-45deg);
}

.search_wrap A.clear:hover::before,
.search_wrap A.clear:hover::after {
    transform: rotate(180deg);
}

.search_wrap .search_btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--btn-bg);
    border-radius: 0 var(--border-radius) var(--border-radius) 0;
    transition: .3s;
}

.main_header .search_btn:hover {
    background: var(--btn-bg-hover);
}

.main_header .search_btn .icon {
    fill: var(--white);
}

.main_header .search_btn Span {
    display: none;
}

/* --- search popup --- */
.search_popup {
    position: absolute;
    top: calc(100% - 2px);
    left: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    background: var(--white);
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    border-radius: 0 0 var(--border-radius) var(--border-radius);
    border-top: 1px solid var(--border-color);
}

.search_popup.active {
    opacity: 1;
    visibility: visible;
}

.search_popup UL {
    display: flex;
    flex-direction: column;
    padding: 8px 0;
}

.search_popup LI {
    display: flex;
    align-items: center;
    transition: .3s;
}

.search_popup LI:hover,
.search_popup LI.active {
    background: var(--site-bg);
}

.search_popup LI.title {
    padding: 8px;
    font-size: 13px;
    color: var(--text-light);
    justify-content: space-between;
}

.search_popup LI.title:hover {
    background: none;
}

A.clear_history {
    text-decoration: none;
    color: var(--main-color-light);
    transition: .3s;
}

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

.search_popup A.one_result {
    padding: 8px;
    text-decoration: none;
    color: var(--gray-light);
    display: flex;
    align-items: center;
    width: 100%;
}

.search_popup A.one_result.history {
    width: calc(100% - 34px);
}

.search_popup A.one_result Img {
    max-height: 42px;
    margin: -4px 8px -4px 0;
}

.search_popup .res_txt {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    text-wrap: nowrap;
}

.search_popup .res_txt Span {
    font-weight: bold;
    color: var(--main-color-light);
}

.search_popup A.one_result.category {
    margin: 0;
}

.search_popup A.one_result.category .icon {
    width: 18px;
    height: 18px;
    fill: var(--icon-color-gray);
    margin: 0 8px 0 0;
}

.search_popup A.cleare_this {
    width: 34px;
    height: 34px;
    position: relative;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}

.search_popup LI:hover A.cleare_this {
    opacity: 1;
    visibility: visible;
}

.search_popup A.cleare_this::before,
.search_popup A.cleare_this::after {
    top: 17px;
    left: 12px;
}

.search_popup A.cleare_this:hover::before,
.search_popup A.cleare_this:hover::after {
    background: var(--error);
}

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

.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 {
    background: var(--main-color-light);
}

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

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

.profile_counter {
    min-width: 20px;
    height: 20px;
    border-radius: 10px;
    border: 1px solid var(--site-bg);
    margin-left: auto;
    position: relative;
    top: auto;
    left: auto;
}

.shopping_sum {
    display: none;
}

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

.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: 18px;
    right: 4px;
    z-index: 1;
}

.close_menu::after,
.close_menu::before {
    content: '';
    width: 24px;
    height: 2px;
    border-radius: 2px;
    background: var(--white);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    transition: .3s;
}

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

.close_menu:hover::before,
.close_menu:hover::after {
    transform-origin: left;
    width: 14px;
}

.top-menu_header {
    display: flex;
    flex-direction: column;
    padding: 23px 8px 8px 8px;
    background: var(--main-color);
    color: var(--text-inverse);
}

.menu_logo {
    display: flex;
    margin: 0 0 16px 8px;
}

.menu_logo Img {
    width: 140px;
    height: auto;
}

.login_btn {
    width: 100%;
    background: none;
}

.login_btn:hover {
    background: var(--main-color-light);
}

.login_btn.out {
    color: var(--main-color-lighter);
}

.login_btn.out .icon {
    fill: var(--main-color-lighter);
}

.login_btn.out:hover {
    background: var(--text-error);
    color: var(--text-inverse);
}

.login_btn.out:hover .icon {
    fill: var(--white);
}

.user_info,
.profile_menu UL A.user_info {
    color: var(--text-inverse);
    text-decoration: none;
    font-size: 16px;
    line-height: 1.2;
    display: flex;
    flex-direction: column;
    padding: 8px 8px 8px 40px;
    position: relative;
    border-radius: var(--border-radius);
    align-items: flex-start;
    transition: .3s;
}

.profile_menu UL A.user_info {
    color: var(--main-color);
}

.user_info:hover {
    background: var(--main-color-light);
}

.user_info .icon {
    position: absolute;
    top: 8px;
    left: 8px;
    fill: var(--text-inverse);
}

.user_info .name {
    padding: 2px 0 4px 0;
}

.user_info .user_email {
    font-size: 12px;
    color: var(--sub-color);
    transition: .3s;
}

.profile_menu UL A.user_info:hover .user_email,
.profile_menu UL A.user_info.active .user_email {
    color: var(--main-color-light);
}

.menu_header .catalog_btn {
    display: none;
    margin: 8px 0 0 0;
    width: 100%;
}

.menu_header .catalog_btn .icon {
    width: 24px;
    height: 24px;
}

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

.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(--link);
    background: none;
    width: 100%;
}

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

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

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

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

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

.select_language {
    border-bottom: 1px solid var(--border-color);
    padding: 0 0 8px 0;
    margin: 0 0 8px 0;
    display: flex;
    align-items: center;
}

.select_language A {
    width: auto;
    margin: 0 0 0 8px;
}

.select_language A.active {
    color: var(--white);
}

.select_language A.active:hover {
    background: var(--btn-bg-hover);
}

/* --- 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 4px;
}

.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: 6px;
    height: 6px;
    background: var(--site-bg);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.slick-dots LI.slick-active Button {
    border: 2px solid var(--sub-color);
}

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

.for_catalog_btn {display:flex; width:100%; padding:16px 0 0 0; justify-content:center;}
    .for_catalog_btn .catalog_btn {display:flex; max-width:344px; width:100%;}
        .for_catalog_btn .catalog_btn .icon {margin:0 12px 0 0; width:24px; height:24px;}

/* --- Slider in Catalog --- */
.list_wrap .main_slider_container {
    margin: 0 0 16px 0;
}

/* --- 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: var(--main-color-light);
}

.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(--main-color-lighter);
}

.lor_box {
    background: var(--white);
    padding: 16px;
}

.login_or_reg .btn {
    width: 100%;
}


.chose_bar {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: 16px;
    margin-bottom: 18px;
}

.chose_bar::before {
    content: "";
    width: 100%;
    height: 2px;
    background-color: var(--main-color-light);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.chose_bar span {
    color: var(--main-color);
    background-color: #fff;
    position: relative;
    z-index: 1;
    padding: 0 8px;
}

.btn.account_btn {
    width: 100%;
    background-color: transparent;
    color: var(--text-color);
    font-size: 14px;
    font-weight: 400;
    border: 1px solid var(--gray);
    transition: 0.3s;
}

.btn.account_btn:hover {
    border-color: var(--sub-color);
}

.btn.account_btn .icon {
    margin-right: 8px;
    width: 20px;
    height: 20px;
}

/* --- Email confirm --- */
.email_confirm {
    display: flex;
    flex-direction: column;
    margin: 32px auto;
    max-width: 740px;
}

.email_confirm .icon {
    display: flex;
    justify-content: center;
    margin: 0 0 32px 0;
}

.email_confirm .icon Span {
    width: 64px;
    height: 64px;
    border: 3px solid var(--error);
    border-radius: 50%;
    position: relative;
}

.email_confirm .icon.success Span {
    border-color: var(--btn-bg);
    display: flex;
    justify-content: center;
    align-items: center;
}

.email_confirm .icon.faild Span::before,
.email_confirm .icon.faild Span::after {
    content: '';
    background: var(--error);
    position: absolute;
    top: 14px;
    left: 29px;
    width: 3px;
    height: 32px;
    transform: rotate(45deg);
}

.email_confirm .icon.faild Span::after {
    transform: rotate(-45deg);
    left: 28px;
}

.email_confirm .icon.success Span::before {
    border: 3px solid var(--btn-bg);
    border-top: none;
    border-left: none;
    content: '';
    position: absolute;
    top: 9px;
    left: 22px;
    transform: rotate(45deg);
    width: 18px;
    height: 32px;
}

.ec_tit {
    margin: 0 0 24px 0;
    text-align: center;
    font-size: 24px;
    line-height: 32px;
}

.ec_description {
    margin: 0 0 32px 0;
    text-align: center;
    color: var(--text-light);
    line-height: 1.4;
}

.email_confirm .long_div {
    align-items: center;
}

/* --- PopUp for LogIn OR Registration --- */
.callback_popup.login_popup {
    padding: 16px 0 16px 16px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.login_logo {
    background: var(--main-color);
    width: calc(100% + 16px);
    margin: -16px 0 0 -16px;
    padding: 16px;
    display: flex;
    align-items: center;
}

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

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

.login_popup .reg_sms_popup .popup_close::before,
.login_popup .reg_sms_popup .popup_close::after {
    background: var(--main-color);
}

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

.login_logo img {
    width: auto;
    height: 24px;
}

.login_logo Span {
    color: var(--text-inverse);
    margin: 10px 0 0 10px;
    font-size: 20px;
}

.login_logo Span Span {
    display: none;
    margin: 0;
}

.login_logo Span Span.active {
    display: flex;
}

.login_popup .login_or_reg {
    overflow-y: auto;
    padding: 0 16px 0 0;
}

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

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

.login_popup .lor_col.no_active {
    display: none;
}

.login_popup .lor_col .title_wrap {
    justify-content: flex-start;
}

.login_popup .lor_col .main_title {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
}

.login_popup .lor_col.registration_tab .title_wrap {
    display: none;
}

.login_popup .lor_box {
    padding: 0;
    background: none;
}

.login_popup .reg_sms_popup {
    width: 100%;
    height: 100%;
    transform: none;
    top: 0;
    left: 0;
    position: absolute;
    max-height: unset;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* --- PopUp for SMS in LogIn OR 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;
}

.popup_close::before,
.popup_close::after {
    content: "";
    width: 18px;
    height: 2px;
    background: var(--main-color);
    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,
.email_popup .popup_close::before,
.email_popup .popup_close::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-lighter);
}

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

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

.sms_field Input[type="text"].error {
    background: none;
}

.popup .close_sms_form {
    color: var(--link);
    margin: 0 0 20px 0;
    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-lighter);
}

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

.callback_popup .long_div.row {
    margin: 0 0 8px 0;
}

/* --- Cart --- */
.header_cart {
    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 8px 16px 16px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, .3);
    max-height: calc(100% - 10%);
    overflow: hidden;
}

.header_cart.active {
    display: flex;
}

.all_items {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 8px 0 0;
}

.added_goods {
    display: flex;
    padding: 16px 8px 0 0;
    border-top: 1px solid var(--border-color);
    margin: 0 0 16px 0;
    position: relative;
}

.cart_kit .added_goods {
    border: none;
    padding: 16px 0 0 0;
}

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

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

.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: 18px;
    height: 18px;
    fill: var(--icon-color-gray);
    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: 74px;
    height: auto;
    position: relative;
    align-items: flex-start;
}

.ag_photo Img {
    display: block;
    width: 100%;
    height: auto;
    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-inverse);
    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;
    margin: 0 0 14px 0;
}

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

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

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

.item_code {
    font-size: 13px;
    line-height: 1.2;
    color: var(--gray);
    width: 100%;
    margin: 0 0 2px 0;
    display: flex;
    align-items: center;
}

.item_code.orange {
    color: var(--orange);
}

.item_code.error {
    color: var(--error);
    border: 1px solid var(--error);
    border-radius: 3px;
    padding: 2px 6px;
}

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

.counter_panel {
    display: flex;
    width: max-content;
    margin: 0 16px 0 0;
    height: 36px;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
}

.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;
}

.price_box {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.price_box.one_item {
    flex-direction: row;
    align-items: baseline;
}

.price_box.one_item .more {
    font-size: 13px;
    color: var(--gray);
    margin: 0 0 0 6px;
}

.error .price_box.one_item .more {
    color:var(--error);
}

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

.total_sum {
    font-size: 18px;
}

.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%) rotate(-6deg);
}

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

.cart_kit .tit {
    color: var(--orange);
    font-size: 16px;
}

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

.cart_kit .added_goods_ignore {
    padding: 38px 0 8px 8px;
    margin: 0;
}

.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(--orange);
}

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

.cart_kit .added_goods_ignore .total_sum {
    margin: 0 0 0 16px;
}

.kit_sum {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: last baseline;
    border-top: 1px solid var(--border-color);
    padding: 8px 0 0 0;
}

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

.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);
}

.all_sums {
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 0 8px 0 0;
}

.all_sums::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;
}

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

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

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

.all_sum Div {
    color: var(--main-color-light);
}

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

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

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

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

/* --- Catalog Button --- */
.btn_catalog {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    color: var(--text-inverse);
    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 - base styles --- */
.menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    z-index: 12;
    background: var(--site-bg);
    overflow: auto;
}

.menu.active {
    display: flex;
    flex-direction: column;
    height: var(--100vh);
    overflow: hidden;
}

.menu_head {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    padding: 2px 8px;
    background: var(--main-color);
}

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

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

/* --- Main Level - Catalog Menu --- */
.menu UL {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    padding: 8px;
}

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

.menu UL LI:first-child {
    margin: 0;
}

.menu LI A,
.main_slider_container.with_menu LI A,
.main_aside .left_menu A {
    color: var(--text);
    font-size: 15px;
    line-height: 1.2;
    text-decoration: none;
    display: flex;
    align-items: center;
    padding: 12px 30px 12px 16px;
    position: relative;
    transition: .3s;
    border-radius: var(--border-radius);
}

.menu LI A.active,
.menu LI A:hover,
.main_slider_container.with_menu LI A.active,
.main_slider_container.with_menu LI A:hover,
.main_aside .left_menu A:hover {
    background: var(--main-color-light);
    color: var(--text-inverse);
    transition: .3s;
}

.menu LI UL LI A.active,
.menu LI UL LI A:hover {
    background-color: var(--main-color-lighter);
}

.menu A.has_arrow::before,
.menu A.has_arrow::after {
    right: 16px;
    top: 22px;
    background: var(--main-color);
}

.menu A.has_arrow::after {
    top: 17px;
}

.menu A.has_arrow:hover::before,
.menu A.has_arrow:hover::after,
.menu A.has_arrow.active::before,
.menu A.has_arrow.active::after {
    background: var(--text-inverse);
}

.menu LI A Img,
.main_slider_container.with_menu LI A Img {
    display: block;
    margin: 0 12px 0 0;
    width: 18px;
    opacity: .7;
    transition: .3s;
}

.menu LI A:hover Img,
.main_slider_container.with_menu LI A:hover Img {
    opacity: 1;
}

.main_header .menu A svg {
    fill: var(--main-color);
    width: 18px;
    height: 18px;
    margin: 0 12px 0 0;
    transition: .3s;
}

.main_header .menu A:hover svg,
.main_header .menu A.active svg {
    fill: var(--text-inverse);
}

/* --- Deep Levels - Catalog Menu --- */
.menu .next_level {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: calc(-100% - 20px);
    background: var(--white);
    z-index: 1;
    box-shadow: 0 8px 10px rgba(0, 0, 0, .3);
    transition: .3s;
}

.menu .next_level.active {
    left: 0;
}

.menu A.btn_back {
    color: var(--text-inverse);
    background: var(--main-color);
    padding: 12px 30px 12px 32px;
    border-radius: unset;
}

.menu A.btn_back.has_arrow::before,
.menu A.btn_back.has_arrow::after {
    right: auto;
    left: 16px;
    top: 17px;
    background: var(--text-inverse);
}

.menu A.btn_back.has_arrow::after {
    top: 22px;
}

/* --- Categories --- */
.category {
    margin-bottom: 8px;
}

/* --- Tiles - Category --- */
.category_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0 -8px;
}

.one_cat {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    background: var(--white);
    padding: 8px;
    width: calc(50% - 8px);
    margin: 0 0 8px 8px;
    text-decoration: none;
    transition: .3s;
}

.one_cat:hover {
    box-shadow: 0 0 8px #00000024;
}

.category_image {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0 0 8px 0;
}

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

.cat_title {
    display: flex;
    justify-content: center;
    color: var(--text);
    text-decoration: none;
    transition: .3s;
    text-align: center
}

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

/* --- Rows - Category --- */
.row_list .category_list {
    margin: 0;
}

.row_list .one_cat {
    margin: 0 0 8px 0;
    width: 100%;
    flex-direction: row;
}

.row_list .category_image {
    margin: 0 16px 0 0;
    width: 40%;
}

.row_list .cat_title {
    width: 100%;
    justify-content: flex-start;
}

/* --- List - Category --- */
.list_info .category_list {
    margin: 0;
}

.list_info .one_cat {
    margin: 0 0 8px 0;
    width: 100%;
}

.list_info .category_image {
    margin: 0 0 12px 0;
}

.list_info .cat_title {
    width: 100%;
    justify-content: flex-start;
    font-size: 18px;
}

.list_info .one_cat:hover .cat_title {
    color: var(--text);
}

.list_info .one_cat:hover .cat_title:hover {
    color: var(--link-hover);
}

.list_info UL {
    width: 100%;
    margin: 12px 0 0 0;
}

.category_list UL A {
    display: flex;
    padding: 6px 32px 6px 8px;
    color: var(--text);
    text-decoration: none;
    margin: 0 0 4px 0;
    background: var(--site-bg);
    position: relative;
    transition: .3s;
}

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

.category_list UL A::before,
.category_list UL A::after {
    right: 12px;
}

/* --- Store window Slider --- */
.product_slider {
    margin-bottom: 16px;
}

.details_product .product_slider {
    width: calc(100% + 16px);
    margin-left: -8px;
}

.product_slider .title_wrap {
    justify-content: flex-start;
    position: relative;
    z-index: 1;
    align-items: baseline;
}

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

.title_wrap .main_title.no_margin {
    margin: 0;
}

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

.product_slider .product_tabs {
    position: relative;
    top: 0;
    z-index: unset;
}

.product_slider .product_tabs A {
    z-index: 2;
}

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

.product_slider .product_inner:not(.slick-initialized) {
    width: 100%;
    margin: 0;
    padding: 0;
}

.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;
}

.slick-arrow {
    z-index: 1;
    font-size: 0;
    background: var(--main-color-lighter);
    border-radius: 0 var(--border-radius) var(--border-radius) 0;
    width: 32px;
    height: 40px;
    position: absolute;
    cursor: pointer;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    border: none;
    box-shadow: 0 0 8px #00000024;
    transition: .3s;
}

.slick-arrow.slick-next {
    left: auto !important;
    right: 0;
    border-radius: var(--border-radius) 0 0 var(--border-radius);
}

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

.slick-arrow::before,
.slick-arrow::after {
    right: 8px;
    top: 23px;
    width: 14px;
    height: 3px;
    background: var(--white);
}

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

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

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

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

/* --- Last viewed on Main page - if Grid --- */
.product_grid {
    display: flex;
    flex-direction: column;
}

.product_grid UL {
    display: flex;
    flex-wrap: wrap;
}

.product_grid LI:nth-child(3),
.product_grid LI:nth-child(4),
.product_grid LI:nth-child(5),
.product_grid LI:nth-child(6) {
    display: none;
}

.product_grid .all LI:nth-child(3),
.product_grid .all LI:nth-child(4),
.product_grid .all LI:nth-child(5),
.product_grid .all LI:nth-child(6) {
    display: block;
}

/* --- Product - One Item --- */
.product_wrap {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.products_not_found {
    font-size: 18px;
    padding: 64px;
}

.one_good {
    display: flex;
    flex-direction: column;
    padding: 8px;
    background: var(--white);
    width: 50%;
    border-right: 1px solid var(--site-bg);
    border-bottom: 1px solid var(--site-bg);
}

.og_inner {
    display: flex;
    flex-direction: column;
    position: relative;
    justify-content: space-between;
    height: 100%;
}

/* --- Status - Product --- */
.one_good .status_list,
.big_slider .status_list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}

.one_good .status_list Span,
.big_slider .status_list Span {
    display: flex;
    padding: 2px 6px;
    font-size: 12px;
    border-radius: var(--border-radius);
    margin: 0 0 4px 0;
}

.one_good .status_list Span.sale_percent,
.big_slider .status_list Span.sale_percent, .btn_red {
    background: var(--error);
    color: var(--white);
}

.unavailability.one_good .status_list Span,
.unavailability .big_slider .status_list Span {
    opacity: .4;
}

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

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

.add_in-list A:hover,
.add_in-list .check_wrap:hover {
    box-shadow: 0 0 6px rgba(0, 0, 0, .1);
    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 {
    fill: var(--error);
}

.add_in-list A.wishes .icon.active,
.add_in-list A.wishes.active .icon {
    display: none;
}

.add_in-list A.wishes.active .icon.active {
    display: flex;
    fill: var(--error);
}

.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;
    z-index: 2;
}

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

.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 .photo_wrap Img {
    opacity: .4;
}

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

.one_good .product_name Span {
    display: inline-block;
    font-size: 16px;
    line-height: 1.2;
    color: var(--link);
    height: 38px;
    width: 100%;
    overflow: hidden;
    transition: .3s;
}

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

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

.one_good:hover .product_name Span {
    color: var(--text);
}

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

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

.product_raiting .icon {
    width: 14px;
    height: 14px;
    fill: var(--icon-color-gray);
    margin: 1px;
}

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

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

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

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

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

/* --- Prices - Product --- */
.one_good .price_wrap {
    display: flex;
    flex-direction: column;
    z-index: 2;
    position: relative;
}

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

.one_good .old_price {
    display: flex;
    align-items: center;
    color: var(--gray);
    font-size: 14px;
}

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

.one_good .op_main Span {
    position: relative;
}

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

.one_good .op_benefit {
    padding: 0 4px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    background: var(--error);
    color: var(--text-inverse);
    border-radius: var(--border-radius);
    position: relative;
    top: -6px;
}

.old_price .op_benefit::before {
    content: '';
    width: 8px;
    height: 16px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 4px solid var(--error);
    position: absolute;
    top: 50%;
    right: 100%;
    transform: translateY(-50%);
}

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

.one_good .main_price {
    font-size: 20px;
    line-height: 26px;
}

.one_good .main_price.active {
    color: var(--error);
}

.one_good .main_price Small {
    font-size: 18px;
}

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

.can_buy .btn.to_details {
    min-height: unset;
    height: 32px;
    width: auto;
    padding: 0 8px;
}

.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);
}

.wish_list_limit {display:flex; flex-direction:column; width:100%; font-size:12px;}
    .wish_list_limit Input {width:100%; margin:6px 0 0 0;}

/* --- If MINI Product --- */
.products_mini .one_good .status_list,
.products_mini .add_in-list A.compare,
.products_mini .product_raiting,
.products_mini .can_buy .btn,
.products_mini .one_good .op_benefit {
    display: none;
}

.products_mini .product_grid LI:nth-child(7),
.products_mini .product_grid LI:nth-child(8) {
    display: none;
}

.products_mini .product_grid .all LI:nth-child(7),
.products_mini .product_grid .all LI:nth-child(8) {
    display: block;
}

/* --- CATALOG list --- */
.catalog_list {
    margin-bottom: 32px;
}

.catalog_list .title_wrap {
    margin: 0 0 8px 0;
}

.catalog_list .title_wrap .main_title {
    margin: 0;
    flex-direction: column;
}

.catalog_list .search_title {
    margin: 0 16px 0 0;
}

.catalog_list .search_title Span {
    color: var(--orange);
}

.search_title_results {
    font-size: 14px;
    color: var(--text-light);
    margin: 8px 0;
}

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

.control_products .selected_filters {
    display: none;
}

.control_products .dropdown {
    margin: 0 0 0 16px;
    max-width: 190px;
}

/* --- Search results --- */
.catalog_list.search .title_wrap.nothing_found .main_title {
    margin: 0 auto;
    width: 100%;
    max-width: 940px;
}

.search_pic_no_found {
    display: flex;
    width: 100%;
}

.search_pic_no_found Img {
    width: 60%;
    height: auto;
    margin: 0 auto 32px;
}

.catalog_list.search .nothing_found .together {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.catalog_list.search .search_title {
    margin: 0 0 16px 0;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
}

.catalog_list.search .search_title Div {
    text-transform: lowercase;
}

.nothing_found .search_title_results {
    margin: 0 0 16px 0;
    font-size: 15px;
    line-height: 1.4;
}

.catalog_list.search .nothing_found .long_div {
    flex-direction: row;
    justify-content: center;
}

.catalog_list.search .nothing_found .long_div A.btn {
    margin: 0 8px;
}

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

.clickpath {
    display: flex;
}

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

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

.clickpath A {
    color: var(--main-color);
    text-decoration: none;
    font-size: 14px;
    padding: 0 0 0 16px;
    position: relative;
    transition: .3s;
}

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

.clickpath A.has_arrow::before,
.clickpath A.has_arrow::after {
    right: auto;
    left: 0;
    top: 10px;
    fill: var(--main-color);
}

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

/* --- Filters --- */
.catalog_filters {
    color: var(--text);
    position: fixed;
    top: 0;
    left: -330px;
    display: flex;
    flex-direction: column;
    height: var(--100vh);
    overflow: auto;
    width: 300px;
    background: var(--site-bg);
    z-index: 13;
    transition: .3s;
    box-shadow: 0 8px 30px rgba(0, 0, 0, .3);
    padding: 24px 8px 8px 8px;
    overflow-x: hidden;
    justify-content: space-between;
}

.catalog_filters.active {
    left: 0;
}

.close_menu.dark::after,
.close_menu.dark::before {
    background: var(--gray);
}

/* --- Selected filters --- */
.selected_filters {
    background: var(--main-color);
    color: var(--text-inverse);
    margin: -24px 0 8px -8px;
    padding: 24px 8px 2px 8px;
    width: calc(100% + 16px);
}

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

.clear_filters {
    order: 1;
    margin: -14px 0 12px 0;
}

.clear_filters .deactivate-filter {
    border: none;
    padding: 0 16px;
    margin: 0;
    background: var(--orange);
}

.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;
    padding: 0 12px 6px 0;
    order: 2;
}

.ocf_title {
    font-size: 12px;
    margin: 0 6px 0 0;
}

.deactivate-filter {
    display: flex;
    align-items: center;
    width: max-content;
    margin: 0 4px 0 0;
    padding: 2px 20px 2px 4px;
    border: 1px solid var(--sub-color);
    position: relative;
    border-radius: var(--border-radius);
    cursor: pointer;
    transition: .3s;
}

.deactivate-filter:hover {
    border-color: var(--error);
}

.deactivate-filter::before,
.deactivate-filter::after {
    content: '';
    width: 10px;
    height: 2px;
    border-radius: 2px;
    background: var(--sub-color);
    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 {
    border-bottom: 1px solid var(--border-color);
    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);
    width: 100%;
}

.searched_cats .tit {
    font-size: 14px;
    color: var(--text-light);
    margin: 8px 0 8px 0;
    width: 100%;
    display: flex;
}

.searched_cats A {
    font-size: 17px;
}

.searched_cats UL LI UL A {
    font-size: 15px;
    padding: 8px 32px 8px 16px;
}

.searched_cats UL LI UL LI UL A {
    padding: 6px 0 6px 32px;
}

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

.searched_cats A.has_arrow:hover::before,
.searched_cats A.has_arrow:hover::after,
.searched_cats A.has_arrow.active::before,
.searched_cats A.has_arrow.active::after {
    background: 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(--link);
    padding: 8px 32px 8px 0;
    position: relative;
    transition: .3s;
}

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

.fs_title_price.long {
    max-width: unset;
}

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

.menu_item-title.has_arrow.bottom::before,
.menu_item-title.has_arrow.bottom::after {
    top: 16px;
}

.catalog_filters .filter_img {
    width: 24px;
    height: 24px;
    margin: 0 8px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.menu_item-title Img,
.menu_item-title svg,
.menu_item .check_item Img,
.menu_item .check_item svg {
    max-width: 100%;
    max-height: 100%;
    border-radius: var(--border-radius);
}

.menu_item-title svg {
    fill: var(--link);
    transition: .3s;
}

.menu_item-title:hover svg {
    fill: var(--link-hover);
}

.hidden_menu {
    margin: 8px 0;
}

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

.hidden_menu LI {
    position: relative;
}

.hidden_menu LI.nothing_found {
    padding: 8px 0 0 0;
    color: var(--gray-light);
}

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

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

.price_filter Input {
    width: 34%;
}

.price_filter Span {
    margin: 0 4px;
}

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

.fil_slider .hidden_menu Input[type="text"] {
    width: 100%;
    margin: 0 0 8px 0;
}

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

.menu_item .check_item:hover {
    background: var(--sub-color-light);
    color: var(--link);
}

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

.menu_item .check_item::before {
    left: 8px;
}

.menu_item .with_img .check_item::before {
    top: 9px;
}

.menu_item .check_item::after {
    left: 12px;
}

.menu_item .with_img .check_item::after {
    top: 13px;
}

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

.catalog_filters .check_item .filter_img {
    width: 20px;
    height: 20px;
    margin: -2px 8px 0 0;
}

.menu_item .check_item svg {
    fill: var(--link);
}

/* --- Tile filters --- */
.fil_group_grid .filter_list {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 8px);
}

.menu_item.fil_group_grid .check_item {
    margin: 0 8px 8px 0;
    padding: 2px 8px;
    width: max-content;
    border: 1px solid var(--main-color);
    border-radius: var(--border-radius);
    transition: .3s;
}

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

.menu_item.fil_group_grid .check_item.active {
    border-color: var(--sub-color);
    background-color: var(--sub-color);
    color: var(--text-inverse);
}

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

.menu_item.fil_group_grid .check_item Span {
    min-width: 20px;
    text-align: center;
}

/* --- Tile Photo filters --- */
.fil_slider .hidden_menu.filter_tile_photo {
    margin: 8px 0 16px;
}

.filter_tile_photo UL {
    display: flex;
    flex-wrap: wrap;
}

.filter_tile_photo UL LI {
    display: flex;
    width: calc(50% - 4px);
    margin: 0 4px 8px 0;
}

.filter_tile_photo UL LI:nth-child(2n) {
    margin: 0 0 8px 4px;
}

.filter_tile_photo .check_item {
    border: 1px solid var(--main-color);
    width: 100%;
    padding: 8px;
    flex-direction: column;
    align-items: center;
}

.filter_tile_photo .check_item:hover {
    border-color: var(--sub-color);
}

.filter_tile_photo .check_item.active {
    border-color: var(--sub-color);
    background-color: var(--sub-color);
    color: var(--text-inverse);
}

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

.catalog_filters .filter_tile_photo .check_item .filter_img {
    width: 100%;
    height: 42px;
    margin: 0 0 8px 0;
}

.catalog_filters .filter_tile_photo .name {
    text-align: center;
    width: 100%;
    flex-shrink: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.catalog_filters .filter_tile_photo .filter_counter {
    margin: 4px 0 0 0;
}

/* --- 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);
    padding: 16px 8px;
    width: calc(100% + 16px);
    left: -8px;
    position: sticky;
    margin: -1px 0 0 -8px;
    display: flex;
    justify-content: center;
    border-top: 1px solid var(--border-color);
    z-index: 1;
}

.one_but .apply_filters.for_one_but A.submit_filters {
    box-shadow: none;
}

.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 8px 0;
    display: flex;
    width: 100%;
}

.brands_slider-inner {
    display: flex;
    width: 100%;
    overflow: auto;
    padding: 0 0 8px 0;
}

.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;
    text-align: center;
    border: 2px solid transparent;
    position: relative;
    flex-shrink: 0;
    transition: border-color .3s;
}

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

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

.brands_slider-inner .outer_fv.has_button {
    padding: 12px 8px 38px 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,
.brands_slider .apply_filters A.reset_filter {
    box-shadow: none;
    min-height: 28px;
    width: calc(100% - 8px);
    margin: 0 4px 4px 4px;
    font-size: 14px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 3px;
}

.brands_slider .apply_filters A.reset_filter {
    color: var(--text);
    border: 1px solid var(--error);
    background-color: var(--white);
}

.brands_slider .apply_filters A.reset_filter:hover {
    background-color: var(--error);
    color: var(--white);
}

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


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

/* All reviews in Catalog */
.reviews_sect {
    margin-bottom: 32px;
}

.reviews_sect .product_raiting {
    border-top: 1px solid var(--border-color);
    margin: -12px 0 16px 0;
    padding: 16px 0 0 0;
    align-items: baseline;
}

.reviews_sect .product_raiting.no_active {
    display: none;
}

.reviews_sect_rate {
    margin: 0 8px 0 0;
    color: var(--main-color-lighter);
    font-weight: 700;
    font-size: 18px;
}

.rsr_2 {
    font-size: 19px;
}

.rsr_3 {
    font-size: 20px;
}

.rsr_4 {
    font-size: 21px;
}

.rsr_5 {
    font-size: 22px;
}

.reviews_sect_users {
    color: var(--text-light);
}

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

.category_comments:not(.slick-initialized) {
    width: 100%;
    margin: 0;
    padding: 0;
}

.category_comments .one_good {
    width: 100%;
    flex-shrink: 0;
}

.reviews_sect .photo_and_name {
    flex-direction: row;
    margin: 0 0 8px 0;
}

.reviews_sect .ag_photo {
    height: 100px;
}

.reviews_sect .product_name {
    margin: 0;
    height: max-content;
    max-height: 97px;
    overflow: hidden;
}

.reviews_sect .product_name Span {
    height: auto;
}

.reviews_sect .review_col {
    z-index: 2;
    border-top: 1px solid var(--border-color);
}

.reviews_sect .together {
    max-width: calc(100% - 95px);
}

.reviews_sect .comment_top,
.reviews_sect .comment_body {
    width: 100%;
}

.reviews_sect .comment_top {
    margin: 0;
    padding: 8px 0;
}

.reviews_sect .comment_top .comment_name {
    height: 20px;
    overflow: hidden;
}

.reviews_sect .comment_top .product_raiting {
    padding: 0;
    border: none;
}

.reviews_sect .review_text {
    margin: 8px 0;
    line-height: 1.6;
    overflow: hidden;
    height: 118px;
}

/* --- 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;
    border-bottom: 1px solid var(--site-bg);
    justify-content: center;
    width: 100%;
    padding: 0 0 16px 0;
}

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

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

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%;
    justify-content: space-between;
    align-items: center;
}

.pages_list {
    display: flex;
}

.pages_list A,
.pages_list Span,
.pages_btn {
    font-size: 18px;
    color: var(--text);
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
    border-radius: var(--border-radius);
    margin: 0 4px;
    background: none;
    border: 1px solid var(--sub-color-light);
    transition: .3s;
    position: relative;
}

.pages_list Span {
    border-color: transparent;
}

.pages_list A:hover,
.pages_btn:hover {
    background: var(--sub-color-light);
}

.pages_list A.active {
    background: var(--main-color-lighter);
    color: var(--text-inverse);
}

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

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

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

/* --- PRODUCT Page - Details --- */
.details_product .main_title {
    margin: 0;
}

.details_product .title_wrap.has_logo .main_title {
    margin: 0 72px 0 0;
}

.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;
}

.raiting_wrap .product_raiting {
    margin: 0;
}

.details_code {
    font-size: 12px;
}

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

.details_brand {
    display: flex;
    position: absolute;
    right: 0;
    bottom: calc(100% + 18px);
}

.details_brand Img {
    max-width: 64px;
    max-height: 64px;
    object-fit: contain;
}

/* --- Product Tabs --- */
.product_tabs {
    display: flex;
    margin: 0 0 16px -8px;
    width: calc(100% + 16px);
    overflow: auto;
    padding: 12px 8px 0 8px;
    position: sticky;
    top: 70px;
    z-index: 7;
    background: var(--site-bg);
    border-bottom: 1px solid var(--border-color);
}

.product_tabs A,
.product_tabs Span {
    font-size: 14px;
    color: var(--text);
    text-decoration: none;
    display: inline-flex;
    min-width: max-content;
    margin: 0 16px 0 0;
    padding: 0 0 8px 0;
    border-bottom: 3px solid transparent;
    transition: .3s;
}

.product_tabs A:last-child {
    margin: 0;
}

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

.product_tabs A.active {
    border-color: var(--sub-color);
    color: var(--sub-color);
    pointer-events: none;
}

.product_tabs A Span {
    margin: 0 0 0 6px;
}

/* --- ALL Tab --- */
.all_tabs {
    display: flex;
}

.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;
    margin: 0 0 32px 0;
    z-index: 1;
}

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

/* --- Main Photo - Product Page --- */
.sliders_wrap {
    display: flex;
    justify-content: center;
    margin: 0 0 16px -8px;
    padding: 8px;
    background: var(--white);
    width: calc(100% + 16px);
}

.sub_slider {
    display: flex;
    width: 65px;
    margin: 0 16px 0 0;
    min-height: 285px;
}

.sub_slider:not(.slick-initialized) {
    display: flex;
    flex-direction: column;
}

.sub_slider .slick-list {
    padding: 0 !important;
}

.sub_slider .slick-track {
    display: flex;
    flex-direction: column;
}

.sub_slider .details_slide,
.zoom_subslider .zoom_slide {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    height: 65px;
    border: 2px solid transparent;
    border-radius: var(--border-radius);
    overflow: hidden;
    margin: 0 0 8px 0;
    padding: 4px;
    cursor: pointer;
}

.sub_slider .details_slide:last-child,
.zoom_subslider .zoom_slide:last-child {
    margin: 0;
}

.sub_slider .details_slide.slick-current,
.zoom_subslider .zoom_slide.slick-current {
    border-color: var(--link-hover);
}

.sub_slider Img,
.slick-current Img {
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
}

.big_slider {
    width: calc(100% - 81px);
    display: flex;
}

.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 75% 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 6px 0;
    font-weight: 700;
}

.big_slider .slick-arrow {
    left: -8px;
}

.big_slider .slick-arrow.slick-next {
    right: -8px;
}

.big_slider:not(.slick-initialized) .gallery-item:not(:first-child) {
    display: none;
}

.big_slider:not(.slick-initialized) .gallery-item {
    width: 100%;
}

/* --- 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-lighter);
    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;
}

/* --- Short list of Characteristics - Product Page --- */
.short_chars {
    display: flex;
    flex-direction: column;
    background: var(--white);
    width: calc(100% + 16px);
    margin: -16px 0 0 -8px;
    padding: 16px 8px 12px 8px;
}

.prew_info {
    margin: 0 0 8px 0;
    font-size: 13px;
    line-height: 1.6;
}

/* --- 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: 700;
    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: 700;
    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 8px 0;
}

.select_color .tit {
    display: flex;
    margin: 0 0 8px 0;
}

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

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

.select_color LI.unavailability {
    pointer-events: none;
    opacity: .4;
}

.select_color A {
    display: flex;
    align-items: center;
    padding: 4px 6px;
    font-size: 16px;
    border: 1px solid transparent;
    width: 54px;
    height: 54px;
    border-radius: var(--border-radius);
    text-decoration: none;
    color: var(--link);
    transition: .3s;
}

.select_color .has_names A {
    width: auto;
    min-width: 46px;
    border-radius: var(--border-radius) var(--border-radius) 0 0;
    border-bottom: none;
}

.select_color.select_size A {
    width: max-content;
    height: auto;
    padding: 4px 12px;
    border: 1px solid var(--border-color);
}

.select_color LI:hover A,
.select_color A.active {
    background: var(--sub-color-light);
    color: var(--link);
    border-color: var(--sub-color);
}

.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 {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.select_color .has_names Span {
    border-radius: 0 0 var(--border-radius) var(--border-radius);
    border: 1px solid transparent;
    font-size: 12px;
    padding: 2px 6px;
    border-top: none;
    text-align: center;
    transition: .3s;
}

.select_color .has_names LI:hover Span,
.select_color .has_names Span.active {
    border-color: var(--sub-color);
    background: var(--sub-color-light);
    cursor: pointer;
}

.select_color.select_size A.sizes_table-link {
    padding: 12px;
}

.select_color.select_size A.sizes_table-link:hover {
    background: var(--border-color);
}

/* --- Size chart Popup --- */
.size_table_popup {
    max-width: 1000px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 16px 8px 16px 16px;
}

.size_chart {
    width: 100%;
    overflow: auto;
    border: 1px solid var(--border-color);
}

.size_chart Table {
    border-collapse: collapse;
}

.size_chart Table Thead TH {
    background: var(--white);
    position: sticky;
    top: 0;
}

.size_chart Table Thead TH::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--border-color);
}

.size_chart Table Tbody TR TH {
    background: var(--white);
    position: sticky;
    left: 0;
}

.size_chart Table Thead TR TH:first-child {
    background: var(--white);
    position: sticky;
    left: 0;
    top: 0;
    z-index: 1;
}

.size_chart Table.no_col_title Thead TR TH:first-child {
    left: auto;
}

.size_chart Table Tbody TR TH::after,
.size_chart Table Thead TR TH:first-child::before {
    content: '';
    position: absolute;
    right: -1px;
    top: 0;
    width: 1px;
    height: 100%;
    background: var(--border-color);
}

.size_chart TD,
.size_chart TH {
    min-width: 150px;
    min-height: 42px;
    border: 1px solid var(--border-color);
    border-left: none;
    border-top: none;
    padding: 16px;
    transition: .3s;
}

.size_chart TR:nth-child(2n+1) TD,
.size_chart TR:nth-child(2n+1) TH {
    background: var(--site-bg);
}

.size_chart TR:hover TD,
.size_chart TR:hover TH,
.size_chart TR:nth-child(2n+1):hover TD,
.size_chart TR:nth-child(2n+1):hover TH {
    background: var(--icon-color-gray);
}

.size_chart Thead TR:nth-child(2n+1) TH,
.size_chart Thead TR:hover TH,
.size_chart Thead TR:nth-child(2n+1):hover TH {
    background: var(--white);
}

/* --- Mini Product Photo --- */
.mini_product_photo {
    display: none;
}

/* --- Price box in Main product --- */
.product_price {
    display: flex;
    flex-wrap: wrap;
    background: var(--white);
    margin: 0 0 16px -8px;
    padding: 16px 8px;
    width: calc(100% + 16px);
    justify-content: space-between;
}

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

.product_price .old_price {
    display: flex;
    align-items: center;
    color: var(--gray);
    font-size: 16px;
    height: 22px;
}

.unavailability .product_price .old_price {
    opacity: .4;
}

.product_price .op_main {
    margin: 0 16px 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%) rotate(-10deg);
}

.product_price .op_benefit {
    padding: 0 8px;
    height: 22px;
    font-size: 14px;
    line-height: 22px;
    background: var(--error);
    color: var(--text-inverse);
    border-radius: var(--border-radius);
    position: relative;
}

.product_price .main_price {
    font-size: 24px;
    line-height: 38px;
    height: 38px;
}

.unavailability .product_price .main_price {
    opacity: .4;
}

.product_price .main_price.active {
    color: var(--error);
}

.product_price .main_price Small {
    font-size: 16px;
}

.in_stock,
.not_available {
    display: flex;
    color: var(--btn-bg);
    font-size: 14px;
    height: 22px;
}

.not_available {
    color: var(--gray-light);
}

.available {
    font-size: 12px;
    color: var(--text-light);
    background: var(--site-bg);
    padding: 6px;
    border-radius: var(--border-radius);
    margin: 4px 0 0 0;
}

.show_price .on_request {
    display: flex;
    align-items: center;
    height: 100%;
    color: var(--orange);
}

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

.product_price .warning {
    margin: 0 0 16px 0;
    width: 100%;
    text-align: center;
    padding: 8px;
    border: 1px dashed var(--orange);
    color: var(--orange);
    border-radius: var(--border-radius);
}

.product_price .add_in-list {
    position: relative;
    flex-direction: row;
    align-items: center;
    margin: 0 0 8px 0;
}

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

.product_price .add_in-list A:hover {
    box-shadow: none;
    background: var(--site-bg);
}

.product_price .add_in-list A.wishes.has_count {
    margin: 0 32px 0 16px;
}

.product_price .add_in-list A.compare .icon {
    fill: var(--gray-light);
}

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

.product_price .add_in-list A.wishes .icon {
    fill: var(--error);
}

.product_price .add_in-list A.wishes Span {
    position: absolute;
    right: -28px;
    width: 26px;
    color: var(--gray-light);
    display: none;
}

.product_price .add_in-list A.wishes.has_count Span {
    display: flex;
}

/* --- BUY Buttons in Main product --- */
.product_btns {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.product_btns .btn {
    width: 100%;
    margin: 0 0 8px 0;
    white-space: nowrap;
}

.product_btns .btn:last-child,
.no_credit .product_btns .btn {
    margin: 0;
}

.product_btns .credit_form_open {
    background: var(--white);
    color: var(--btn-bg);
    border: 2px solid var(--btn-bg);
}

.product_btns .credit_form_open:hover {
    background: var(--sub-color-light);
}

.ask_price_form_box {
    width: 100%;
}

/* --- Credit bank variants --- */
.credits_variants {
    display: flex;
    margin: -16px 0 16px -8px;
    width: calc(100% + 16px);
    border-top: 1px solid var(--site-bg);
    background: var(--white);
    padding: 16px 8px 4px 8px;
    flex-wrap: wrap;
}

.bank_parts {
    display: flex;
    flex-direction: column;
    width: 54px;
    height: 54px;
    border-radius: var(--border-radius);
    margin: 0 12px 12px 0;
    text-decoration: none;
    color: var(--text);
    background: var(--site-bg);
    transition: .3s;
}

.bank_parts:hover {
    background: var(--sub-color-light);
}

.bp_photo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 30px;
    padding: 4px 0 0 0;
    position: relative;
}

.bp_photo Img {
    max-width: 100%;
    height: 100%;
}

.bp_photo Span {
    font-size: 16px;
    font-weight: 700;
    position: absolute;
    top: 2px;
    right: 3px;
    text-shadow: -1px 1px 0 var(--white);
}

.bp_title {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 24px;
    font-size: 8px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    flex-shrink: 0;
}

/* --- Credit bank variants - PopUp --- */
.credit_bank_info .long_div.title {
    flex-direction: row;
    align-items: center;
}

.credit_bank_info .bank_parts {
    margin: 0 16px 0 0;
    pointer-events: none;
    flex-shrink: 0;
}

.credit_bank_info .bp_photo {
    height: 100%;
    padding: 8px;
}

.credit_bank_info .bp_photo Span {
    font-size: 18px;
    text-shadow: -2px 2px 0 var(--white);
    right: 4px;
}

.credit_bank_info .title .bp_title,
.one_credit .bp_title {
    width: calc(100% - 70px);
    font-size: 18px;
    line-height: 1.4;
    text-transform: unset;
    font-weight: normal;
    text-align: left;
    justify-content: flex-start;
}

A.btn.issue {
    width: 100%;
}

.credit_bank_info .rules {
    margin: 0;
    line-height: 1.4;
}

.credit_bank_info .rules P {
    margin: 0 0 4px 0;
}

.credit_bank_info .rules OL {
    padding: 0 0 0 16px;
    list-style: decimal;
}

.credit_bank_info .rules OL LI {
    margin: 12px 0 0 0;
}

/* --- Credit bank variants - ALL in one place - PopUp --- */
.credit_popup {
    max-width: 1000px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 16px 8px 16px 16px;
}

.one_credit {
    display: flex;
    padding: 16px 0 0 0;
    border-top: 1px solid var(--border-color);
    margin: 0 0 16px 0;
    flex-wrap: wrap;
}

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

.oc_bank_name {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 0 16px 0;
}

.oc_bank_name .bank_parts {
    margin: 0 12px 0 0;
    padding: 8px;
    pointer-events: none;
    flex-shrink: 0;
}

.one_credit .bp_title {
    flex-direction: column;
    height: auto;
    align-items: flex-start;
}

.bpt_info {
    color: var(--gray);
    font-size: 13px;
    margin: 4px 0 0 0;
}

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

.oc_bank_parts {
    display: flex;
    margin: 0 0 16px 0;
}

.oc_bank_parts Select {
    width: 100%;
}

.oc_bank_issue {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.sum_for_month {
    font-size: 24px;
    line-height: 38px;
}

.sum_for_month Span {
    font-size: 16px;
    color: var(--gray);
}

/* --- Additional Call Buttons --- */
.order_call_but {
    display: flex;
    flex-direction: column;
    margin: 0 0 16px 0;
    padding: 0 0 16px 0;
    border-bottom: 1px solid var(--border-color);
}

.order_call_but A.btn {
    width: 100%;
    margin: 0 0 8px 0;
}

.order_call_but A.btn:last-child {
    margin: 0;
}

/* --- Ask Price Popup --- */
.ask_price_form {
    width: calc(100% - 20px);
    max-width: 400px;
    padding: 32px;
}

.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;
}

/* --- Waranty information in Main product --- */
.waranties {
    display: flex;
    flex-direction: column;
}

.waranty_item {
    display: flex;
    border-bottom: 1px solid var(--border-color);
    font-size: 13px;
    padding: 0 0 16px 0;
    margin: 0 0 16px 0;
}

.waranty_item:last-child {
    margin: 0;
    border: none;
}

.waranty_item .icon {
    width: 24px;
    height: 24px;
    fill: var(--gray-light);
    flex-shrink: 0;
}

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

.waranty_title {
    font-size: 14px;
    font-weight: 700;
    margin: 4px 0 8px 0;
}

.waranty_box LI {
    padding: 0 0 8px 0;
}

.waranty_box LI:last-child {
    padding: 0;
}

.waranty_box .date {
    font-weight: bold;
    padding: 2px 0;
    color: var(--orange);
    display: flex;
}

.waranty_box .store_description {
    margin: 8px 0 0 0;
    color: var(--text-light);
}

.waranty_box .store_description P {
    margin: 0 0 6px 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);
    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-lighter);
}

.cheaper .slick-dots LI.slick-active Button::before {
    background: var(--main-color-lighter);
}

.cheaper .slick-dots Button::before {
    background: var(--gray-light);
}

/* --- Main Info Box in Main product --- */
.main_info_box,
.sorts_info {
    display: flex;
    flex-direction: column;
}

/* --- Characteristics --- */
.char_short {
    display: flex;
    flex-direction: column;
    margin: 0 0 32px 0;
}

.char_short LI {
    border-radius: var(--border-radius);
    display: flex;
}

.char_short LI:nth-child(odd) {
    background: var(--white);
}

.char_short .tit,
.char_short .value {
    padding: 8px 16px 8px 8px;
    display: inline-flex;
    width: 40%;
    word-break: break-word;
}

.char_short .value {
    width: 60%;
    padding: 8px 8px 8px 16px;
}

.char_short A.see_more {
    margin: 8px;
}

/* --- Description --- */
.description {
    display: flex;
    flex-direction: column;
    margin: 0 0 32px 0;
}

.description Article {
    margin: 0;
}

/* --- Reviews --- */
.product_reviews {
    display: flex;
    flex-direction: column;
    margin: 0 0 32px 0;
}

.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;
}

/* --- Photos & Videos Tab --- */
.photo_section {
    display: flex;
    flex-direction: column;
    margin: 0 0 32px 0;
}

.photo_section LI {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 32px 0 0 0;
    position: relative;
}

.photo_section LI:first-child {
    margin: 0;
}

.photo_section LI Img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.photo_section LI .preloader {
    width: 64px;
    height: 64px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.photo_section LI .is_video {
    cursor: pointer;
}

.photo_section LI .is_video .icon {
    width: 64px;
    height: auto;
    fill: var(--youtube);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* --- Buy Together Tab --- */
.up_sale .product_wrap {
    margin: 0 0 32px 0;
}

/* --- Reviews Tab --- */
.main_reviews .main_title {
    font-size: 20px;
    margin: 0 8px 0 0;
}

.main_reviews .main_title Span {
    margin: 0 0 0 6px;
    display: none;
}

.main_reviews .comments_list {
    margin: 0;
}

.all_comment_parts {
    background: var(--white);
    margin: 0 0 16px 0;
    padding: 8px;
}

.main_reviews .comment_one:last-child .all_comment_parts {
    margin: 0;
}

.comment_top {
    display: flex;
    align-items: center;
    margin: 0 0 8px -8px;
    border-bottom: 1px solid var(--site-bg);
    justify-content: space-between;
    width: calc(100% + 16px);
    padding: 0 8px 8px 8px;
}

.comment_top .together {
    display: flex;
    margin: 0 16px 0 0;
    align-items: baseline;
}

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

.comment_top .date_comment {
    font-size: 12px;
    color: var(--gray-light);
}

.comment_top .product_raiting,
.comment_top .product_raiting .stars {
    margin: 0;
}

.comment_body {
    display: flex;
    flex-direction: column;
    margin: 0 0 8px -8px;
    border-bottom: 1px solid var(--site-bg);
    width: calc(100% + 16px);
    padding: 0 8px 8px 8px;
    line-height: 1.6;
}

.coment_text {
    display: flex;
}

.comment_body .all_photos_videos {
    margin: 4px 0 0 -8px;
}

.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: 700;
    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-lighter);
    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;
}

/* --- Adding Review --- */
.comment_popup.popup {
    max-width: 580px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 16px 8px 16px 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;
}

.comment_popup .product_raiting {
    border: 1px solid var(--footer-bg);
    padding: 16px 0;
    border-radius: var(--border-radius);
}

.stars_labels {
    display: flex;
    width: 100%;
}

.stars_labels Label {
    width: 20%;
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: 10px;
}

.reviews_raiting .star_wrap {
    display: flex;
    width: 100%;
    justify-content: space-around;
}

.reviews_raiting.product_raiting .icon {
    width: 24px;
    height: 24px;
}

.comment_photo {
    border: 1px solid var(--footer-bg);
    padding: 16px 16px 8px 16px;
    margin: 0 0 16px 0;
    border-radius: var(--border-radius);
}

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

.comment_photo .main_tit {
    display: flex;
    align-items: center;
    margin: 0 0 8px 0;
}

.comment_photo .main_tit .icon {
    margin: 0 16px 0 0;
    fill: var(--gray);
}

.comment_photo .sub_tit {
    font-size: 12px;
    line-height: 1.5;
    color: var(--gray-light);
}

.comment_photo .for_but {
    display: flex;
}

.comment_photo .for_but A.btn {
    width: 100%;
}

.comment_photo .add_video {
    margin: 0 0 8px 0;
}

.comment_photo .add_video .long_div {
    margin: 0;
}

.all_photos_videos {
    display: flex;
    margin: 8px 0 8px -8px;
    flex-wrap: wrap;
    width: calc(100% + 8px);
}

.video .all_photos_videos {
    margin: 0 0 8px -8px;
}

.all_photos_videos .cpv_box {
    display: flex;
    margin: 8px 0 0 8px;
    width: 86px;
    height: 60px;
    position: relative;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    padding: 2px;
    transition: .3s;
}

.all_photos_videos .cpv_box:hover {
    border-color: var(--gray-light);
}

.all_photos_videos .cpv_box Img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.all_photos_videos .del_photo {
    position: absolute;
    top: -4px;
    right: -4px;
    background: var(--white);
    border-radius: 3px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
}

.all_photos_videos .cpv_box Span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
}

.all_photos_videos .cpv_box Span .svg_icon {
    fill: var(--error);
    width: 32px;
    height: 32px;
}

.all_photos_videos .del_photo .svg_icon {
    fill: var(--icon-color-gray);
    width: 18px;
    height: 18px;
    transition: .3s;
}

.all_photos_videos .del_photo:hover .svg_icon {
    fill: var(--error);
}

.comment_popup .long_div.check_wrap {
    margin: 0;
}

.comment_popup .long_div.center {
    position: sticky;
    bottom: 0;
    margin: 0;
    padding: 16px 0 0 0;
    background: var(--white);
}

.comment_popup .long_div.center::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;
}

/* --- Fixed product panel --- */
.sticky_header {
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 8px;
    background: var(--white);
    z-index: 6;
    box-shadow: 0 6px 16px rgba(0, 0, 0, .3);
    width: 100%;
    flex-wrap: nowrap;
    margin: 0;
}

.sticky_header .desktop {
    display: none;
}

.sticky_header .together {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.sticky_header .show_price {
    margin: 0;
}

.sticky_header.product_price .main_price {
    font-size: 18px;
    line-height: 1.2;
}

.sticky_header .in_stock,
.sticky_header .not_available {
    height: auto;
}

.sticky_header.product_price .old_price {
    display: none;
}

.sticky_header .together .together {
    justify-content: flex-start;
    width: auto;
}

.sticky_header.product_price .add_in-list {
    margin: 0 0 0 16px;
}

.sticky_header .product_btns {
    order: 10;
    align-items: center;
    width: auto;
}

.sticky_header .product_btns .btn {
    margin: 0 0 0 16px;
    height: 38px;
    width: max-content;
    flex-shrink: 0;
}

/* --- Blog of Store --- */
/* --- Blog List --- */
.blog_list {
    display: flex;
    flex-direction: column;
    margin-bottom: 32px;
}

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

.one_blog {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: var(--white);
    padding: 8px;
    margin: 0 0 16px 0;
    line-height: 1.6;
    width: 100%;
    transition: .3s;
}

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

.one_blog:hover {
    box-shadow: 0 0 8px #00000024;
}

.blog_image {
    display: flex;
    align-items: center;
    width: 100%;
    height: auto;
    margin: 0 0 8px 0;
}

.blog_image Img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 2;
    height: auto;
    object-fit: cover;
}

.blog_name {
    display: flex;
    color: var(--text);
    text-decoration: none;
    font-weight: 700;
    transition: .3s;
}

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

.blog_text {
    margin: 8px 0 0 0;
    font-size: 13px;
    max-height: 176px;
    display: flex;
    overflow: hidden;
}

.blog_info {
    display: flex;
    border-top: 1px solid var(--site-bg);
    margin: 8px 0 0 -8px;
    padding: 8px 8px 0 8px;
    width: calc(100% + 16px);
    justify-content: space-between;
    color: var(--main-color-light);
    font-size: 12px;
}

.blog_info .icon {
    fill: var(--main-color-light);
    width: 14px;
    height: 14px;
}

.blog_info Div {
    display: flex;
    align-items: center;
}

.blog_info .together Div {
    margin: 0 0 0 16px;
}

/* --- Last news of Blog --- */
.last_blog_items:not(.slick-initialized) {
    flex-direction: row;
    flex-wrap: nowrap;
    overflow: hidden;
    margin: 0 0 0 -16px;
    padding: 0 8px;
}

.last_blog_items {
    flex-direction: row;
    width: calc(100% + 16px);
    margin: 0 0 0 -8px;
    padding: 0 8px 0 0;
}

.last_blog_items UL {
    display: flex !important;
    margin: 0 0 0 8px;
}

.last_blog_items:not(.slick-initialized) .one_blog {
    margin: 0 8px;
    flex: 0 0 100%;
}

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

/* --- Blog Details --- */
.blog_details {
    display: flex;
    flex-direction: column;
    margin-bottom: 32px;
}

.blog_details .blog_info {
    margin: -4px 0 16px 0;
    padding: 0;
    width: 100%;
}

.blog_det_img {
    margin: 0 0 16px 0;
}

/* --- Product in Blog Details --- */
.raw-html-embed {
    position: relative;
    float: right;
    width: 100%;
}

.raw-html-embed Strong {
    font-weight: normal;
}

.raw-html-embed .one_good {
    width: 158px;
    margin: 8px 0 8px 16px;
}

.raw-html-embed .one_good .status_list {
    top: 16px;
    left: 24px;
}

.raw-html-embed .one_good .status_list Span {
    padding: 1px 6px;
    margin: 0 0 4px 0;
    font-size: 13px;
    line-height: 18px;
}

/* --- Blog Comments --- */
.news_comments {
    display: flex;
    flex-direction: column;
    margin-bottom: 32px;
}

/* --- Reed Others Blogs --- */
.blog_details .read_also .blog_info {
    margin: 8px 0 0 -8px;
    padding: 8px 8px 0 8px;
    width: calc(100% + 16px);
}

/* --- Checkout Page --- */
.checkout_header {
    display: flex;
    margin: 0 0 16px 0;
    padding: 8px 0 16px 0;
    border-bottom: 1px solid var(--border-color);
}

.checkout_header .logo_wrap {
    display: flex;
}

.checkout {
    padding: 8px;
    width: 100%;
    max-width: 1200px;
}

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

.checkout_form {
    display: flex;
    flex-direction: column;
    background: var(--white);
    padding: 16px 8px 8px 8px;
    width: calc(100% + 16px);
    margin: 0 0 0 -8px;
}

.order-step_wrap {
    padding: 0 8px;
    margin: 0 0 32px 0;
}

.order-step_wrap:last-child {
    margin: 0;
}

.order-step_wrap.disabled {
    opacity: .6;
    filter: grayscale(1);
    pointer-events: none;
}

.checkout .tit {
    font-size: 18px;
    font-weight: 700;
    display: flex;
    align-items: center;
    margin: 0 0 24px 0;
}

.checkout .products .tit {
    text-transform: capitalize;
    justify-content: space-between;
    padding: 0 8px 0 0;
}

.checkout .cart_kit .tit {
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    text-transform: none;
}

.checkout .products .tit A.edit {
    font-weight: 400;
}

.checkout .all_items {
    height: auto;
}

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

.checkout .added_goods {
    padding: 16px 0 0 0;
}

.checkout .added_goods.added_goods_ignore {
    padding: 38px 0 8px 8px;
}

.checkout .it_title {
    margin: 6px 0 8px 0;
}

.all_added .added_goods_ignore .price_box {
    justify-content: flex-start;
    width: auto;
}

.order-step_wrap .all_sums {
    display: none;
}

.if_registred_read {
    display: none;
    background: var(--sub-color-light);
    border-radius: var(--border-radius);
    border: 2px solid var(--sub-color-light);
    justify-content: space-between;
    align-items: center;
    padding: 0 8px 0 0;
}

.if_registred_read .user_info,
.if_registred_read .user_info .user_email {
    color: var(--text);
}

.if_registred_read .user_info:hover {
    background: none;
}

.if_registred_read .user_info .icon {
    fill: var(--text);
}

.if_registred {
    display: none;
}

.if_registred.active,
.if_registred_read.active {
    display: flex;
}

.if_registred.active {
    flex-direction: column;
}

.order_select {
    display: flex;
    margin: 0 0 32px 0;
}

.order_select A.btn {
    margin: 0 16px 0 0;
}

.order_select A.btn:last-child {
    margin: 0;
}

.order_select A.btn.active {
    background: var(--main-color-light);
}

.enter_form .long_div.tit {
    margin: 0 0 24px 0;
    font-size: 18px;
    flex-direction: row;
    align-items: center;
}

.enter_form .long_div.tit .together {
    margin: 0 0 0 16px;
    display: flex;
    flex-direction: row;
}

.enter_form .together A.btn {
    margin: 0 8px 0 0;
    background: var(--main-color-lighter);
    font-weight: 400;
}

A.remind_me {
    width: max-content;
}

.password_box {
    position: relative;
    width: 100%;
}

.password_box Input {
    width: 100%;
    padding: 0 40px 0 8px;
}

.show_password {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    position: absolute;
    bottom: 2px;
    right: 2px;
}

.show_password .svg_icon {
    width: 16px;
    height: 16px;
    fill: var(--main-color-lighter);
    transition: .3s;
}

.show_password.not_visible .svg_icon {
    width: 16px;
    height: 16px;
    fill: var(--orange);
}

.show_password::before {
    content: '';
    width: 18px;
    height: 2px;
    background: var(--orange);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    opacity: 0;
    transition: .3s;
}

.show_password.not_visible::before {
    opacity: 1;
}

.checkout .radio_wrap {
    display: flex;
    flex-direction: column;
    padding: 8px 8px 8px 40px;
    border-radius: var(--border-radius);
    border: 1px solid transparent;
    transition: .3s;
}

.checkout .radio_wrap.select_wrap {
    background: var(--site-bg);
    border-color: var(--border-color);
}

.checkout .radio_wrap .info {
    margin: 6px 0 0 0;
    color: var(--gray-light);
    display: none;
}

.checkout .radio_wrap .info.alert {
    color: var(--main-color-light);
}

.checkout .radio_wrap.select_wrap .info {
    display: flex;
}

.checkout .radio_wrap .order_form_field {
    display: flex;
    flex-direction: column;
}

.checkout .radio_wrap .order_form_field > *:nth-child(1) {
    margin-top: 16px;
}

.checkout .radio_wrap .order_form_field.delivery_other {
    margin: 0;
}

.checkout .radio_wrap .order_form_field Input {
    width: 100%;
}

.enter_manual {
    color: var(--main-color);
    display: flex;
    align-items: center;
    background-color: transparent;
    border: none;
    padding: 0;
    margin: 12px 0 0 0;
    transition: 0.3s;
    cursor: pointer;
    outline: none;
}

.enter_manual:hover {
    color: var(--sub-color);
}

.enter_manual .icon {
    margin-right: 8px;
    fill: var(--main-color);
    transition: 0.3s;
}

.enter_manual:hover .icon {
    fill: var(--sub-color);
}

.order_form_group.manual_variant {
    padding-top: 20px;
}

.dropdown_select-city {
    margin: 0 0 18px 0;
    border: none;
}

.dropdown_select-branch {
    border: none;
}

.card_checkbox {
    position: relative;
}

.card_checkbox input[type="checkbox"] {
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 0;
    height: 0;
    opacity: 0;
}

.card_checkbox-item {
    border-radius: var(--border-radius);
    font-size: 14px;
    cursor: pointer;
    position: relative;
    padding: 8px 32px 8px 0;
    display: block;
    width: fit-content;
}

.card_checkbox-item::before {
    content: '';
    position: absolute;
    right: 6px;
    top: 6px;
    width: 18px;
    height: 18px;
    border: 1px solid var(--border-color);
    background: var(--white);
    border-radius: var(--border-radius);
    transition: .3s;
}

.card_checkbox input[type="checkbox"]:checked + .card_checkbox-item::before {
    border-color: var(--text-light);
}

.card_checkbox-item::after {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 2px;
    background: var(--sub-color);
    opacity: 0;
    position: absolute;
    top: 10px;
    right: 10px;
    transition: .3s;
}

.card_checkbox input[type="checkbox"]:checked + .card_checkbox-item::after {
    opacity: 1;
}

.order_form_field .req {
    color: var(--error);
}

.checkout .attention {
    display: flex;
    border: 1px solid var(--orange);
    color: var(--orange);
    border-radius: var(--border-radius);
    padding: 16px;
}

.checkout .radio_wrap .together {
    display: none;
    justify-content: space-between;
    margin: 6px 0 0 0;
    align-items: center;
}

.checkout .radio_wrap.select_wrap .together {
    display: flex;
}

.checkout .radio_wrap.select_wrap .credit_info {
    margin: 0 16px 0 0;
}

.checkout_total {
    display: flex;
    flex-direction: column;
    width: calc(100% + 16px);
    margin: 32px 0 0 -8px;
}

/* --- Promo code --- */
.promocode {
    margin: 0 0 16px 0;
}

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

.promocode .top .title {
    font-size: 16px;
}

.promocode .top A {
    color: var(--orange);
    text-decoration: none;
    transition: .3s;
}

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

.promocode .top A .po_2,
.promocode.open .top A .po_1 {
    display: none;
}

.promocode .top A .po_1,
.promocode.open .top A .po_2 {
    display: flex;
}

.promocode .code_input {
    display: flex;
    margin: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    transition: .3s;
}

.promocode.open .code_input {
    margin: 16px 0 0 0;
    height: auto;
    opacity: 1;
    visibility: visible;
    overflow: auto;
}

.code_input Input {
    width: calc(100% - 16px);
    margin: 0 16px 0 0;
}

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

.one_added_code {
    display: flex;
    margin: 12px 0 0 0;
    justify-content: space-between;
    align-items: center;
}

.one_added_code:first-child {
    margin: 0;
}

.one_added_code .together {
    display: flex;
    align-items: center;
}

.one_added_code Label {
    margin: 0 6px 0 12px;
    color: var(--btn-bg);
    font-size: 13px;
}

.one_added_code.wrong Label {
    color: var(--error);
}

.one_added_code Span,
.promo_applied {
    border: 2px dashed var(--btn-bg);
    border-radius: var(--border-radius);
    padding: 2px 6px;
    color: var(--btn-bg);
}

.promo_applied {
    padding: 1px 4px;
}

.one_added_code.wrong Span {
    border-color: var(--error);
    color: var(--error);
}

.one_added_code A.del {
    display: flex;
}

.one_added_code A.del .icon {
    fill: var(--gray-light);
}

.one_added_code A.del:hover .icon {
    fill: var(--error);
}

/* --- Total price --- */
.ct_main,
.promocode {
    display: flex;
    flex-direction: column;
    padding: 16px;
    background: var(--white);
}

.checkout_total .all_added {
    display: none;
}

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

.finish A.btn {
    width: 100%;
}

.finish .long_div {
    display: inline;
    margin: 16px 0 8px 0;
}

.finish .long_div.small {
    font-size: 12px;
    line-height: 1.6;
    color: var(--text-light);
}

.finish .long_div.small A.link {
    color: var(--text-light);
}

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

.finish .long_div.error {
    color: var(--error);
    text-align: center;
}

.checkout_footer {
    display: flex;
    margin: 16px 0 0 0;
    padding: 16px 0 8px 0;
    border-top: 1px solid var(--border-color);
}


/* --- Success Page --- */
.success_page {
    padding: 8px;
    width: 100%;
}

.main_title.success {
    font-size: 18px;
}

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

.success_order {
    padding: 16px;
    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: 20px;
}

.success_order .total_sum Small {
    font-size: 14px;
}

.success_order .long_div {
    margin: 0;
}

.success_order .long_div A.btn {
    margin: 0 0 8px 0;
    width: 100%;
}

.success_order .long_div A.btn:last-child {
    margin: 0;
}

.checkout_contacts {
    margin: 0 0 32px 0;
    display: flex;
    flex-direction: column;
}

.cc_main {
    padding: 16px;
    background: var(--white);
    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 16px;
    word-break: break-word;
}

.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: 50%;
    word-break: break-all;
}

.cbp_sum {
    width: 50%;
    padding: 0 0 0 16px;
    display: flex;
    flex-shrink: 0;
    align-items: baseline;
    justify-content: flex-end;
    text-align: end;
    word-break: break-word;
}

.cbp_sum Small {
    font-size: 12px;
    margin: 0 0 0 4px;
}

.cbp_row.your_economy .cbp_sum {
    color: var(--sub-color);
}

.cbp_row.total .cbp_sum {
    color: var(--main-color-light);
    font-size: 24px;
    line-height: 1.4;
}

.cbp_row.total .cbp_sum Small {
    font-size: 20px;
    margin: 0 0 0 4px;
}

.success_article {
    margin: 0 0 32px 0;
}

/* --- User Account --- */
.profile {
    padding: 8px;
    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);
    padding: 16px;
    margin: 0 0 32px 0;
}

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

.empty_page .title {
    padding: 32px 0 24px 32px;
    font-size: 18px;
}

.empty_page .text {
    padding: 0 0 32px 32px;
}

/* --- Order History --- */
.all_orders_history {
    display: flex;
    flex-direction: column;
}

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

.order_row:first-child {
    margin: 0;
}

.order_show {
    display: flex;
    flex-direction: column;
    cursor: pointer;
    position: relative;
    padding: 0 0 0 24px;
}

.order_show::after {
    content: '';
    width: 8px;
    height: 8px;
    border-bottom: 1px solid var(--main-color);
    border-right: 1px solid var(--main-color);
    position: absolute;
    top: 50%;
    right: 0;
    margin: 0 0 0 12px;
    transform: translateY(-50%) rotate(45deg);
    transition: .3s;
}

.open.order_show::after {
    transform: translateY(-50%) rotate(-135deg);
}

.order_status_color {
    width: 8px;
    height: 100%;
    border-radius: 4px;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
}

.order_row-wrap {
    display: flex;
    flex-direction: column;
    margin: 0 0 8px 0;
    padding: 0 24px 0 0;
}

.order_number,
.order_sum_title {
    font-size: 12px;
    color: var(--gray-light);
    margin: 0 0 4px 0;
}

.order_sum {
    display: flex;
    flex-direction: column;
    padding: 0 24px 0 0;
}

.order_pics {
    display: flex;
    flex-wrap: wrap;
    padding: 0 8px 0 0;
}

.one_order_pic {
    width: 40px;
    height: 40px;
    margin: 8px 16px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.order_pics.hide .one_order_pic {
    display: none;
}

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

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

.order_details.order_hidden {
    display: none;
}

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

}

.order_info .inner {
    display: flex;
    flex-direction: column;
    background: var(--site-bg);
    border-radius: var(--border-radius);
    padding: 16px;
    margin-bottom: 20px;
}

.order_info .checkout_title {
    margin: 0 0 16px 0;
}

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

.checkout_btns-control {
    display: flex;
    flex-direction: column;
    margin-top: auto;
}

.checkout_btns-control .btn {
    width: 100%;
    text-align: start;
    justify-content: flex-start;
}

.checkout_btns-control .btn + .btn {
    margin-top: 8px;
}

.checkout_btns-control .btn.remove {
    background-color: var(--error);
    opacity: 0.75;
}

.checkout_btns-control .btn.remove:hover {
    opacity: 1;
}

.checkout_btns-control .btn .icon {
    margin-right: 12px;
}

.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;
    position: relative;
}

.order_item:first-child {
    margin: 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%;
    padding-right: 30px;
}

.oi_row .it_title {
    margin: 4px 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 6px 0;
}

.order_items .cc_box_price {
    margin: 16px 0 0 0;
}

.remove-order_item {
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 26px;
    height: 26px;
    background-color: transparent;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.remove-order_item .icon {
    width: 16px;
    height: 16px;
    fill: var(--icon-color-gray);
    transition: 0.3s;
}

.remove-order_item:hover .icon {
    fill: var(--error);
}

.oi_col .counter_panel {
    margin-right: 0;
}

/* --- Wish List --- */
.favorite_control {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 0 8px 0;
}

.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;
}

.favorite_control .space {
    flex: 1 1 auto;
}

.favorite_control .delete_this.buy_selected_compare,
.favorite_control .delete_this.buy_selected_wishes {
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 16px;
    padding: 6px 10px;
    font-size: 14px;
    background: var(--btn-bg);
    border-radius: var(--border-radius);
}

.favorite_control .delete_this.buy_selected_compare:hover,
.favorite_control .delete_this.buy_selected_wishes:hover {
    color: var(--white);
    background-color: var(--btn-bg-hover);
}

.favorite_control .delete_this.buy_selected_compare .icon,
.favorite_control .delete_this.buy_selected_wishes .icon {
    fill: var(--white);
}

.favorite_control .delete_this.buy_selected_compare:hover .icon,
.favorite_control .delete_this.buy_selected_wishes:hover .icon {
    fill: var(--white);
}

.favorite_control .delete_this.remove_selected_wishes  {
    padding: 6px 0;
}

.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%);
}

/* --- Compare List --- */
.compare_group {
    display: flex;
    flex-direction: column;
    margin: 0 0 16px 0;
}

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

.for_comare_title {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 0 16px 0;
    padding: 8px;
    border-radius: var(--border-radius);
    background: var(--sub-color-light);
    align-items: flex-start;
}

.comare_title {
    font-size: 20px;
    line-height: 1.2;
    margin: 16px 0 0 8px;
}

.for_comare_title A.btn {
    pointer-events: none;
    opacity: .5;
    transition: .3s;
}

.for_comare_title A.btn.show {
    pointer-events: unset;
    opacity: 1;
}

.for_comare_title A.btn::after {
    content: '';
    position: absolute;
    bottom: -9px;
    left: 8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 19px 0 19px;
    border-color: var(--btn-bg) transparent transparent transparent;
    transition: .3s;
}

.for_comare_title A.btn:hover::after {
    border-color: var(--btn-bg-hover) transparent transparent transparent;
}

/* --- Compare Details --- */
.cr_title_row {
    display: flex;
    flex-direction: column;
    margin: 0 0 24px 0;
}

.cr_title_row .main_title {
    flex-wrap: wrap;
    align-items: baseline;
    margin: 0 0 16px 0;
}

.cr_title_row .main_title Span {
    margin: 0 6px 0 0;
}

.cr_title_row .main_title Span:last-child {
    color: var(--text-light);
    margin: 3px 0 0 0;
    font-size: 14px;
}

.cr_but_row {
    display: flex;
    justify-content: space-between;
}

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

.cr_but_row A {
    display: flex;
    position: relative;
    color: var(--main-color);
    text-decoration: none;
    align-items: center;
    transition: .3s;
}

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

.compare_toggle A.active {
    display: none;
}

.compare_toggle A .icon {
    margin: 0 6px 0 0;
    fill: var(--main-color);
}

.compare_toggle A:hover .icon {
    fill: var(--link-hover);
}

.cr_but_row A.plus {
    padding: 0 0 0 24px;
}

.cr_but_row A.plus::before,
.cr_but_row A.plus::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 16px;
    height: 2px;
    border-radius: 2px;
    background: var(--main-color);
    transition: .3s;
}

.cr_but_row A.plus::after {
    transform: translateY(-50%) rotate(90deg);
}

.cr_but_row A.plus:hover::before,
.cr_but_row A.plus:hover::after {
    background: var(--link-hover);
}

.for_compare {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.compare_products {
    display: flex;
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    scrollbar-width: none;
    position: sticky;
    top: 70px;
    margin: 0 0 400px;
    box-shadow: 0 6px 8px -10px rgba(0, 0, 0, .7);
    z-index: 1;
    background: var(--white);
}

.add_in-list A.delete_compare:hover .icon {
    fill: var(--error);
}

.compare_products .one_good {
    width: 50%;
    max-width: 172px;
    flex-shrink: 0;
}

.compare_products .one_good .photo_wrap::before {
    padding: 30% 0;
}

.compare_products .one_good .main_price {
    font-size: 18px;
}

.one_good .main_price Small {
    font-size: 16px;
}

.compare_options {
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    margin: -400px 0 0 0;
}

.compare_options LI {
    display: flex;
    width: 100%;
}

.compare_options LI.for_compare_title {
    height: 30px;
}

LI.for_compare_title .compare_title {
    width: 100%;
    height: 30px;
    position: absolute;
    top: auto;
    left: 0;
    padding: 0 0 0 8px;
    display: flex;
    align-items: center;
    background: var(--site-bg);
    font-weight: 700;
}

.compare_options .one_good {
    width: 50%;
    max-width: 172px;
    flex-shrink: 0;
    padding: 8px;
}

/* Page 404 */
.page_404 {
    display: flex;
    flex-direction: column;
    margin-bottom: 64px;
}

.text_404 {
    display: flex;
    flex-direction: column;
    margin: 0 0 32px 0;
}

.text_404_num {
    font-size: 80px;
    line-height: 1.2;
    color: var(--error);
}

.text_404_title {
    font-size: 22px;
    line-height: 1.2;
    color: var(--error);
    margin: 0 0 16px 0;
}

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

.links_404_title {
    margin: 0 0 64px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
}

.links_404_title A.btn {
    margin: 0 16px 8px 16px;
}

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

UL.links_404_list {
    display: flex;
    flex-wrap: wrap;
}

UL.links_404_list LI {
    margin: 0 24px 8px 0;
    color: var(--link);
    max-width: max-content;
    transition: .3s;
}

UL.links_404_list LI:hover {
    color: var(--link-hover);
}

UL.links_404_list A {
    color: var(--link);
    text-decoration: underline;
    width: max-content;
    transition: .3s;
}

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

/* Google Map */
.google_map {
    display: flex;
    flex-direction: column;
    margin-bottom: 32px;
}

.google_map Iframe,
.google_map .map_area {
    width: 100%;
    height: 400px;
}

/* Contact Us - Feedback */
.contact_us {
    display: flex;
    flex-direction: column;
    margin-bottom: 32px;
}

.contact_us.centre {
    max-width: 1148px;
    padding: 0;
}

.contact_us .main_title {
    font-family: 'Montserrat';
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    color: var(--main-color);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 -54px 0;
    padding: 5px 16px 5px 16px;
    width: fit-content;
    min-height: 54px;
    position: relative;
    background-color: var(--site-bg);
    border-radius: 0 0 12px 0;
    z-index: 1;
}

.contact_us .main_title::before {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    top: 0;
    left: 100%;
    background-image: url(../images/article_text-mob_radius.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.contact_us .main_title::after {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    top: 100%;
    left: 0;
    background-image: url(../images/article_text-mob_radius.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.contact_us .tit {
    font-family: 'Forum';
    font-size: 26px;
    line-height: 1.1;
    font-weight: 400;
    color: var(--sub-color);
    margin: 0 0 20px 0;
    width: 100%;
}

.contact_us .long_div.row {
    margin: 0;
}

.contact_us-inner {
    position: relative;
    padding: 108px 16px 0 16px;
}

.contact_us-inner > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contact_us .feedback {
    position: relative;
    padding: 0;
    z-index: 1;
}

.contact_us input {
    color: var(--white);
    height: 40px;
    background-color: #FFFFFF66;
    border: 1px solid #FFFFFF4D;
    padding: 0 30px 0 22px;
    border-radius: 10px;
}

.contact_us input.error {
    border: 1px solid var(--error) !important;
}

.contact_us input::placeholder {
    color: #FFFFFF66;
}

.contact_us .footer_contacts {
    background: var(--white);
    padding: 16px;
}

.contact_us .long_div.btn_wrap {
    width: fit-content;
    margin: 50px -16px 0 auto;
    padding: 12px 16px 0 12px;
    border-radius: 12px 0 0 0;
    background-color: var(--site-bg);
    position: relative;
}

.contact_us .long_div.btn_wrap::before {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    bottom: 100%;
    right: 0;
    transform: rotate(180deg);
    background-image: url(../images/article_text-mob_radius.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.contact_us .long_div.btn_wrap::after {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    bottom: 0;
    right: 100%;
    transform: rotate(180deg);
    background-image: url(../images/article_text-mob_radius.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.contact_us .long_div.btn_wrap .btn {
    font-size: 18px;
    font-weight: 700;
    color: var(--white);
    width: 222px;
    min-height: 34px;
    padding: 2px 20px;
    background-color: var(--sub-color);
    border-radius: 8px;
}

/* Stores on Google Map */
.stores {
    display: flex;
    flex-direction: column;
    margin-bottom: 32px;
}

.stores .title_wrap {
    padding: 0 8px;
    margin: 0 auto 16px auto;
    max-width: var(--content-width);
}

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

.all_cities .centre {
    max-width: var(--content-width);
}

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

.cities_btns .btn {
    margin: 0 8px 8px 0;
}

.cities_btns .btn:last-child {
    margin: 0 0 8px 0;
}

.cities_btns .btn.active {
    background: var(--btn-bg);
    color: var(--text-inverse);
}

.cities_search {
    display: flex;
}

.cities_search Input {
    width: 100%;
}

.stores .together {
    display: flex;
    flex-direction: column;
    padding: 0 8px;
}

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

.map_main_box {
    width: 100%;
    height: 400px;
}

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

.map_address {
    display: flex;
    flex-direction: column;
    background: var(--white);
    padding: 16px;
    width: calc(100% - 8px);
    margin: 8px 0 0 8px;
    transition: .3s;
}

.map_address:hover {
    box-shadow: 0 0 8px #00000024;
}

.stores .map_address .title_wrap {
    padding: 0;
}

.stores .map_address .address {
    margin: 0 32px 0 0;
}

.stores_title {
    display: flex;
    margin: 0 0 6px 0;
    color: var(--main-color-light);
}

.stores_row {
    margin: 0 0 4px 16px;
    line-height: 22px;
}

.all_stores .one_phone {
    display: flex;
}

.map_box {
    display: none;
}

.active .map_box {
    display: flex;
    flex-direction: column;
    max-width: 860px;
}

.map_box .google_map {
    margin: 0;
    width: 100%;
    height: 400px;
}

/* --- Main FOOTER --- */
.main_footer {
    display: flex;
    background: var(--footer-bg);
    padding: 16px 0;
    margin: 32px 0 0 0;
}

.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 8px 0;
    border-radius: var(--border-radius);
    position: relative;
}

.footer_menu-titile {
    display: flex;
    align-items: center;
    padding: 0 32px 0 16px;
    width: 100%;
    height: 38px;
    font-size: 15px;
    position: relative;
}

.main_footer .whap_hidden {
    display: none;
}

.main_footer .whap_hidden.active {
    display: flex;
    flex-direction: column;
    padding: 0 8px 2px 32px;
    width: 100%;
    background: var(--white);
    border-radius: 0 0 var(--border-radius) var(--border-radius);
}

.main_footer LI A,
.footer_phones .one_phone A {
    margin: 0 0 8px 0;
    display: inline-flex;
    color: var(--text-light);
    text-decoration: none;
    max-width: max-content;
}

.footer_phones .one_phone {
    margin: 0 0 8px 0;
    display: flex;
}

.footer_phones .one_phone A {
    margin: 0;
}

.footer_phones .one_phone Span,
.all_stores .one_phone Span {
    display: flex;
    align-items: center;
}

.footer_phones .one_phone .icon,
.all_stores .one_phone .icon {
    display: none;
}

.one_phone.viber .icon.viber,
.one_phone.telegram .icon.telegram,
.one_phone.whatsapp .icon.whatsapp {
    display: flex;
    width: 16px;
    height: 16px;
    margin: 0 0 0 8px;
}

.one_phone .icon.viber {
    fill: var(--viber);
}

.one_phone .icon.telegram {
    fill: var(--telegram);
}

.one_phone .icon.whatsapp {
    fill: var(--whatsapp);
}

.footer_contacts.menu_element {
    margin: 0;
}

.footer_phones,
.messenger_wrap,
.hours_work {
    display: flex;
    flex-direction: column;
    margin: 0 0 8px 0;
}

.foo_mini_tit {
    margin: 0 0 6px 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);
}

.messenger_wrap A.messenger {
    color: var(--facebook);
}

.messenger_wrap A.messenger .icon {
    fill: var(--facebook);
}

.hw_text {
    line-height: 1.6;
}

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

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

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

.foo_logo Img {
    width: 200px;
    height: auto;
}

.footer_slogan {
    font-size: 13px;
    color: var(--text-light);
}

.address {
    font-size: 13px;
    font-style: normal;
    color: var(--text-light);
    margin: 8px 0 0 0;
}

.socials_row {
    display: flex;
    margin: 0 0 16px 0;
    justify-content: center;
}

.socials_row A {
    display: flex;
    margin: 0 8px;
}

.socials_row A .icon {
    width: 24px;
    height: 24px;
    fill: var(--gray-light);
}

.socials_row A.facebook:hover .icon {
    fill: var(--facebook);
}

.socials_row A.twitter:hover .icon {
    fill: var(--twitter);
}

.socials_row A.youtube:hover .icon {
    fill: var(--youtube);
}

.socials_row A.pinterest:hover .icon {
    fill: var(--pinterest);
}

.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 svg {
    margin: -4px 0 0 -4px;
}

.socials_row A.instagram .not_hover svg {
    fill: var(--gray-light);
}

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

.sufix_copyrights A {
    text-decoration: none;
    color: var(--text-light);
    transition: .3s;
}

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

/* --- Page UP - button --- */
.page_up {
    display: block;
    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);
}

/* --- new profile styles --- */

.profile_info {
    margin-bottom: 20px;
}

.profile_info > .col:nth-child(1) {
    margin-bottom: 20px;
}

.add_info-btn {
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    color: var(--text);
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    width: 100%;
    min-height: 36px;
    padding: 6px 10px;
    background-color: transparent;
    border: 1px solid var(--border-color);
    cursor: pointer;
    transition: 0.3s;
}

.add_info-btn .icon {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    transition: 0.3s;
}

.profile_info-list > li + li {
    margin-top: 10px;
}

.method_delivery {
    margin-bottom: 10px;
}

.profile_info-item {
    display: flex;
    flex-direction: column;
    padding: 10px;
    width: 100%;
    border: 1px solid var(--border-color);
    position: relative;
    transition: 0.3s;
}

.toggle-profile_info {
    font-size: 0;
    height: 60px;
    width: 30px;
    border: none;
    background: transparent;
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 1;
    cursor: pointer;
}


.toggle-profile_info::after {
    content: "";
    width: 8px;
    height: 8px;
    border-bottom: 1px solid var(--main-color);
    border-right: 1px solid var(--main-color);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    transition: .3s;
}

.profile_info-item.active .toggle-profile_info::after {
    transform: translate(-50%, -50%) rotate(-135deg);
}

.profile_top {
    display: flex;
    flex-direction: column;
    padding: 0 20px 0 10px;
    min-height: 60px;
    position: relative;
}

.profile_info-item.active .profile_top {
    display: none;
}

.profile_info-item b {
    color: var(--main-color-light);
    font-weight: 400;
}

.profile_info-item b.tel-desk {
    display: none;
}

.profile_top > .col:nth-child(2) > span {
    display: block;
    word-break: break-word;
}

.profile_top::before {
    content: "";
    width: 4px;
    height: 100%;
    border-radius: 4px;
    background-color: gray;
    position: absolute;
    top: 0;
    left: 0;
}

.profile_top .col {
    display: flex;
    flex-direction: column;
}

.profile_top .col:nth-child(1) {
    margin-bottom: 8px;
}

.profile_top .col > span + span {
    margin-top: 4px;
}

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

.profile_body {
    display: none;
}

.profile_info-item.active .profile_body {
    display: block;
}

.profile_control {
    display: flex;
    align-items: center;
    padding: 0 20px 0 10px;
    min-height: 60px;
    position: relative;
}

.profile_control::before {
    content: "";
    width: 4px;
    height: 100%;
    border-radius: 4px;
    background-color: gray;
    position: absolute;
    top: 0;
    left: 0;
}

.profile_info > .col:nth-child(1) .profile_control::before,
.profile_info > .col:nth-child(1) .profile_top::before {
    background-color: #5d7791;
}

.profile_info > .col:nth-child(2) .profile_control::before,
.profile_info > .col:nth-child(2) .profile_top::before {
    background-color: #cb3f31;
}

.profile_control-title {
    flex: 1 1 auto;
}

.profile_btns {
    display: flex;
    align-items: center;
    flex-direction: column;
    align-items: flex-end;
}

.profile_btns button {
    display: flex;
    align-items: center;
    border: none;
    background-color: transparent;
    padding: 5px 10px;
    cursor: pointer;
    transition: 0.3s;
}

.profile_btns button .icon {
    margin-right: 6px;
    transition: 0.3s;
}

.profile_inner {
    display: flex;
    flex-direction: column;
    padding: 10px 0 10px 0;
}

.profile_inner > .col:nth-child(1) {
    margin-bottom: 10px;
}

.profile_inner .long_div.mob_empty Label {
    display: none;
}

.profile_inner .dropdown ul li {
    padding-left: 12px;
}

.order_search-form {
    width: 100%;
}

.order_search-form .order_search {
    width: 100%;
}

.order_search {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.order_search > .col {
    display: flex;
    flex-direction: column;
    margin-bottom: 12px;
}

.order_search > .col.department_col .dropdown {
    width: 100%;
}

.order_search > .col .btn {
    width: 100%;
}

.order_search label {
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 8px;
}

.order_search label i {
    font-style: normal;
    color: var(--error);
}

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

.periop_wrap .date_wrap {
    width: calc(50% - 8px);
    position: relative;
}

.periop_wrap input {
    width: 100%;
    min-width: 1px;
}

.periop_wrap .to {
    display: block;
    flex: 0 0 8px;
    width: 8px;
    height: 1px;
    background-color: var(--main-color);
    margin: 0 4px;
}

.ui-widget-content {
    padding: 0 8px 8px 8px !important;
}

.ui-widget-content,
.ui-widget-content * {
    box-sizing: border-box !important;
}

.ui-widget-content{
    margin-top: 10px;
    width: 275px !important;
    background: unset !important;
    border: 2px solid var(--sub-color) !important;
    background-color: var(--white) !important;
}

.ui-datepicker-title {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

.ui-datepicker-month {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: var(--text) !important;
    width: 50% !important;
    border: none;
    padding: 0;
    text-align: end;
    appearance: none !important;
    background: none !important;
}

.ui-datepicker-year {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: var(--text) !important;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    width: 38px !important;
    height: 38px !important;
    cursor: pointer !important;
    transition: 0.3s !important;
}

.ui-datepicker .ui-datepicker-prev-hover {
    opacity: 0.5 !important;
    border: none !important;
    background: transparent !important;
    left: 2px !important;
    top: 2px !important;
}

.ui-datepicker .ui-datepicker-next-hover {
    opacity: 0.5 !important;
    border: none !important;
    background: transparent !important;
    right: 2px !important;
    top: 2px !important;
}

.ui-datepicker table {
    margin: 0 !important;
}

.ui-datepicker th {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: var(--text) !important;
    padding: 12px 0 !important;
}

.ui-datepicker .ui-datepicker-prev::before,
.ui-datepicker .ui-datepicker-next::before {
    content: "";
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url('./../images/arrows.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.ui-datepicker .ui-datepicker-prev::before {
    transform: translate(-50%, -50%) rotate(180deg);
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: none !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    font-size: 12px !important;
    font-weight: 700 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    aspect-ratio: 1 / 1;
    transition: 0.3s;
}

.ui-state-default:not(.ui-state-highlight):hover,
.ui-widget-content .ui-state-default:not(.ui-state-highlight):hover,
.ui-widget-header .ui-state-default:not(.ui-state-highlight):hover {
    color: var(--sub-color);
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    color: var(--text) !important;
    background-color: var(--sub-color) !important;
}

.calendar_box {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    width: 272px;
    background-color: var(--white);
    border: 2px solid var(--sub-color);
    border-radius: var(--border-radius);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    z-index: 1;
}

.periop_wrap .date_wrap:nth-child(3) .calendar_box {
    left: auto;
    right: 0;
}

.calendar_box.active {
    opacity: 1;
    visibility: visible;
}

.month_wrap {
    display: flex;
    align-items: center;
    padding: 6px;
}

.month_wrap .month_arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 26px;
    height: 26px;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

.month_wrap .month_arrow .icon {
    width: 14px;
    height: 14px;
    fill: var(--sub-color);
    transition: 0.3s;
}

.month_wrap .month_arrow:hover .icon {
    fill: var(--main-color);
}

.month_wrap .current_manth {
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    flex: 1 1 auto;
}

.days_name {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    padding: 6px 6px 0 6px;
}

.days_name span {
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
}

.days_month {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    padding: 0 6px 6px 6px;
}

.days_month button {
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
    background-color: transparent;
    border: none;
    padding: 0;
    transition: 0.3s;
    cursor: pointer;
}

.days_month button:hover {
    color: var(--sub-color);
}

.days_month button.current {
    background-color: var(--sub-color);
    color: var(--white);
}

.days_month button.not_active {
    font-weight: 400;
    opacity: 0.5;
}

.preview_delivery,
.preview_payment {
    padding: 10px;
    border: 2px solid var(--border-color);
    border-radius: var(--border-radius);
}

.preview_delivery li + li,
.preview_payment li + li {
    margin-top: 8px;
}

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

.profile_info-bottom .btn {
    margin-right: 12px;
}

.profile_info-bottom .check_wrap {
    margin: 5px 5px 5px 0;
}

.profile_info-bottom .check_wrap Input[type="checkbox"] + label::before {
    left: -24px;
}

.profile_info-bottom .check_wrap Input[type="checkbox"] + label::after {
    left: -20px
}

.autofill-profile_info {
    width: 100%;
    padding: 0 5px;
}

.branches {
    margin-bottom: 20px;
}

.branches .profile_control::before,
.branches .profile_top::before {
    background-color: #cb3f31;
}

.delivery_payment tr {
    display: flex;
    flex-wrap: wrap
}

.delivery_payment td {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 0 10px 20px
}

.delivery_payment img {
    margin: 0;
    max-width: unset !important;
}

.delivery_payment p {
    margin-bottom: 5px;
}

.delivery_payment h1 {
    display: block;
    width: 100%;
    text-align: center
}

.delivery_item svg, .payment_item > .icon_wrap svg {
    width: 22px;
    height: 22px
}

.delivery_payment * + h1 {
    margin: 40px 0 0
}

.delivery_payment ul {
    list-style: none;
    line-height: 1.1
}

/* --- ARTICLE SLIDE --- */

.article_slide {
    position: relative;
    display: flex;
    flex-direction: column;
    width: var(--window-width);
    left: 50%;
    transform: translateX(-50%);
    color: var(--white);
    position: relative;
    padding: 0 0 36px 0;
}

.article_slide::before {
    content: "";
    display: block;
    width: 18px;
    height: 66px;
    background-color: var(--site-bg);
    position: absolute;
    top: 0;
    left: 0;
}

.article_slide-bg {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.article_slide-bg img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
}

.article_slide-content {
    display: flex;
    flex-direction: column;
    max-width: 1152px;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    margin: 0 auto;
}

Article .article_slide-bg Img:not([width], [height]) {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

.office-title {
    display: flex;
    align-items: center;
    width: fit-content;
    background-color: var(--site-bg);
    padding: 0 18px 0 18px;
    height: 66px;
    margin: 0 0 30px 0;
    border-radius: 0 0 12px 0;
    position: relative;
}

.office-title::before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 0;
    left: calc(100% - 1px);
    background-image: url('../images/article_text-mob_radius.svg');
    background-repeat: no-repeat;
    background-size: contain;
}


.office-title svg {
    width: 118px;
    height: auto;
}

.our_activity {
    font-family: 'Forum';
    font-size: 18px;
    line-height: 1.1;
    margin-bottom: 16px;
}

.btn_link {
    font-family: 'Montserrat';
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 250px;
    width: 100%;
    min-height: 34px;
    padding: 2px 20px;
    background-color: var(--sub-color);
    border-radius: 8px;
}

/* --- MARQUEE --- */

.marquee {
    overflow: hidden;
    display: flex;
    opacity: 0;
    left: 50%;
    width: var(--window-width);
    transform: translateX(-50%);
    position: relative;
}

.marquee.init {
    opacity: 1;
}

.marquee span {
    font-family: 'Montserrat';
    font-size: 36px;
    /* font-size: 55px; */
    font-weight: 700;
    white-space: nowrap;
    text-transform: uppercase;
    color: var(--sub-color);
    padding-right: 60px;
}

/* --- OUR CATEGORIES --- */

.article_custom-title {
    font-family: 'Montserrat';
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    color: var(--main-color);
    margin-bottom: 20px;
}

.our_categories {
    display: flex;
    flex-direction: column;
    max-width: 1152px;
    width: calc(100% + 16px);
    margin-left: -8px;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
}

.our_categories img {
    display: block;
    width: 100% !important;
    height: auto !important;
    border-radius: 12px;
}

.article_custom-list {
    padding-left: 0;
    list-style: none;
}

.article_custom-list li {
    margin-bottom: 10px;
}

.article_custom-list li a {
    font-family: 'Montserrat';
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 500;
    color: var(--main-color);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    width: 100%;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    transition: 0.3s;
}

/* --- COOPERATION --- */

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

.cooperation .article_custom-title {
    width: 100%;
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
}

.cooperation_inner {
    display: flex;
    flex-direction: column;
    left: 50%;
    width: var(--window-width);
    transform: translateX(-50%);
    position: relative;
}

.cooperation .col {
    display: flex;
    flex-direction: column;
    padding: 0 8px;
}

.cooperation_list {
    list-style: none;
    padding: 0;
}

.cooperation_top {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 8px 20px 0;
}

.cooperation_top img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    border-radius: 0 70px 0 0;
}

.cooperation_list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.cooperation_list li {
    font-family: 'Montserrat';
    line-height: 1.1;
    font-weight: 500;
    margin-bottom: 10px;
    padding: 8px;
    width: 100%;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    transition: 0.3s;
}

.cooperation_list li:nth-child(1) {
    width: calc(65% - 5px);
    margin-right: 10px;
}

.cooperation_list li:nth-child(2) {
    width: calc(35% - 5px);
}

.cooperation_list li:nth-child(4) {
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: calc(50% - 5px);
    margin-right: 10px;
}

.cooperation_list li:nth-child(4) b {
    font-size: 25px;
}

.cooperation_list li:nth-child(5) {
    width: calc(50% - 5px);
}

.cooperation_list li:hover {
    color: var(--white);
    background-color: var(--sub-color);
}

.cooperation-link {
    font-family: 'Montserrat';
    text-decoration: none;
    margin-bottom: 20px;
    width: fit-content;
    max-width: 100%;
    font-size: 18px;
    padding-right: 16px;
    font-weight: 500;
    position: relative;
}

.cooperation-link::before,
.cooperation-link::after {
    content: "";
    width: 8px;
    height: 1px;
    background-color: var(--main-color);
    position: absolute;
    top: 50%;
    right: 0;
    transform-origin: right;
}

.cooperation-link::before {
    transform: translateY(-50%) rotate(-45deg);
}

.cooperation-link::after {
    transform: translateY(-50%) rotate(45deg);
}

.cooperation_bottom {
    width: fit-content;
    display: block;
    max-width: 80%;
    margin: 0 0 0 auto;
}

.cooperation_bottom img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    border-radius: 0 0 0 70px;
}

/* --- OUT SERVICES --- */

.our_services {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding: 0 8px;
    width: 100%;
    max-width: 1132px;
}

.services_grid {
    display: grid;
    gap: 22px;
}

.service_item {
    position: relative;
    padding-bottom: 75%;
}

.service_item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    border-radius: 0 12px 12px 12px;
}

.service_item figcaption {
    font-family: 'Forum';
    font-size: 20px;
    padding: 6px 12px;
    background-color: var(--site-bg);
    display: block;
    max-width: calc(100% - 32px);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    border-radius: 0 0 12px 0;
}

.service_item figcaption::before {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    top: 0;
    left: 100%;
    background-image: url(../images/article_text-mob_radius.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.service_item figcaption::after {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    top: 100%;
    left: 0;
    background-image: url(../images/article_text-mob_radius.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.our_services .btn_wrap {
    width: fit-content;
    margin-top: -42px;
    padding: 8px 8px 0 0;
    background-color: var(--site-bg);
    border-radius: 0 12px 0 0;
    z-index: 1;
    position: relative;
}

.our_services .btn_wrap::before {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    bottom: 100%;
    left: 0;
    background-image: url(../images/article_text-mob_radius.svg);
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(-90deg);
    z-index: 1;
}

.our_services .btn_wrap::after {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    bottom: 0;
    left: 100%;
    background-image: url(../images/article_text-mob_radius.svg);
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(-90deg);
    z-index: 1;
}

/* --- OUR RATE --- */

.our_rate {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding: 0 8px;
    width: 100%;
    max-width: 1132px;
}

.rate_list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

.rate_item {
    font-family: 'Montserrat';
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    border-radius: 12px;
    background-color: #e5e6e8;
}

.rate_item b {
    font-weight: 600;
    font-size: 36px;
    color: var(--main-color);
}

.rate_item > span {
    font-weight: 500;
    font-size: 18px;
    color: var(--main-color);
}

/* --- OUR SERTIFICATES --- */

.our_sertifivates {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding: 0 8px;
    width: 100%;
    max-width: 1132px;
}

.sertificates_list {
    display: grid;
    gap: 20px;
}

.sertificates_item {
    border: 1px solid var(--border-color);
    border-radius: 20px;
    padding: 100% 0 0 0;
    position: relative;
}

.sertificates_item img {
    display: block;
    width: auto;
    height: auto !important;
    max-width: calc(100% - 40px)!important;
    max-height: calc(100% - 40px);
    object-fit: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* --- OUR COMPANIES --- */

.our_companies {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding: 0 8px;
    width: 100%;
    max-width: 1132px;
}

body.main_page .article_place.article_component {
    margin-bottom: 8px;
}

body.main_page .our_companies {
    max-width: 100%;
    padding: 0;
}

body.main_page .our_companies .main_title {
    line-height: 1.2;
    margin-bottom: 16px;
}

.company_list {
    display: flex;
    overflow: hidden;
    left: 50%;
    width: var(--window-width);
    transform: translateX(-50%);
    position: relative;
}

.company_list:not(.slick-initialized) {
    justify-content: center;
}

.company_list .slick-track {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
}

.our_companies .slick-arrow {
    width: 44px;
    height: 44px;
    border: 1px solid #15304F;
    border-radius: 8px;
    background-color: transparent;
    transition: 0.3s;
}

.our_companies .slick-arrow:hover {
    background-color: #15304F;
}

.our_companies .slick-arrow.slick-next {
    right: 10px;
}

.our_companies .slick-arrow.slick-prev {
    left: 10px;
    transform: translateY(-50%) rotate(180deg);
}

.our_companies .slick-arrow::before,
.our_companies .slick-arrow::after {
    background-color: #15304F;
    width: 15px;
    height: 1px;
    border-radius: 0;
    left: 50%;
    top: 50%;
    transform: none;
    transform-origin: right;
    transition: 0.3s;
}

.our_companies .slick-arrow:hover::before,
.our_companies .slick-arrow:hover::after {
    background-color: #fff;
}

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

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

.company_item {
    flex: 0 0 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 15px;
    width: 250px;
    height: 250px;
    overflow: hidden;
    border-radius: 40px;
    border: 1px solid var(--border-color);
    background-color: var(--white);
}

.slick-initialized .slick-slide.company_item {
    display: flex;
}

.company_item img {
    display: block;
    width: auto;
    height: auto;
    max-width: 146px;
    max-height: 146px;
    object-fit: contain;
}

/* --- YOUTUBE SHORTS --- */

.youtube_shorts {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding: 0 8px;
    width: 100%;
    max-width: 1132px;
    margin-bottom: 60px;
}

body.main_page .youtube_shorts {
    max-width: var(--content-width);
    margin-bottom: 8px;
}

.youtube_shorts-list {
    display: flex;
    overflow: hidden;
    left: 50%;
    width: var(--window-width);
    max-width: var(--window-width);
    transform: translateX(-50%);
    position: relative;
}

.youtube_shorts-list:not(.slick-initialized) {
    justify-content: center;
}

.youtube_shorts-list .slick-track {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
}

.youtube_shorts-list .slick-arrow {
    width: 44px;
    height: 44px;
    border: 1px solid #15304F;
    border-radius: 8px;
    background-color: transparent;
    transition: 0.3s;
}

.youtube_shorts-list .slick-arrow:hover {
    background-color: #15304F;
}

.youtube_shorts-list .slick-arrow.slick-next {
    right: 10px;
}

.youtube_shorts-list .slick-arrow.slick-prev {
    left: 10px;
    transform: translateY(-50%) rotate(180deg);
}

.youtube_shorts-list .slick-arrow::before,
.youtube_shorts-list .slick-arrow::after {
    background-color: #15304F;
    width: 15px;
    height: 1px;
    border-radius: 0;
    left: 50%;
    top: 50%;
    transform: none;
    transform-origin: right;
    transition: 0.3s;
}

.youtube_shorts-list .slick-arrow:hover::before,
.youtube_shorts-list .slick-arrow:hover::after {
    background-color: #fff;
}

.youtube_shorts-list .slick-arrow::before {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.youtube_shorts-list .slick-arrow::after {
    transform: translate(-50%, -50%) rotate(45deg);
}

.youtube_shorts-item {
    flex: 0 0 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 15px;
    width: 250px;
    height: 350px;
    overflow: hidden;
    border-radius: 40px;
    background-color: rgb(208, 208, 208);
}

.slick-initialized .slick-slide.youtube_shorts-item {
    display: flex;
}

.youtube_shorts-item iframe,
.youtube_shorts-item .iframe {
    display: block;
    width: 250px;
    height: 350px;
}

.youtube_shorts-item .iframe {
    position: relative;
    cursor: pointer;
}

.youtube_shorts-item .iframe i {
    display: block;
    width: 75px;
    height: 75px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url('./../images/youtube-icon.svg');
    background-repeat: no-repeat;
    background-position: center;
}

.youtube_shorts-item .iframe img {
    display: block;
    width: 100% !important;
    min-width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    object-fit: cover;
}

/* --- SUCCESS PAGE --- */

.success_page {
    display: flex;
    flex-direction: column;
    margin-bottom: 80px;
    padding-top: 80px;
}

.success_page .centre {
    display: flex;
    flex-direction: column;
}

.success_images-wrap {
    display: block;
    position: relative;
}

.success_images-wrap img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: 12px 0 12px 12px;
}

.success_images-wrap .siw_box {
    display: flex;
    flex-direction:column;
    padding: 8px 14px 10px 16px;
    max-width: 100%;
    border-radius: 0 0 0 12px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--site-bg);
}

.success_images-wrap .siw_box::before {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    top: 0;
    right: 100%;
    transform: rotate(90deg);
    background-image: url(../images/article_text-mob_radius.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.success_images-wrap .siw_box::after {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    top: 100%;
    right: 0;
    transform: rotate(90deg);
    background-image: url(../images/article_text-mob_radius.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.success_images-wrap .siw_box .tit {font-family:'Forum'; font-size:20px;}
.success_images-wrap .siw_box .num, .success_images-wrap .num.under {font-family:'Montserrat'; text-transform:uppercase; font-size:17px; font-weight:700; color:#15304F; display:none;}
.success_images-wrap .num.under {display:flex; margin:16px 0;}
    .success_images-wrap .num.under Span, .success_images-wrap .siw_box .num Span {color:var(--sub-color); margin:0 0 0 6px;}

.success_article .success_page {padding:0;}
    .success_article .success_page .centre {padding:0;}

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

.success_info .contacts,
.success_info .schedule {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    padding: 10px 20px;
    border-radius: 8px;
    background-color: #eff1f2;
}

.success_info ul {
    font-family: 'Montserrat';
    padding: 0;
    list-style: none;
}

.success_info-title {
    font-family: 'Montserrat';
    font-size: 20px;
    font-weight: 600;
    color: #15304F;
    margin-bottom: 12px;
}

.success_contact-item {
    font-family: 'Montserrat';
    font-size: 15px;
    display: flex;
    margin-bottom: 8px;
}

.success_contact-item .icon {
    flex: 0 0 30px;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    fill: #155788;
}

.success_contact-item ul {
    padding-top: 8px;
    color: #15304F;
    font-weight: 500;
}

.success_contact-item ul li + li {
    margin-top: 4px;
}

.success_contact-item ul a {
    text-decoration: none;
    color: #15304F;
    transition: 0.3s;
}

.success_contact-item ul a:hover {
    color: var(--text);
}

.success_schedule {
    font-size: 15px;
    font-weight: 500;
    color: #15304F;
}

.success_schedule li {
    display: flex;;
}

.success_schedule li + li {
    margin-top: 8px;
}

.success_schedule li b {
    flex: 0 1 25%;
}

.success_schedule li span {
    flex: 0 1 75%;
}

.slogan_box {
    padding-top: 30px;
}

.slogan_text {
    font-family: 'Montserrat';
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
    color: #15304F;
}

.slogan_text b {
    color: var(--sub-color);
}

.success_page .success_article {
    margin-bottom: 0;
}

.success_page .btn_payment {
    display: none;
}

/* --- OUR CONTACTS --- */

.our_contacts {
    display: flex;
    flex-direction: column;
    padding: 0 8px;
}

.contacts-inner {
    display: flex;
    flex-direction: column;
}

.contacts-inner > .col:nth-child(1) {
    display: block;
    width: calc(100% + 16px);
    height: auto;
    margin: 0 0 20px -16px;
}

.contacts-inner > .col:nth-child(1) img {
    display: block;
    width: 100% !important;
    height: auto !important;
    border-radius: 0 0 92px 0;
}

.contacts-inner > .col:nth-child(2) {
    display: flex;
    flex-direction: column;
}

.contacts_list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
    width: 100%;
}

.contacts_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 0 10px 0;
    padding: 10px 10px 36px 10px;
    width: 100%;
    border-radius: 8px;
    background-color: #eff1f2;
}

.contacts_item .title {
    font-family: 'Montserrat';
    font-size: 20px;
    color: #15304F;
    font-weight: 600;
    text-align: center;
    margin-bottom: 12px;
}

.contacts_item .tel_list {
    font-family: 'Montserrat';
    display: flex;
    margin:0 0 6px 0;
}

.contacts_item .tel_list .icon {
    flex: 0 0 30px;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    fill: #155788;
}

.contacts_item .tel_list ul {
    justify-content: center;
    list-style: none;
    font-size: 15px;
    font-weight: 500;
    margin: 0;
    padding: 0;
}

.contacts_item .tel_list ul a {
    text-decoration: none;
    color: #15304F;
    transition: 0.3s;
}

.contacts_item .tel_list ul a:hover {
    color: var(--text);
}

.social_lis {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: row;
    padding: 0;
    width: 100%;
    margin: 0;
}

.social_lis li {
    margin: 10px;
}

.social_lis a {
    width: 44px;
    height: 44px;
}

.social_lis a .icon {
    width: 44px;
    height: 44px;
    fill: #155788;
    transition: 0.3s;
}

.social_lis a:hover .icon {
    fill: var(--text);
}

.contacts-inner > .col:nth-child(2) .btn_link {
    width: 100%;
    max-width: none;
}

/* --- DELIVERY PAYMENT ---*/

.del_pay-article {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding: 0 8px;
    width: 100%;
}

.del_pay-article-grid {
    display: flex;
    flex-wrap: wrap;
}

.del_pay-article-item {
    font-family: 'Montserrat';
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 8px;
    background-color: #eff1f2;
    border-radius: 8px;
    margin-bottom: 10px;
}

.del_pay-article-item:nth-child(3) {
    display: none;
}

.del_pay-article-item .image {
    margin-bottom: 12px;
}

.del_pay-article-item .image img {
    display: block;
    width: 100% !important;
    height: auto !important;
    min-width: ;
    aspect-ratio: 4 / 3;
    box-shadow: 0px 21px 21px 0px #11324C17;
    border-radius: 8px;
    object-fit: cover;
}

.del_pay-article-item figcaption {
    display: flex;
    flex-direction: column;
    font-size: 15px;
}

.del_pay-article-item .title {
    font-size: 20px;
    font-weight: 700;
    color: #15304F;
    margin-bottom: 4px;
}

.del_pay-article-item figcaption p {
    margin-bottom: 6px;
}

.del_pay-article-item UL LI::marker {
    font-size: 10px;
    line-height: 1;
    color: #15304F;
}

.del_pay-article-item figcaption i {
    font-style: normal;
    color: #155788;
}

/* --- RETURN PRODUCT SLIDE --- */

.return_product-slide {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0 8px;
    position: relative;
}

.return_product-slide img {
    width: 100% !important;
    aspect-ratio: 4 / 3;
    height: auto !important;
    object-fit: cover !important;
    border-radius: 8px;
}

.return_product-slide .subtitle {
    font-family: 'Montserrat';
    font-size: 20px;
    font-weight: 700;
    color: #FEAA61;
    padding: 4px 0 0 16px;
    background-color: var(--site-bg);
    position: absolute;
    bottom: 0;
    right: 8px;
    border-radius: 8px 0 0 0;
}

.return_product-slide .subtitle::before {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    bottom: 100%;
    right: 0;
    transform: rotate(180deg);
    background-image: url(../images/article_text-mob_radius.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.return_product-slide .subtitle::after {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    bottom: 0;
    right: 100%;
    transform: rotate(180deg);
    background-image: url(../images/article_text-mob_radius.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

/* --- PRODUCTS EXCEPT --- */

.products_except {
    display: flex;
    flex-direction: column;
    padding: 0 8px;
}

.products_except .title {
    font-family: 'Montserrat';
    font-size: 18px;
    font-weight: 600;
    color: #15304F;
    margin-bottom: 10px;
}

.products_except-list {
    display: grid;
    gap: 10px;
}

.products_except-item {
    font-family: 'Montserrat';
    color: #15304F;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    width: 100%;
    border: 1px solid var(--border-color);
    border-radius: 8px;
}

.products_except-info {
    font-family: 'Montserrat';
    color: #15304F;
    display: block;
    width: 100%;
    font-size: 16px;
}

/* --- HOW TO RETURN --- */

.how_return {
    display: flex;
    flex-direction: column;
    padding: 0 8px;
}

.how_return .article_custom-title {
    margin-bottom: 16px;
}

body.main_page .article_custom-title {
    font-family: 'Roboto', sans-serif;
    text-transform: none;
    font-size: 24px;
    margin-bottom: 16px;
    font-weight: 400;
    color: var(--text);
}

.how_return .subtitle {
    font-family: 'Montserrat';
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 30px;
    color: #15304F;
}

.how_return-steps {
    display: flex;
    flex-wrap: wrap;
}

.how_return-step {
    line-height: 1.4;
    font-family: 'Montserrat';
    color: #15304F;
    display: flex;
    flex-direction: column;
    padding: 8px;
    background-color: #eff1f2;
    border-radius: 8px;
    margin-bottom: 10px;
}

.how_return-step .title {
    font-size: 20px;
    margin-bottom: 12px;
}

/* --- CAREER ARTICLE --- */

.career_article {
    display: flex;
    flex-direction: column;
    max-width: 845px;
}

.career_article > .subtitle {
    font-family: 'Montserrat';
    font-size: 15px;
    line-height: 1.3;
    color: #15304F;
    margin-bottom: 18px;
}

.text_career {
    font-family: 'Montserrat';
    color: #15304F;
}

.career_properties {
    padding: 0;
    list-style-type: none;
}

.career_properties > li {
    font-family: 'Montserrat';
    color: #15304F;
    padding: 8px;
    border-radius: 8px;
    background-color: #eff1f2;
    margin-bottom: 10px;
}

.career_properties > li .title {
    font-family: 'Montserrat';
    font-size: 18px;
    line-height: 1.3;
    font-weight: 700;
    color: #15304F;
    margin-bottom: 12px;
    display: block;
}

.career_properties > li > ul {
    padding-left: 26px;
}

.career_properties > li > ul > li::marker {
    font-size: 10px;
    color: #15304F;
}

/* --- PUBLIC OFFER --- */

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

.public_offer-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    padding: 0;
}

.public_offer-list > li {
    font-family: 'Montserrat';
    font-size: 15px;
    font-weight: 500;
    padding: 8px;
    border-radius: 8px;
    margin-bottom: 10px;
    background-color: #eff1f2;
    color: #15304F;
}

.public_offer-list > li .title {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 4px;
}

/* --- COOKIES terms Popup --- */
.cookies {
    background: var(--white);
    padding: 16px;
    border-radius: var(--border-radius);
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 32px);
    max-width: max-content;
    display: flex;
    flex-direction: column;
    box-shadow: 0 6px 16px rgba(0,0,0,.3);
    z-index: 99999999;
    animation: jump 1s ease-in 1s both;
}

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

.cook_text {
    margin: 0 0 16px 0;
    color: var(--text-light);
}

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

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

.cookies .btn {
    width: 100%;
    height: max-content;
}

.reject_but {
    display: flex;
    justify-content: center;
}

.reject_cookies {
    border: none;
    width: max-content;
    cursor: pointer;
    background: none;
    padding: 0;
    color: var(--main-color-lighter);
    transition: .3s;
}

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

@keyframes jump {
    0% {
        bottom: -300px;
    }

    100% {
        bottom: 16px;
    }
}