:root {
    --base-color-1: #FFFFFF;
    --base-color-2: #D4D4D4;
    --base-color-3: #1D1D1D;
    --accent-color-1: #038BBD;
    --accent-color-2: #FFA614;
    --accent-color-3: #06B72D;

    --shadow: 0px 4px 25px 0px #0000001F;
    --accent-shadow: 0px 4px 25px 0px #0000004f;

    /* --- Backgrounds --- */
    --site-bg: #FCFCFC;

    --main-color: #1D1D1D;
    --main-color-light: #6c6c6c;
    --main-color-lighter: #D4D4D4;
    --sub-color: #038BBD;
    --sub-color-light: #4c9ebc;

    --footer-bg: #1D1D1D;

    /* --- Texts --- */
    --text: #1D1D1D;
    --text-inverse: #F9F7EE;
    --text-error: #f01818;
    --text-error-hover: #a61212;
    --text-light: #D4D4D4;

    /* --- Buttons --- */
    --btn-bg: #038BBD;
    --btn-bg-hover: #4c9ebc;

    /* --- Links --- */
    --link: #038BBD;
    --link-hover: #4c9ebc;

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

    /* --- Borders --- */
    --border-color: #D4D4D4;
    --border-radius: 8px;

    /* --- Common colors --- */
    --white: #fff;
    --error: #FF3300;
    --error_light: #f018183d;
    --success: #06B72D;
    --gray: #666;
    --gray-light: #8a8a8a;
    --orange: #FFA614;
    --orange-hover: #f0aa08;
    --orange_light: #f0aa081c;
    /* --- Common Opacity colors --- */
    --white-opacity: #FFFFFF5E;
    --border-opacity: #ffffff80;
    --white-opacity-lighter: #FFF3;
    --border-opacity-lighter: #ffffff54;

    /* --- Socials & Messengers --- */
    --viber: #7366c8;
    --telegram: #00a5f9;
    --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: 1464px;
    --content-margin: calc((100% - var(--content-width)) / 2);

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

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

    --h1: 24px;
    --h2: 22px;
    --h3: 20px;
    --h4: 18px;
    --h5: 16px;

    --bottom-gap: 60px;
}

@font-face {
    font-family: 'Roboto';
    src: url('./../fonts/Roboto/Roboto-Regular.eot');
    src: url('./../fonts/Roboto/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('./../fonts/Roboto/Roboto-Regular.woff') format('woff'),
        url('./../fonts/Roboto/Roboto-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('./../fonts/Roboto/Roboto-Italic.eot');
    src: url('./../fonts/Roboto/Roboto-Italic.eot?#iefix') format('embedded-opentype'),
        url('./../fonts/Roboto/Roboto-Italic.woff') format('woff'),
        url('./../fonts/Roboto/Roboto-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('./../fonts/Roboto/Roboto-Medium.eot');
    src: url('./../fonts/Roboto/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('./../fonts/Roboto/Roboto-Medium.woff') format('woff'),
        url('./../fonts/Roboto/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('./../fonts/Roboto/Roboto-MediumItalic.eot');
    src: url('./../fonts/Roboto/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('./../fonts/Roboto/Roboto-MediumItalic.woff') format('woff'),
        url('./../fonts/Roboto/Roboto-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('./../fonts/Roboto/Roboto-Bold.eot');
    src: url('./../fonts/Roboto/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('./../fonts/Roboto/Roboto-Bold.woff') format('woff'),
        url('./../fonts/Roboto/Roboto-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('./../fonts/Roboto/Roboto-BoldItalic.eot');
    src: url('./../fonts/Roboto/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('./../fonts/Roboto/Roboto-BoldItalic.woff') format('woff'),
        url('./../fonts/Roboto/Roboto-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}


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

HTML {
    height: 100%;
}

Body {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 400;
    color: var(--text);
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    padding-top: 144px;
    min-width: 360px;
    background: #FCFCFC;
}

Body.body_overflow {
    overflow: hidden;
}

Body.main_page {
    background-color: #fff;
}

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

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

.centre {
    margin: 0 auto;
    padding: 0 16px;
    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;
}


h1,
.H1 {
    font-size: var(--h1);
    line-height: 1.25;
    font-weight: 500;
    display: block;
    margin-bottom: calc(var(--h1) / 1.3);
}

* + h1 {
    margin-top: calc(var(--h1) * 1.2);
}

h2,
.H2 {
    font-size: var(--h2);
    line-height: 1.25;
    font-weight: 500;
    display: block;
    margin-bottom: calc(var(--h2) / 1.3);
}

* + h2 {
    margin-top: calc(var(--h2) * 1.2);
}

h3,
.H3 {
    font-size: var(--h3);
    line-height: 1.25;
    font-weight: 500;
    display: block;
    margin-bottom: calc(var(--h3) / 1.3);
}

* + h3 {
    margin-top: calc(var(--h3) * 1.2);
}

h4,
.H4 {
    font-size: var(--h4);
    line-height: 1.25;
    font-weight: 500;
    display: block;
    margin-bottom: calc(var(--h4) / 1.3);
}

* + h4 {
    margin-top: calc(var(--h4) * 1.2);
}

h5,
.H5 {
    font-size: var(--h5);
    line-height: 1.25;
    font-weight: 500;
    display: block;
    margin-bottom: calc(var(--h5) / 1.3);
}

* + h5 {
    margin-top: calc(var(--h5) * 1.2);
}

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

A.link.no_line {
    text-decoration: none;
}

A.link.small {
    font-size: 14px;
}

A.link.has_icon {
    display: flex;
    align-items: center;
}

A.link.has_icon .icon {
    width: 12px;
    height: 12px;
    fill: var(--link);
}

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

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

A.link.inverse.has_icon .icon {
    fill: var(--link-hover);
}

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

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

A.plus {
    padding: 0 0 0 24px;
    position: relative;
}

A.plus::before,
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;
}

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

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

.has_arrow::after {
    top: 8px;
    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;
}

/* --- Dropdown --- */
.dropdown {
    position: relative;
    border-radius: var(--border-radius);
    display: flex;
    border: 1px solid var(--border-color);
    height: 48px;
    background-color: var(--white);
    border-radius: 4px;
    transition: .3s;
}

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

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

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

.dropdown .overflow {
    width: 100%;
    height: 100%;
    padding: 0 40px 0 0;
    background: transparent;
    position: relative;
}

.dropdown .overflow span {
    white-space: nowrap;
}

.dropdown .drop_info {
    font-style: normal;
    opacity: 0.5;
}

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

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

.dropdown Span.not_selected i {
    font-style: normal;
    color: var(--base-color-2);
}

.dropdown.error Span {
    background-image: url("../images/danger.png");
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) 50%;
}

.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: transparent;
    border: none;
    width: 40px;
    height: 100%;
    transition: .3s;
    cursor: pointer;
    outline: none;
}

.drop_arrow:after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-right: 2px solid var(--text);
    border-bottom: 2px solid var(--text);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    transition: .3s;
}

.dropdown-open .drop_arrow:after {
    transform: translate(-50%, -50%) rotate(-135deg);
}

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

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

.dropdown.dropdown-open UL {
    transition: .3s;
}

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

.dropdown UL LI:first-child,
.autocomplete-suggestion+.autocomplete-suggestion:first-child {
    border: none;
}

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

/* --- if flex - dropdown list --- */
.option_dropdown.dropdown UL LI A {
    display: flex;
}

.autocomplete-selected {
    background: var(--btn-bg-hover);
    color: var(--text-inverse);
}

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

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

/* --- radio and checkbox --- */

.check_item {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    margin-bottom: 7px;
    transition: 0.3s;
    cursor: pointer;
}

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

.check_item > input[type='checkbox'],
.check_item > input[type='radio'] {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
}

.check_item .check_body {
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding-left: 25px;
    min-height: 26px;
}
/* -- checkbox -- */
.check_item .check_body::before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background-color: var(--white);
    border: 1px solid #4E5053;
    border-radius: 2px;
    position: absolute;
    top: 5px;
    left: 3px;
    transition: 0.3s;
}

.check_item.active .check_body::before ,
.check_item > input[type='checkbox']:checked + .check_body::before ,
.check_item > input[type='radio']:checked + .check_body::before {
    background-color: var(--accent-color-1);
    border-color: var(--accent-color-1);    
}

.check_item .check_body::after {
    content: "";
    width: 9px;
    height: 5px;
    display: block;
    border-left: 2px solid var(--white);
    border-bottom: 2px solid var(--white);
    position: absolute;
    top: 8px;
    left: 6px;
    transform: rotate(-45deg);
    opacity: 0;
    transition: 0.3s;
}

.check_item.active .check_body::after,
.check_item > input[type='checkbox']:checked + .check_body::after,
.check_item > input[type='radio']:checked + .check_body::after {
    opacity: 1;
}

/* -- raido -- */

.check_item > input[type='radio'] + .check_body::before {
    border-radius: 50%;
}

.check_item > input[type='radio'] + .check_body::after {
    width: 7px;
    height: 7px;
    border: none;
    border-radius: 50%;
    background-color: var(--white);
    top: 9px;
    left: 7px;
}

/* --- 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-slider {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
  }
  .slick-list.draggable {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

.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 {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

/* --- Article Preview --- */
Article {
    margin: 0 0 16px 0;
}

.article_close {
    display: none;
}

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

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

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

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: 18px;
    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 .table Table {
    border-collapse: collapse;
    border-color: var(--site-bg);
    border-style: solid;
    width: 100%;
    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%;
}

Article .image {
    display: flex;
    text-align: center;
    justify-content: center;
    margin: 0 0 16px 0;
    width: 100%;
}

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

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_place.seo {
    order: 33;
}

/* --- Input & Textarea - Common styles --- */
Input,
Select {
    font-size: 16px;
    height: 48px;
    border: none;
    border-radius: 4px;
    padding: 0 8px;
    outline: none;
}

Input[type=text],
Input[type=password],
Input[type=email],
Input[type=tel],
Input[type=number],
Input[type=search],
Textarea,
Select {
    font-size: 16px;
    width: 100%;
    border: 1px 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=search].error,
Textarea.error {
    border: 1px 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=search]:focus,
Textarea:focus,
Select:focus {
    border-color: var(--sub-color) !important;
    outline: 0;
    outline-offset: 0;
}

Input[type=text]:disabled,
Input[type=tel]:disabled {
    background: var(--border-color);
    pointer-events: none;
}

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

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: 584px;
    background: var(--white);
    padding: 38px 20px 20px 20px;
    border-radius: 8px;
    z-index: 13;
    box-shadow: var(--shadow);
    overflow: auto;
    max-height: calc(100% - 64px);
}

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

.popup .send_row {
    margin-bottom: 0;
}

.popup .row .btn,
.popup .send_row .btn {
    width: 100%;
}

.popup .H3,
.popup .H5 {
    font-weight: 400;
    text-align: center;
}

.success_popup.popup {
    max-width: 506px;
}

.success_top {
    font-size: 20px;
    font-weight: 500;
    display: flex;
    align-items: center;
    margin: -38px -20px 10px -20px;
    width: calc(100% + 40px);
    border-bottom: 1px solid var(--border-color);
    padding: 20px 48px 20px 20px;
}

.success_top i {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 14px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #54BC7E1A;
}

.success_top i .icon {
    width: 20px;
    height: 20px;
    fill: var(--accent-color-3);
}

.seccess_text {
    font-size: 18px;
    display: block;
    margin-bottom: 30px;
}

.success_popup.popup .btn {
    margin: 0 0 0 auto;
    min-height: 38px;
    padding: 4px 12px;
}

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

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

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

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

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

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

/* --- Delete - Popup --- */
.delete_popup {
    padding: 32px;
}

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

.black {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    background: #10151966;
    z-index: 12;
}

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

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

.long_div.btn_wrap {
    margin-bottom: 0;
}

.callback_popup .long_div.row.btn_wrap {
    margin-bottom: 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.error A {
    color: var(--text-error);
    transition: .3s;
}

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

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

.long_div Label {
    font-size: 18px;
    margin: 0;
    color: var(--text);
}

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

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

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

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

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

.btn {
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    color: var(--text-inverse);
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    width: max-content;
    background: var(--btn-bg);
    padding: 4px 24px;
    border-radius: 16px;
    position: relative;
    border: none;
    border: 1px solid var(--btn-bg);
    transition: .3s;
}

.btn .icon {
    width: 24px;
    height: 24px;
}

.btn .icon:nth-child(1) {
    margin-right: 12px;
}

.btn .icon:nth-last-child(1) {
    margin-left: 12px;
}

.btn .icon:nth-child(1):nth-last-child(1) {
    margin: 0;
}

.btn.outline {
    background-color: transparent;
    color: var(--accent-color-1);
    border: 1px solid var(--accent-color-1);
}

.btn.outline .icon {
    fill: var(--accent-color-1);
}

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

.btn.big {
    font-size: 20px;
    min-height: 48px;
}

.btn.warning {
    background: var(--orange);
    border: 2px solid transparent;
}

.btn.delete {
    background: var(--text-error-hover);
    border: 2px solid transparent;
}

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

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

.ico_cat {
    position: relative;
    width: 24px;
    height: 24px;
    margin: 0 12px 0 0;
    display: flex;
}

.ic_1,
.ic_2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
}

.ic_1::before,
.ic_1::after,
.ic_2::before,
.ic_2::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 11px;
    height: 11px;
    border: 2px solid var(--white);
    content: '';
    border-radius: 3px;
    transition: .3s;
}

.ic_1::after {
    left: auto;
    right: 0;
}

.ic_2::before {
    top: auto;
    bottom: 0;
}

.ic_2::after {
    top: auto;
    left: auto;
    bottom: 0;
    right: 0;
}

.active .ic_1::before,
.active .ic_1::after,
.active .ic_2::before,
.active .ic_2::after {
    border: 0;
    width: 12px;
    height: 3px;
    background: var(--white);
    transform: rotate(45deg);
    top: 6px;
    left: 2px;
}

.active .ic_1::after {
    left: auto;
    right: 2px;
    transform: rotate(-45deg);
}

.active .ic_2::before {
    top: auto;
    bottom: 7px;
    transform: rotate(-45deg);
}

.active .ic_2::after {
    top: auto;
    left: auto;
    bottom: 7px;
    right: 2px;
}

.desktop .select_city {
    display: none;
}

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

.search_wrap Input {
    font-size: 18px;
    width: 100%;
    padding: 0 24px 0 46px;
    height: 40px;
    border: 1px solid var(--border-color);
    border-radius: 8px;
}

.search_wrap Input::placeholder {
    opacity: 0.5;
}

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

.search_wrap A.clear {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 24px;
    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: 6px;
    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 .search_btn {
    font-size: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 46px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border-radius: 0;
    transition: .3s;
}

.search_wrap .search_btn .icon {
    width: 24px;
    height: 24px;
    fill: var(--base-color-3);
    transition: 0.3s;
}

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

.main_header .search_btn Span {
    display: none;
}

/* --- search popup --- */
.search_popup {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    background: var(--white);
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    border-radius: var(--border-radius);
    border: 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.active {
    background: var(--site-bg);
}

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

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

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

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

.search_popup A.one_result Img {
    width: 34px;
    height: 34px;
    margin: 0 8px 0 0;
}

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

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

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

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

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

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

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

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

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

.btn_header .icon {
    fill: var(--base-color-3);
    transition: 0.3s;
    width: 24px;
    height: 24px;
}

.btn_menu.btn_header .icon.close_icon {
    display: none;
}

.btn_menu.btn_header.active .icon.close_icon  {
    display: block;
}

.btn_menu.btn_header.active .icon.menu_icon  {
    display: none;
}

.compare_counter,
.wish_counter,
.cart_counter,
.profile_counter {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    position: absolute;
    top: 0;
    right: 0;
    min-width: 16px;
    height: 16px;
    border-radius: 8px;
    font-size: 10px;
    background: var(--sub-color);
    padding: 2px;
    transition: 0.3s;
}

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

.btn_header.user .orders,
.btn_header.user.orders .user {
    display: none;
}

.btn_header.user .user,
.btn_header.user.orders .orders {
    display: flex;
}

/* --- Left Col --- */
.menu_header {
    color: var(--text);
    position: fixed;
    top: 120px;
    right: -330px;
    display: flex;
    flex-direction: column;
    padding: 16px;
    height: calc(var(--100vh) - 120px);
    overflow: auto;
    width: 300px;
    background: var(--site-bg);
    z-index: 12;
    transition: .3s;
}

.menu_header.active {
    right: 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: 42px;
    height: 42px;
    position: fixed;
    top: 3px;
    right: 100%;
    z-index: 14;
    transition: 0.3s;
}

.catalog_filters.active .close_menu,
.catalog-sub_filters.active .close_menu {
    right: 3px;
}

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

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

.filters_title {
    font-size: 17px;
    line-height: 1;
    font-weight: 500;
    display: block;
    margin: -12px -20px 0 -20px;
    padding: 12px 30px 12px 20px;
    width: calc(100% + 40px);
    border-bottom: 1px solid #D3D3D4;
}

.menu_header .catalog_menu {
    margin-bottom: 24px;
}

.menu_header .catalog_menu a {
    font-size: 18px;
    line-height: 1.2;
    text-decoration: none;
    color: var(--text);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 0;
}

.menu_header .header_call-back {
    padding-left: 24px;
    padding-right: 24px;
    margin: 0 auto 16px auto;
}

.mob_menu-contacts {
    margin-bottom: 0;
}

.mob_menu-contacts li {
    display: flex;
    justify-content: center;
}

.mob_menu-contacts .contact_item {
    font-style: normal;
    text-decoration: none;
    font-size: 18px;
    color: var(--text);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 0;
    width: 100%;
}

.mob_menu-contacts .contact_item .icon {
    margin-right: 8px;
    width: 20px;
    height: 20px;
    fill: var(--accent-color-1);
}

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

.mob_contacts-icon .icon_contact {
    font-size: 0;
    margin: 0;
    padding: 8px;
    width: 36px;
    height: 36px;
    fill: var(--accent-color-1);
}

.menu_header .mob_contacts-icon .icon_contact .icon {
    margin: 0;
}

.left_menu_header {
    display: flex;
    flex-direction: column;
    background: var(--main-color);
    color: var(--text-inverse);
    border-bottom: 1px solid var(--site-bg);
}

.menu_logo {
    display: flex;
    padding: 8px 40px 8px 8px;
    width: 100%;
    height: 70px;
    align-items: center;
    border-bottom: 1px solid var(--site-bg);
}

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

.login_btn {
    width: calc(100% - 16px);
    background: none;
    margin: 8px;
}

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

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

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

.user_info.active .user_email {
    color: var(--main-color-light);
}

.menu_header .catalog_btn {
    display: flex;
    margin: 8px;
    width: calc(100% - 16px);
}

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

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

.left_menu_box.user_menu {
    padding: 8px 8px 0 8px;
    order: 3;
}

.left_menu_box.bottom_menu_in_left {
    order: 4;
}

.profile_tpl .left_menu_box.user_menu {
    order: 1;
}

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

.left_menu_box.user_menu .catalog_menu {
    margin: 0;
}

.left_menu_box LI,
.profile_menu UL A {
    margin: 0 0 1px 0;
}

.left_menu_box A,
.pm_items A {
    color: var(--link);
    background: none;
    width: 100%;
}

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

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

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

.left_menu_box .for_select_city LI {
    margin: 0;
}

.select_language {
    border-bottom: 1px solid var(--border-color);
    padding: 0 0 8px 8px;
    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);
}

/* --- Left Catalog Menu --- */
.catalog_mob_menu {
    display: flex;
    width: 100%;
    padding: 8px;
    background: var(--main-color);
    order: 2;
}

.catalog_mob_menu.margin {
    margin: -1px 0 0 0;
}

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

.catalog_mob_menu A {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    text-decoration: none;
    color: var(--text-inverse);
    padding: 8px 0;
    position: relative;
    transition: .3s;
}

.catalog_mob_menu A.has_arrow {
    padding: 8px 42px 8px 0;
}

.catalog_mob_menu A::before,
.catalog_mob_menu A::after {
    display: none;
}

.catalog_mob_menu A Span {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    aspect-ratio: 1 / 1;
    max-height: 34px;
    transition: .3s;
}

.catalog_mob_menu A.has_arrow Span::before,
.catalog_mob_menu A.has_arrow Span::after {
    content: '';
    width: 8px;
    height: 2px;
    border-radius: 2px;
    position: absolute;
    right: 12px;
    top: 19px;
    transform: rotate(-45deg);
    transition: .3s;
    background: var(--text-inverse);
}

.catalog_mob_menu A.has_arrow Span::after {
    transform: rotate(45deg);
    top: 14px;
}

.catalog_mob_menu A.has_arrow.bottom Span {
    transform: rotate(-90deg);
}

.catalog_mob_menu UL LI UL.no_active {
    display: none;
}

.catalog_mob_menu UL LI UL {
    padding: 0 0 0 30px;
}

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

.catalog_mob_menu UL LI UL A.has_arrow {
    padding: 6px 0;
}

.catalog_mob_menu UL LI UL A Span {
    max-height: 30px;
    right: 100%;
}

.catalog_mob_menu UL LI UL A.has_arrow Span::before,
.catalog_mob_menu UL LI UL A.has_arrow Span::after {
    right: 10px;
    top: 17px;
}

.catalog_mob_menu UL LI UL A.has_arrow Span::after {
    top: 12px;
}

/* --- Main Slider --- */
.main_slider_container {
    margin: 0 auto var(--bottom-gap) 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;
    justify-content: center;
    margin-top: 8px;
}

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

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

.slick-dots button::before {
    content: "";
    width: 8px;
    height: 8px;
    background: var(--base-color-2);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

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

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

.list_wrap .pagination {
    display: none;
}

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

.login_place .title_wrap.hidden {
    display: flex !important;
}

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

.login_place .title_wrap .together {
    margin: 0;
}

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

.title_wrap .together A {
    background: var(--main-color-lighter);
}

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

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

.login_or_reg .btn {
    width: 100%;
}

/* --- 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_logo Img {
    max-height: 36px;
}

.login_popup .popup_close {
    top: 13px;
    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_logo Span {
    color: var(--btn-bg);
    margin: 0 0 0 16px;
    font-size: 24px;
}

.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 .password_recovery,
.login_popup .for_back_from_recovery {
    display: none;
}

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

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

.popup .lor_box .together.row {
    flex-direction: column;
}

.login_popup .buts {
    display: flex;
    justify-content: space-between;
}

.login_popup .remind_me {
    color: var(--main-color-lighter);
}

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

.callback_popup .H3 {
    text-transform: uppercase;
}

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

.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_title {
    font-size: 22px;
    line-height: 1.4;
    margin: 0 0 16px 0;
}

.popup_title.margin_plus {
    margin: 0 0 32px 0;
}

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

.popup_subtitle Span {
    font-weight: 700;
    color: var(--text);
}

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

.sms_field Input,
.email_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,
.email_field Input[type="text"].error {
    background: none;
}

.popup .close_sms_form,
.popup .close_email_form {
    color: var(--link);
    margin: 0 0 20px 0;
    transition: .3s;
}

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

.repeat_sms A.disabled,
.repeat_email A.disabled {
    text-decoration: none;
    pointer-events: none;
    color: var(--main-color-lighter);
}

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

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

/* --- if LOGO is NOT Centered (else: auto) -------------------------- */
.if_margin .menu_logo Img {
    margin-top: -8px;
}

/* --- in left menu --- */
.login_logo.if_margin Img {
    margin-top: -6px;
}

/* --- in login popup --- */
/* --- .if_margin .logo_wrap --- */
/* --- in main header - adaptive.css --- */

/* --- Cart --- */
.header_cart {
    position: fixed;
    top: 129px;
    right: 0;
    background: var(--white);
    z-index: 13;
    min-width: 309px;
    width: 78%;
    max-width: 552px;
    height: calc(100% - 129px);
    border-radius: 0;
    display: none;
    flex-direction: column;
    padding: 20px 10px;
    overflow: hidden;
}

.header_cart.active {
    display: flex;
}

.header_cart .title_wrap {
    font-size: 20px;
    text-align: center;
    justify-content: center;
    width: calc(100% + 20px);
    margin: -20px -10px 0 -10px;
    padding: 12px 10px;
    border-bottom: 1px solid var(--border-color);
}

.header_cart .title_wrap .H3 {
    font-size: inherit;
    font-weight: 500;
    margin: 0;
    text-align: center;
}

.cart_box {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: auto;
    width: calc(100% + 10px);
    margin-right: -10px;
}

.cart_box:not(.mCustomScrollbar) {
    padding-right: 10px;
}

.cart_box .mCSB_scrollTools .mCSB_draggerContainer {
    top: 10px;
    bottom: 10px;
}

.cart_box.mCustomScrollbar .all_items {
    padding-right: 10px;
}

.cart_box .mCSB_inside > .mCSB_container {
    margin-right: 0;
}

.added_goods {
    display: flex;
    align-items: flex-start;
    padding: 12px 24px 12px 0;
    margin: 0;
    position: relative;
}

.added_goods:not(:nth-last-child(1)) {
    border-bottom: 1px solid var(--border-color);
}

.added_goods:nth-child(1) {
    border-bottom: none;
}

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


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

.product_body .item_text A.item_link {
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 0;
}

.price-one_pcs {
    font-size: 16px;
    color: #717171;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

.price-one_pcs > span {
    margin-right: 6px;
}

.price-one_pcs .price_wrap {
    display: flex;
    flex-direction: column;
}

.price-one_pcs b {
    color: var(--base-color-3);
    font-weight: 400;
}

.price-one_pcs del {
    text-decoration: none;
    color: var(--base-color-2);
    position: relative;
    width: max-content;
    font-size: 16px;
}

.price-one_pcs del::before {
    content: '';
    width: 100%;
    height: 2px;
    background: var(--base-color-2);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.checkout .price-one_pcs {
    margin-bottom: 8px;
}

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(--base-color-3);
    position: relative;
    transition: .3s;
}

.ag_photo {
    display: flex;
    margin: 0 8px 0 0;
    flex-shrink: 0;
    width: 74px;
    height: auto;
    aspect-ratio: 3 / 4;
    position: relative;
    align-items: flex-start;
}

.ag_photo a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

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

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

.ag_photo .if_gift {
    padding: 4px;
}

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

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

.item_article {
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 6px;
    color: var(--text);
}

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

.added_goods .it_title {
    margin-bottom: 0;
}

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

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

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

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

.counter_panel {
    order: 1;
    display: flex;
    width: max-content;
    margin: 0;
    height: 30px;
}

.added_goods_ignore .counter_panel {
    border: none;
}

.counter_panel A {
    font-size: 0;
    padding: 0;
    width: 30px;
    height: 100%;
    background-color: var(--white);
    border: 1px solid var(--base-color-3);
    border-radius: 50%;
    transition: .3s;
    position: relative;
}

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

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

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

.price_box {
    display: flex;
    flex-direction: column;
    margin-bottom: 8px;
}

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

.product_body .price_box {
    order: 1;
    margin: 8px 0 0 0;
}

.product_body .price_box .total_sum_old {
    display: none;
}

.total_sum {
    font-size: 16px;
    font-weight: 400;
}

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

.total_sum_old {
    color: var(--base-color-2);
    position: relative;
    width: max-content;
    font-size: 14px;
}

.total_sum_old Small {
    font-size: inherit;
}

.total_sum_old::before {
    content: '';
    width: 100%;
    height: 2px;
    background: var(--base-color-2);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.cart_kit {
    border: 1px solid var(--orange);
    border-radius: var(--border-radius);
    padding: 8px;
    margin: 0 0 16px 0;
    display: flex;
    flex-direction: column;
    box-shadow: inset 0 0 8px -3px var(--orange);
}

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

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

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

.cart_kit .added_goods_ignore::before,
.cart_kit .added_goods_ignore::after {
    content: '';
    position: absolute;
    top: 7px;
    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;
    margin-top: auto;
    padding: 0;
    background: var(--white);
}

.header_cart .all_sums {
    padding-right: 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: 18px;
    font-weight: 500;
    line-height: 1.2;
    padding: 14px 0;
}

.all_sum Span,
.all_sum Small {
    font-size: 18px;
    font-weight: 500;
}

.all_sum Small {
    margin-left: 6px;
}

.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;
    padding: 20px 10px 0 10px;
    width: calc(100% + 20px);
    margin-left: -10px;
    border-top: 1px solid var(--border-color)
}

.cart_btn-wrap A.btn {
    width: 100%;
}

.cart_btn-wrap .btn.back_to-store {
    margin-top: 12px;
}

.cart_box .cheaper {
    margin: 32px 8px 0 0;
    background: var(--site-bg);
    border-radius: var(--border-radius);
    padding: 16px 8px;
}

.cart_box .cheaper .added_goods A.item_link {
    font-size: 14px;
}

.cart_box .cheaper_prise {
    width: 100%;
    margin: 0;
}

.cart_box .added_goods_ignore .bottom_wrap {
    justify-content: flex-end;
}

/* --- 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-short Menu in Left Col --- */
.two_cols .main_aside .left_menu,
.two_cols .main_aside .profile_menu {
    display: none;
}

/* --- 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,
.main_slider_container.with_menu LI A.active {
    background: var(--main-color-light);
    color: var(--text-inverse);
    transition: .3s;
}

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

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

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

.menu .next_level .mobile A {
    background: var(--main-color-light);
    color: var(--text-inverse);
}

.menu .next_level A.has_arrow.active::before,
.menu .next_level A.has_arrow.active::after {
    background: var(--btn-bg-hover);
}

/* --- Catalog Categories --- */
.category {
    margin-bottom: var(--bottom-gap);
}

/* --- Tiles --- */
.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);
    border-radius: 16px;
    box-shadow: var(--shadow);
    padding: 8px;
    width: calc(50% - 8px);
    margin: 0 0 8px 8px;
    text-decoration: none;
    transition: .3s;
}

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

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

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

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

.row_list .one_cat {
    margin: 0 0 8px 0;
    width: 100%;
    flex-direction: row;
    background: var(--white);
    box-shadow: var(--shadow);
    border-radius: 16px;
}

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

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

/* --- List (with SUB categories) --- */
.list_info .category_list {
    margin: 0;
}

.list_info .one_cat {
    margin: 0 0 8px 0;
    width: 100%;
    justify-content: flex-start;
}

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

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

.list_info UL {
    width: 100%;
    margin: 12px 0 0 0;
    position: relative;
    overflow: hidden;
    max-height: 192px;
}

.list_info UL.full_list {
    height: 100%;
    max-height: unset;
}

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

.list_info UL LI.more {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 4px 0 0 0;
    width: 100%;
    background: var(--white);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0) 100%);
}

.list_info UL LI.more A.show,
.list_info UL LI.less A.show {
    padding: 6px 8px 6px 32px;
    margin: 0;
    background: none;
    width: max-content;
    color: var(--link);
}

.list_info UL LI A.has_arrow::before,
.list_info UL LI A.has_arrow::after {
    right: auto;
    top: 15px;
}

.list_info UL LI.more A.has_arrow.bottom::before,
.list_info UL LI.less A.has_arrow.top::after {
    left: 13px;
}

.list_info UL LI.more A.has_arrow.bottom::after,
.list_info UL LI.less A.has_arrow.top::before {
    left: 8px;
}

.list_info UL LI.more .less,
.list_info UL LI.less .more {
    display: none;
}

.list_info UL LI.more .more,
.list_info UL LI.less .less {
    display: flex;
}

.list_info UL LI.less A.show {
    background: none;
}

/* --- Store window Slider --- */
.product_slider {
    margin-bottom: var(--bottom-gap);
}

.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;
    padding-right: 72px;
    margin-bottom: 32px;
}

.title_wrap .main_title {
    margin: 0 32px 0 0;
    font-size: var(--h3);
}

.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: 100%;
    margin: 0 0 0 auto;
    padding: 0;
    overflow: hidden;
}

.product_slider .product_inner:not(.slick-initialized) {
    padding: 25px 0 135px 16px;
    margin-top: -25px;
    margin-bottom: -135px;
}

.product_slider .product_inner.slick-initialized {
    margin-top: -64px;
    margin-bottom: -135px;
}

.product_slider .slick-arrow {
    width: 32px;
    height: 32px;
    border: 1px solid var(--base-color-3);
    border-radius: 50%;
    background-color: transparent;
    top: 0;
    transform: none;
    box-shadow: none;
}

.product_slider .slick-arrow::before {
    width: 10px;
    height: 1px;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    transform-origin: right;
    transform: translate(-50%, -50%) rotate(-45deg);
    background-color: var(--base-color-3);
}

.product_slider .slick-arrow::after {
    width: 10px;
    height: 1px;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    transform-origin: right;
    transform: translate(-50%, -50%) rotate(45deg);
    background-color: var(--base-color-3);
}

.product_slider .slick-arrow.slick-next {
    border-radius: 50%;
    right: 16px;
}

.product_slider .slick-arrow.slick-prev {
    right: 56px;
    left: auto;
    transform: rotate(180deg);
}

.slick-arrow.slick-disabled {
    opacity: 0.4;
}

.product_inner .slick-list {
    padding-top: 64px;
    padding-bottom: 135px;
    padding-left: 16px;
}

.product_inner .slick-list .slick-track {
    min-width: 100%;
    display: flex;
    width: 100%;
    /* margin-top: -25px;
    margin-bottom: -25px; */
    transform: translate3d(0, 0, 0);
}


.product_slider .one_good {
    /* flex-shrink: 0; */
    flex: 0 0 252px;
    margin-right: 20px;
}

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

.slick-arrow.slick-prev {
    transform: translateY(-50%) rotate(180deg);
}

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

.slick-arrow::after {
    width: 10px;
    height: 1px;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    transform-origin: right;
    transform: translate(-50%, -50%) rotate(45deg);
    background-color: var(--base-color-3);
}

.slick-arrow::before {
    width: 10px;
    height: 1px;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    transform-origin: right;
    transform: translate(-50%, -50%) rotate(-45deg);
    background-color: var(--base-color-3);
}

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

.see_all_if_many A.link {
    font-size: 16px;
    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;
    overflow: hidden;
    padding: 25px 0 25px 16px;
    margin: -25px 0 -25px -16px;
    width: calc(100% + 32px);
}

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

/* --- Tile Universal --- */
.category.tiles {
    position: relative;
    margin-bottom: var(--bottom-gap);
}

.tiles.has_background {
    padding: 16px 8px;
}

.main_title.title_h2 {
    font-size: 18px;
    color: var(--text);
    margin: 0 0 4px 0;
}

.tiles .tiles_description {
    margin: 0 0 16px 0;
}

.tiles .tiles_description Article {
    margin: 0;
}

.one_tile {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: calc(50% - 8px);
    margin: 0 0 8px 8px;
    text-decoration: none;
    background: var(--white);
    box-shadow: var(--shadow);
    border-radius: 16px;
    transition: 0.3s;
}

.one_tile .box {
    display: flex;
    flex-direction: column;
    width: 100%;
    text-decoration: none;
    padding: 8px;
}

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

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

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

.tile_description {
    margin: 8px 0 0 0;
    display: flex;
    text-align: center;
    color: var(--text);
    font-size: 13px;
}

.tiles A.btn.view_all {
    margin: 8px 0 0 0;
}

.tile_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.tile_background Img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    pointer-events: none;
}

/* --- If Grid --- */
.tiles_grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0 -8px;
}

/* --- If Slider --- */
.tiles_slider {
    width: calc(100% + 16px);
    margin: 0 0 0 -8px;
    display: flex;
}

.tiles_slider .slick-list {
    padding: 0 0 0 8px;
}

.tiles_slider UL {
    margin: 0;
    padding: 0;
    display: flex;
}

.tiles_slider .one_tile {
    margin: 0 8px 8px 0;
}

.tiles_slider:not(.slick-initialized) {
    margin: 0;
    width: calc(100% + 8px);
    overflow: hidden;
}

.tiles_slider:not(.slick-initialized) .one_tile {
    flex-shrink: 0;
}

/* --- FAQ --- */
.faq {
    position: relative;
    overflow: hidden;
    padding: 26px 8px;
    margin-bottom: var(--bottom-gap);
}

.faq .centre {
    padding: 0;
}

.faq .faq_description {
    margin: 16px 0;
}

.faq .faq_description Article {
    margin: 0;
}

/* --- If Grid --- */
.faq_grid {
    display: flex;
    flex-direction: column;
}

.faq .one_question {
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    background-color: var(--white);
    box-shadow: var(--shadow);
    margin: 0 0 16px 0;
    transition: .3s;
}

.faq .one_question:last-child {
    margin: 0;
}

.faq .faq_question {
    display: flex;
    cursor: pointer;
    font-size: 18px;
    padding: 16px 16px 16px 48px;
    position: relative;
    width: 100%;
}

.faq .faq_question.has_arrow::before,
.faq .faq_question.has_arrow::after {
    left: 24px;
    top: 26px;
    right: auto;
    width: 12px;
    transition: 0s;
}

.faq .faq_question.has_arrow::after {
    left: 16px;
    right: auto;
}

.faq .open .faq_question.has_arrow::before,
.faq .open .faq_question.has_arrow::after {
    width: 18px;
    left: 20px;
}

.faq .one_question .faq_answer {
    display: none;
    padding: 0 16px 16px 16px;
    line-height: 1.5;
}

.faq .one_question.open .faq_answer {
    display: flex;
}

/* --- If Slider --- */
.faq.slider .faq_description {
    margin: 8px 0 16px 0;
}

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

.faq_slider .slick-list {
    padding: 0 0 0 8px;
}

.faq_slider UL {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: flex-start;
}

.faq_slider .one_question {
    margin: 8px 8px 8px 0;
    box-shadow: 0 0 8px #00000024;
}

.faq_slider:not(.slick-initialized) {
    margin: 0;
    width: calc(100% + 8px);
    overflow: hidden;
}

.faq_slider:not(.slick-initialized) .one_question {
    flex-shrink: 0;
}

.faq .faq_slider .faq_question {
    padding: 16px 42px;
    pointer-events: none;
}

.faq .faq_slider .faq_question.has_arrow::before,
.faq .faq_slider .faq_question.has_arrow::after {
    left: 20px;
    top: 30px;
    background: var(--link-hover);
}

.faq .faq_slider .faq_question.has_arrow::after {
    top: 22px;
}

.faq .faq_slider .faq_answer {
    display: flex;
    padding: 0 42px 16px 42px;
}

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

.product_wrap .one_good {
    width: calc((100% / 2) - (16px / 2));
    margin-bottom: 16px;
    padding: 12px;
}

.product_wrap .one_good:nth-child(2n + 1) {
    margin-right: 16px;
}

.product_wrap .product_top-row .code {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 8px;
    min-height: 21px;
}

.product_wrap .one_good .status_list Span {
    font-size: 14px;
    padding: 2px 8px;
}

.product_wrap .availability {
    font-size: 14px;
    margin-bottom: 8px;
}

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

.one_good {
    display: flex;
    flex-direction: column;
    padding: 20px 20px 35px 20px;
    width: 50%;
    background-color: transparent;
    position: relative;
}

.one_good::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--white);
    box-shadow: var(--shadow);
    border-radius: 16px;
    transition: 0.3s;
    pointer-events: none;
}

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

.product_top-row {
    position: relative;
}

.product_top-row .code {
    font-size: 16px;
    font-weight: 500;
    line-height: 27px;
    display: block;
    margin-bottom: 20px;
    min-height: 27px;
}

/* --- Status - Product --- */
.one_good .status_list,
.big_slider .status_list {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    pointer-events: none;
}

.one_good .status_list Span,
.big_slider .status_list Span {
    text-align: center;
    display: flex;
    justify-content: center;
    padding: 4px 8px;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.2;
    margin: 0 0 4px 0;
    border-radius: 12px;
    border: 1px solid transparent;
}

.one_good .status_list Span.sale_percent,
.big_slider .status_list Span.sale_percent {
    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 .icon {
    width: 24px;
    height: 24px;
    fill: var(--icon-color-gray);
    transition: .3s;
}

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

.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: 100% 0 0 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;
}

.availability {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 500;
    display: flex;
    align-items: center;
    width: fit-content;
    margin: 0 0 8px auto;
    padding: 4px 8px;
    border-radius: 12px;
    position: relative;
    z-index: 1;
}

.availability::before {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 12px;
    opacity: 0.1;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.availability i {
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin-right: 4px;
}

.availability i img {
    width: 16px;
    height: 16px;
    object-fit: contain;
}

.availability .icon {
    margin: 0;
    width: 16px;
    height: 16px;
}

.availability.active::before {
    background-color: var(--accent-color-3);
}

.availability.active {
    color: var(--accent-color-3);
}

.availability.active i {
    background-color: var(--accent-color-3);
}

.availability.waiting::before {
    background-color: var(--accent-color-2);
}

.availability.waiting {
    color: var(--accent-color-2);
}

.availability.waiting i {
    background-color: var(--accent-color-2);
}

.availability.not_available::before {
    background-color: #a6a6a6;
}

.availability.not_available {
    color: #a6a6a6;
}

.availability.not_available i {
    background-color: #a6a6a6;
}


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

.one_good .product_name Span {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    color: var(--text);
    width: 100%;
    transition: .3s;
}

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

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

.price_product {
    margin-top: auto;
}

/* --- 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(--accent-color-1);
}

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

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

/* --- 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 {
    text-decoration: line-through;
    display: flex;
    align-items: center;
    color: #D4D4D4;
    font-size: 16px;
    line-height: 1.1;
    margin-bottom: 0;
}

.one_good .old_price small {
    font-size: 16px;
}

.one_good .op_main {
    margin: 0;
}

.one_good .op_main Span {
    position: relative;
}

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

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

.one_good .can_buy .btn {
    font-size: 0;
}

.one_good .can_buy .btn.in_cart::before {
    width: 18px;
    height: 18px;
}

.one_good .can_buy .btn.in_cart::after {
    width: 8px;
    height: 5px;
}

.one_good .can_buy .btn .icon {
    margin: 0;
}

.one_good .main_price {
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
}

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

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

.can_buy .btn.to_cart .icon,
.can_buy .btn.in_cart .icon,
.can_buy .btn.to_details .icon {
    width: 16px;
    height: 16px;
}

.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::after {
    content: '';
    width: 12px;
    height: 7px;
    border-bottom: 2px solid var(--white);
    border-left: 2px solid var(--white);
    position: absolute;
    top: -1px;
    right: -1px;
    border-radius: 1px;
    transform: rotate(-45deg);
}

.hidden_options {
    font-size: 16px;
    line-height: 1.5;
    position: absolute;
    top: calc(100% - 25px);
    left: 0;
    padding: 0 20px 20px 20px;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    background-color: var(--base-color-1);
    transition: 0.3s;
    transform: translateY(-55%);
    box-shadow: 0px 25px 25px 0px #0000001F;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.hidden_options li {
    word-break: break-word;
}

/* --- 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: var(--bottom-gap);
}

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

.catalog_list .H3 {
    margin-bottom: 24px;
}

.catalog_top-wrap .col:nth-child(2) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 16px;
    position: relative;
}

.open-sub_filters,
.open_menu-filter {
    margin: 0 0 8px 8px;
    font-size: 18px;
    color: var(--text);
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    min-height: 38px;
    background-color: var(--white);
    border: 1px solid var(--base-color-2);
    border-radius: 4px;
    transition: 0.3s;
}

.open-sub_filters .icon,
.open_menu-filter .icon {
    margin-right: 4px;
    width: 24px;
    height: 24px;
    fill: var(--text);
}

.open_menu-filter.active {
    border-color: var(--accent-color-1);
}

.catalog_top-wrap .dropdown.dropdown_cat {
    background-color: var(--white);
    border: 1px solid var(--base-color-2);
    border-radius: 4px;
    margin: 0 0 8px 8px;
    height: 38px;
}

.catalog_top-wrap .dropdown.dropdown_cat .icon {
    margin-right: 4px;
    width: 24px;
    height: 24px;
    fill: var(--text);
}

.catalog_top-wrap .dropdown.dropdown_cat .overflow {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    background-color: transparent;
}

.catalog_top-wrap .dropdown.dropdown_cat Span {
    display: none;
}

.catalog_top-wrap .dropdown.dropdown_cat .drop_arrow {
    width: 100%;
    height: 100%;
    background-color: transparent;
}

.catalog_top-wrap .dropdown.dropdown_cat .drop_arrow::after {
    display: none;
}

.catalog_top-wrap .dropdown.dropdown_cat ul {
    min-width: 200px;
    left: auto;
    right: 0;
    top: 45px;
}

.catalog_top-wrap .dropdown.dropdown_cat ul::before {
    content: "";
    width: 100%;
    height: 8px;
    position: absolute;
    top: -8px;
    left: 0;
    transition: 0.3s;
}

.catalog_top-wrap .dropdown.dropdown_cat ul li.selected {
    display: block !important;
}

.catalog_top-wrap .dropdown.dropdown_cat ul li.selected a {
    color: var(--accent-color-1);
}


.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(--accent-color-1);
}

.search_title_results {
    display: block;
    font-size: 14px;
    margin: 8px 0 12px 0;
}

.control_products {
    display: flex;
    justify-content: space-between;
    margin: 0 0 16px -8px;
    padding: 8px;
    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;
    z-index: 1;
    position: relative;
}

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

.light .clickpath A {
    color: var(--text-inverse);
}

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

.light .clickpath A.has_arrow::before,
.light .clickpath A.has_arrow::after {
    background: var(--white);
}

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

/* --- Filters --- */
.catalog_filters,
.catalog-sub_filters {
    color: var(--text);
    position: fixed;
    top: 0;
    left: -100%;
    display: flex;
    flex-direction: column;
    height: var(--100vh);
    overflow: auto;
    width: 100%;
    background: var(--site-bg);
    z-index: 13;
    transition: .3s;
    padding: 12px 20px;
    overflow-x: hidden;
}

.catalog-sub_filters {
    overflow: unset;
    padding-bottom: 0;
}

.catalog_filters.active,
.catalog-sub_filters.active {
    left: 0;
}

.close_menu.dark::after,
.close_menu.dark::before {
    background: var(--base-color-3);
}


.catalog_filters.mCustomScrollbar {
    padding: 0;
}

.catalog_filters.mCustomScrollbar .mCSB_container {
    margin: 0;
    padding: 12px 20px;
}

.catalog_filters.mCustomScrollbar .mCSB_scrollTools {
    top: 10px;
    bottom: 10px;
}

.catalog_filters.mCustomScrollbar .mCSB_scrollTools {
    opacity: 0.5;
}

.catalog_filters.mCustomScrollbar .mCustomScrollBox:hover > .mCSB_scrollTools {
    opacity: 1;
}

.sub_filters-list {
    display: flex;
    flex-direction: column;
    padding: 20px 20px 10px 20px;
    width: calc(100% + 40px);
    height: 100%;
    margin-left: -20px;
    overflow-y: auto;
    overflow-x: hidden;
}

.sub_filters-list.mCustomScrollbar {
    padding: 0;
}

.sub_filters-list.mCustomScrollbar .mCSB_container {
    margin: 0;
    padding: 20px;
}

.sub_filters-list.mCustomScrollbar .mCSB_scrollTools {
    top: 10px;
    bottom: 10px;
}

.sub_filters-list .check_item {
    margin-bottom: 16px;
}

.sub_filters-list .check_body {
    line-height: 1.4;
    width: 100%;
    padding: 8px 8px 8px 36px;
    background-color: var(--base-color-1);
    box-shadow: 0px 4px 16px 0px #0000001F;
    border: 1px solid transparent;
    border-radius: 4px;
    transition: 0.3s;
}

.sub_filters-list .check_body::before {
    top: 11px;
    left: 11px;
}

.sub_filters-list .check_body::after {
    top: 14px;
    left: 14px;
}

.sub_filters-list .check_item.active .check_body {
    box-shadow: 0px 4px 25px 0px #00000000;
    border: 1px solid var(--accent-color-1);
}

/* --- Selected filters --- */
.selected_filters {
    color: var(--text);
    width: 100%;
}

.selected_filters_list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

.selected_filters_list .catalog_results {
    width: 100%;
    margin-bottom: 8px;
}

.clear_filters .deactivate-filter {
    color: var(--accent-color-1);
    font-size: 16px;
    font-weight: 600;
    min-height: 32px;
    border-radius: 16px;
    padding: 0 12px;
    margin: 0;
    border-radius: 0;
    border-color: transparent;
    background-color: transparent;
}

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

.one_ch_fil {
    display: flex;
    align-items: center;
    padding: 6px 0 6px 12px;
    border: 1px solid var(--border-color);
    border-radius: 16px;
    margin: 0 8px 8px 0;
    flex-wrap: wrap;
    background: #F8F9FA;
}

.ocf_title {
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    margin: 0 4px 0 0;
}

.deactivate-filter {
    font-size: 16px;
    line-height: 18px;
    display: flex;
    align-items: center;
    max-width: 100%;
    margin: 0 8px 0 0;
    padding: 0 20px 0 0;
    position: relative;
    cursor: pointer;
    transition: .3s;
}

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

/* --- Filters for select --- */
.catalog_filters .menu_item {
    position: relative;
    margin-bottom: 16px;
}

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

.searched_cats .tit {
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 10px 0;
    width: 100%;
    display: flex;
}

.searched_cats A {
    padding: 6px 0 6px;
    font-size: 18px;
}

.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 {
    color: var(--accent-color-1);
}

.searched_cats A.has_arrow.active::before,
.searched_cats A.has_arrow.active::after {
    background: var(--accent-color-1);
}

.searched_cats > ul > li > a.has_arrow.bottom {
    padding-right: 28px;
}

.searched_cats > ul > li > a.has_arrow.bottom.active::before {
    transform: rotate(45deg);
}

.searched_cats > ul > li > a.has_arrow.bottom.active::after {
    transform: rotate(-45deg);
}

/* --- Price filter --- */
.menu_item-title,
.searched_cats A {
    font-size: 17px;
    font-weight: 500;
    display: flex;
    align-items: center;
    margin-bottom: 6px;
    text-decoration: none;
    color: var(--text);
    position: relative;
    transition: .3s;
}

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

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

.catalog_filters .dropdown {
    height: 38px;
}

.catalog_filters .dropdown UL {
    top: 38px;
    box-shadow: 0px 4px 8px 3px #00000026;
}

.catalog_filters {
    overflow: unset;
    height: 100%;
    padding-bottom: 0;
}

.catalog_filters > .together {
    margin-left: -20px;
    padding: 20px 20px 10px 20px;
    width: calc(100% + 40px);
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.catalog_filters > .together.mCustomScrollbar {
    padding: 0;
}

.catalog_filters > .together.mCustomScrollbar .mCSB_container {
    min-height: 100%;
    margin: 0;
    padding: 20px 20px 0 20px;
}

.catalog_filters .check_item .check_body {
    font-weight: 500;
}

.catalog_filters .mCSB_scrollTools {
    top: 10px;
    bottom: 10px;
}

.catalog_filters .selected_filters.fil_group {
    display: none;
}

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

.catalog_filters .filter_img img {
    display: block;
    width: 24px;
    height: 24px;
}

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

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

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

.hidden_menu > input[type=text] {
    margin-bottom: 8px;
}

.hidden_menu LI {
    display: flex;
    position: relative;
}

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

.hidden_menu .filter_counter {
    font-size: 14px;
    opacity: 0.75;
    margin: 0 0 0 8px;
}

.price_filter {
    display: flex;
    flex-direction: column;
    padding-bottom: 12px;
}

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

.price_filter Input {
    width: 34%;
}

.price_filter Span {
    margin: 0 4px;
}

A.submit_filters {
    flex: 1 1 auto;
    margin: 0 0 0 8px;
    padding-left: 8px;
    padding-right: 8px;
    text-transform: uppercase;
    min-height: 38px;
    border-radius: var(--border-radius);
}

.fil_slider Input.search_filter {
    width: 100%;
    margin: 0 0 8px 0;
}

/* --- Common filters - Rows --- */


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

.fil_group_grid .filter_list li {
    width: 50%;
}

.fil_group_grid .filter_list li:nth-child(2n+1) {
    padding-right: 5px;
}

.filter_tile_photo .filter_list .check_item {
    margin: 0 12px 7px 0;
}

.filter_tile_photo .filter_list .check_item .check_body {
    font-size: 14px;
    padding: 4px 10px;
    border: 1px solid var(--base-color-3);
    border-radius: 8px;
}

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

.filter_tile_photo .filter_list .check_item.active .check_body {
    color: var(--base-color-1);
    border-color: var(--accent-color-1);
    background-color: var(--accent-color-1);
}

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

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

.catalog_filters .dropdown ul .check_item {
    font-size: 18px;
    margin: 0;
    padding: 8px 12px;
}

.catalog_filters .dropdown ul .check_item span {
    padding: 0;
}

.catalog_filters .dropdown ul .check_item.active span {
    color: var(--accent-color-1);
}

.catalog_filters .dropdown .filter_img {
    margin: 0 8px 0 0;
    padding: 0;
}

.catalog_filters .dropdown .overflow .filter_img {
    margin: 0 8px 0 0;
}

.catalog_filters .dropdown .overflow span.name {
    padding: 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;
    background: var(--site-bg);
    padding: 16px 20px;
    width: calc(100% + 40px);
    position: relative;
    margin: auto 0px 0 -20px;
    display: flex;
    justify-content: center;
    border-top: 1px solid var(--border-color);
    z-index: 1;
    border-radius: 0 0 var(--border-radius) var(--border-radius);
}

.one_but .apply_filters.for_one_but .btn {
    width: 100%;
}

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

.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.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 {
    box-shadow: none;
    min-height: 28px;
    width: 100%;
    font-size: 12px;
    border-radius: 0 0 2px 2px;
}

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

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

/* All reviews in Catalog */
/* --- If Slider --- */
.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(--text);
    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);
}

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

.reviews_sect .one_review {
    width: 100%;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    padding: 16px;
    background: var(--white);
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

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

.reviews_sect .ag_photo {
    height: 100px;
}

.reviews_sect .product_name {
    height: max-content;
    max-height: 100px;
    overflow: hidden;
    display: flex;
    text-decoration: none;
}

.reviews_sect .product_name Span {
    display: inline-block;
    font-size: 14px;
    line-height: 1.2;
    color: var(--text);
    width: 100%;
    overflow: hidden;
    height: auto;
    transition: .3s;
}

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

/* --- If Grid --- */
.reviews_sect.grid {
    margin-bottom: 16px;
}

.reviews_grid {
    display: flex;
}

.reviews_grid .category_comments {
    overflow: unset;
    flex-wrap: wrap;
}

.reviews_sect .one_review {
    margin: 0 0 16px 0;
}

/* --- Pagination --- */
.pagination {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 46px 0 0 0;
}

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

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

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

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

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

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

.pages_list {
    display: flex;
}

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

.pages_list Span {
    border-color: transparent;
}

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

.pages_btn {
    background-color: transparent;
}

.pages_btn.pages_prev {
    transform: rotate(180deg);
}

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

.pages_btn.has_arrow::before,
.pages_btn.has_arrow::after {
    width: 16px;
    height: 2px;
    top: 50%;
    left: 50%;
    transform-origin: right;
    background-color: var(--base-color-3);
}

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

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


/* --- PRODUCT Page - Details --- */
.details_product {
    margin-bottom: var(--bottom-gap);
}

.details_product > .centre {
    display: flex;
    flex-direction: column;
}

.product_details-top {
    display: flex;
    flex-direction: column;
    box-shadow: var(--shadow);
    padding: 12px;
    border-radius: 4px;
    margin-bottom: 16px;
}

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

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

.details_code Span {
    color: #4E5053;
}

.details_code b {
    font-weight: 500;
}

.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_details-inner {
    display: flex;
    flex-direction: column;
}

.product_details-top.desk {
    display: none;
}

.product_details-top .H3 {
    font-weight: 400;
}

.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.active {
    border-color: var(--sub-color);
    color: var(--sub-color);
    pointer-events: none;
}

.product_tabs A Span {
    margin: 0 0 0 6px;
    padding: 0;
    border: none;
    transition: .3s;
}

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

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

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

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

/* --- Product Page info --- */
.detail_info {
    display: flex;
    flex-direction: column;
    margin: 0 0 32px 0;
}

/* --- Left side / Product Page 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;
    flex-direction: column;
    max-width: 464px;
    margin: 0 auto 16px auto;
    padding: 12px;
    background: var(--white);
    width: 100%;
    border-radius: 4px;
    box-shadow: var(--shadow);
}

.sub_slider {
    order: 1;
    display: flex;
    width: 100%;
    margin: 0;
    height: auto;
}

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

.sub_slider:not(.slick-initialized)::before {
    content: "";
    flex: 0 0 16px;
    width: 16px;
    height: 100%;
    display: block;
    position: relative;
}

.sub_slider:not(.slick-initialized)::after {
    content: "";
    flex: 0 0 16px;
    width: 16px;
    height: 100%;
    display: block;
    position: relative;
}

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

.sub_slider .slick-track {
    display: flex;
    min-width: 100%;
    justify-content: center;
}

.sub_slider:not(.slick-initialized) .details_slide {
    flex: 0 0 calc((100% / 4) - (96px / 4));
}

.sub_slider:not(.slick-initialized) .details_slide:nth-child(1) {
    margin-left: auto;
}

.sub_slider:not(.slick-initialized) .details_slide:nth-last-child(1) {
    margin-right: auto;
}

.sub_slider .details_slide,
.zoom_subslider .zoom_slide {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    width: 58px;
    margin: 0 12px;
    height: auto;
    border-radius: var(--border-radius);
    overflow: hidden;
    cursor: pointer;
    position: relative;
}

.sub_slider .details_slide::before,
.zoom_subslider .zoom_slide::before {
    content: "";
    display: block;
    width: 100%;
    height: auto;
    padding-bottom: 133.33%;
    position: relative;
} 

.zoom_subslider .zoom_slide::before {
    padding-bottom: 100%;
}

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


.big_slider-wrap {
    margin-bottom: 16px;
    width: 100%;
    height: auto;
    position: relative;
}

.big_slider-wrap::before {
    content: "";
    display: block;
    width: 100%;
    height: auto;
    padding-bottom: 483px;
    position: relative;
}

.big_slider {
    display: flex;
    margin-bottom: 8px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.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;
    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 .slick-arrow {
    left: 0;
}

.big_slider .slick-arrow.slick-next {
    right: 0;
}

.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);
    min-height: 40px;
    margin: 0 0 0 -16px;
    padding: 0 16px 16px 16px;
}

.zoom_slider .popup_close {
    top: 10px;
    right: 10px;
}

.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 {
    flex: 1 1 auto;
    padding: 1px 0;
    margin: 16px 0 0 0;
    width: 100%;
    height: auto;
}

.full_screen .zoom_big .slick-arrow {
    border: none;
}

.full_screen .zoom_big .slick-arrow::before,
.full_screen .zoom_big .slick-arrow::after {
    width: 15px;
    border-radius: 0;
}

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

.zoom_slider.full_screen .zoom_big .zoom_slide Img {
    position: absolute;
    top: 50%;
    left: 50%;
    bottom: auto;
    right: auto;
    width: 70%;
    height: auto;
    aspect-ratio: 1 / 1;
    max-height: 100%;
    object-fit: contain;
    transform: translate(-50%, -50%);
    border: 1px solid var(--border-color);
    border-radius: 4px;
}

.zoom_row {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 40px;
    position: relative;
}

.zoom_row::before {
    content: "";
    width: calc(100% + 32px);
    height: 1px;
    background-color: var(--base-color-2);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.zoom_slides-wrap {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

.zoom_subslider .zoom_slide {
    margin: 0 20px 0 0;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    position: relative;
}

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

.zoom_subslider .zoom_slide .slick-track {
    margin: 0 auto;
}

.zoom_slider.full_screen .zoom_subslider {
    display: none;
}

.zoom_slides-price {
    display: flex;
    flex-direction: column;
    padding-top: 16px;
}

.zoom_slides-price .price_title {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 8px;
}

.zoom_slides-price .zoom_prices {
    display: flex;
    flex-direction: column;
}

.zoom_slides-price .main_price {
    font-size: 24px;
    font-weight: 500;
    color: var(--text);
}

.zoom_slides-price .old_price {
    font-size: 20px;
    font-weight: 400;
    color: var(--base-color-2);
    text-decoration: line-through;
}

.zoom_slides-price .zoom_btns {
    margin-top: 26px;
}

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

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

.product_details-info {
    display: flex;
    flex-direction: column;
    margin: 0 0 16px 0;
    padding: 12px;
    background: var(--white);
    width: 100%;
    border-radius: 4px;
    box-shadow: var(--shadow);
}

.product_details-info .availability {
    padding-left: 0;
    padding-right: 0;
    margin: 0 0 24px 0;
}

.product_counter {
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    margin-bottom: 26px;
}

.product_counter-inner {
    display: flex;
    align-items: center;
    margin-left: 9px;
}

.product_counter-inner input {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    padding: 0;
    width: 36px;
    height: 30px;
    border: none;
    border-radius: 0;
}

.product_counter-inner button {
    font-size: 0;
    color: var(--base-color-3);
    display: block;
    padding: 0;
    width: 30px;
    height: 30px;
    background-color: var(--white);
    border: 1px solid var(--base-color-3);
    border-radius: 50%;
    transition: 0.3s;
    cursor: pointer;
    transition: 0.3s;
    position: relative;
}

.product_counter-inner button.minus::before,
.product_counter-inner button.plus::before,
.product_counter-inner button.plus::after {
    content: "";
    width: 8px;
    height: 2px;
    background-color: var(--base-color-3);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 0.3s;
}

.product_counter-inner button.plus::after {
    transform: translate(-50%, -50%) rotate(-90deg);
}

.title_small {
    font-size: 16px;
    font-weight: 500;
    display: block;
    margin-bottom: 6px;
}

.product_details-info .show_price {
    margin: 0 0 20px 0;
}

.product_details-info .op_main {
    font-size: 16px;
    font-weight: 400;
    color: var(--base-color-2);
    text-decoration: line-through;
}

.product_details-info .main_price {
    font-size: 16px;
    font-weight: 500;
    color: var(--text);
}

.product_details-tab {
    display: flex;
    flex-direction: column;
    margin: 0 0 8px 0;
    background: var(--white);
    width: 100%;
    border-radius: 4px;
    box-shadow: var(--shadow);
}

.product_details-tab article {
    margin: 0;
}

.details_tab-open {
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    padding: 20px 40px 20px 20px;
    display: block;
    width: 100%;
    background-color: transparent;
    text-align: start;
    border: none;
    position: relative;
    transition: 0.3s;
}

.details_tab-open::before,
.details_tab-open::after {
    content: "";
    width: 1px;
    height: 10px;
    background-color: var(--base-color-3);
    position: absolute;
    top: 50%;
    right: 25px;
    transform-origin: bottom;
    transition: 0.3s;
}

.details_tab-open::before {
    transform: translateY(-50%) rotate(-45deg);
}

.details_tab-open::after {
    transform: translateY(-50%) rotate(45deg);
}

.product_details-tab.active .details_tab-open::before {
    transform-origin: top;
    transform: translateY(-50%) rotate(45deg);
}

.product_details-tab.active .details_tab-open::after {
    transform-origin: top;
    transform: translateY(-50%) rotate(-45deg);
}

.details_tab-open h2 {
    font-size: inherit;
    margin: 0;
}

.details_tab-hidden {
    font-size: 16px;
    display: none;
    padding: 4px 20px 20px 20px;
}

.product_details-tab.active .details_tab-hidden {
    display: block;
}

/* --- 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.select_color-pp LI {
    margin: 0 0 8px 0;
    width: 100%;
}

.select_color A {
    display: flex;
    align-items: center;
    padding: 4px 12px;
    width: max-content;
    flex-direction: column;
    font-size: 16px;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    color: var(--link);
    text-decoration: none;
    transition: .3s;
}

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

.select_color LI.unavailability A {
    opacity: .4;
}

.select_color.select_color-pp A {
    padding: 4px;
    width: 100%;
    flex-direction: row;
}

.select_color.select_color-fp A {
    padding: 4px;
}

.select_color.select_color-fpnt A,
.select_color-ppnt A {
    padding: 4px;
}

.select_color A .image {
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 6px 0 0;
    flex-shrink: 0;
}

.select_color.select_color-fpnt A .image,
.select_color-ppnt A .image {
    margin: 0;
}

.select_color.select_color-fp A .image {
    margin: 0 0 6px 0;
}

.select_color A .image Img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.select_color.select_color-pp A .name,
.select_color.select_color-fp A .name {
    width: 100%;
    font-size: 13px;
    line-height: 16px;
    justify-content: flex-start;
}

.select_color.select_color-fp A .name {
    justify-content: center;
}

.select_color A .name {
    font-size: 16px;
    line-height: 1.2;
    display: flex;
    justify-content: center;
}

/* --- Select Size --- */
.select_color.select_size A {
    padding: 4px 12px;
    width: max-content;
}

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

/* --- 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 Thead TR:nth-child(2n+1) TH {
    background: var(--white);
}

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

/* --- Product Page Options --- */
.product_options {
    display: flex;
    flex-direction: column;
}

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

.product_option .option_name {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 0 8px 0;
    font-weight: 700;
    font-size: 14px;
}

.product_option svg,
.product_option .op_img {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 6px 0 0;
    padding: 0;
    flex-shrink: 0;
}

.product_option .op_img Img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border-radius: var(--border-radius);
}

.product_option .option_name Sup {
    display: none;
}

.required.product_option .option_name Sup {
    display: flex;
    color: var(--error);
    margin: -2px 0 0 2px;
}

.product_option .counter {
    font-size: 12px;
    opacity: .5;
    flex-shrink: 0;
}

.options_alert {
    margin: 0 0 16px 0;
    width: 100%;
    padding: 8px;
    border: 1px dashed var(--error);
    color: var(--error);
    border-radius: var(--border-radius);
    font-size: 14px;
    display: flex;
}

.options_alert .param_img {
    display: flex;
    justify-content: center;
    align-items: center;
}

.options_alert .param_img .icon {
    fill: var(--error);
}

.options_alert .param_box {
    display: flex;
    flex-direction: column;
}

.options_alert .title {
    margin: 0 0 4px 0;
    color: var(--text);
    font-weight: 700;
}

/* --- List (radio & checkbox) - Options --- */
.product_option LI {
    display: flex;
}

.product_option LI A {
    position: relative;
    text-decoration: none;
    color: var(--text);
    transition: .3s;
}

.product_option.options_list LI A {
    display: flex;
    padding: 8px 8px 8px 26px;
}

.product_option.options_list LI A .op_img,
.product_option.options_list LI A svg {
    margin: 2px 8px 0 0;
}

.options_list.checkbox LI A::before {
    border-radius: var(--border-radius);
}

.options_list LI A::before,
.options_list.checkbox LI A::before {
    content: '';
    position: absolute;
    left: 0;
    top: 11px;
    width: 18px;
    height: 18px;
    border: 1px solid var(--border-color);
    background: var(--white);
    border-radius: 4px;
    transition: .3s;
}

.options_list LI A.active::after,
.options_list.checkbox LI A.active::after {
    left: 4px;
    top: 15px;
    width: 10px;
    height: 10px;
    border-radius: 2px;
    background: var(--sub-color);
    opacity: 1;
    content: '';
    position: absolute;
    transition: .3s;
}


/* --- Tiles - Options --- */
.options_tile UL {
    display: flex;
    flex-wrap: wrap;
}

.options_tile LI A {
    display: flex;
    margin: 0 8px 8px 0;
    padding: 8px;
    width: max-content;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    transition: .3s;
}

.options_tile LI A.active {
    color: var(--link);
    border-color: var(--sub-color);
}

/* --- Tiles with Photo - Options --- */
.options_tile.img LI {
    margin: 0 0 8px 0;
    width: 100%;
}

.options_tile.img LI A {
    padding: 4px;
    align-items: center;
    width: 100%;
    margin: 0;
}

.options_tile.img LI A .op_img,
.options_tile.img LI A svg {
    width: 54px;
    height: 54px;
}

.options_tile.img LI A .op_name {
    font-size: 13px;
    line-height: 16px;
    justify-content: flex-start;
    display: flex;
}

.options_tile.img LI A .op_name .counter {
    margin: 0 0 0 6px;
}

/* --- Input - Options --- */
.product_option .option_input {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 0 8px 0;
    position: relative;
}

.product_option .option_input:last-child {
    margin: 0;
}

.product_option .option_input .op_img,
.product_option .option_input svg {
    position: absolute;
    top: 8px;
    left: 8px;
    margin: 0;
    width: 22px;
    height: 22px;
    fill: var(--gray-light);
}

.product_option .option_input Input.has_img {
    padding: 0 8px 0 34px;
    height: 40px;
}

.product_option .option_input Span {
    margin: 0 0 0 8px;
    color: var(--link);
}

/* --- Dropdown List (radio & checkbox) - Options --- */
.options_dropdown.checkbox .dropdown {
    height: auto;
    min-height: 38px;
}

.options_dropdown.checkbox .overflow {
    padding: 2px 40px 0 2px;
    min-height: 34px;
}

.options_dropdown.checkbox .overflow Span {
    margin-left: -2px;
    min-height: 30px;
    overflow: unset;
    flex-wrap: wrap;
}

.options_dropdown .overflow .selected_var {
    padding: 0;
}

.options_dropdown.checkbox .overflow .selected_var {
    margin: 0 8px 2px -4px;
    padding: 0 0 0 6px;
    width: max-content;
    height: auto;
    display: flex;
    background: var(--sub-color-light);
    color: var(--base-color-1);
    border: 1px solid var(--sub-color);
    border-radius: var(--border-radius);
    align-items: center;
    transition: .3s;
}

.options_dropdown.checkbox .selected_var .op_img {
    margin: 0 6px 0 0;
}

.options_dropdown .selected_var .op_name,
.options_dropdown.checkbox .selected_var .op_name {
    margin: 0;
    padding: 0;
    color: var(--base-color-1);
}

.options_dropdown.checkbox .selected_var .op_name .counter {
    margin: 0;
    color: var(--base-color-1);
}

.options_dropdown .remove {
    display: flex;
    background: none;
    border: none;
    font-size: 0;
    width: 22px;
    height: 28px;
    cursor: pointer;
    position: relative;
}

.options_dropdown .remove::before,
.options_dropdown .remove::after {
    content: '';
    width: 10px;
    height: 2px;
    border-radius: 2px;
    background: var(--error);
    transition: .3s;
    position: absolute;
    top: 50%;
    right: 0;
}

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

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

.options_dropdown.checkbox .dropdown UL {
    top: 100%;
}

.product_option .dropdown UL LI.selected A {
    background: var(--sub-color-light);
    color: var(--base-color-1);
}

.dropdown.option_dropdown UL LI A Span {
    padding: 0;
}

.product_option .dropdown UL LI.selected A Span {
    color: var(--base-color-1);
    transition: .3s;
}

.dropdown.option_dropdown UL LI A Span .counter {
    margin: 0 0 0 6px;
}

/* --- Price box in Product Page --- */
.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;
    text-decoration: line-through;
    color: #D4D4D4;
    font-size: 16px;
    line-height: 1.1;
}

.product_price .op_main Span {
    position: relative;
}

.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 Small {
    font-size: 16px;
}

.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.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 Product Page --- */
.product_btns {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.product_btns .btn {
    width: 100%;
    margin: 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);
}

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

.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 Product Page --- */
.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;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

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

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

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

.waranty_box .store_description P {
    margin: 0 0 6px 0;
}

.waranty_box LI Span.tit {
    margin: 0 8px 0 0;
}

.waranty_box LI Span.together {
    display: flex;
    align-items: center;
    margin: 2px 8px 2px 0;
}

.waranty_box LI Span:nth-last-child(2) .column,
.waranty_box LI.new_method Span.together:last-child .column {
    display: none;
}

.waranty_box LI.new_method Span:nth-last-child(2) .column {
    display: flex;
}

.waranty_box LI svg,
.waranty_box LI Img {
    width: auto;
    min-width: 18px;
    max-height: 18px;
    margin: 0 4px 0 0;
}

/* --- Cheaper Together in Product Page --- */
.cheaper {
    display: flex;
    flex-direction: column;
    margin: 0 0 32px 0;
}

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

.cheaper .slick-list {
    width: calc(100% + 16px);
    margin: 0 0 0 -8px;
}

.cheaper_item {
    display: flex;
    flex-direction: column;
    background: var(--white);
    padding: 8px;
    border-radius: var(--border-radius);
    margin: 0 8px;
}

.slick-initialized .slick-slide.cheaper_item {
    display: flex;
}

.cheaper_slider:not(.slick-initialized) .cheaper_item {
    display: none;
}

.cheaper_slider:not(.slick-initialized) .cheaper_item:first-child {
    display: flex;
    width: 100%;
}

.cheaper .together {
    margin: 0 0 16px 0;
}

.cheaper .added_goods {
    position: relative;
    padding: 0;
    margin: 0;
    border: none;
}

.cheaper .together .added_goods:first-child {
    margin: 0 0 8px 0;
}

.cheaper .ag_photo {
    align-items: center;
}

.cheaper .ag_photo A {
    position: relative;
}

.cheaper .it_title {
    margin: 0 0 8px 0;
}

.cheaper .select_color {
    margin: 8px 0 0 0;
}

.cheaper .select_color .tit {
    margin: 0 0 4px 0;
}

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

.cheaper .total_sum_old {
    margin: 0 0 0 16px;
}

.cheaper .total_sum.active {
    color: var(--error);
}

.cheaper_plus {
    display: flex;
    position: relative;
    height: 30px;
    margin: 0 0 8px 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;
    justify-content: center;
    align-items: center;
    border-top: 1px solid var(--site-bg);
    padding: 16px 0 4px 0;
    width: calc(100% + 16px);
    margin: 0 0 0 -8px;
}

.cheaper_prise .together {
    display: flex;
    flex-direction: column;
    margin: 0 16px 0 0;
    align-items: flex-end;
}

.cheaper .cheaper_prise .total_sum {
    font-size: 24px;
    height: auto;
    margin: 0;
}

.cheaper .cheaper_prise .total_sum Small {
    font-size: inherit;
}

.cheaper_prise .to_cart .mobile {
    display: flex;
}

.cheaper_prise .to_cart .desktop {
    display: none;
}

.cheaper .slick-dots {
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%;
    flex-wrap: wrap;
    margin: 16px 0 0 0;
}

.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 Product Page --- */
.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 {
    font-size: 16px;
    display: inline-flex;
    word-break: break-word;
}

.char_short .tit {
    max-width: 240px;
    flex: 0 0 50%;
    font-weight: 500;
    padding: 8px 8px 8px 0;
}

.char_short .value {
    flex: 1 1 50%;
    font-weight: 400;
    padding: 8px 0 8px 8px;
}

.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 .together .icon {
    fill: var(--btn-bg-hover);
    bottom: -3px;
    position: relative;
}

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

.manager_comment .comment_top .comment_name {
    color: var(--text-inverse);
}

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

.manager_comment .comment_top .date_comment {
    color: var(--border-color);
}

.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 .icon {
    margin-top: -9px;
    fill: var(--main-color-light);
    transition: .3s;
}

.comment_bottom A.delete {
    text-decoration: none;
    color: var(--text-light);
    display: flex;
    align-items: center;
    transition: .3s;
}

.comment_bottom A.delete .icon {
    fill: var(--text-light);
}

.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.active .icon {
    fill: var(--btn-bg);
}

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

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

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

.comment_popup .long_div.check_wrap Label {
    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: -12px;
    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;
}

.comment_popup.popup .if_sent {
    display: flex;
    width: 100%;
    justify-content: center;
    margin: 0 0 0 -8px;
}

/* --- 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.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: 18px;
    margin: 0 0 16px 0;
    line-height: 1.6;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    width: 100%;
    transition: .3s;
}

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

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

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

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

.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_blogs .title_wrap {
    justify-content: flex-start;
    position: relative;
    z-index: 1;
    align-items: baseline;
}

.blog_list.last_blogs {
    margin-bottom: var(--bottom-gap);
}

/* --- If Slider --- */
.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;
    width: 100%;
    flex-shrink: 0;
}

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

/* --- If Grid --- */
.last_blog_grid {
    display: flex;
}

.last_blog_grid .last_blog_items {
    flex-wrap: wrap;
    overflow: unset;
    margin: 0;
    padding: 0;
}

.last_blog_grid .last_blog_items .one_blog {
    margin: 0 0 16px 0;
}

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

.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_header .logo_wrap Img {
    width: auto;
    max-width: 140px;
}

.checkout {
    margin-bottom: var(--bottom-gap);
}

.checkout .H3 {
    display: none;
}

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

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

.order-step_wrap {
    padding: 0;
}

.order-step_wrap.lor_col {
    max-width: unset;
}

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

.all_items {
    display: flex;
    flex-direction: column-reverse;
}

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

.checkout .added_goods {
    border-top: 1px solid var(--border-color);
    padding: 6px 24px 6px 0;
}

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

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

/* --- Registration Form in Checkout --- */
.registration_form Form {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.registration_form .common_but,
.enter_form .common_but {
    width: 100%;
}

/* --- Login Form in Checkout --- */
.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;
}

/* --- Shipping & Payment in Checkout --- */
.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 {
    margin: 16px 0 0 0;
    display: flex;
    flex-direction: column;
}

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

.checkout .template_field Select {
    width: inherit;
    margin: 0 0 16px 0;
}

.checkout .order_form_field .for_buts {
    margin: 0 0 8px 0;
}

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

.checkout .delivery_contact .for_buts .btn {
    margin: 0 8px 0 0;
}

.checkout .delivery_contact .for_buts .btn:last-child {
    margin: 0 0 0 8px;
}

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

.checkout .order_form_group {
    display: flex;
    flex-direction: column;
}

.checkout .group.short {
    display: flex;
}

.checkout .group.short .long_div {
    width: 50%;
}

.checkout .group.short .slash {
    padding: 26px 16px 0 16px;
    display: flex;
    font-size: 22px;
    color: var(--gray-light);
}

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

.checkout .radio_wrap .order_form_field Input.btn {
    width: max-content;
}

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

.dropdown_inside .dropdown_select-city {
    margin: 0;
}

.dropdown_select-branch {
    border: none;
}

.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_together {
    display: flex;
    flex-direction: column;
}

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

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

/* --- Total price --- */
.ct_main,
.promocode {
    display: flex;
    flex-direction: column;
    padding: 0;
}

.checkout_total .all_added {
    display: none;
}

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

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

.main_title.success {
    font-size: 18px;
}

.success_box {
    display: flex;
    flex-direction: column;
    margin-bottom: var(--bottom-gap);
}

.success_order {
    padding: 0;
    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 0 0;
    display: flex;
    flex-direction: column;
}

.cc_main {
    padding: 0;
    background: var(--white);
    display: flex;
    flex-direction: column;
}

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

.checkout_title {
    font-weight: 700;
    display: flex;
    margin: 0 0 6px 0;
    color: var(--text);
}

.checkout_row {
    margin: 0 0 4px 16px;
}

.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;
    margin: 0 0 16px 0;
}

.cbp_row.total {
    /* display: flex;   
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start; */
    padding: 12px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--border-color);
}

.cbp_row.total .title_row {
    font-size: 16px;
    font-weight: 500;
}

.cbp_row.total.no_padding {
    border: none;
    padding: 0;
    margin: 0;
}

.cbp_tit {
    color: var(--main-color-light);
    display: flex;
    width: 100%;
}

.cbp_sum {
    margin: 0 0 0 16px;
    display: flex;
    flex-shrink: 0;
    align-items: baseline;
}

.cbp_sum Small {
    font-size: 12px;
    margin: 0 0 0 4px;
}

.cbp_row.total .cbp_sum {
    font-size: 16px;
    font-weight: 500;
}

.cbp_row.total .cbp_sum Small {
    font-size: inherit;
    margin: 0 0 0 5px;
}

.cbp_row.pay_status .cbp_sum {
    color: var(--error);
}

.cbp_row.pay_status.green .cbp_sum {
    color: var(--btn-bg-hover);
}

.success_article {
    margin: 0 0 32px 0;
}

/* --- User Account --- */
.profile {
    padding: 8px;
    width: 100%;
}

.profile .profile_menu {
    display: none;
}

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

/* --- User content --- */
.profile_content {
    display: flex;
    flex-direction: column;
    background: var(--white);
    padding: 16px;
    margin: 0 0 32px 0;
}

.profile_content .activation_alert {
    display: flex;
    align-items: center;
    border: 1px solid var(--orange);
    color: var(--orange);
    border-radius: var(--border-radius);
    padding: 16px;
    margin: 0 0 16px 0;
    background: var(--orange_light);
}

.profile_content .activation_alert .icon {
    fill: var(--orange);
    flex-shrink: 0;
}

/* --- Empty page --- */
.empty_page {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.empty_page Img {
    max-width: 360px;
    width: 100%;
    height: auto;
    margin: 0 0 16px 0;
}

.empty_page .title {
    font-size: 18px;
    margin: 0 0 16px 0;
    text-align: center;
}

/* --- Order History Search --- */
.order_search {
    display: flex;
    margin: 0 0 16px 0;
}

.order_search Input {
    border-radius: var(--border-radius) 0 0 var(--border-radius);
    border-right: none;
    width: 100%;
}

.order_search .together {
    display: flex;
}

.order_search .desktop {
    display: none;
}

.order_search .mobile {
    display: flex;
}

.order_search Button {
    border-radius: 0 var(--border-radius) var(--border-radius) 0;
}

.order_search A.btn {
    margin: 0 0 0 8px;
}

/* --- Order History List --- */
.all_orders_history {
    display: flex;
    flex-direction: column;
    padding: 0 0 8px 0;
}

.order_row {
    border-radius: var(--border-radius);
    border: 1px solid var(--border-color);
    margin: 16px 0 0 0;
    padding: 16px;
    transition: .3s;
}

.order_row.open {
    box-shadow: 0 0 8px #00000024;
}

.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_status {
    display: flex;
}

.open .order_status {
    margin: 4px 0 0 0;
}

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

.for_os_name .os_name {
    display: flex;
    align-items: center;
}

.for_os_name .os_name svg,
.for_os_name .os_name Img {
    width: 18px;
    height: 18px;
    margin: 0 6px 0 0;
}

.order_status .os_date {
    display: none;
    margin: 2px 0 0 0;
}

.open .order_status .os_date {
    display: flex;
    color: var(--gray-light);
}

.order_status .btn {
    display: none;
}

.open .order_status .btn {
    display: flex;
    margin: 0 0 0 16px;
}

.order_sum {
    display: flex;
    flex-direction: column;
    padding: 0 24px 0 0;
    flex-shrink: 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_main_box {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

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

.order_buts .btn {
    width: 100%;
}

.order_buts .btn.reorder {
    margin: 0 0 8px 0;
}

.order_info {
    display: flex;
    flex-direction: column;
    margin: 0 0 16px 0;
    background: var(--site-bg);
    border-radius: var(--border-radius);
    padding: 16px;
}

.order_info .checkout_title {
    margin: 0 0 8px 0;
}

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

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

.order_items .checkout_title {
    text-transform: capitalize;
    margin: 0 0 16px 0;
}

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

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

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

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

/* --- Order History - Popup --- */
.order_history {
    display: flex;
}

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

.one_history {
    padding: 6px 8px 8px 32px;
    display: flex;
    flex-direction: column;
    position: relative;
    transition: .3s;
}

.one_history::before {
    content: '';
    position: absolute;
    top: 0;
    left: 16px;
    width: 1px;
    height: 100%;
    border-left: 1px dashed var(--sub-color);
}

.one_history:last-child::after,
.one_history:first-child .date::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 16px;
    width: 1px;
    height: calc(100% - 19px);
    transition: .3s;
    background: var(--white);
}

.one_history:first-child .date::after {
    bottom: auto;
    top: 0;
    height: 6px;
}

.one_history:only-child::after {
    height: calc(100% - 23px);
}

.one_history .name {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 4px 0;
}

.one_history .name::after,
.one_history:first-child .name::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 12px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--sub-color);
}

.one_history:first-child .name::before {
    background: var(--white);
    border: 1px solid var(--sub-color);
    width: 17px;
    height: 17px;
    top: 6px;
    left: 8px;
}

.one_history .date {
    display: flex;
    color: var(--gray-light);
    font-size: 13px;
}

.one_history .date Span:last-child {
    margin: 0 0 0 8px;
}

/* --- Wish List --- */
.wish_group {
    display: flex;
    flex-direction: column;
    margin: 0 0 16px 0;
    border-radius: var(--border-radius);
    border: 1px solid var(--border-color);
    transition: .3s;
}

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

.for_wish_title {
    display: flex;
    width: 100%;
    padding: 8px;
    border-bottom: 1px solid var(--border-color);
}

.for_wish_title Span {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.nt_del {
    position: relative;
    flex-shrink: 0;
    margin: 0 8px 0 0;
    width: 22px;
    height: 22px;
    background: var(--icon-color-gray);
    border-radius: var(--border-radius);
    transition: .3s;
}

.nt_del::before,
.nt_del::after {
    content: '';
    width: 10px;
    height: 1px;
    position: absolute;
    top: 10px;
    left: 6px;
    background: var(--gray);
    transform: rotate(45deg);
    transition: .3s;
}

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

.for_wish_title .compare_title {
    margin: 0;
}

.for_wish_title .edit_buts {
    display: flex;
    align-items: center;
    margin: 0 0 0 8px;
}

.for_wish_title .edit_buts A {
    position: relative;
    margin: 0 0 0 8px;
    width: 40px;
    height: 40px;
    border-radius: var(--border-radius);
    align-items: center;
    justify-content: center;
    display: flex;
    transition: .3s;
}

.for_wish_title .edit_buts A.edit .icon {
    fill: var(--gray);
}

.for_wish_title .move_box {
    width: 40px;
    height: 40px;
    display: flex;
    flex-direction: column;
    margin: 0 0 0 8px;
}

.for_wish_title .move_box A {
    margin: 0;
    border-radius: var(--border-radius) var(--border-radius) 0 0;
}

.for_wish_title .move_box A.down_wish_list {
    border-radius: 0 0 var(--border-radius) var(--border-radius);
}

.for_wish_title .move_box A.no_active {
    pointer-events: none;
}

.for_wish_title .move_box A::before,
.for_wish_title .move_box A::after {
    content: '';
    position: absolute;
    top: 9px;
    right: 18px;
    width: 8px;
    height: 2px;
    background: var(--gray);
    z-index: 5;
    transition: .3s;
    transform: rotate(45deg);
}

.for_wish_title .move_box A::after {
    transform: rotate(-45deg);
    right: 13px;
}

.for_wish_title .move_box A.up_wish_list::before {
    transform: rotate(-45deg);
}

.for_wish_title .move_box A.up_wish_list::after {
    transform: rotate(45deg);
}

.for_wish_title .move_box A.no_active::before,
.for_wish_title .move_box A.no_active::after {
    opacity: 0;
}

.for_wish_title .edit_buts A .if_save,
.for_wish_title .edit_buts A.active .icon {
    display: none;
}

.for_wish_title .edit_buts A.active .if_save {
    display: flex;
}

.favorite_control {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px;
    border-bottom: 1px solid var(--border-color);
}

.delete_all.check_wrap {
    margin: 0;
    padding: 0 8px 0 30px;
}

.favorite_control .delete_this {
    text-decoration: none;
    color: var(--text-light);
    display: flex;
    align-items: center;
    pointer-events: none;
    opacity: .4;
    transition: .3s;
}

.delete_this .icon {
    margin: 0 6px 0 0;
    fill: var(--text-light);
}

.favorite_control .delete_this.active {
    pointer-events: unset;
    opacity: 1;
}

.wish_page {
    display: flex;
}

.wish_page .empty_page {
    margin: 16px 0;
    width: 100%;
}

.add_in-list .check_wrap {
    padding: 0;
}

.add_in-list .check_wrap Label {
    width: 100%;
    height: 100%;
}

/* --- Compare List --- */
.compare_group {
    display: flex;
    flex-direction: column;
    margin: 0 0 16px 0;
    border-radius: var(--border-radius);
    border: 1px solid var(--border-color);
    transition: .3s;
}

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

.for_compare_title {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 8px;
    border-bottom: 1px solid var(--border-color);
}

.for_compare_title H3.compare_title {
    font-size: 20px;
    font-weight: normal;
    margin: 0 0 8px 0;
}

.for_compare_title A.btn {
    pointer-events: none;
    opacity: .5;
    transition: .3s;
}

.for_compare_title A.btn.show {
    pointer-events: unset;
    opacity: 1;
}

.for_compare_title A.btn Span {
    margin: 0 0 0 6px;
}

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

.compare_toggle A.active {
    display: none;
}

.compare_toggle A .icon {
    margin: 0 6px 0 0;
    fill: var(--main-color);
}

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

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

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

/* --- My Reviews list --- */
.profile_content .product_tabs {
    margin-top: -8px;
    background: var(--white);
}

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

.review_row {
    border-radius: var(--border-radius);
    border: 1px solid var(--border-color);
    margin: 16px 0 0 0;
    padding: 16px;
    transition: .3s;
}

.review_row.open {
    box-shadow: 0 0 8px #00000024;
}

.review_row.open {
    background: var(--site-bg);
}

.review_row:first-child {
    margin: 0;
}

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

.review_link {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 0 16px 0;
    justify-content: space-between;
}

.review_link A {
    display: flex;
    align-items: center;
}

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

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

.review_show .btn {
    width: 100%;
    flex-shrink: 0;
}

.review_text {
    display: flex;
    flex-direction: row;
    width: 100%;
    cursor: pointer;
    padding: 0 24px 0 0;
}

.review_text .short_review {
    opacity: 1;
    color: var(--text-light);
    max-height: 38px;
    overflow: hidden;
    padding: 0 20px 0 0;
    transition: .3s;
}

.review_show .profile_counter {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    margin: 2px 0 0 0;
}

.open .review_text .short_review {
    opacity: .2;
}

.review_text.order_show::after {
    right: 2px;
}

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

.review_details LI.new {
    background: var(--sub-color-light);
}

.review_details .all_comment_parts.no_margin {
    margin: 0;
}

.review_details A.comment_reply {
    font-size: 15px;
}

.review_details.comment_one .answers {
    margin: 0;
}

.review_details.comment_one .answers LI:last-child .comment_body {
    margin: 0;
}


/* --- User Account Settings --- */
.form_place {
    display: flex;
    flex-direction: column;
    margin: 0 0 16px 0;
    padding: 16px;
    border-radius: var(--border-radius);
    border: 1px solid var(--border-color);
    position: relative;
    transition: .3s;
}

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

.form_place.open_box {
    padding-bottom: 0;
}

.form_place.open_box::after {
    content: '';
    width: 8px;
    height: 8px;
    border-bottom: 1px solid var(--main-color);
    border-right: 1px solid var(--main-color);
    position: absolute;
    top: 22px;
    right: 16px;
    transform: rotate(45deg);
    cursor: pointer;
    transition: .3s;
}

.form_place.open_box.open::after {
    transform: rotate(-135deg);
    top: 26px;
}

.form_place.open_box Form {
    display: none;
}

.form_place.open_box.open Form {
    display: flex;
    flex-direction: column;
    padding-bottom: 16px;
}

.form_place H3 {
    font-size: 20px;
    font-weight: normal;
    margin: 0 0 16px 0;
    width: 100%;
}

.form_place.open_box H3 {
    margin: -16px 0 0 -16px;
    width: calc(100% + 32px);
    padding: 16px;
    cursor: pointer;
}

.form_place .is_saving {
    transition: .3s;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
}

.form_place.saving .is_saving {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: .3s;
    opacity: 1;
    visibility: visible;
    overflow: visible;
}

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

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

.form_place.no_edit .long_div {
    width: auto;
    margin: 0 6px 16px 0;
}

.form_place.change_contacts.no_edit .long_div {
    margin: 0 16px 16px 0;
}

.form_place.no_edit Input,
.form_place .for_edit,
.form_place Button.edit,
.form_place.no_edit Button.cancel,
.form_place.no_edit Label,
.form_place.no_edit .only_address .long_div,
.form_place.no_edit .add_address,
.form_place.no_edit .show_password,
.form_place.no_edit Button.delete,
.form_place.no_edit .adduser_pass,
.recipients.addresses.no_edit .long_div.short.del.if_main {
    display: none;
}

.form_place.no_edit .for_edit,
.form_place.no_edit Button,
.form_place Label,
.form_place.no_edit Label.choose,
.form_place Button.delete,
.form_place .adduser_pass {
    display: flex;
}

.form_place .attention {
    display: flex;
    border: 1px solid var(--footer-bg);
    color: var(--text-light);
    border-radius: var(--border-radius);
    padding: 4px 8px 4px 32px;
    margin-top: 8px;
    position: relative;
    width: max-content;
    min-height: 29px;
    align-items: center;
    font-size: 14px;
}

.form_place .attention::before,
.form_place .confirm_box .btn::before {
    content: '';
    width: 14px;
    height: 8px;
    position: absolute;
    top: 6px;
    left: 8px;
    border-radius: 1px;
    transform: rotate(-45deg);
    border-bottom: 2px solid var(--gray-light);
    border-left: 2px solid var(--gray-light);
}

.form_place .confirm_box {
    margin: 8px 0 0 0;
}

.form_place .confirm_box .btn {
    padding: 4px 8px 4px 32px;
}

.form_place .confirm_box .btn::before {
    border-color: var(--white);
}

.form_place .for_buts {
    width: 100%;
    display: flex;
}

.form_place .for_buts Button,
.form_place .for_buts Input {
    margin: 0 16px 0 0;
}

/* --- Courier delivery Addresses - User Account Settings --- */
.addresses .long_div.for_choose {
    width: 100%;
    margin: 0 0 16px 0;
}

.no_edit .profile_info_message {
    width: 100%;
    margin: 0 0 16px 0;
    color: var(--text-light);
    display: flex;
}

.profile_info_message {
    display: none;
}

.long_div Label.choose {
    padding: 0 0 0 32px;
    position: relative;
    font-size: 14px;
    color: var(--main-color-light);
    margin: 0;
}

.long_div Label.choose::before {
    content: '';
    position: absolute;
    top: 7px;
    left: 9px;
    width: 8px;
    height: 8px;
    border: 2px solid var(--main-color-light);
    border-radius: 8px 0 0 0;
    border-right: none;
    border-bottom: none;
}

.long_div Label.choose .svg_icon {
    position: absolute;
    top: 13px;
    left: 6px;
    width: 8px;
    height: 8px;
    fill: var(--main-color-light);
    transform: rotate(-90deg);
}

.input_wrap {
    display: flex;
    flex-direction: column;
    position: relative;
}

.input_wrap.tel_wrap input {
    padding-left: 35px;
}

.input_wrap.tel_wrap .icon {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    left: 6px;
    transform: translateY(-50%);
}

.addresses .one_address {
    display: flex;
    width: 100%;
    margin: 0 0 16px 0;
}

.addresses .main_address {
    display: flex;
}

.addresses .main_address .radio_item {
    display: flex;
}

.addresses .main_address .radio_item::before {
    top: 0;
}

.addresses .main_address .radio_item::after {
    top: 4px;
}

.addresses .only_address {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 32px);
}

.addresses .long_div.short {
    width: 33.33%;
    padding: 0 16px 0 0;
    position: relative;
}

.addresses .long_div.short .nt_del {
    top: 50%;
    right: 0;
    position: absolute;
    margin: -2px 0 0 0;
}

.addresses.no_edit .long_div.short .nt_del {
    display: none;
}

.addresses .add_address {
    margin: 0 0 16px 0;
}

/* --- My pick-up points - User account settings --- */
.one_pickup {
    display: flex;
    flex-direction: column;
    background: var(--site-bg);
    margin: 0 0 16px 0;
    padding: 8px 16px 16px 16px;
    border-radius: var(--border-radius);
}

.pickups .pick_title {
    display: flex;
    align-items: center;
    font-weight: 700;
    margin: 0 0 12px -16px;
    width: calc(100% + 32px);
    padding: 0 16px 8px 16px;
    border-bottom: 1px solid var(--white);
}

.pickups .pick_title svg,
.pickups .pick_title Img {
    width: auto;
    min-width: 24px;
    max-height: 24px;
    margin: 0 8px 0 0;
}

.pickups .os .pick_title svg {
    width: 24px;
    fill: var(--gray-light);
}

.pickups.addresses .long_div.short {
    width: 100%;
}

.pickups .no_addresses {
    display: flex;
    flex-direction: column;
    color: var(--main-color-lighter);
    font-size: 13px;
}

.pickups .no_addresses Span {
    color: var(--text-light);
    margin: 0 0 4px 0;
    font-size: 15px;
}

.pickups.form_place .for_buts.sticky_active {
    position: sticky;
    bottom: 0;
    padding: 32px 16px 16px 16px;
    margin: -32px 0 -16px -16px;
    width: calc(100% + 32px);
    overflow: hidden;
}

.pickups.form_place .for_buts.has_shadow::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 16px);
    background: var(--white);
    transition: .3s;
    box-shadow: 0 0 14px rgba(0, 0, 0, .2);
}

/* --- Recipients - User Account Settings --- */
.recipients.addresses .one_address {
    margin: 0 0 32px 0;
}

.recipients.addresses.no_edit .one_address {
    margin: 0 0 16px 0;
}

.recipients.form_place.no_edit .for_edit {
    flex-wrap: wrap;
}

.recipients.form_place.no_edit .for_edit Span {
    margin: 0 16px 0 0;
}

.recipients.addresses .long_div.short.del {
    width: auto;
}

.recipients.addresses .long_div.short.del.if_main {
    display: none;
}

.recipients.addresses .long_div.short .nt_del {
    right: auto;
    left: 0;
}

/* --- Additional user Access - User Account Settings --- */
.additional_users.form_place.no_edit .long_div.phone {
    margin: 0 16px 16px 0;
}

.additional_users.form_place.no_edit .for_buts {
    flex-direction: row;
}

.additional_users.form_place .for_buts Button.delete {
    margin: 0;
    padding: 0 8px;
}

.add_user_access.cr_but_row {
    margin: 0 0 16px 0;
}

/* 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 A {
    color: var(--link);
    text-decoration: underline;
    width: max-content;
    transition: .3s;
}

/* --- 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;
    position: relative;
    z-index: 2;
}

.contact_us.background {
    position: relative;
}

.contact_us.dark {
    background: var(--main-color);
}

.contact_us.margin {
    margin: -46px 0 0 0;
    padding-top: 64px;
}

.contact_us .main_title {
    margin: 0;
    z-index: 1;
}

.contact_us.dark .main_title {
    color: var(--text-inverse);
}

.contact_us.dark .popup .main_title {
    color: var(--text);
}

.contact_us .description {
    margin: 0 0 16px 0;
    line-height: 1.5;
    color: var(--text-light);
    width: 54%;
    position: relative;
    z-index: 1;
}

.contact_us.dark .description {
    color: var(--icon-color-gray);
}

.contact_us .tile_background {
    z-index: 0;
}

.contact_us .centre {
    background-color: #EFF4F5;
    padding-top: 16px;
    padding-bottom: 16px;
}

.contact_us-inner {
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    width: 100%;
    max-width: 584px;
    background-color: var(--white);
    border-radius: 8px;
}

.contact_us-inner .H3 {
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
}

.contact_us.for_feed .contact_us-inner .feed_box {
    width: 100%;
    margin: 0;
}

.contact_us-inner .btn {
    width: 100%;
}

/* --- Template 1:  Contacts + Background --- */
.rtl.contact_us.background .centre {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.rtl.contact_us.background .title_wrap {
    justify-content: flex-end;
}

.rtl.contact_us.background .popup .title_wrap {
    justify-content: flex-start;
}

.rtl.contact_us.background .title_wrap .main_title,
.rtl.background .description {
    text-align: right;
}

.contact_box {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
    width: 100%;
}

.two_mini_box {
    display: flex;
    flex-direction: column;
    margin: 0 0 24px 0;
}

.rtl.contact_us.background .two_mini_box,
.rtl.contact_us.background .cb_tit,
.rtl.contact_us.background .cb_info .long_div {
    justify-content: flex-end;
}

.cb_mini_box {
    display: flex;
    flex-direction: column;
    margin: 0 0 24px 0;
}

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

.cb_tit {
    display: flex;
    align-items: center;
    margin: 0 0 8px 0;
    font-size: 13px;
    color: var(--text-light);
}

.dark .cb_tit {
    color: var(--icon-color-gray);
}

.cb_tit.big {
    font-size: 16px;
}

.cb_tit .icon {
    width: 16px;
    height: 16px;
    fill: var(--sub-color);
}

.contact_box .cb_info {
    display: flex;
    flex-direction: column;
    padding: 0 0 0 22px;
}

.dark .contact_box .cb_info {
    color: var(--text-inverse);
}

.rtl.contact_us.background .contact_box .cb_info {
    padding-right: 0;
    text-align: right;
    justify-content: flex-end;
}

.cb_info .long_div {
    margin: 0 0 8px 0;
    flex-direction: row;
}

.cb_info .long_div:last-child {
    margin: 0;
}

.cb_info A.for_phone {
    color: var(--text);
    text-decoration: none;
    transition: .3s;
}

.dark .cb_info A.for_phone {
    color: var(--text-inverse);
}

.contact_box .cb_info.schedule {
    line-height: 1.5;
}

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

.contact_box .cb_info.for_socs {
    padding: 0;
    margin: 0 0 0 -8px;
    width: calc(100% + 8px);
    flex-direction: row;
    flex-wrap: wrap;
}

.cb_info.for_socs A {
    width: 48px;
    height: 48px;
    border: 1px solid var(--sub-color);
    border-radius: 50%;
    margin: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: .3s;
}

.for_socs A .icon {
    fill: var(--sub-color);
}

.background_sign {
    display: flex;
    flex-direction: column;
    position: absolute;
    bottom: 24px;
    right: 8px;
    width: max-content;
    z-index: 1;
}

.rtl.background .background_sign {
    right: auto;
    left: 8px;
}

.photo .background_sign {
    position: relative;
    bottom: unset;
    right: unset;
    width: 100%;
    align-items: flex-end;
}

.bs_box {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.first_label {
    margin: 0 0 4px 0;
    font-weight: 700;
}

.second_label {
    font-size: 13px;
}

.dark .second_label,
.dark .first_label {
    color: var(--text-inverse);
}

/* --- Template 2:  Contacts + Photo --- */
.contact_us.photo {
    padding: 32px 0;
}

.contact_us.photo .description {
    width: 100%;
}

.cb_poto {
    display: flex;
    flex-direction: column;
    margin: 24px 0 0 0;
}

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

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

.contact_us.photo .background_sign {
    margin: 8px 0 0 0;
}

.photo .bs_box {
    align-items: flex-end;
}

/* --- Template 3:  Feedback + Background --- */
.for_feed.background {
    padding-bottom: 130%;
}

.rtl.for_feed.contact_us.background .centre {
    align-items: unset;
}

.rtl.for_feed.contact_us.background .title_wrap {
    justify-content: flex-start;
}

.for_feed.background .description {
    width: 100%;
}

.rtl.for_feed.contact_us.background .title_wrap .main_title,
.rtl.for_feed.background .description {
    text-align: left;
}

.for_feed .feed_box {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
}

.for_feed.background .feed_box Input,
.for_feed.background .feed_box Textarea {
    background-color: var(--white-opacity);
    color: var(--text);
    border-color: var(--border-opacity);
}

.for_feed.background.dark .feed_box Input,
.for_feed.background.dark .feed_box Textarea {
    background-color: var(--white-opacity-lighter);
    color: var(--text-inverse);
    border-color: var(--border-opacity-lighter);
}

.for_feed .for_send {
    justify-content: space-between;
    margin: 0;
}

.for_feed .politics_box {
    font-size: 10px;
    padding: 0 8px 0 0;
    max-width: 220px;
}

.dark.for_feed .politics_box {
    color: var(--text-light);
}

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

.for_feed.background .tile_background Img {
    object-position: bottom;
}

.for_feed.background .background_sign {
    margin: 0;
}

/* --- Template 4:  Contacts + Feedback --- */
.contact_us.for_feed .description {
    width: 100%;
}

.contact_us.for_feed .contact_box {
    margin: 0 0 24px 0;
}

.contact_us.for_feed .cb_poto {
    margin: 0 0 16px 0;
}

.contact_us.for_feed .cb_photo_box {
    margin: 0 0 8px 0;
}

.contact_us.for_feed .cb_poto .description {
    margin: 0;
}

.contact_us.for_feed.dark .feed_box Input,
.contact_us.for_feed.dark .feed_box Textarea {
    background-color: var(--white-opacity-lighter);
    color: var(--text-inverse);
    border-color: var(--border-opacity-lighter);
}

.contact_us.for_feed.dark .long_div Label,
.contact_us.for_feed.dark .politics_box {
    color: var(--border-opacity);
}

/* --- Popup for Google Map:  Contacts & Feedback --- */
.for_map_box {
    display: flex;
    width: 100%;
    height: 450px;
}

.for_map_box Iframe {
    width: 100%;
    height: 100%;
}

/* Stores on Google Map */
.stores {
    display: flex;
    flex-direction: column;
    margin-bottom: 32px;
}

.stores .title_wrap {
    padding: 0 16px;
    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 16px;
}

.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;
    border-radius: 16px;
    transition: .3s;
}

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

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

.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.instagram {
    position: relative;
    width: 24px;
    height: 24px;
}

.socials_row A.instagram .not_hover,
.socials_row A .hover,
.for_socs A.instagram .not_hover,
.for_socs A .hover {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: auto;
    height: auto;
    transition: .3s;
}

.socials_row A.instagram .hover,
.for_socs A.instagram .hover {
    opacity: 0;
}

.socials_row A.instagram:not_hover .hover,
.for_socs A.instagram:not_hover .hover {
    opacity: 0;
}

.socials_row A.instagram svg {
    margin: -4px 0 0 -4px;
}

.socials_row A.instagram.tiktok svg {
    margin: -2px 0 0 -2px;
}

.socials_row A.instagram .not_hover svg,
.for_socs 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;
}

/* --- Page UP - button --- */
.page_up {
    display: none;
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 64px;
    right: 8px;
    background: var(--main-color);
    border-radius: var(--border-radius);
    visibility: hidden;
    opacity: 0;
    transition: .3s;
    z-index: 9;
}

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

/* --- 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: 99;
    animation: jump 1s ease-in 1s both;
}

.cook_text {
    margin: 0 0 16px 0;
    color: var(--text);
}

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

.cookies .btn {
    width: 100%;
    height: max-content;
}

@keyframes jump {
    0% {
        bottom: -200px;
    }

    100% {
        bottom: 16px;
    }
}

/* --- SITE HEADER --- */

.site_header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 11;
    background-color: var(--base-color-1);
    border-bottom: 1px solid #F1F1F1;
}

.site_header .top {
    display: none;
}

.site_header .bottom {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 12px 0;
}

.site_header .bottom .centre {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.header_logo {
    flex: 0 0 138px;
    display: block;
    margin: 0 auto 0 0;
    height: auto;
    cursor: pointer;
}

.header_logo img {
    display: block;
    width: 100%;
    height: auto;
}

.header-top_menu {
    display: none;
}

.site_header .bottom .header_call-back {
    display: none;
}

.messengers_list {
    position: fixed;
    bottom: 60px;
    right: 16px;
    z-index: 12;
}

.messengers_open-btn {
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    background-color: var(--base-color-1);
    border-radius: 44px;
    border: none;
    box-shadow: var(--shadow);
    cursor: pointer;
    transition: 0.3s;
    position: relative;
}

.messengers_open-btn:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #6891a2;
    border-radius: 50%;
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: .8
    }

    100% {
        -webkit-transform: scale(1.8);
        -o-transform: scale(1.8);
        transform: scale(1.8);
        opacity: 0
    }
}

.messengers_open-btn .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 26px;
    height: 26px;
    fill: var(--accent-color-1);
    transition: 0.3s;
}

.messengers_list.active .messengers_open-btn .icon.message {
    opacity: 0;
}

.messengers_list .messengers_open-btn .icon.close {
    opacity: 0;
    width: 24px;
    height: 24px;
}

.messengers_list.active .messengers_open-btn .icon.close {
    opacity: 1;
}

.messengers_list ul {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: absolute;
    bottom: calc(100% + 10px);
    right: 5px;
    width: auto;
    padding: 0;
    border-radius: var(--border-radius);
    background-color: transparent;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}

.messengers_list.active ul {
    opacity: 1;
    visibility: visible;
}

.messengers_list li a {
    color: var(--base-color-1);
    text-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    font-size: 0;
    text-decoration: none;
    display: flex;
    align-items: center;
    padding: 5px 0;
    transition: 0.3s;
}

.messengers_list li .icon {
    width: 26px;
    height: 26px;
    fill: var(--base-color-1);
}

.messengers_list li i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    transition: 0.3s;
    background-color: transparent;
}

.messengers_list li i.viber {
    background-color: var(--viber)
}

.messengers_list li i.telegram {
    background-color: var(--telegram);
}


/* --- SITE FOOTER --- */

.site_footer {
    color: var(--base-color-1);
    background-color: var(--base-color-3);
    padding: 40px 0;
    z-index: 1;
}

.site_footer .centre {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer_logo {
    display: block;
    margin-bottom: 8px;
    width: 206px;
    height: auto;
}

.footer_logo img {
    display: block;
    width: 100%;
    height: auto;
}

.site_footer .centre > .col:nth-child(2) {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer_menu {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer_menu a {
    text-decoration: none;
    font-size: 18px;
    color: var(--base-color-1);
    display: flex;
    align-items: center;
    padding: 8px 0;
    transition: 0.3s;
}

.footer-contacts {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer-contacts .contact_item {
    text-decoration: none;
    font-style: normal;
    font-size: 18px;
    color: var(--base-color-1);
    display: flex;
    align-items: center;
    padding: 8px 0;
    transition: 0.3s;
}

.footer-contacts .contact_item .icon {
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    fill: var(--base-color-1);
}

.footer_contacts-icon {
    display: flex;
    flex-wrap: wrap;
}

.footer_contacts-icon .icon_contact {
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 40px;
    height: 40px;
}

.footer_contacts-icon .icon_contact .icon {
    fill: var(--base-color-1);
    width: 24px;
    height: 24px;
    transition: 0.3s;
}

/* --- CATEGORIES COMPONENT --- */

.categories_component {
    margin-bottom: var(--bottom-gap);
    padding-top: 24px;
}

.categories_component .centre {
    display: flex;
    flex-direction: column;
}

.categories_component .H1 {
    margin-bottom: 14px;
    text-align: center;
}

.categories_component .H3 {
    font-size: 18px;
    text-align: center;
}

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

.category_video {
    display: block;
    margin: 0 auto -100px auto;
    width: auto;
    height: auto;
    max-width: 100%;
    background-color: transparent;
    position: relative;
}

.category_video video {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
}

.category_video::before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.categories_box {
    /* display: grid;
    grid-template-columns: 1fr;
    gap: 8px; */
    display: flex;
    flex-direction: column;
    z-index: 1;
    position: relative;
}

.category_item {
    text-decoration: none;
    color: var(--text);
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
    padding: 8px 20px;
    min-height: 70px;
    background-color: var(--base-color-1);
    border: 1px solid var(--accent-color-1);
    border-radius: 16px;
    box-shadow: var(--shadow);
    transition: 0.3s;
    order: 100;
}

/* --- column 1 --- */
.category_item:nth-child(1) {
    order: 1;
}

.category_item:nth-child(3) {
    order: 2;
} 

.category_item:nth-child(5) {
    order: 3;
} 
.category_item:nth-child(7) {
    order: 4;
} 

/* --- column 1 end --- */

/* --- column 2 --- */

.category_item:nth-child(2) {
    order: 51;
} 

.category_item:nth-child(4) {
    order: 52;
} 

.category_item:nth-child(6) {
    order: 53;
} 

/* --- column 2 end --- */

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

.contact_article-desk {
    display: none;
}

.contact_article img {
    margin: 0 !important;
    height: auto !important;
}

.contact_article-link {
    font-size: 18px;
    color: var(--accent-color-1);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin: 0 auto 24px auto;
}

.contact_article-link .icon {
    fill: var(--accent-color-1);
    width: 20px;
    height: 20px;
    margin: 0 0 0 8px;
    transition: 0.3;
}

.contact_article-list {
    display: grid;
    gap: 16px;
    padding: 0;
    list-style: none;
}

.contact_article-list li {
    font-size: 18px;
    padding: 4px 8px 4px 30px;
    position: relative;
}

.contact_article-list li::before {
    content: "";
    width: 14px;
    height: 14px;
    background-color: var(--accent-color-1);
    border-radius: 2px;
    position: absolute;
    top: 9px;
    left: 0;
}

.contact_article-list li::after {
    content: "";
    width: 9px;
    height: 6px;
    border-bottom: 2px solid var(--white);
    border-left: 2px solid var(--white);
    position: absolute;
    top: 11px;
    left: 2px;
    transform: rotate(-45deg);
}