:root {
    --design-color-1: #1F2125;
    --design-color-2: #F9F7EE;
    --design-color-3: #cdcbcc;
    --design-color-4: #36393F;
    --design-color-5: #4A4E58;
    --design-color-6: #e5e5e5;

    --base-color-1: #F9F7EE;
    --base-color-2: #cdcbcc;
    --base-color-3: #36383E;
    --base-color-4: #000000;
    --base-color-5: #1B1B1C;
    --base-color-6: #969696;


    --accent-color-1: #21ADE4;
    --accent-color-2: #FF9D00;
    --accent-color-3: #06B72D;

    --shadow: 0px 4px 25px 0px #0000001F;
    --accent-shadow: 0px 4px 25px 0px #0000004f;
    --shadow-card: 0 0 9px 3px #2c2e33;

    /* --- Backgrounds --- */
    --site-bg: #1F2125;

    --main-color: #F9F7EE;
    --main-color-light: #36383E;
    --main-color-lighter: #4A4E58;
    --sub-color: #36383E;
    --sub-color-light: #4A4E58;

    --footer-bg: #1F2125;

    /* --- Texts --- */
    --text: #ffffff;
    --text-inverse: #000000;
    --text-error: #f01818;
    --text-error-hover: #a61212;
    --text-light: #cdcbcc;

    /* --- Buttons --- */
    --btn-bg: #F9F7EE;
    --btn-bg-hover: #F9F7EE;

    /* --- Links --- */
    --link: #F9F7EE;
    --link-hover: #cdcbcc;

    /* --- Icons (SVG) --- */
    --icon-color: #F9F7EE;
    --icon-color-gray: #4A4E58;
    --icon-color-hover: #cdcbcc;

    /* --- Borders --- */
    --border-color: #F9F7EE;
    --border-like-etse: #36383e;
    --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: #675da9;
    --telegram: #0088cc;
    --whatsapp: #26d266;
    --facebook: #1877F2;
    --twitter: #0f1419;
    --youtube: #f00;
    --pinterest: #e60023;
    --instagram: #f7085c;

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

    /* --- Content width & Margin --- */
    --content-width: 1676px;
    --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: 26px;
    --h2: 24px;
    --h3: 19px;
    --h4: 18px;
    --h5: 16px;

    --bottom-gap: 40px;
    --cubic-bezier: cubic-bezier(.15,0,.4,1);
}

span, div, p {-webkit-text-decoration-skip:objects;}

@font-face {
	font-family:'Helvetica Neue';
	src:url('./../fonts/HelveticaNeue-Light.woff2') format('woff2');
	font-weight:300;
	font-style:normal;
	font-display:swap;
}
@font-face {
	font-family:'Helvetica Neue';
	src:url('./../fonts/HelveticaNeue-Roman.woff2') format('woff2');
	font-weight:400;
	font-style:normal;
	font-display:swap;
}
@font-face {
	font-family:'Helvetica Neue';
	src:url('./../fonts/HelveticaNeue-Medium.woff2') format('woff2');
	font-weight:500;
	font-style:normal;
	font-display:swap;
}
@font-face {
	font-family:'Helvetica Neue';
	src:url('./../fonts/HelveticaNeue-Bold.woff2') format('woff2');
	font-weight:700;
	font-style:normal;
	font-display:swap;
}

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

HTML {
    height: 100%;
}

Body {
    font-family: 'Helvetica Neue', sans-serif;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 300;
    color: var(--text);
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    padding-top: 120px;
    min-width: 360px;
    background: var(--design-color-1);
}

Body.main_page {
    padding-top: 116px;
}

Body.body_overflow {
    overflow: hidden;
}

::-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: 400;
    display: block;
    margin-bottom: calc(var(--h1) / 1.3);
    font-family:'Helvetica Neue', Arial, sans-serif;
}

.H1 {
    font-weight: 300;
}

article h1 {
    margin-bottom: var(--h1);
}

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

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

.H2 {
    font-weight: 300;
}

article h2 {
    margin-bottom: var(--h2);
}

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

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

.H3 {
    font-weight: 300;
}

article h3 {
    margin-bottom: var(--h3);
}

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

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

article h4 {
    margin-bottom: var(--h4);
}

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

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

article h5 {
    margin-bottom: var(--h5);
}

* + 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;
    display: flex;
    border: 1px solid var(--base-color-6);
    /* height: 48px; */
    height: 38px;
    background-color: var(--design-color-1);
    transition: .3s;
}

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

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

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

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

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

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

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

.dropdown.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: 40px;
    right: -1px;
    left: -1px;
    background: var(--design-color-1);
    border: 1px solid var(--border-color);
    z-index: 12;
    margin: 0;
    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: 14px;
    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;
}

.dropdown .check_item {
    margin-bottom: 0;
}

.dropdown .check_item .name {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.2;
    position: relative;
    display: flex;
    align-items: center;
    min-height: 38px;
    transition: 0.3s;
}

.dropdown .check_item:not(.active):hover .name,
.dropdown .check_item.active .name {
    background: var(--design-color-2);
    color: var(--design-color-1);
}

.fil_group .dropdown .check_item.active .name {background: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(--design-color-3);
    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(--design-color-3);
    border-radius: var(--border-radius);
    z-index: 1;
}

.noUi-handle {
    height: 24px;
    width: var(--slider-handle-width);
    background: var(--design-color-3);
    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(--design-color-3);
    z-index: 3;
}

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

.check_item {
    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: 18px;
    line-height: 1.2;
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 40px;
    min-height: 26px;
}
/* -- checkbox -- */
.check_item .check_body::before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    border: 1px solid var(--design-color-2);
    border-radius: 2px;
    position: absolute;
    top: 4px;
    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(--design-color-2);
    border-color: var(--design-color-2);    
}

.check_item .check_body::after {
    content: "";
    width: 9px;
    height: 5px;
    display: block;
    border-left: 2px solid var(--design-color-1);
    border-bottom: 2px solid var(--design-color-1);
    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;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

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

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

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

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

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

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

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

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

.slick-slide Img {
    display: block;
}

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

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

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

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

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

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

/* --- Main template styles --- */
/* --- If One Col --- */
.main_col {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

/* --- Article Preview --- */
.article_place {
    margin-bottom: 60px;
}

.article_place > article {
    padding: 16px;
    background-color: var(--design-color-4);
}

Article {
    margin: 0;
}

.article_close {
    display: none;
}

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

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

Article A {
    color: #b5edf0;
    transition: .3s;
}

Article A:not([class]) span {
    color: #b5edf0 !important;
}

Article UL {
    list-style: disc;
    margin: 0 0 24px 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(--text);
    font-size: 18px;
    font-weight: 700;
}

Article UL LI::marker {
    font-size: 12px;
}

Article UL li + li {
    margin-top: 16px;
}

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;
    overflow-y: auto;
}

Article .table Table {
    border-collapse: collapse;
    border: 1px solid var(--white);
    border-style: solid;
    max-width: 100%;
    overflow: hidden;
    table-layout: fixed;
}

Article .table Table TH {
    background: var(--white);
    color: var(--text-inverse);
    padding: 12px 8px;
    font-weight: 500;
    text-align: left;
    border: none;
}

Article .table Table TH + TH {
    border-left: 1px solid var(--site-bg);
}


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

Article .table Table TR:nth-child(odd) TD {
}

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;
    width: auto;
    max-width: 100%;
    height: auto;
}

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 strong {
    font-weight: 700;
}

.article_place.seo {
    order: 33;
}

/* --- Input & Textarea - Common styles --- */
Input,
Select {
    font-size: 16px;
    /* height: 48px; */
    height: 38px;
    border: none;
    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 {
    color: var(--design-color-2);
    font-size: 14px;
    width: 100%;
    background-color: var(--design-color-1);
    border: 1px solid var(--base-color-6);
    transition: border 0.3s;
    border-radius:0;
}

Input[type=text]:-webkit-autofill,
Input[type=password]:-webkit-autofill,
Input[type=email]:-webkit-autofill,
Input[type=tel]:-webkit-autofill,
Input[type=number]:-webkit-autofill,
Input[type=search]:-webkit-autofill {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    box-shadow: 0 0 0 1000px var(--design-color-1) inset !important;
    -webkit-box-shadow: 0 0 0 1000px var(--design-color-1) inset !important;
    -webkit-text-fill-color: var(--design-color-2) !important;
}

@supports (-webkit-touch-callout: none) {
    input,
    textarea,
    select {
        font-size: 16px;
    }
}

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(--design-color-3) !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;
    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: 506px;
    background: var(--design-color-4);
    padding: 20px;
    border-radius: 0;
    z-index: 13;
    border: 1px solid var(--border-color);
    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 .H5 {
    text-align: center;
}

.popup .H3 {
    padding: 20px;
    width: calc(100% + 40px);
    margin: -20px -20px 20px -20px;
    border-bottom: 1px solid var(--border-color)
}

.popup Input[type=text], 
.popup Input[type=password], 
.popup Input[type=email], 
.popup Input[type=tel], 
.popup Input[type=number], 
.popup Input[type=search], 
.popup Textarea, 
.popup Select {
    background-color: var(--design-color-4);
}

.popup .dropdown {
    background-color: var(--design-color-4);
}

.popup .btn {
    width: 100%;
}

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

.popup_top-icon i,
.success_top i {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 14px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: var(--design-color-2);
}

.popup_top-icon i .icon,
.success_top i .icon {
    width: 20px;
    height: 20px;
    fill: var(--design-color-4);
}

.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;
    border: none;
    width: 120px;
    height: 120px;
}

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

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

/* --- 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 26px 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: 16px;
    margin: 0 0 2px 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: 400;
    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: 16px;
    font-weight: 500;
    text-decoration: none;
    color: var(--design-color-1);
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    width: max-content;
    background: var(--design-color-6);
    padding: 4px 24px;
    position: relative;
    border: none;
    border: 1px solid var(--design-color-6);
    transition: .3s;
}

.btn .icon {
    fill: var(--design-color-1);
    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(--design-color-6);
    border: 1px solid var(--base-color-6);
}

.btn.outline .icon {
    fill: var(--design-color-6);
}

.btn.bark {
    color: var(--design-color-6);
    background-color: var(--design-color-1);
    border-color: var(--design-color-1);
}

.btn.bark .icon {
    fill: var(--design-color-6);
}

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

.site_header .bottom .shopping_cart {
    display: none;
}

/* --- main search panel --- */
.header_bottom-inner {
    order: 1;
    display: flex;
    opacity:0;
    pointer-events:none;
    align-items: center;
    padding: 0 16px;
    height: 56px;
    margin: 0;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--design-color-4);
    z-index: 1; transition:.3s;
}

.header_bottom-inner.active {
    opacity:1; pointer-events:auto;
}

.header_bottom-inner input {
    background-color: var(--design-color-4);
}

.header_bottom-inner .close_search-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background-color: transparent;
    border: none;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
}

.header_bottom-inner .close_search-btn .icon {
    fill: var(--base-color-1);
    width: 16px;
    height: 16px;
}

.search_wrap {
    position: relative;
    width: 100%;
    margin: 0;
}

.search_wrap Input {
    color: var(--white);
    font-size: 16px;
    width: 100%;
    padding: 0 40px 0 8px;
    height: 42px;
    border: 1px solid var(--base-color-6);
    border-radius: 0;
}

.search_wrap Input::placeholder {
    color: var(--design-color-2);
    opacity: 0.5;
}

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

.search_wrap A.clear {
    display: block;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 30px;
    height: 30px;
    opacity: 1;
    visibility: visible;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
}

.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: 15px;
    left: 9px;
    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;
    right: 0;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border-radius: 0;
    transition: .3s;
}

.search_wrap .search_btn .icon {
    margin: 0;
    width: 22px;
    height: 22px;
    fill: var(--design-color-2);
    transition: 0.3s;
}

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

.main_header .search_btn Span {
    display: none;
}

.btn_header.search_mob-btn .icon {
    width: 18px;
    height: 18px;
}

.header_languages {
    position: relative;
    margin-left: 4px;
    order: 1;
}

.btn_header-wishes {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 4px;
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    transition: .3s;
    position: relative;
    text-decoration: none;
}

.btn_header-wishes .icon {
    fill: var(--text);
    transition: 0.3s;
    width: 18px;
    height: 18px;
}

.btn_header-wishes .icon .border {
    fill: var(--text);
}

.btn_header-wishes .icon .center {
    fill: transparent;
}

.btn_header-wishes .coutner {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 16px;
    height: 16px;
    border-radius: 8px;
    font-size: 12px;
    line-height: 1;
    background: var(--text);
    padding: 2px;
    transition: 0.3s;   
}

.selected_lang {
    text-transform: uppercase;
    color: var(--text);
    font-size: 16px;
    padding: 2px 20px 2px 4px;
    background-color: transparent;
    border: none;
    position: relative;
    outline: none;
    transition: 0.3s;
    cursor: pointer;
}

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

.selected_lang::before {
    transform: translateY(-50%) rotate(-40deg);
}

.selected_lang::after {
    transform: translateY(-50%) rotate(40deg);
}

.header_languages.active .selected_lang::before {
    transform-origin: top;
    transform: translateY(-50%) rotate(40deg);
}

.header_languages.active .selected_lang::after {
    transform-origin: top;
    transform: translateY(-50%) rotate(-40deg);
}

.header_languages .lang_list {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 4px 0;
    background-color: var(--design-color-4);
    border: 1px solid var(--border-color);
    position: absolute;
    top: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 13;
    transition: 0.3s;
}

.header_languages.active .lang_list {
    opacity: 1;
    visibility: visible;
}

.header_languages .lang_list a {
    text-decoration: none;
    text-transform: uppercase;
    color: var(--design-color-2);
    font-size: 16px;
    text-align: center;
    display: block;
    width: 100%;
    transition: 0.3s;
}

.header_languages .lang_list a.active {
    display: none;
}

/* --- search popup --- */
.search_popup {
    position: absolute;
    top: calc(100% + -1px);
    left: 0;
    width: 100%;
    max-height: 300px;
    display: flex;
    flex-direction: column;
    background: var(--design-color-4);
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    border: 1px solid var(--border-color);
    overflow-y: auto;
}

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

.search_popup UL {
    display: flex;
    flex-direction: column;
}

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

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

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

.search_popup LI.result_li.all {
    position: sticky;
    bottom: 0;
}

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

.search_popup A.one_result {
    font-size: 14px;
    padding: 6px;
    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: 30px;
    height: 30px;
    margin: 0 8px 0 0;
}

.search_popup LI.all A.one_result {
    background:var(--icon-color-gray);
    padding: 10px 6px;
}

.search_popup LI.all A.one_result .res_txt {
    text-align:center;
}

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

.search_popup .res_txt Span {
    font-weight: bold;
    color: var(--design-color-2);
    transition: 0.3s;
}

.search_popup A.one_result.category {
    display: none;
    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: 4px;
    flex: 0 0 36px;
    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_menu.btn_header {
    margin-right: -6px;
}

.btn_header .icon {
    fill: var(--text);
    transition: 0.3s;
    width: 22px;
    height: 22px;
}

.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(--design-color-1);
    position: absolute;
    top: 0;
    right: 0;
    min-width: 16px;
    height: 16px;
    border-radius: 8px;
    font-size: 10px;
    background: var(--text);
    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: 0;
    right: -100%;
    display: flex;
    flex-direction: column;
    padding: 48px 16px 16px 32px;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    width: calc(100% - 56px);
    background: var(--design-color-4);
    border-left: 1px solid #AFAFAF;
    z-index: 13;
    transition: right .75s var(--cubic-bezier);
}

.menu_header.active {
    right: 0;
}

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

.menu_header .instagram .icon {
    width:17px;
    height:17px;
    position:relative;
    top:1px;
}

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

.close-mob_menu {
    position: fixed;
    top: 10px;
    right: -100%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background-color: transparent;
    border: none;
    transition: right .90s var(--cubic-bezier);
}

.menu_header.active .close-mob_menu {
    right: 10px;
}

.close-mob_menu .icon {
    margin: 0;
    fill: var(--white);
}

.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(--design-color-2);
    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;
    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 li:nth-child(1) {
    display: none;
}

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

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

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

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

.mob-top_menu {
    margin-bottom:32px;
    padding:8px 0 0 0;
    display: flex;
    flex-direction: column;
    position:relative;;
}

.mob-top_menu::before {content:''; position:absolute; top:0; left:0; width:calc(100% + 48px); margin:0 0 0 -32px; height:1px; background:var(--design-color-3);}

.mob-top_menu li {
    display: flex;
    overflow:hidden;
}

.mob-top_menu a {
    font-style: normal;
    text-decoration: none;
    font-size: 18px;
    color: var(--text);
    display: flex;
    align-items: center;
    padding: 8px 0;
    width: 100%;

    opacity: 0;
    transform: translate3d(0, 100%, 0) rotate(6deg); /* трохи менший зсув */
    transition: opacity 0.35s ease, transform 0.35s ease;
}

/* активні лінки */
.active .mob-top_menu a {
    opacity: 1;
    transform: translate3d(0, 0, 0) rotate(0deg);
}

/* каскад анімації — стартує разом із меню, але по черзі */
.active .mob-top_menu li:nth-child(1) a { transition-delay: 0.25s; }
.active .mob-top_menu li:nth-child(2) a { transition-delay: 0.32s; }
.active .mob-top_menu li:nth-child(3) a { transition-delay: 0.39s; }
.active .mob-top_menu li:nth-child(4) a { transition-delay: 0.46s; }
.active .mob-top_menu li:nth-child(5) a { transition-delay: 0.53s; }
.active .mob-top_menu li:nth-child(6) a { transition-delay: 0.60s; }
.active .mob-top_menu li:nth-child(7) a { transition-delay: 0.67s; }
.active .mob-top_menu li:nth-child(8) a { transition-delay: 0.74s; }

.mob_menu-contacts {
    margin-bottom: 0;
    opacity:0;
    transition:.6s;
}

.mob_contacts-icon {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    opacity:0;
    transition:.6s;
}

.active .mob_menu-contacts, .active .mob_contacts-icon {opacity:1; transition-delay:.5s;}

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

.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 {
    width: 100%;
    margin: 8px auto var(--bottom-gap) auto;
    position:relative;;
}

.main_slider {
    padding-bottom: 64px;
}

/* .main_slider_container.centre {padding:0;} */

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

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

.main_slider_item {display:none;}
.main_slider_item:first-child {display:block;}

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

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

.main_slider:not(.slick-initialized) .main_slider_item {display:none;}
.main_slider:not(.slick-initialized) .main_slider_item:first-child {display:block;}

.main_slider .slick-track {
    min-width: 100%;
}

/* .main_slider .slick-track LI {margin:0 8px;} */

.main_slider picture {
    display: block;
    width: 100%;
    height: auto;
}

.main_slider picture img {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    transform: none;
}

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

.main_slider_container .slick-dots {
    display: flex;
    justify-content: center;
    margin-top: 32px;
}

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

.main_slider_container .slick-dots Button {
    font-size: 0;
    padding: 0;
    background: transparent;
    border: none;
    width: 22px;
    height: 12px;
    border-radius: 0;
    position: relative;
    cursor: pointer;
    transition:.3s;
    overflow: hidden;
}

.main_slider_container .slick-dots button::before {
    content: "";
    width: 100%;
    height: 3px;
    background: var(--white);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    border-radius: 3px;
    opacity: 0.4;
    transition:.3s;
}

.main_slider_container .slick-dots button::after {
    content: "";
    width: 100%;
    height: 3px;
    background: var(--white);
    position: absolute;
    top: 50%;
    left: -100%;
    transform: translateY(-50%);
    border-radius: 3px;
    opacity: 1;
}

@keyframes slideLine {
    from {
        left: -100%;
        opacity: 1;
    }
    to {
        left: 0;
        opacity: 1;
    }
}

.main_slider_container .slick-dots LI.slick-active Button::after {
    animation: slideLine 8s linear forwards;
}


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

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

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

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

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

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

.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: 16px;
    right: 10px;
    z-index: 10;
}

.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: 114px;
    right: 0;
    background: var(--design-color-4);
    z-index: 9;
    min-width: 309px;
    width: 95%;
    max-width: 478px;
    height: calc(100% - 114px);
    border-radius: 0;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--base-color-6);
    border-right: none;
    padding: 20px;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transform: translateX(100%);
    transition: transform .75s var(--cubic-bezier), opacity .75s var(--cubic-bezier), visibility .75s var(--cubic-bezier);}

.header_cart.active {
    opacity: 1;
    visibility: visible;
    overflow: auto;
    transform: translateX(0);
}

.close-header_cart {
    left: 2px;
    top: 2px;
}

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

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

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

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

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

.added_goods {
    display: flex;
    align-items: center;
    padding: 16px 40px 16px 16px;
    margin: 0;
    position: relative;
    border-bottom: 1px solid var(--base-color-6);
}

.added_goods A.delete_product {
    right: 16px;
}

.added_goods A.delete_product .icon {
    fill: var(--design-color-2)
}

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

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

.product_body .item_text {
    margin-bottom: 0;
}

.product_body .name {
    font-size: 16px;
    color: #AFAFAF;
    margin-bottom: 4px;
}

.product_body .collection {
    font-size: 16px;
    line-height: 1.2;
    color: var(--text);
    text-decoration: none;
}


.cart_box .product_body .collection {
    display: none;
}

.product_body .it_title {margin:0 0 4px 0;}

.product_body A.item_link {
    font-weight: 300;
}

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

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 16px 0 0;
    flex-shrink: 0;
    width: 136px;
    height: auto;
    aspect-ratio: 1 / 1;
    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;
}

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

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

.item_code {
    font-size: 16px;
    line-height: 1.2;
    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 {
    display: flex;
    width: max-content;
    margin: 0 0 6px 0;
    font-size: 14px;
}

.added_goods_ignore .counter_panel {
    border: none;
}

.counter_panel A {
    font-size: 0;
    padding: 0;
    width: 24px;
    height: 24px;
    background-color: transparent;
    border: 1px solid var(--design-color-6);
    border-radius: 0;
    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(--design-color-6);
}

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

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

.cart_box .price_box {
    margin-bottom: 0;
}

.cart_box .one_item-box b {
    font-weight: 300;
    color: var(--white);
    font-size:13px;
}

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

.total_sum {
    font-size: 14px;
}

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

.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 {
    width: calc(100% + 40px);
    margin: 0 -20px -20px -20px;
    padding: 20px;
    background-color: var(--design-color-4);
    border-top: 1px solid var(--base-color-6);
}

.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;
    line-height: 1.2;
    padding: 14px 0;
}

.all_sum {
    padding: 0 0 24px 0;
}

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

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

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

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

.all_sum div span,
.all_sum div small {
    font-size: 16px;
    font-weight: 400;
}

.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;
    align-items: center;
    width: 100%;
}

.cart_btn-wrap .btn {
    font-size: 16px;
    /* flex: 0 0 calc(50% - 8px) */
    width: 100%;
    padding: 4px;
}

.cart_btn-wrap .btn + .btn {
    margin-bottom: 16px;
    order: -1;
}

.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);
    box-shadow: var(--shadow);
    padding: 4px;
    width: calc(50% - 8px);
    margin: 0 0 8px 8px;
    text-decoration: none;
    overflow: hidden;
    transition: .3s;
}

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

.category_image::before {
    content: "";
    width: 100%;
    height: 0;
    padding-bottom: 133.33%;
    position: relative;
}

.category_image Img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    object-fit: contain;
    object-position: bottom;
    transition: 0.3s;
}

.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(--site-bg);
    border: 1px solid var(--border-like-etse);
}

.row_list .category_image {
    margin: 0 16px 0 0;
    width: 120px;
    height: 120px;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    overflow: hidden;
}

.row_list .category_image Img {
    bottom: auto;
    top: 50%;
    transform: translate(-50%, -50%);
}

.row_list .cat_title {
    width: 100%;
    align-items: center;
    height: 100%;
}

.title_box {
    display: flex;
    flex-direction: column-reverse;
    width: auto;
}

.cat_sub_title {
    border-bottom: 1px solid var(--border-like-etse);
    padding: 0 16px 8px 16px;
    margin: 0 0 8px 0;
}

/* --- 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;
    background-color: var(--site-bg);
    border: 1px solid var(--border-color);
}

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

.list_info .category_image img {
    bottom: auto;
    top: 50%;
    transform: translate(-50%, -50%);
}

.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, var(--site-bg) 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: 22px;
}

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

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

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

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

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

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

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

.product_slider .product_inner.slick-initialized {
    margin-top: -52px;
    margin-bottom: -10px;
}

.product_slider .slick-arrow {
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 50%;
    background-color: transparent;
    top: 0;
    transform: none;
    box-shadow: none;
}

.product_slider .slick-arrow::before {
    content: "";
    display: block;
    width: 10px;
    height: 1px;
    top: 50%;
    left: 50%;
    position: absolute;
    right: auto;
    bottom: auto;
    transform-origin: right;
    transform: translate(-50%, -50%) rotate(-45deg);
    background-color: var(--design-color-2);
    transition: 0.3s;
}

.product_slider .slick-arrow::after {
    content: "";
    display: block;
    width: 10px;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    transform-origin: right;
    transform: translate(-50%, -50%) rotate(45deg);
    background-color: var(--design-color-2);
    transition: 0.3s;
}

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

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

.product_slider .slick-arrow:hover {
    background-color: transparent;
}
.product_slider .slick-arrow:not(.slick-disabled):hover {
    opacity: 0.7;
}

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

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

.product_inner .slick-list {
    padding-top: 42px;
    /* padding-bottom: 80px; */
}

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

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

.product_inner .one_good {
    flex: 0 0 270px;

}

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

.product_grid > UL .one_good {
    flex: 0 0 calc((100% / 2) - (16px / 2));
    margin-bottom: 16px;
}

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

.product_grid > UL .one_good:nth-child(2n + 2) {
    margin-right: 0;
}

.product_grid > UL .one_good {
    display: none;
}

.product_grid > UL .one_good:nth-child(1),
.product_grid > UL .one_good:nth-child(2),
.product_grid > UL .one_good:nth-child(3),
.product_grid > UL .one_good:nth-child(4) {
    display: flex;
}

.product_grid.all > UL .one_good {
    display: flex;
}

/* --- 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;
    border-radius: 8px;
    transition: 0.3s;
}

.one_tile .box {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    text-decoration: none;
    padding: 8px;
    border: 1px solid var(--base-color-6);
    background-color: var(--site-bg);
    overflow: hidden;
}

.tile_image {
    display: flex;
    align-items: center;
    width: calc(100% + 16px);
    height: auto;
    object-fit: contain;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    margin: -8px -8px 8px -8px;
}

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

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

.collection_title {
    display: none;
}

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

.collection_code {
    display: none;
}

.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;
    border: 1px solid var(--border-color);
    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;
    width: 100%;
}

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

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

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

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

.product_wrap .one_good .photo_wrap {
    width: calc(100% + 16px);
    margin: -16px -8px 12px -8px;
}

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

.product_wrap .product_collection .title {
    margin-bottom: 0;
}

.one_good .product_collection .value {
    color: var(--white);
    text-decoration: none;
    transition: 0.3s;
    width: fit-content;
    max-width: 100%;
}

.one_good .product_collection .value:hover {
    color: var(--design-color-3);
}

.product_wrap .product_collection {
    margin-bottom: 6px;
    display: none;
}

.product_wrap .product_row_price {
    flex: 0 1 auto;
    padding-left: 0;
    text-align: start;
}

.product_wrap .product_row_price .title {
    margin-bottom: 0;
    margin-right: 12px;
}

.product_wrap .one_good .price_wrap {
    justify-content: flex-start;
}

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

.one_good {
    display: flex;
    flex-direction: column;
    padding: 16px 16px 8px 16px;
    width: 50%;
    position: relative;
    border: 1px solid var(--border-like-etse);
    box-shadow: 0 0 9px 3px #2c2e3300;
    border-radius: 0;
    transition:.3s;
}

.product_wrap .one_good {
    opacity: 0;
    transform: translate(0, 50px) scale(0.9);
    will-change: transform, opacity;
    transition:
        opacity 0.8s cubic-bezier(0.2, 0, 0.2, 1),
        transform 0.8s cubic-bezier(0.2, 0, 0.2, 1);
    transition-delay: var(--anim-delay, 0ms);
}

.product_wrap .one_good.animated {
    opacity: 1;
    transform: translate(0, 0) scale(1);
}

.product_wrap .one_good:nth-child(2n+1) { --anim-delay: 0ms; }
.product_wrap .one_good:nth-child(2n+2) { --anim-delay: 100ms; }

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

.product_top-row {
    position: relative;
}

.product_top-row .code {
    font-size: 18px;
    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;
    align-items: flex-end;
    position: absolute;
    top: -9px;
    right: -1px;
    z-index: 1;
    pointer-events: none;
}

.one_good .status_list {display:none;}

.one_good .status_list Span,
.big_slider-wrap .status_list Span {
    font-size: 10px;
	font-weight: 400;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 3px 4px 2px;
	margin: 0 0 8px 0;
	border-radius: 3px;
    font-family:Arial, serif;
    line-height:11px;
    height:16px;
}

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

.unavailability.one_good .status_list Span,
.unavailability .big_slider-wrap .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;
}

.wishes {
    display: flex;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    transition: 0.3s;
}

.wishes .wish-info {
    white-space: nowrap;
    color: var(--white);
    font-style: normal;
    font-size: 10px;
    font-weight: 500;
    display: block;
    padding: 2px 6px;
    background-color: var(--base-color-6);
    position: absolute;
    left: 50%;
    bottom: calc(100% + 14px);
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}

.wishes .wish-info::before {
    content: "";
    width: 6px;
    height: 6px;
    border-top: 6px solid var(--base-color-6);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.wishes .icon {
    fill: var(--base-color-2);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 0.3s;
}

.wishes .icon.full {
    opacity: 0;
}

.wishes.active .icon.outline {
    opacity: 0;
}

.wishes.active .icon.full {
    opacity: 1;
    fill: var(--white)
}

/* --- Photo - Product --- */
.one_good .photo_wrap {
    position: relative;
    display: block;
    width: calc(100% + 32px);
    margin: -16px 0 12px -16px;
    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;
    transition: 0.3s;
}

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

.product_main {flex:1; display:flex; flex-direction:column; justify-content:space-between;}

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

.availability::before {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: var(--dot-color);
    margin: 0 4px 2px 0;
}

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

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

.availability.not_available {
    color: #a6a6a6;
    border-color: #a6a6a6;
}

.availability span {
    display: flex;
}

.model_btn {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 4px 0 0;
    position: relative;
}

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

.model_btn img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.model_btn span {
    text-align: center;
    font-size: 12px;
    background-color: var(--white);
    color: var(--base-color-5);
    padding: 2px 6px;
    display: block;
    position: absolute;
    bottom: calc(100% + 8px);
    z-index: 2;
    white-space: nowrap;
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}

.model_btn span::before {
    content: "";
    display: block;
    width: 8px;
    height: 4px;
    border-top: 4px solid var(--white);
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
}

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

.one_good .product_name Span {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    line-height: 1.2;
    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;
}

.product_info-row {
    display: flex;
}

.product_collection {
    flex: 1 1 auto;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.product_collection .title {
    font-size: 12px;
    color: #BDBDBD;
    margin-bottom: 0;
}

.product_row_price {
    flex: 0 1 auto;
    display: flex;
    flex-direction: column;
    margin-bottom: 2px;
}

.product_row_price .title {
    font-size: 12px;
    line-height: 1;
    color: #BDBDBD;
    margin-right: 8px;
    white-space: nowrap;
    margin-bottom: 0;
}

.product_row_price .price_wrap {
    font-size: 13px;
}

.one_good .product_row_price .old_price {
    color: #BDBDBD;
    font-size: 11px;
    line-height: 1;
    text-decoration: line-through;
    margin: 0 8px 0 0;
    order: -1;
}

.one_good .product_row_price .main_price {
    font-size: 12px;
    line-height: 1;
    color:var(--base-color-2);
}

.one_good .product_row_price .main_price span {
    font-size: 12px;
}

/* --- 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: row;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    z-index: 2;
}

.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;
    align-items: center;
    margin-top: auto;
}

.one_good .can_buy .btn {
    flex: 0 0 24px;
    font-size: 12px;
    display: flex;
    align-items: center;
    padding: 0;
    width: 24px;
    height: 24px;
    min-height: 24px;
    background-color: transparent;
    border: none;
    overflow: hidden;
}

.one_good .can_buy .btn .icon {
    flex: 0 0 20px;
    height: 20px;
    margin: 0;
    transition: 0.3s;
}

.one_good .can_buy .btn:hover .icon {
    filter: drop-shadow( 0px 0px 3px rgba(255, 255, 255, 0.7));
}

.one_good .can_buy .btn span {
    display: none;
}

.one_good .main_price {
    font-size: 18px;
    line-height: 28px;
}

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

.hidden_options {
    display: none;
    font-size: 16px;
    line-height: 1.5;
    position: absolute;
    top: calc(100% - 20px);
    left: 0;
    padding: 0 20px 5px 20px;
    width: 100%;
    height: 75px;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    transform: translateY(-55%);
}

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

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

.product_col_inner.slick-initialized {
    padding-top: 62px;
    margin-top: -62px;
}

.product_col_inner:not(.slick-initialized) {
    display: flex;
    flex-wrap: wrap;
}

.product_col_inner:not(.slick-initialized) .slide_wrap {
    display: none;
    flex: 0 0 50%;
    max-width: 50%;
}

.product_col_inner:not(.slick-initialized) .slide_wrap:nth-child(1),
.product_col_inner:not(.slick-initialized) .slide_wrap:nth-child(2),
.product_col_inner:not(.slick-initialized) .slide_wrap:nth-child(3),
.product_col_inner:not(.slick-initialized) .slide_wrap:nth-child(4) {
    display: flex;
}

.product_col_inner:not(.slick-initialized) .slide_wrap:nth-child(1),
.product_col_inner:not(.slick-initialized) .slide_wrap:nth-child(2) {
    margin-bottom: 16px;
}

.product_col_inner:not(.slick-initialized) .slide_wrap {
    padding: 0 8px;
}

.product_col_inner.slick-initialized {
    display: flex;
}

.product_col_inner.slick-initialized .slick-list {
    display: flex;
    margin-top: -20px;
}

.product_col_inner.slick-initialized .slick-track {
    display: flex;
    padding-top: 20px;
}

.product_col_inner.slick-initialized .slick-slide {
    display: flex !important;
    flex-direction: column;
}

.product_col_inner .slick-slide > div + div {
    margin-top: 16px;
}

.product_col_inner .slick-slide > div {
    display: flex !important;
    align-items: flex-start;
}

.product_col_inner .slick-slide > div .slide_wrap {
    display: flex !important;
    padding: 0 8px;
    height: auto;
    align-self: stretch;
}

.product_col_inner .one_good {
    margin: 0;
    padding: 16px 8px 8px 8px;
    width: 100%;
    height: auto;
    align-self: stretch;
}

.product_col_inner .one_good .photo_wrap {
    width: calc(100% + 16px);
    margin: -16px -8px 12px -8px;
}

.product_col_inner .one_good .product_name Span {
    -webkit-line-clamp: 1;
}

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

.product_col_inner .product_collection .title {
    margin-bottom: 0;
}

.product_col_inner .product_collection {
    margin-bottom: 6px;
}

.product_col_inner .product_row_price {
    flex: 0 1 auto;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    text-align: start;
}

.product_col_inner .product_row_price .title {
    margin-bottom: 0;
}

.product_col_inner .one_good .price_wrap {
    justify-content: flex-start;
}

.product_slider .btn.go_catalog {
    margin: 22px auto 0 auto;
    width: fit-content;
    max-width: 100%;
}

/* --- 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 {
    font-weight: 300;
    margin: 8px 0 16px 0;
}

.catalog_top-wrap .col:nth-child(2) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 24px;
    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;
    border: 1px solid var(--text);
    transition: 0.3s;
    background:var(--design-color-4);
}

.open-sub_filters:hover,
.open_menu-filter:hover {background-color: var(--design-color-6); color: var(--design-color-1);}

.catalog_filters-wrap {
    flex: 1 1 calc(50% - 8px);
}

.open_menu-filter {
    width: 100%;
    margin: 0;
}

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

.catalog_top-wrap .dropdown.dropdown_cat {
    flex: 0 1 calc(50% - 8px);
    background-color: var(--design-color-2);
    border: 1px solid var(--design-color-2);
    border-radius: 4px;
    margin: 0 0 0 16px;
    order: 1;
    height: 38px;
}

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

.catalog_top-wrap .dropdown.dropdown_cat .overflow {
    color: var(--design-color-1);
    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 {
    background: var(--design-color-2);
    color: var(--design-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(--orange);
}

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

.control_products {
    display: flex;
    justify-content: space-between;
    margin: 0 0 16px 0;
    width: 100%;
}

.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: 16px 0 8px 0;
}

.clickpath_place .centre {
    padding: 0;
}

.clickpath {
    display: flex;
    overflow-x: auto;
    z-index: 1;
    position: relative;
    width: 100%;
    padding: 0 16px 8px 16px;
}

.clickpath li {
    display: flex;
    align-items: center;
}

.clickpath li:not(.current)::after {
    content: "/";
    font-size: 14px;
    font-weight: 300;
    position: relative;
    display: block;
    margin-left: 8px;
}

.clickpath A {
    white-space: nowrap;
    color: var(--main-color);
    text-decoration: none;
    font-size: 14px;
    font-weight: 300;
    display: flex;
    align-items: center;
    position: relative;
    transition: .3s;
}

.clickpath_place.mob_page .clickpath A {
    font-size: 12px;
}

.clickpath_place.mob_page .clickpath li:not(.current)::after {
    font-size: 12px;
}

.clickpath li:not(.current) {
    margin: 0 8px 0 0 ;
}

.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(--base-color-4);
    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 20px 0 20px;
}

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

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

.sub_filters-list .check_body {
    padding: 8px 8px 8px 36px;
    background-color: var(--design-color-1);
    border: 1px solid var(--border-color);
    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 {
    display: flex;
    align-items: flex-end;
    color: var(--text);
    width: 100%;
    margin-bottom: 20px;
}

.selected_filters_list {
    display: flex;
    flex-wrap: wrap;
    color: var(--link-hover);
    font-size: 14px;
    font-weight: 500;
}

.selected_filters_list .catalog_results {
    width: 100%;
    margin: 8px 0;
    order: 1;
}

.clear_filters .deactivate-filter {
    color: var(--design-color-2);
    line-height: 18px;
    font-weight: 500;
    border-radius: 16px;
    margin: 0;
    border: none;
    background-color: transparent;
    text-decoration:underline;
    font-size:15px;
}

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

.one_ch_fil {
    display: flex;
    align-items: center;
    padding: 3px 0;
    margin: 0 8px 0 0;
    flex-wrap: wrap;
    color:var(--text);
}

.ocf_title {
    line-height: 18px;
    font-weight: 800;
    margin: 0 8px 0 0;
}

.one_ch_fil i {
    line-height: 18px;
    font-style: normal;
    display: block;
    margin: 1px 10px 1px 0;
}

.ocf_title + i {
    display: none;
}

.deactivate-filter {
    line-height: 18px;
    display: flex;
    align-items: center;
    width: max-content;
    margin: 1px 6px 1px 0;
    padding: 0 20px 0 0;
    position: relative;
    cursor: pointer;
    transition: .3s;
    color:var(--link-hover);
}

.deactivate-filter::before,
.deactivate-filter::after {
    content: '';
    width: 10px;
    height: 1px;
    border-radius: 2px;
    background: var(--base-color-1);
    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 {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--border-like-etse);
}

.catalog_filters .cat_item-menu {
    order: -2
}

.catalog_filters .menu_item[data-filter-url="availability"] {
    order: -1;
}

/* .catalog_filters .menu_item.fil_group_dropdown {
    order: 1;
} */

.fil_group #fv_a2 {display:none;}

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

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

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

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

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

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

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

/* --- 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 {
    overflow: unset;
    height: 100%;
    padding-bottom: 0;
    background-color: var(--design-color-4);
}

.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 {
    margin: 0;
    display: flex;
    flex-direction: column;
    padding: 20px 20px 10px 20px;
}

#catalog_filters {
    display: flex;
    flex-direction: column;
}

.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;
    border: 1px solid var(--design-color-3);
    border-radius: 2px;
    overflow: hidden;
}

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

.hidden_menu LI {
    position: relative;
}

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

.hidden_menu .filter_counter {
    display: none;
    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%;
    height: 34px;
}

.price_filter Span {
    margin: 0 4px;
}

.price_filter A.submit_filters {
    font-size: 16px;
}

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

    .menu_item .dropdown {
        border: none;
        border-radius: 0;
        display: flex;
        flex-direction: column;
        margin: 8px 0 0 0;
        height: auto;
        background-color: transparent;
    }

    .menu_item .overflow {
        display: none;
    }

    .menu_item .dropdown ul {
        display: flex !important;
        flex-direction: column;
        height: auto;
        border-radius: 0;
        background-color: transparent;
        border: none;
        position: relative;
        top: auto;
        left: auto;
        overflow: unset;
    }

    .menu_item .dropdown UL LI {
        border-top: none;
    }

    .menu_item .dropdown .check_item {
        margin: 0 0 7px 0;
        padding-left: 40px;
        min-height: 26px;
        background-color: transparent;
        position: relative;
    }

    .menu_item .dropdown .check_item:hover {
        background-color: transparent;
        color: var(--text);
    }

    .menu_item .dropdown .check_item::before {
        content: "";
        display: block;
        width: 15px;
        height: 15px;
        border: 1px solid var(--design-color-2);
        border-radius: 2px;
        position: absolute;
        top: 4px;
        left: 3px;
        transition: 0.3s;
    }

    .menu_item .dropdown ul li.selected .check_item::before,
    .menu_item .dropdown .check_item.active::before {
        background-color: var(--design-color-2);
        border-color: var(--design-color-2);
    }

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

    .menu_item .dropdown ul li.selected .check_item::after,
    .menu_item .dropdown .check_item.active::after {
        opacity: 1;
    }

    .menu_item .dropdown ul li.selected {
        display: block !important;
    }

    .menu_item .dropdown ul li a {
        padding: 0;
    }

    .menu_item .dropdown .check_item .name {
        padding-left: 0;
        min-height: 26px;
    }

    .menu_item .dropdown .check_item:hover .name {
        background-color: transparent;
        color: var(--text);
    }

    .menu_item .dropdown .check_item.active .name {
        color: var(--text);
    }


/* --- 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 .check_item,
.filter_tile_photo .filter_list .check_item {
    margin: 0 12px 7px 0;
}

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

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

.fil_group_grid .filter_list .check_item.active .check_body,
.filter_tile_photo .filter_list .check_item.active .check_body {
    color: var(--design-color-1);
    border-color: var(--design-color-2);
    background-color: var(--design-color-2);
}

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

/* --- 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%;
    min-height: 38px;
}

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

.catalog_filters .for_one_but {
    display: none;
}

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

.mob_filters-box .btn {
    width: 100%;
    min-height: 38px;
}

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

.no_but .apply_filters.mob_filter-desk_hide {
    display: block;
}

/* --- 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(--site-bg);
    border: 1px solid var(--border-color);
    overflow: unset;
    padding: 24px 8px;
    cursor: pointer;
    text-align: center;
    position: relative;
    flex-shrink: 0;
    transition: .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 --- */
.catalog_inner .pagination {display:none;}

.pagination {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 12px 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: 12px;
    color: var(--text);
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
    border-radius: 4px;
    margin: 0 4px;
    padding: 0 4px;
    border: 1px solid var(--border-color);
    transition: .3s;
    position: relative;
}

.pages_list Span {
    border-color: transparent;
}

.pages_list A.active {
    color: var(--design-color-2);
    background-color: #6b6c6a;
    border-color: #6b6c6a;
}

.pages_btn {
    background-color: transparent;
}

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

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

.pages_btn.has_arrow {
    border: none;
}

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

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

.go_back-link {
    text-decoration: none;
    font-size: 14px;
    font-weight: 300;
    color: var(--text);
    display: flex;
    align-items: center;
    align-self: flex-start;
    margin-top: auto;
    width: fit-content;
    margin-bottom: 16px;
    max-width: 100%;
    transition: 0.3s;
    opacity: 1;
    order: -1;
}

.go_back-link:hover {
    opacity: 0.75;
}

.go_back-link .icon {
    margin-right: 8px;
    width: 16px;
    height: 16px;
    fill: var(--text);
}

.header_title-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 16px;
}

.header_title-wrap .col:nth-child(1) {
    margin-right: 10px;
} 

.header_title-wrap .col:nth-child(2) {
    flex: 0 0 130px;
    display: flex;
    justify-content: flex-end;
    padding-top: 2px;
}

.header_title-wrap .availability {
    text-align: end;
    font-weight: 300;
    font-size: 16px;
    height: 16px;
    margin: 0;
    color: var(--white);
    white-space: nowrap;
}

.header_title-wrap .availability::before {
    width: 10px;
    height: 10px;
}

.header_title-wrap .product_details-title {
    margin-bottom: 0;
}

.header_title-wrap .product_details-title .H3 {
    margin-bottom: 0;
    font-weight: 300;
}

.product_details-top {
    display: flex;
    flex-direction: column;
}

.product_details-collection,
.product_details-title {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 4px;
}

.product_details-collection .name,
.product_details-title .name {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.2;
    color: #AFAFAF;
    margin: 0 12px 10px 0;
}

.product_details-collection .value,
.product_details-title .H3 {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.2;
    margin: 0 0 10px 0;
}

.product_details-collection .name {
    font-size: 18px;
}

.product_details-collection .value {
    font-size: 18px;
}


.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_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;
    padding: 16px 16px 24px 16px;
    width: calc(100% + 32px);
    margin: 0 -16px;
    background-color: var(--design-color-4);
}

.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: 462px;
    margin: 0 -16px 32px -16px;
    padding: 0 16px;
    width: calc(100% + 32px);
}

.sub_slider {
    order: 1;
    display: flex;
    width: calc(100% + 10px);
    margin: 10px -5px 0 -5px;
    height: auto;
}

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

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

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

.sub_slider:not(.slick-initialized) .details_slide {
    flex: 0 0 calc(28.57% - 10px);
}

.sub_slider::before {
    content: "";
    width: 5px;
    height: 100%;
    background-color: var(--design-color-4);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.sub_slider .details_slide,
.zoom_subslider .zoom_slide {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 100px;
    margin: 0 10px 0 0;
    height: auto;
    overflow: hidden;
    cursor: pointer;
    position: relative;
}

.sub_slider .details_slide {
    margin: 0 5px;
}

.sub_slider .details_slide::before,
.zoom_subslider .zoom_slide::before {
    content: "";
    display: block;
    width: 100%;
    height: auto;
    padding-bottom: 100%;
    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 {
    width: 100%;
    height: auto;
    position: relative;
}

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

.big_slider-wrap .wishes {
    top: 10px;
    right: 10px;
}

.big_slider-wrap .status_list {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    pointer-events: none;
}

.big_slider-wrap .status_list {display:none;}

.big_slider-wrap .status_list Span {
    font-size:14px;
    padding:3px 6px 2px;
    height:20px;
}

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

.big_slider UL.slick-track {
    display: flex;
    height: 100%;
    transition-property: transform;
}

.big_slider .slick-arrow {
    border: none;
    border-radius: 4px;
}

.big_slider .slick-arrow.slick-prev {
    left: 10px;
}

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

.big_slider .slick-arrow::before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: transparent;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    transform-origin: unset;
    position: absolute;
    top: 50%;
    left: calc(50% - 2px);
    transform: translate(-50%, -50%) rotate(-45deg);
}

.big_slider .slick-arrow:hover::before {
    background-color: transparent;
    border-color: var(--design-color-4);
}


.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%;
    padding-bottom: 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;
}

.sub_slider .gallery-item.video_gallery .icon, .zoom_subslider .zoom_slide.video .icon, .details_slide.video_gallery .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 36px;
    height: 36px;
    fill: var(--youtube);
}

.details_slide.video_gallery .icon {
    width:64px;
    height:64px;
}

.sub_slider .gallery-item.video_gallery::after, .zoom_subslider .zoom_slide.video::after, .details_slide.video_gallery::after {
    content: '';
    position: absolute;
    left: 50%; top: 50%;
    width: 36px; height: 26px;
    border-radius: 8px;
    border: 1px solid var(--youtube);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
    transition: all 0.5s ease;
}

.details_slide.video_gallery::after {
    width: 64px;
    height: 46px;
}

.sub_slider .gallery-item.video_gallery:hover::after, .zoom_subslider .zoom_slide.video:hover::after, .details_slide.video_gallery:hover::after {
    animation: rectPulse 1.2s infinite;
}

@keyframes rectPulse {
    0% { transform: translate(-50%, -50%) scale(1); opacity: 0.6; }
    100% { transform: translate(-50%, -50%) scale(2); opacity: 0; }
}

.big_slider .status_list {
    top: 10px;
    right: 10px;
}

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

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

@keyframes fly-to-cart {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: translate(var(--x), var(--y)) scale(0.3);
    }
}

.small_slides {
    display: none;
}

.fly-img {
    position: absolute;
    z-index: 11;
    opacity: 0.6;
    transition: 1s ease-in-out, opacity 1s ease-in-out;
}

/* --- Zoom Main Photo --- */
/* --- Variant: NO Slider, all photos vertical from top to bottom / Not full screen --- */
.zoom_slider {
    position: fixed;
    top: 0;
    left: 0;
    background:rgba(31, 33, 37, 0.8);
    z-index: 13;
    width: 100%;
    height: 100%;
    border-radius: 0;
    display: none;
    flex-direction: column;
    padding: 16px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, .3);
    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: 108px;
    right: 10px;
}

.product_details-inner > .col:nth-child(1) {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.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 .zoom_slide .f-panzoom__wrapper img {
    position: relative;
}

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

.zoom_big .zoom_slide Video {
    width: 100%;
    height: auto;
    max-width: 854px;
}

/* --- Variant: Slider, horizontal / Popup --- */
.zoom_slider.full_screen {
    height: 100%;
    max-width: none;
}

.full_screen .zoom_big {
    flex: 1 1 auto;
    padding: 0;
    margin: 16px 0 0 0;
    width: 100%;
    height: auto;
}

.full_screen .zoom_big .slick-arrow {
    border: none;
    width: 40px;
    height: 40px;
    outline: none;
}

.full_screen .zoom_big .slick-arrow::before,
.full_screen .zoom_big .slick-arrow::after {
    content: "";
    display: block;
    width: 20px;
    height: 2px;
    background-color: var(--base-color-1);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    transform-origin: right;
}

.full_screen .zoom_big .slick-arrow::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.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: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    max-height: 100%;
    object-fit: contain;
    transform: translate(-50%, -50%);
    border-radius: 4px; */
}

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

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

.zoom_subslider .zoom_slide {
    margin: 0 20px 0 0;
    border-radius: 0;
    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: block;
    margin-top: 40px;
    max-width: 866px;
    width: 100%;
}

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

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

.zoom_slides-price .price_title {
    font-size: 18px;
    font-weight: 500;
    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: 500;
    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 24px 0;
    width: 100%;
}

.product_details-info .availability {
    font-weight: 300;
    font-size: 20px;
    height: 20px;
    margin: 0 0 22px 0;
}

.prodcut_price-wrap {
    display: flex;
}

.prodcut_price-wrap .col:nth-child(2) {
    flex: 1 1 auto;
    padding-left: 10px;
    padding-top: 24px;
}

.product_counter {
    font-size: 14px;
    font-weight: 300;
    display: flex;
    flex-direction: column;
}

.product_counter-inner {
    display: flex;
    align-items: center;
    margin: 10px 0 0 0;
}

.product_counter-inner input {
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    padding: 0;
    width: 36px;
    height: 30px;
    border: none;
    border-radius: 0;
    background-color: transparent;
}

.product_counter-inner button {
    font-size: 0;
    color: var(--design-color-2);
    display: block;
    padding: 0;
    width: 30px;
    height: 30px;
    background-color: transparent;
    border: 1px solid var(--design-color-6);
    transition: 0.3s;
    cursor: pointer;
    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(--design-color-6);
    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: 18px;
    font-weight: 300;
    display: block;
    margin-bottom: 8px;
}

.price_info-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0 0 20px 0;
}

.product_guarantee {
    font-size: 14px;
    font-weight: 300;
    display: block;
}

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

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

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

.product_details-tab {
    display: flex;
    flex-direction: column;
    margin: 0 0 8px 0;
    width: 100%;
    border-bottom: 1px solid #AFAFAF;
}

.product_details-tab article {
    margin: 0;
}

.details_tab-open {
    color: var(--text);
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
    padding: 8px 40px 8px 0;
    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: 16px;
    background-color: var(--design-color-2);
    position: absolute;
    top: 50%;
    right: 10px;
    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: 15px;
    font-weight: 500;
    margin: 0;
}

.details_tab-hidden {
    font-size: 13px;
    font-weight: 300;
    display: none;
    padding: 16px 0 16px 0;
}

.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 {
    font-weight: 700;
    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 #6b6c6a;
    border-radius: var(--border-radius);
    color: var(--link);
    text-decoration: none;
    transition: .3s;
}

.select_color A.active {
    background: var(--design-color-2);
    color: var(--design-color-1);
    border-color: var(--design-color-2);
}

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

.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: 1px;
    top: 12px;
    width: 15px;
    height: 16px;
    border: 1px solid var(--border-color);
    background: var(--white);
    border-radius: 2px;
    transition: .3s;
}

.options_list LI A.active::after,
.options_list.checkbox LI A.active::after {
    content: "";
    width: 9px;
    height: 5px;
    display: block;
    border-left: 2px solid var(--design-color-1);
    border-bottom: 2px solid var(--design-color-1);
    position: absolute;
    top: 16px;
    left: 4px;
    transform: rotate(-45deg);
    transition: 0.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 #6b6c6a;
    border-radius: var(--border-radius);
    transition: .3s;
}

.options_tile LI A.active {
    background: var(--design-color-2);
    color: var(--design-color-1);
    border-color: var(--design-color-2);
}

/* --- 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 {
    height: 40px;
}

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

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

.options_dropdown.checkbox .selected_var .op_name .counter {
    margin: 0;
}

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

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

.product_option .dropdown UL LI.selected A Span {
    color: var(--link);
    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 {
    font-size: 14px;
    width: 100%;
    min-height: 40px;
    margin: 0 ;
    padding: 4px 16px;
    white-space: nowrap;
}

.product_btns .btn + .btn {
    margin-top: 10px;
}

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

.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 {
    display: flex;
}

.char_short .tit,
.char_short .value {
    font-size: 13px;
    display: inline-flex;
    word-break: break-word;
    color: var(--base-color-2);
}

.char_short a.value {
    color: var(--text);
}

.char_short .tit {
    max-width: 278px;
    flex: 0 0 50%;
    font-weight: 300;
    padding: 7px 8px 7px 0;
}

.char_short .value {
    flex: 1 1 50%;
    font-weight: 300;
    padding: 7px 0 7px 8px;
    color: var(--text);
}

.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(--site-bg);
    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(--border-color);
    margin: 8px 0 0 -8px;
    padding: 8px 8px 0 8px;
    width: calc(100% + 16px);
    justify-content: space-between;
    color: var(--text);
    font-size: 12px;
}

.blog_info .icon {
    fill: var(--text);
    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 > article {
    padding: 16px;
    background-color: var(--design-color-4);
}

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

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

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

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

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

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

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

.checkout .added_goods {
    border: none;
    background-color: var(--design-color-4);
    padding: 16px 40px 16px 16px;
    align-items:flex-start;
}

.checkout .added_goods:not(:nth-child(1)) {
    margin-top: 16px;
}

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

.checkout .added_goods .ag_photo {
    width:136px;
}

.checkout .added_goods .row_info {
    margin-bottom: 6px;
}

.checkout .added_goods .row_info {
    display: flex;
    flex-direction: column;
}

.checkout .added_goods .row_info.collection {
    font-size: 16px;
    color: var(--design-color-3);
}

.checkout .one_item-box {
    font-size: 14px;
}

.one_item-box {
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 8px;
    align-items:center;
}

.one_item-box span {
    color: #AFAFAF;
    margin-right: 5px;
}

.one_item-box b {
    font-weight: 300;
}

.checkout .added_goods .row_info.desk {
    display: none;
}

.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;
    position:sticky;
    bottom:0;
    background:var(--design-color-1);
    z-index:10;
}

/* --- 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;
    padding:0 0 16px 0;
}

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

.finish .long_div {
    display: inline;
    margin: 16px 0 8px 0;
}

.finish .long_div.small {
    font-size: 12px;
    line-height: 1.6;
    color: var(--text-light);
}

.finish .long_div.small A.link {
    color: var(--text-light);
}

.finish .long_div.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;   
    align-items: center;
    padding: 0;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--border-color);
}

.cbp_row.total .title_row {
    font-size: 16px;
    width: 100%;
    padding: 16px;
}

.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: 14px;
    margin-left: 0;
    padding: 16px;
}

.cbp_row.total .cbp_sum Small {
    font-size: 14px;
    margin: 0 0 0 4px;
}

.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 {
    width: 100%;
    padding-top: 8px;
}

.profile .profile_menu {
    display: none;
}

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

/* --- User content --- */
.profile_content {
    display: flex;
    flex-direction: column;
}

.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 var(--bottom-gap) 0;
    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;
    margin-bottom: 20px;
}

.delete_all.check_wrap {
    margin: 0;
    position: relative;
}

.delete_all.check_wrap input {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
}

.delete_all.check_wrap label {
    font-weight: 700;
    cursor: pointer;
    text-decoration: underline;
    transition: 0.3s;
}

.favorite_control .delete_this {
    text-decoration: none;
    color: var(--white);
    display: flex;
    align-items: center;
    pointer-events: none;
    opacity: .4;
    transition: .3s;
}

.delete_this .icon {
    margin: 0 6px 0 0;
    fill: var(--white);
}

.favorite_control .delete_this span {
    padding-top: 3px;
}

.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;
    width: 15px;
    height: 15px;
    border-radius: 0;
    background-color: transparent;
}

.add_in-list .check_wrap input {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
}

.add_in-list .check_wrap Label {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: transparent;
    border-radius: 2px;
    border: 1px solid var(--design-color-2);
    cursor: pointer;
}

.add_in-list .check_wrap input:checked + Label {
    background-color: var(--design-color-2);
    border-color: var(--design-color-2);
}

.add_in-list .check_wrap Label::before {
    content: "";
    width: 9px;
    height: 5px;
    display: block;
    border-left: 2px solid var(--design-color-1);
    border-bottom: 2px solid var(--design-color-1);
    position: absolute;
    top: 3px;
    left: 2px;
    transform: rotate(-45deg);
    opacity: 0;
    transition: 0.3s;
}

.add_in-list .check_wrap input:checked + Label::before {
    opacity: 1;
}

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

.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 {
    font-size: 20px;
    font-weight: 300;
    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 24px 0;
    color: var(--text);
    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 {
    padding-top: 40px;
    position: relative;
}

.contact_us .centre::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}

.contacts_list {
    margin-bottom: 20px;
}

.contacts_list .contact_item {
    word-break: break-word;
    display: flex;
    text-decoration: none;
    margin-bottom: 6px;
    padding: 8px 0;
    font-size: 18px;
    color: var(--text);
    transition: 0.3s;
}

.contacts_list .contact_item .icon {
    flex: 0 0 16px;
    margin: 3px 8px 0 0;
    width: 16px;
    height: 16px;
    fill: var(--text);
}

.contact_us-inner {
    margin: 0 -16px;
    padding: 10px 16px 54px 16px;
    width: calc(100% + 32px);
    position: relative;
}

.contact_us-inner .H3 {
    text-align: center;
    text-transform: uppercase;
}

.contact_us.for_feed .centre {
    padding-top: 0;
}

.contact_us-contacts {
    padding-top: 40px;
}

.contact_us-contacts .title_wrap {
    margin-bottom: 22px;
}

.contact_us.for_feed .contact_us-inner .feed_box {
    width: 100%;
    margin: 0;
}

.contact_us-inner .long_div {
    margin-bottom: 24px;
}

.contact_us-inner Input[type=text],
.contact_us-inner textarea {
    background-color: var(--design-color-1);
    box-shadow:none;
}

.contact_us-inner .dropdown {
    background-color: var(--design-color-1);
}

.contact_us-inner .btn {
    width: 100%;
}

.contact_us-contacts .feedback_image {
    display: block;
    width: 100%;
    height: auto;
}

.contact_us-contacts .feedback_image img {
    display: block;
    width: 100%;
    height: auto;
}

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

.for_feed.background .centre {
    padding-top: 20px;
    padding-bottom: 20px;
}

.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(--site-bg);
    padding: 16px;
    width: calc(100% - 8px);
    margin: 8px 0 0 8px;
    border-radius: 16px;
    border: 1px solid var(--border-color);
    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(--text);
}

.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: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    background-color: var(--design-color-1);
    border-radius: 44px;
    border: none;
    box-shadow: var(--shadow);
    cursor: pointer;
    border: 1px solid var(--base-color-6);
    transition: 0.3s;
    position: fixed;
    bottom: 42px;
    right: 16px;
    visibility: hidden;
    opacity: 0;
    transition: .3s;
    z-index: 10;
}

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

.page_up::before {
    content: '';
    margin: 4px 0 0 0;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    border-top: 1px solid var(--design-color-2);
    border-right: 1px solid var(--design-color-2);
    transform: translate(-50%, -50%) rotate(-45deg);
}

/* --- COOKIES terms Popup --- */
.cookies {
    background: var(--design-color-1);
    padding: 16px;
    border-radius: var(--border-radius);
    border: 1px solid var(--border-color);
    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: #1F2125D6;
    border-bottom: 1px solid var(--base-color-6);
}

/* --- HEADER IF CATALOG LIST --- */
.if_catalog.site_header .centre {padding:0;}
.if_catalog.site_header .top .centre, .if_catalog.site_header .bottom .centre {padding:0 16px;}
    .if_catalog.site_header .header_contact {display:none;}

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

.site_header .top .centre {
    display: flex;
    align-items: center;
}

.site_header .top {
    display: flex;
    align-items: center;
    min-height: 54px;
}

.site_header .top .header_logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 220px;
    min-height: 68px;
    height: auto;
    background-color: transparent;
    padding: 0;
    border: none;
    cursor: pointer;
}

.site_header .top .header_logo img {
    display: block;
    width: 100%;
    height: auto;
}

.header_contact-info {
    display: none;
}

.site_header .bottom {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0;
    position: relative;
}

.site_header .bottom .centre {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.header_logo {
    display: block;
    margin: 0 auto 0 0;
    height: auto;
}

.header_logo img {
    display: block;
    width: 100%;
    height: auto;
}

.header_catalog-menu {
    margin-right: auto;
}

.header_catalog-menu > ul > li {
    display: none;
}

.header_catalog-menu > ul > li:nth-child(1) {
    display: flex;
}

.header_catalog-menu > ul > li > a {
    font-size: 16px;
    text-decoration: none;
    color: var(--text);
    display: flex;
    align-items: center;
    font-weight: 500;
    height: 46px;
    padding: 0 8px;
    /* transition: 0.3s; */
}

.header_catalog-menu > ul > li > a.catalog_styled_btn {
    position: relative;
}

.header_catalog-menu > ul > li > a.catalog_styled_btn::before {
    content: "";
    display: block;
    margin-right: 8px;
    width: 24px;
    height: 24px;
    background-image: url('../images/menu-icon.svg');
    background-repeat: no-repeat;
    background-position: center;
}

.header_catalog-menu > ul > li > a.catalog_btn-header {
    white-space: nowrap;
    transition: 0.3s;
}

a.catalog_btn-header .img_one,
a.catalog_btn-header .img_two {
    display: none;
}

.catalog_btn-header img {
    width: 22px;
    height: 22px;
    margin-right: 6px;
}

html[lang="uk"] .catalog_btn-header span {
    display: block;
    width: 62px;
    overflow: hidden;
}

html[lang="ru"] .catalog_btn-header span {
    display: block;
    width: 66px;
    overflow: hidden;
}

html[lang="en"] .catalog_btn-header span {
    text-align: end;
    display: flex;
    justify-content: flex-end;
    width: 57px;
    overflow: hidden;
    text-transform: capitalize;
}

.catalog_btn-header .mob {
    display: block;
}

.catalog_btn-header .desk {
    display: none;
}

.header_catalog-menu > ul > li > .lvl-2 {
    display: flex;
    flex-direction: column;
    padding: 56px 0 16px 0;
    width: 100%;
    height: calc(100% - 115px);
    position: fixed;
    top: 115px;
    transform: translateX(calc(-100% - 16px));
    z-index: 12;
    background-color: var(--design-color-1);
    transition: transform .75s var(--cubic-bezier);
    overflow:hidden;
}

.header_catalog-menu > ul > li.active > .lvl-2  {
    transform: translateX(-16px);
}

.header_catalog-menu > ul > li.active > .lvl-2 > ul {
    flex: 1 1 auto;
}

.close_submenu {
    font-size: 0;
    display: block;
    padding: 0;
    width: 24px;
    height: 24px;
    background-color: transparent;
    border: none;
    position: absolute;
    top: 16px;
    right: 16px;
    transform:translateX(60px);
    transition: transform .90s var(--cubic-bezier);
    transition-delay: 0.7s;
}

.header_catalog-menu > ul > li.active > .lvl-2 .close_submenu {transform:translateX(0px);}

.close_submenu::before,
.close_submenu::after {
    content: "";
    width: 16px;
    height: 1px;
    background-color: var(--white);
    position: absolute;
    top: 50%;
    left: 50%;
}

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

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

.header_catalog-menu > ul > li > .lvl-2 ul.centre {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    overflow: auto;
}

.header_catalog-menu > ul > li > .lvl-2 ul li {
    margin-bottom: 28px;
    overflow:hidden;
}

.header_catalog-menu > ul > li > .lvl-2 ul li:last-child {
    margin-top: 18px;
    margin-bottom: 0;
    font-weight:500;
}

.header_catalog-menu > ul > li > .lvl-2 ul a {
    text-decoration: none;
    display: block;
    font-size: 16px;
    line-height: 1.5;
    color: var(--white);
    opacity: 0;
    transform: translate3d(0, 100%, 0) rotate(6deg);
    transition: opacity 0.35s ease, transform 0.35s ease;
}

.header_catalog-menu > ul > li.active > .lvl-2 ul a {
    opacity: 1;
    transform: translate3d(0, 0, 0) rotate(0deg);
}

.header_catalog-menu > ul > li.active > .lvl-2 ul li:nth-child(1) a { transition-delay: 0.25s; }
.header_catalog-menu > ul > li.active > .lvl-2 ul li:nth-child(2) a { transition-delay: 0.32s; }
.header_catalog-menu > ul > li.active > .lvl-2 ul li:nth-child(3) a { transition-delay: 0.39s; }
.header_catalog-menu > ul > li.active > .lvl-2 ul li:nth-child(4) a { transition-delay: 0.46s; }
.header_catalog-menu > ul > li.active > .lvl-2 ul li:nth-child(5) a { transition-delay: 0.53s; }
.header_catalog-menu > ul > li.active > .lvl-2 ul li:nth-child(6) a { transition-delay: 0.60s; }
.header_catalog-menu > ul > li.active > .lvl-2 ul li:nth-child(7) a { transition-delay: 0.67s; }
.header_catalog-menu > ul > li.active > .lvl-2 ul li:nth-child(8) a { transition-delay: 0.74s; }
.header_catalog-menu > ul > li.active > .lvl-2 ul li:nth-child(9) a { transition-delay: 0.81s; }
.header_catalog-menu > ul > li.active > .lvl-2 ul li:nth-child(10) a { transition-delay: 0.88s; }

.header_catalog-menu .lvl-2 > ul > li > a > .img_one {
    display: none;
}

.header_catalog-menu .lvl-2 > ul > li > a > .img_two {
    display: none;
}

.header-top_menu {
    display: none;
}

.header_catalog-menu .default_photos {
    display: none;
}

.site_header .bottom .header_call-back {
    display: none;
}

.messengers_open-btn {
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    background-color: var(--design-color-1);
    border-radius: 44px;
    border: none;
    box-shadow: var(--shadow);
    cursor: pointer;
    border: 1px solid var(--base-color-6);
    transition: 0.3s;
}


.messengers_open-btn:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #b4b4b4;
    border-radius: 50%;
    animation: pulse 1.5s infinite;
    pointer-events: none;
}

@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(--design-color-2);
    transition: 0.3s;
}

.messengers_list {
    position: fixed;
    bottom: 120px;
    right: 16px;
    z-index: 9;
}

.messengers_list.active .messengers_open-btn .icon.message {
    opacity: 0;
}

.messengers_list .messengers_open-btn .icon.close {
    opacity: 0;
}

.messengers_list.active .messengers_open-btn .icon.close {
    opacity: 1;
}

.messengers_list ul {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 0;
    width: 100%;
    position: absolute;
    bottom: calc(100% + 5px);
    right: 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 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.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 svg {
    width: 48px;
    height: 48px;
    fill: var(--base-color-1);
}

.messengers_list li img {
    display: block;
    width: 48px;
    height: 48px;
    object-fit: contain;
}

.messengers_list li i {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    transition: 0.3s;
}

/* .messengers_list li i.viber {
    background-color: var(--viber)
}

.messengers_list li i.telegram {
    background-color: var(--telegram);
} */


/* --- SITE FOOTER --- */

.site_footer {
    color: var(--text);
    background-color: var(--design-color-4);
    border-top: 1px solid var(--border-color);
    padding: 40px 0 0 0;
}

.site_footer .centre {
    display: flex;
    flex-direction: column;
}

.footer_logo {
    display: block;
    margin: 0 auto 20px auto;
    width: 200px;
    height: 79px;
}

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

.site_footer .centre > .col:nth-child(2) {
    display: flex;
    flex-direction: column;
    margin-bottom: 8px;
}

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

.footer_menu a {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.2;
    text-decoration: none;
    color: var(--text);
    display: flex;
    padding: 8px 0;
    transition: 0.3s;
}

.site_footer .centre > .col:nth-child(2) .footer_contacts-icon {
    display: none;
    width: calc(100% + 8px);
    margin-left: -8px;
}

.site_footer .centre > .col:nth-child(3) .footer-contacts {
    display: none;
}

.site_footer .centre > .col:nth-child(3) .footer_contacts-icon {
    width: calc(100% + 8px);
    margin-left: -8px;
}

.footer-contacts {
    display: flex;
    flex-direction: column;
}

.footer-contacts .contact_item {
    text-decoration: none;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    color: var(--text);
    display: flex;
    padding: 8px 0;
    transition: 0.3s;
}

.footer-contacts .contact_item .icon {
    display: block;
    width: 18px;
    height: 18px;
    margin-right: 6px;
    fill: var(--text);
}

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

.footer_contacts-icon .icon_contact .icon {
    fill: var(--text);
    transition: 0.3s;
}

.footer_contacts-icon .icon_contact.instagram .icon {
    height:17px;
    width:17px;
}

.footer-bottom {
    background-color: var(--design-color-5);
    padding: 12px 0;
    margin-top: 18px;
}

.footer_copy {
    font-size: 12px;
}

/* --- CATEGORIES COMPONENT --- */

.categories_component {
    margin-bottom: var(--bottom-gap);
}

.categories_component .centre {
    display: flex;
    flex-direction: column;
}

.categories_component .H2 {
    font-weight: 400;
    margin-bottom: 14px;
    text-align: center;
}

.categories_component .H3 {
    font-size: 16px;
    text-align: center;
}

.categories_component .H3 img {
    display: inline-block;
    width: 80px;
    margin-bottom: -6px;
}

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

.category_video {
    display: block;
    margin: 0 auto -100px auto;
    width: auto;
    height: auto;
    max-width: 100%;
}

.categories_box {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    z-index: 1;
    position: relative;
}

.category_item {
    text-decoration: none;
    color: var(--text);
    font-size: 24px;
    font-weight: 400;
    display: flex;
    padding: 16px 20px;
    background-color: var(--site-bg);
    border: 1px solid var(--border-color);
    border-radius: 16px;
    transition: 0.3s;
    overflow: hidden;
}

.category_item-title {
    margin-bottom: 30px;
}

.category_item > .col:nth-child(1) {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-right: 10px;
}

.category_item .arrow_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: auto;
    width: 40px;
    height: 40px;
    border: 1px solid var(--border-color);
    border-radius: 50%;
    transition: 0.3s;
}

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

.category_item > .col:nth-child(2) {
    flex: 0 0 30%;
    width: 30%;
    align-self: flex-end;
}

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

.contact_article-desk {
    display: none;
}

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

.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: 14px;
    transform: rotate(-45deg);
}

/* --- GRID CATEGORIES --- */

.tiles.grid_categories .centre {
    display: flex;
    flex-direction: column;
}

.tiles.grid_categories .title_wrap {
    justify-content: center;
    font-weight: 400;
    text-align: center;
    margin: 0 0 14px 0;
    order: -1;
}

.tiles.grid_categories .title_wrap .main_title {
    font-size: var(--h2);
    line-height: 1.25;
    font-weight: 400;
    text-align: center;
    margin: 0;
}

.tiles.grid_categories .main_title.title_h2 {
    font-size: 16px;
    line-height: 1.25;
    font-weight: 400;
    display: block;
    margin-bottom: calc(var(--h3) / 1.3);
    text-align: center;
    display: inline-block;
}

.tiles.grid_categories .main_title.title_h2 img {
    display: inline-block;
    width: 80px;
    margin-bottom: -6px;
}

.tiles.grid_categories .tiles_grid {
    display: grid;
    gap: 16px;
    margin: 0;
    width: 100%;
}

.tiles.grid_categories .one_tile {
    margin: 0;
    width: 100%;
    background-color: transparent;
}

.tiles.grid_categories .box {
    flex: 1 1 auto;
    display: flex;
    flex-direction: row;
    position: relative;
    padding: 16px 20px;
    border-radius: 30px;
    min-height: 168px;
    border: 1px solid var(--border-color);
    overflow: hidden;
}

.tiles.grid_categories .tile_title {
    color: var(--text);
    font-size: 24px;
    font-weight: 400;
    text-align: start;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding-right: 10px;
    order: -1;
}

.tiles.grid_categories .tile_title span {
    margin-bottom: 20px;
}

.tiles.grid_categories a.box .tile_title::after {
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: auto;
    width: 40px;
    height: 40px;
    border: 1px solid var(--border-color);
    border-radius: 50%;
    transition: 0.3s;
    background-image: url('../images/arrow-icon-white.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
}

.tiles.grid_categories .tile_image {
    aspect-ratio: unset;
    flex: 0 0 30%;
    width: 30%;
    align-self: flex-end;
    margin: 0;
    height: auto;
    position: relative;
    overflow: unset;
}

.tiles.grid_categories .tile_image::before {
    content: "";
    width: 100%;
    height: 0;
    padding-bottom: 133.33%;
    position: relative;
}

.tiles.grid_categories .tile_image img {
    aspect-ratio: unset;
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    object-fit: contain;
    object-position: bottom;
    transition: 0.3s;
}

.video_box {
    margin-bottom: var(--bottom-gap);
}

.video_box .centre {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.video_box .H2 {
    text-align: center;
}

.video_subtitle {
    text-align: center;
}

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

.video_wrap iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
}

.video_preview {
    position: relative;
    cursor: pointer;
}

.video_preview img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.video_preview i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border: 1px solid var(--border-color);
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.video_preview i .icon {
    display: block;
    width: 16px;
    height: 16px;
    fill: var(--base-color-1);
}

/* --- COLLECTION TILE --- */

.tiles.collection_tile .title_wrap {
    margin-bottom: 24px;
}

.tiles.collection_tile .title_wrap .main_title {
    font-size: 24px;
}

.tiles.collection_tile .tiles_grid {
    margin: 0;
    width: 100%;
}

.tiles.collection_tile .one_tile {
    width: calc((100% / 2) - (16px / 2));
    margin: 0 0 16px 0;
}

.tiles.collection_tile .one_tile:nth-child(2n + 1) {
    margin-right: 16px;
}

.tiles.collection_tile .box {
    padding: 12px 12px 14px 12px;
}


.tiles.collection_tile .tile_image {
    width: calc(100% + 24px);
    margin: -12px -12px 16px -12px;
}

.tiles.collection_tile .tile_title {
    text-align: start;
    font-size: 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.tiles.collection_tile .collection_title {
    flex: 1 1 auto;
    display: block;
    margin-bottom: 2px;
    padding-right: 5px;
    color: #BDBDBD;
    font-weight: 500;
}

.tiles.collection_tile .tile_title .value {
    text-transform: uppercase;
    margin-bottom: 2px;
}

.tiles.collection_tile .tile_description {
    text-align: start;
    font-size: 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 10px;
}

.tiles.collection_tile .collection_code {
    flex: 1 1 auto;
    display: block;
    margin-bottom: 2px;
    padding-right: 5px;
    color: #BDBDBD;
    font-weight: 500;
}

.tiles.collection_tile .tile_description .value {
    margin-bottom: 2px;
}

/* --- PARTNERS ARTICLE --- */

.partners_article {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 16px;
    background-color: var(--design-color-4);
}

.partners_article .H3 {
    font-size: 24px;
}

.partners_article > .row {
    display: flex;
    flex-direction: column;
}

.partners_article > .row + .row {
    margin-top: 40px;
}

.partners_article > .row > .col:nth-child(1) {
    width: 100%;
    margin-bottom: 24px;
}

.partners_article > .row > .col:nth-child(2) {
    width: 100%;
} 

.partners_article > .row > .col:nth-child(2) img {
    display: block;
    max-width: unset !important;
    margin: 0;
    width: 100%;
    height: auto;
}

.partners_article .btn {
    margin: 20px auto 0 auto;
}

.feed_box-popup .popup_top-icon i {
    background-color: transparent;
    border: 1px solid var(--border-color);
}

.feed_box-popup .popup_top-icon i .icon {
    width: 16px;
    height: 16px;
    fill: var(--design-color-2);
}

.full-width {
    padding: 16px 0;
    position: relative;
    width: calc(100% + 64px);
    left: 50%;
    transform: translateX(-50%);
}

.full-width:nth-child(1) {
    margin-top: -20px;
}

.full-width:nth-last-child(1) {
    margin-bottom: -76px;
}

/* --- SMALL IMAGE COMPONENT --- */

.small_image-component {
    color: #201f1e;
    background-color: #ddd9d6;
    display: flex;
    flex-direction: column;
    padding-top: 50px;
    padding-bottom: 50px;
}

.small_image-component .header {
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
}

.small_image-component .header > .col:nth-child(1),
.small_image-component .header > .col:nth-child(2) {
    display: flex;
    flex-direction: column;
}

.small_image-component .title {
    text-transform: uppercase;
    font-size: 18px;
    display: block;
    margin-bottom: 12px;
}

.small_image-component .brand_image {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 12px;
}

.small_image-component .brand_image img {
    display: block;
    width: 100%;
    height: auto;
}

.small_image-component .brand_row {
    display: flex;
    justify-content: space-between;
}

.small_image-component .brand_link {
    color: #201f1e;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
}

.small_image-component .brand_country {
    color: #201f1e;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
}

.bottom_logo {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-top: 20px;
}

.brand_logo {
    display: block;
    margin: 0;
    width: 110px;
    height: auto;
}

.brand_arrow {
    display: block;
    margin: 0;
    width: 30px;
    height: auto;
}

/* --- ABOUT COMPONENT --- */

.about_component {
    color: #ddd9d6;
    background-color: #18181c;
    position: relative;
    padding-top: 44%;
    padding-bottom: 50px;
}

.about_component .top_img {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.about_component .top_img img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: top center;
}

.about_component .centre {
    position: relative;
    z-index: 2;
}

.about_component .component_content {
    display: flex;
    flex-direction: column;
}

.about_component .title {
    font-size: 30px;
    text-transform: uppercase;
}

/* --- OUR ADVANTAGES --- */

.our_advantages {
    color: #120f0f;
    background-color: #dcd9d5;
    padding: 50px 16px 0 16px;
}

.our_advantages .advantages_logo {
    display: block;
    margin: 0 0 40px 0;
    width: 108px;
    height: auto;
}

.our_advantages .main_title {
    text-transform: uppercase;
    font-size: 30px;
    color: #120f0f;
    margin-top: 0;
}

.our_advantages .content_box {
    display: flex;
    flex-direction: column;
}

.our_advantages .advantages_img {
    display: flex;
    width: calc(100% + 32px);
    margin: 0 -16px;
}

.our_advantages .advantages_img img {
    margin: 0;
    width: 100%;
    height: auto;
    max-height: 400px;
    object-fit: cover;
}

.our_advantages .advantages_article {
    /* color: #dcd9d5; */
    width: calc(100% + 32px);
    margin: 0 -16px;
    padding: 0 16px 50px 16px;
    /* background-color: #23201f; */
    order: -1;
}

.our_advantages .advantages_article h3 {
    font-size: 18px;
    margin-bottom: 10px;
}

/* --- OUR PROGRESS --- */

.our_progress {
    color: #dcd9d5;
    background-color: #23201f;
    padding-top: 0;
    padding-bottom: 0;
}

.our_progress .title_box {
    padding: 50px 16px 40px 16px;
}

.our_progress .title_box .content {
    display: flex;
    flex-direction: column;
}

.our_progress .top_comment {
    margin-bottom: 40px;
    display: none;
}

.our_progress .progress_arrow {
    width: 40px;
    height: auto;
    margin: 0 auto 40px 0;
}

.our_progress .content_box {
    padding: 0 16px 50px 16px;
}



.our_progress h2.title {
    text-transform: uppercase;
    font-size: 30px;
    margin: 0;
}

.our_progress h3 {
    font-size: 18px;
    margin-bottom: 4px;
}

/* --- INVITATION --- */

.invitation {
    color: #120f0f;
    background-color: #dcd9d5;
    padding: 50px 16px 0 16px;
    position: relative;
    z-index: 1;
}

.invitation .content {
    display: flex;
    flex-direction: column;
    margin-bottom: 66px;
}

.invitation .subtitle {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    margin-bottom: 20px;
}

.invitation h2.title {
    text-transform: uppercase;
    font-size: 30px;
    margin: 0 0 30px 0;
}

.invitation .arrow-image {
    width: 40px;
    height: auto;
    margin: 0 auto 40px 0;
}

.invitation .text.desk_temp {
    display: none;
}

.invitation .text.mob_temp {
    padding: 40px 0;
}

.invitation .text b {
    font-weight: 700;
}

.invitation .image {
    position: relative;
    display: flex;
    flex-direction: column;
    position: relative;
    width: calc(100% + 32px);
    margin: 0 -16px;
}

.invitation .picture-img {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

/* --- PARTNERSHIP --- */

.partnership {
    color: #dcd9d5;
    background-color: #23201f;
    padding: 50px 0;
}

.partnership h2.title {
    text-transform: uppercase;
    font-size: 30px;
    margin: 0 0 30px 0;
}

.partnership .centre {
    display: flex;
    flex-direction: column;
}

.partnership .content {
    margin-bottom: 40px;
}

.partnership .content > .col:nth-child(1) {
    display: flex;
    flex-direction: column;
}

.partnership .subtitle {
    text-transform: uppercase;
    display: block;
    margin-bottom: 40px;
}

.partnership .content > .col:nth-child(2) {
    display: flex;
    flex-direction: column;
}

.partnership_image {
    width: 100%;
    margin: 0;
}

.partnership_image img {
    width: 100%;
    height: auto;
}

/* --- COOPERATION --- */

.cooperation {
    display: flex;
    flex-direction: column;
    color: #120f0f;
    background-color: #c8bfb5;
    padding: 0;
}

.cooperation.full-width {
    padding: 0;
}

.cooperation .image {
    order: 1;
    margin: 0;
    width: 100%;
}

.cooperation .image img {
    width: 100%;
}

.cooperation .content {
    display: flex;
    flex-direction: column;
}

.cooperation .top {
    display: flex;
    flex-direction: column;
    padding: 40px 20px 20px 20px;
}

.cooperation .top .content {
    display: flex;
    flex-direction: column;
}

.cooperation_logo {
    display: block;
    margin: 0 0 40px 0;
    width: 108px;
    height: auto;
}

.cooperation h2.title {
    text-transform: uppercase;
    font-size: 30px;
    margin: 0;
}

.cooperation .bottom {
    display: flex;
    flex-direction: column;
    background-color: #c8bfb5;
    padding: 0 20px 40px 20px;
}

.cooperation .bottom .content {
    display: flex;
    flex-direction: column;
}

.cooperation .bottom .content .btn {
    margin-top: 20px;
}

.contact_row {
    font-size: 16px;
    display: flex;
}

.contact_row {
    margin-bottom: 12px;
}

.contact_row .name {
    text-transform: uppercase;
    font-weight: 700;
    min-width: 110px;
    margin-right: 10px;
}

.contact_row .value {
    color: #120f0f;
}

.contact_row .value:hover {
    text-decoration: none;
}

/* --- ADVANTAGES TEMP 2 --- */

.advantages_temp-2 {
    color: #ddd9d6;
    display: flex;
    flex-direction: column;
    padding-top: 0;
    padding-bottom: 50px;
    background-color: #18181c;
    position: relative;
}

.advantages_temp-2 .bg-img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.advantages_temp-2 .bg-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.advantages_temp-2 > .col:nth-child(1) {
    padding: 0 16px;
    z-index: 1;
    position: relative;
}

.advantages_temp-2 .title {
    font-size: 30px;
    text-transform: uppercase;
}

.advantages_temp-2 .advantages_article h3 {
    font-size: 18px;
    margin-bottom: 10px;
}

.advantages_temp-2 > .col:nth-child(2) {
    display: flex;
    align-items: center;
    order: -1;
    margin-bottom: 30px;
    z-index: 1;
    position: relative;
}

.advantages_temp-2 .advantages_img {
    margin: 0 auto;
}

.advantages_temp-2 .advantages_img img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
}

/* --- ADVANTAGES TEMP 3 --- */

.advantages_temp-3 {
    color: #ddd9d6;
    display: flex;
    flex-direction: column;
    padding-top: 0;
    padding-bottom: 0;
    background-color: #18181c;
    position: relative;
}

.advantages_temp-3 .pattern_top,
.advantages_temp-3 .pattern_bottom {
    display: block;
    width: 100%;
    height: 200px;
    position: relative;
    background-image: url('../images/lloyd-pattern-small.png');
    background-size: auto 100px;
    background-position: top;
}

.advantages_temp-3 .pattern_bottom {
    background-color: #393941;
}

.advantages_temp-3 .centre {
    display: flex;
    flex-direction: column;
    padding-top: 14px;
    padding-bottom: 14px;
}

.advantages_temp-3 .centre > .col:nth-child(1) {
    margin-bottom: 40px;
}

.advantages_temp-3 .centre > .col:nth-child(2) {
    padding: 30px 16px 14px 16px;
    width: calc(100% + 32px);
    margin: 0 -16px -14px -16px;
    background-color: #393941;
}

.advantages_temp-3 .title {
    font-size: 30px;
    text-transform: uppercase;
}

.advantages_temp-3 h3 {
    font-size: 18px;
    margin-bottom: 10px;
}

.advantages_temp-3 h2 + h3 {
    margin-top: 0;
}

/* --- ADVANTAGES TEMP 3 --- */
.advantages_temp-4 {
    color: #ddd9d6;
    display: flex;
    flex-direction: column;
    padding-top: 0;
    padding-bottom: 0;
    background-color: #18181c;
    position: relative;
}

.advantages_temp-4 > .col {
    display: flex;
    flex-direction: column;
}

.advantages_temp-4 > .col:nth-child(1) .inner {
    padding: 30px 16px;
}

.advantages_temp-4 > .col:nth-child(2) {
    background-color: #393941;
}

.advantages_temp-4 > .col:nth-child(2) .inner {
    padding: 30px 16px;
    background-color: #393941;
}

.advantages_temp-4 .pattern_bottom {
    order: -1;
    padding: 10px;
}

.advantages_temp-4 .pattern_top {
    order: 1;
    padding: 10px;
}

.advantages_temp-4 .pattern_bottom img,
.advantages_temp-4 .pattern_top img {
    margin: 0;
    max-width: 100%;
    width: auto;
}

.advantages_temp-4 .title {
    font-size: 20px;
}

.advantages_temp-4 h3 {
    font-size: 18px;
}

.advantages_temp-4 .title + h3 {
    margin-top: 0;
}