@import url("./font-awesome/all/all.min.css");

/* Сброс стилей */

* {
    padding: 0;
    margin: 0;
    border: 0;
}

*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

:focus,
:active {
    outline: none;
}

ol,
ul {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}

a {
    color: inherit;
    text-decoration: none;
}

a:focus {
    outline: 0;
    text-decoration: none;
}

a:hover,
a:active {
    outline: 0;
    text-decoration: none;
}

input,
textarea,
button {
    border: none;
    outline: none !important;
    background: none;
    color: #000;
}

nav,
footer,
header,
aside {
    display: block;
}

html,
body {
    font-family: "Open Sans", system-ui, sans-serif;
    font-weight: 400;
    /* font-size: calc(14 * 1px + (16.2 - 14) * (100vw - 1600 * 1px) / 320); */
    height: 100%;
    width: 100%;
    line-height: 1;
    display: flex;
    flex-direction: column;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;

    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

input,
button,
textarea {
    font-family: inherit;
}

input::-ms-clear {
    display: none;
}

button {
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

a,
a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

ul li {
    list-style: none;
}

img {
    vertical-align: top;
    object-fit: cover;
    max-width: 100%;
    height: auto;
}

svg {
    min-width: 24px;
}

h1 {
    font-size: 30px;
    font-weight: 700;
}

h2 {
    font-size: 26px;
    font-weight: 500;
}

h3 {
    font-size: 21px;
    font-weight: 400;
}

h4 {
    font-size: 16px;
    font-weight: 700;
}

h6 {
    font-size: 12px;
    font-weight: 200;
    line-height: 18px;
}

p {
    padding: 0;
    margin: 0;
}

/*--------------------*/

:root {
    --orange-lt: #FEAD61;
    --orange: #F47430;
    --pink: #D6308C;
    --red: #EB435A;
    --purple-lt: #A54198;
    --purple: #844193;
    --black: #291B2C;
    --white: #FAF1FB;
    --real-white: #FFF;
    --white-gr: #F4F3F3;
    --trans-pr: rgba(223, 141, 232, 0.42);
    --gr: #B1AAB2;
    --lt-gr: #F7F7F7;

    --dark-gr: #6D696F;
    --bej: #FFEBD9;
    --purpmaed: rgba(223, 142, 232, 0.42);
    --white-grad: linear-gradient(to right, var(--white), var(--white-gr));
    --lt-grad: linear-gradient(to right, var(--purple), var(--pink));
    --red-grad: linear-gradient(to right, var(--purple), var(--red));
    --dark-grad: linear-gradient(to right, var(--purple), var(--purple-lt));

    --text-bold: 700;

    --red: rgb(255, 72, 101);
    --grey: #777777;
    --yellow: #FFE603;
    --blue: #2B38D1;
    --shadow: rgba(43, 56, 209, 0.1);
    --green: #008A00;

    --light-grey: #0000001f;
}


*::selection {
    background: var(--purpmaed);
}

*::-moz-selection {
    background: var(--purpmaed);
}

section {
    width: 100%;
    margin-bottom: 40px;
}

section.section-header {
    margin-bottom: 20px;
}

.section-header {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.section-container {
    flex-direction: column !important;
    min-width: 0px;
}

.main__container.section-container {
    margin-top: 24px;
    justify-content: flex-start;
}

.shablon-container {
    width: 100%;
    height: 100%;
}

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

.spinner {
    transition: .3s ease;
    z-index: 1001;
    visibility: hidden;
    opacity: 0;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
}

.spinner span {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 48px;
    height: 48px;
    border: 5px solid #FFF;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*scrollbar*/

/* .image-preview__container {
    align-items: center;
    display: grid;
    grid-template-columns: 2fr 2fr 1fr 1fr 0.2fr;
    flex-direction: row;
    justify-content: space-between;
    list-style: none;
    width: 100%;
}

.image-preview__container>img,
.image-preview__container>video {
    margin: 0 auto;
}

.image-preview__container>span {
    word-break: break-word;
} */

#formAtribute {
    width: 100%;
}

#document-images {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

*::-webkit-scrollbar {
    width: 5px;
}

*::-webkit-scrollbar-track {
    background: rgba(244, 243, 243, 0.73);
}

*::-webkit-scrollbar-thumb {
    background: rgba(165, 65, 152, 0.53);
    border-radius: 15px;
}

body {
    background: var(--real-white);
}

.container {
    padding: 0 10px;
    max-width: 1276px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
}


.main__divide-ads .main__container {
    margin-top: 0;
}

.main__divide-ads {
    margin: 24px 0 0 0;
    display: flex;
    gap: 20px;
}

.adblock-section {
    min-width: 300px;
    max-width: 300px;
    height: 500px;
    top: 90px;
    position: sticky;
    z-index: 100;
}

.adblock-section__container {
    overflow: hidden;
    height: 100%;
}

.adblock-section__container img {
    height: 100%;
    width: 100%;
}

.map-catalog-wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 15px;
}

.map-catalog {
    width: 100%;
    z-index: 100;
}

.map-catalog__map {
    width: 100%;
    position: sticky;
    top: 90px;
    height: 600px;
}

.map-catalog__map-cross {
    font-size: 12px;

    color: var(--real-white);
    background: var(--dark-grad);
    padding: 10px 30px 10px 10px;
    cursor: pointer;
    z-index: 1;
    position: absolute;
    top: 50px;
    right: 10px;

    display: flex;
    gap: 10px;
    align-items: center;
}

.map-catalog__map-cross::before,
.map-catalog__map-cross::after {

    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    width: 10px;
    height: 2px;
    background: var(--real-white);

    transition: .3s linear all;
}

.map-catalog__map-cross::before {
    transform: translate(0, -50%) rotate(-45deg);
}

.map-catalog__map-cross::after {
    transform: translate(0, -50%) rotate(45deg);
}

.map-catalog-wrapper .filtering__properties--2 {
    border-top: none;
    padding-top: 0;
}

.map-catalog-wrapper .short-cards__container {
    grid-template-columns: 1fr 1fr 1fr;
}

.map-catalog-wrapper .map-catalog__map {
    display: none;
}

.map-catalog-wrapper .adblock-section {
    display: block;
}

.map-catalog-wrapper .map-open-button {
    display: block;
}

.map-catalog-wrapper.active .short-cards__container {
    grid-template-columns: 1fr 1fr;
}

.map-catalog-wrapper.active .map-catalog__map {
    display: block;
}

.map-catalog-wrapper.active .adblock-section {
    display: none;
}

.map-catalog-wrapper.active .map-open-button {
    display: none;
}

.map-catalog-wrapper .map-catalog {
    width: auto;
}

.map-catalog-wrapper.active .map-catalog {
    width: 100%;
}

label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

/* CUSTOM KVIK CHECKBOXES AND RADIOBUTTONS */

@supports (-webkit-appearance: none) or (-moz-appearance: none) {

    input[type='checkbox']:not(.__select__input),
    input[type='radio']:not(.__select__input) {
        --active: #fff;
        --active-inner: #000;
        --focus: 2px rgb(0 0 0 / 30%);
        --border: linear-gradient(to right, #844193, #A54198);
        --border-hover: rgb(0 0 0 / 1);
        --background: #fff;
        --disabled: #F6F8FF;
        --disabled-inner: #E1E6F9;
        -webkit-appearance: none;
        -moz-appearance: none;
        height: 51px;
        outline: none;
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin: 0;
        cursor: pointer;
        background:
            linear-gradient(#fff 0 0) padding-box,
            linear-gradient(to right, #844193, #A54198) border-box;
        color: #313149;
        border: 2px solid transparent;
        border-radius: 10px;
        display: inline-block;
        -webkit-transition: background .3s, border-color .3s, box-shadow .2s;
        transition: background .3s, border-color .3s, box-shadow .2s;
    }

    input[type='checkbox']:not(.__select__input):after,
    input[type='radio']:not(.__select__input):after {
        content: '';
        display: block;
        left: 0;
        top: 0;
        position: absolute;
        -webkit-transition: opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);
        transition: opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);
        transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
        transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);
    }

    input[type='checkbox']:not(.__select__input):checked,
    input[type='radio']:not(.__select__input):checked {
        --b: var(--active);
        --bc: var(--active);
        --d-o: .3s;
        --d-t: .6s;
        --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
    }

    input[type='checkbox']:not(.__select__input):disabled,
    input[type='radio']:not(.__select__input):disabled {
        --b: var(--disabled);
        cursor: not-allowed;
        opacity: .3;
    }

    input[type='checkbox']:not(.__select__input):disabled:checked,
    input[type='radio']:not(.__select__input):disabled:checked {
        --b: var(--disabled-inner);
        --bc: var(--border);
    }

    input[type='checkbox']:not(.__select__input):disabled+label,
    input[type='radio']:not(.__select__input):disabled+label {
        cursor: not-allowed;
    }

    input[type='checkbox']:not(.__select__input):hover:not(:checked):not(:disabled),
    input[type='radio']:not(.__select__input):hover:not(:checked):not(:disabled) {
        --bc: var(--border-hover);
    }

    input[type='checkbox']:not(.__select__input):not(.switch),
    input[type='radio']:not(.__select__input):not(.switch) {
        min-width: 24px;
        min-height: 24px;
        max-width: 24px;
        max-height: 24px;
    }

    input[type='checkbox']:not(.__select__input):not(.switch):after,
    input[type='radio']:not(.__select__input):not(.switch):after {
        opacity: var(--o, 0);
    }

    input[type='checkbox']:not(.__select__input):not(.switch):checked,
    input[type='radio']:not(.__select__input):not(.switch):checked {
        --o: 1;
    }

    input[type='checkbox']:not(.__select__input)+label,
    input[type='radio']:not(.__select__input)+label {
        font-size: 28px;
        color: #fff;
        line-height: 30px;
        display: inline-block;
        vertical-align: top;
        cursor: pointer;
        margin-left: 25px;
        width: 230px;
        margin-bottom: 46px;
    }

    input[type='checkbox']:not(.__select__input):not(.switch),
    input[type='radio']:not(.__select__input):not(.switch) {
        border-radius: 5px;
    }

    input[type='checkbox']:not(.__select__input):not(.switch):after,
    input[type='radio']:not(.__select__input):not(.switch):after {
        font-family: "Font Awesome 5 Free";
        content: "\f00c";
        display: inline-block;
        font-weight: 900;
        font-size: 18px;
        left: 1px;
        top: 1px;

        background-image: linear-gradient(to right, #844193, #A54198);
        color: transparent;
        -webkit-background-clip: text;
        background-clip: text;
    }

    input[type='checkbox']:not(.__select__input):not(.switch):checked,
    input[type='radio']:not(.__select__input):not(.switch):checked {
        --r: 43deg;
    }

    input[type='checkbox']:not(.__select__input).switch,
    input[type='radio']:not(.__select__input).switch {
        width: 38px;
    }

    input[type='checkbox']:not(.__select__input).switch:after,
    input[type='radio']:not(.__select__input).switch:after {
        left: 2px;
        top: 2px;
        width: 15px;
        height: 15px;
        background: var(--ab, var(--border));
        -webkit-transform: translateX(var(--x, 0));
        transform: translateX(var(--x, 0));
    }

    input[type='checkbox']:not(.__select__input).switch:checked,
    input[type='radio']:not(.__select__input).switch:checked {
        --ab: linear-gradient(to right, #844193, #A54198);
        --x: 17px;
    }

    input[type='checkbox']:not(.__select__input).switch:disabled:not(:checked):after,
    input[type='radio']:not(.__select__input).switch:disabled:not(:checked):after {
        opacity: .6;
    }
}

/* CUSTOM KVIK SELECT */

.__select {
    -webkit-appearance: none;
    position: relative;
    width: 100%;
    max-width: 425px;
    height: 40px;
    margin: 0 auto;
}

.__select:disabled {
    cursor: not-allowed;
}

.__select .__select__title::before {
    transform: translate(-4px, -50%) rotate(-30deg);
}

.__select .__select__title::after {
    transform: translate(4px, -50%) rotate(30deg);
}

.__select[data-state="active"] .__select__content {
    z-index: 8;
    opacity: 1;
}

.__select[data-state="active"] .__select__label+.__select__input+.__select__label,
.__select[data-state="active"] .__select__input+.__select__label {
    max-height: 40px;
    border-top-width: 1px;
}

.__select__title {
    -webkit-appearance: none;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 8px 16px;
    border-radius: 10px;
    border: solid 1px var(--gr);
    background: #fff;
    cursor: pointer;

    transition: .3s;
}

.__select__title::before,
.__select__title::after {
    border-radius: 10px;
    content: "";
    position: absolute;
    top: 50%;
    right: 16px;
    display: block;
    width: 10px;
    height: 1.5px;
    transition: all 0.3s ease-out;
    background: linear-gradient(to right, #844193, #A54198);
    transform: translate(-4px, -50%) rotate(30deg);
}

.__select__title::after {
    transform: translate(4px, -50%) rotate(-30deg);
}

.__select__title:not(:disabled):hover {
    border-color: #844193;
}

.__select__content {
    position: absolute;
    top: 35px;
    left: 3px;
    display: flex;
    flex-direction: column;
    width: calc(100% - 6px);
    background-color: #ffffff;
    border: 1px solid #c7ccd1;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    transition: all 0.3s ease-out;
    opacity: 0;
    z-index: -1;
}

.__select__input {
    display: none;
}

.__select__input:checked+label {
    background-color: #dedede;
}

.__select__input:disabled+label {
    opacity: 0.6;
    pointer-events: none;
}

.__select__label {
    display: flex;
    align-items: center;
    width: 100%;
    height: 40px;
    max-height: 0;
    padding: 0 16px;
    transition: all 0.2s ease-out;
    cursor: pointer;
    overflow: hidden;
}

.__select__label+input+.__select__label {
    border-top: 0 solid #C7CCD160;
}

.__select__label:hover {
    background-color: rgba(223, 142, 232, 0.42) !important;
    color: #ffffff;
}

/* IMAGE POPUP */

.popup-shadow.active {
    display: block;
}

.popup-shadow {
    left: 0;
    top: 0;
    z-index: 1000;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: #00000051;
}

.image-popup.active {
    display: block;
}

.image-popup {
    display: none;

    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    width: 90%;
    height: 90%;

    padding: 10px;
    border: 1px solid #ccc;
    background-color: #ebeff2;

    z-index: 1000;
}

.image-popup__container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.image-popup__header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ccc;
}

.image-popup__header-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.image-popup__header-item {
    cursor: pointer;
}

.image-popup__header-item.active {
    border-bottom: 1px solid #333;
}

.image-popup__header-item:hover {
    opacity: 0.5;
}

.image-popup__header-item>a {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;

    padding: 10px 5px;
}

.image-popup__header-item img {
    width: 20px;
}

.image-popup__cross {
    cursor: pointer;
    padding: 10px;
}

.image-popup__cross:hover {
    background-color: #dadada;
}

.image-popup__cross img {
    width: 15px;
}

.image-popup__main {
    flex: 1 0 auto;
}

.image-popup__main-container {
    display: flex;
    flex-wrap: wrap;
}

.image-popup__footer {}

.image-popup__footer-container {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.image-popup__footer-delete {}

.image-popup__footer-download {}

.image-popup__footer-choose {
    margin-left: auto;
}

/* HEADER START */

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    min-height: 60px;
    z-index: 1000;
    background: var(--dark-grad);
    box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
}

.header__container {
    display: flex;
    flex-direction: row;
    /* gap: 20px; */
    align-items: center;
}

.header__container {
    /* display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    padding: 15px 0;
    gap: 10px; */
}

.header__logo {
    cursor: pointer;
}

.pc-logo {
    min-width: 180px;
    display: block;
}

.mobile-logo {
    display: none;
}

.header__catalog {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.header__catalog svg {
    max-height: 19px;
}

.header__catalog svg:last-child {
    display: none;
}

.header__catalog-container.active .header__catalog svg:first-child {
    display: none;
}

.header__catalog-container.active .header__catalog svg:last-child {
    display: block;
}

.header__search {
    position: relative;
    font-weight: 200;
    max-width: 450px;
    width: 100%;
}

.header__search>input {
    width: 100%;
    position: relative;
    padding: 11px 38px 10px 15px;
    background: var(--white-gr);
}

.header__search>input::placeholder {
    color: var(--black);
}

.header__search>svg {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.header__search.active>svg,
.header__search.active>input {
    z-index: 151;
}

.header__search.active .header__search-results {
    display: block;
    z-index: 150;
}

.header__search-results-container {
    padding-top: 10px;
}

.header__search-results-container>ul>li>a:hover {
    background: var(--light-grey);
}

.header__search-results-container>ul>li>a {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 15px;
    padding: 20px 10px;
    background: transparent;
    transition: .3s ease all;
}

.header__search-results-container>p {
    line-height: 20px;
    margin: 10px 0 10px 16px;
    color: var(--black);
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.header__search-results {
    position: absolute;
    display: none;
    top: 100%;
    left: 0px;
    width: 100%;
    box-sizing: border-box;
    max-height: calc(100vh - 120px);
    overflow-x: hidden;
    overflow-y: auto;
    background: var(--real-white);
    border-top: 1px var(--light-grey) solid;
}

.header__location {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--white);
    font-weight: var(--text-bold);
    cursor: pointer;
}

.header__location-main {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.header__location-main span {
    white-space: nowrap;
}

.header__location.active .header__location-popup {
    display: flex;
}

.header__location-popup::before,
.header__location-popup::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -10px;
    left: 24px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid var(--white);
    z-index: 3;
}

.header__location-popup::before {
    top: -10px;
    left: 23px;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 11px solid var(--real-white);
    z-index: 2;
}

.header__location-popup {
    cursor: default;
    flex-direction: column;
    align-items: center;
    color: var(--black);
    padding: 24px;
    background-color: var(--real-white);
    box-sizing: border-box;
    box-shadow: inset 0 0 0 -1px #ededed, 0 2px 8px rgb(0 0 0 / 15%);
    border-radius: 4px;
    width: 300px;
    position: absolute;
    gap: 15px;
    left: 0;
    top: 40px;
    z-index: 1;
    display: none;
}

.header__location-popup h4 {
    align-self: flex-start;
}

.header__location-btn {
    width: 100%;
}

.header__location-btn:hover button {
    background-color: var(--purple-lt);
    color: var(--real-white);
}

.header__location-btn button {
    width: 100%;
    padding: 0 16px;
    height: 40px;
    color: var(--real-white);
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    background-color: var(--purple);
    white-space: nowrap;
    border-radius: 8px;
    transition: background-color .2s ease-in-out, color .2s ease-in-out;
    cursor: pointer;
}

.header__ad-btn {}

.photo-btn {
    display: block;
    font-size: 20px;
    padding: 10px;
    background: #ef1d24;
    color: #fff;
    border: 1px solid transparent;
    text-shadow: 0 0 1px #000;
}

.photo-btn:hover {
    background: #a7171c;
    color: var(--real-white);
}

.photo-btn:active {
    text-shadow: 0 0 5px #000;
}

a.anim-btn {
    display: block;
}

.anim-btn {
    white-space: nowrap;
    text-align: center;
    position: relative;
    z-index: 1;
    transition: .5s ease;

    border: 1px solid var(--purple);
    background: var(--real-white);
    color: var(--purple);
    padding: 10px;
}

.anim-btn::before {
    position: absolute;
    content: "";
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    background: var(--lt-grad);
    z-index: -1;
    transition: opacity .5s linear;
    opacity: 0;
}

.anim-btn:hover::before {
    opacity: 1;
}

.anim-btn svg {
    display: inline-block;
}

.anim-btn stop {
    transition: .4s ease;
}

.anim-btn:hover svg stop:first-child {
    stop-color: var(--real-white);
}

.anim-btn:hover svg stop:last-child {
    stop-color: var(--real-white);
}

.anim-btn:hover {
    color: var(--real-white);
    border-color: none;
}

.anim-btn:active {
    color: var(--real-white);
    background: var(--purple);
    border-color: none;
}

.anim-btn:active::before {
    opacity: 0;
}

.anim-btn:disabled svg stop:first-child {
    stop-color: var(--real-white);
}

.anim-btn:disabled svg stop:last-child {
    stop-color: var(--real-white);
}

.anim-btn:disabled {
    background: var(--white);
    border-color: none;
}

.anim-btn:disabled:before {
    content: none;
}

.anim-btn:disabled {
    border: var(--light-grey);
    color: var(--light-grey);
}

.grad-btn:hover {
    background: var(--purple);
}

.grad-btn {
    padding: 10px;
    font-size: 14px;
    background: var(--lt-grad);
    color: var(--real-white);

    display: flex;
    align-items: center;
    justify-content: center;

    cursor: pointer;
}

.header__links {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.header__links>div:not(:last-child) {
    margin-right: 20px;
}

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

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

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

.mobile-menu {
    cursor: pointer;
    font-size: 11px;
    color: var(--purple);

    display: none;
    gap: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}



.header__filter-mobile.mobile-menu {
    display: none;
}

.header__filter-mobile.visible-filter {
    display: none;
}

.header__filter-mobile {
    cursor: pointer;
    font-size: 11px;
    color: var(--purple);

    gap: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.header__profile {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.header__profile.active .header__profile-sub {
    display: block;
}

.header__profile-sub {
    z-index: 1;
    display: none;
    background-color: var(--white);
    border-radius: 3px;
    top: 55px;
    left: -200px;
    position: absolute;
    width: 251px;
}

.header__profile>.header__profile-link-image,
.header__profile>img {
    border: 1px solid transparent;
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    cursor: pointer;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;

    transition: .3s ease;
    overflow: hidden;
    border-radius: 50%;
}

.header__profile>.header__profile-link-image>img,
.header__profile>img {
    height: 100%;
    object-fit: cover;
}

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

.profile__title {
    color: var(--real-white);
}

.profile__block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.header__counter {

    position: absolute;
    right: -8px;
    bottom: -8px;

    background: var(--purple-lt);
    color: var(--real-white);

    border-radius: 5px;
    font-weight: 700;
    font-size: 11px;
    padding: 5px;
}

/* HEADER END */

/* FOOTER START */

.footer {
    background: var(--white-gr);
}

.footer__container {
    padding: 32px 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: 40px;
    flex-wrap: wrap;
}

.footer__list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
}

.footer__item {}

.footer__link {}

.footer__numbers {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.footer__numbers>p:not(:last-child) {
    margin-right: 16px;
}

.footer__socials {}

.socials {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.social__item {
    cursor: pointer;
}

.social__item:not(:last-child) {
    margin-right: 16px;
}

/* FOOTER END */
/* MAIN START */
.main {
    margin: 160px 0 0 0;
    padding-bottom: 20px;
    background: var(--white);
    flex: 1 0 auto;
}

.main.other-main {
    background: #99189208;
}

.main.news-main {
    margin: 130px 0 0 0;
}

.main__container {
    display: flex;
    flex-direction: row;

    justify-content: center;
    align-items: flex-start;

    width: 100%;
    height: 100%;
}

.hover-tab {
    width: 100%;
    border-radius: 10px;
    background: var(--real-white);

    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}

.hover-tab__list {
    overflow-x: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 10px 5px;
}

.hover-tab__list::-webkit-scrollbar {
    height: 2px;
}

.hover-tab__item:first-child {
    padding-left: 25px;
}

.hover-tab__item:last-child {
    padding-right: 25px;
}

.hover-tab__item {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: normal;
    font-weight: 400;
    padding: 13px 10px;
    border-bottom: 1px solid transparent;
    transition: border-color .5s ease;
}

.hover-tab__link {
    pointer-events: stroke;
    margin-right: 8px;
    white-space: nowrap;
}

.hover-tab__item.active {
    font-weight: 700;
    border-color: var(--purple);
}

/**/

.menu {
    padding: 18px 0;
    min-width: 251px;
    background: var(--white);
    align-self: flex-start;
}

.menu__container {
    width: 100%;
}

.menu__list {
    overflow: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: 251px;
    background: var(--white-grad);
}

.menu__item {
    z-index: 1;
    position: relative;
    color: var(--black);
    cursor: pointer;
    padding: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}

.menu__item::before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--lt-grad);
    z-index: -1;
    transition: opacity .5s linear;
    opacity: 0;
}

.catalog .menu__item>a img {
    transition: .3s ease filter;
}

@media (hover: hover) {
    .menu__item:hover::before {
        opacity: 1;
    }

    .menu__item:hover {
        color: var(--real-white);
    }

    .catalog .menu__item:hover>a img {
        filter: grayscale(1) brightness(1000%);
    }

    .item-catalog__header:hover>a>p {
        color: var(--purple);
    }

    .menu__item:hover svg stop:first-child {
        stop-color: var(--white);
    }

    .menu__item:hover svg stop:last-child {
        stop-color: var(--white);
    }

}


.menu__item svg {
    display: inline-block;
}

.menu__item stop {
    transition: .3s ease;
}

.menu .menu__item::before.active {
    opacity: 1;
}

.menu .menu__item.active {
    color: var(--real-white);
}

.menu__item.active svg stop:first-child {
    stop-color: var(--white);
}

.menu__item.active svg stop:last-child {
    stop-color: var(--white);
}

.menu__item.active::before {
    opacity: 1;
}

.menu__item.active {
    color: var(--real-white);
}

.menu__name {
    margin: 0 8px;
}

.menu__counter {}

/*DELETE ACCOUNT*/

.delete {
    width: 100%;
    border-radius: 10px;
    background: var(--real-white);
    cursor: pointer;

    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.delete.active {
    display: flex;
}

.delete__container.active {
    display: none;
}

.delete__confirm-delete.active {
    display: flex;
}

.delete__container {
    padding: 8px 16px;
    transition: .5s ease;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.delete__button {
    color: var(--purple);
}

.delete__description {
    color: var(--dark-gr);
    max-width: 500px;
}

.delete__container:hover {
    background: var(--white-gr);
}

.delete__confirm-delete {
    padding: 12px;
    width: 100%;
    max-width: 712px;
    display: none;
    color: var(--dark-gr);
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
}

.delete__new-pass {
    max-width: 251px;
    width: 100%;
}

.delete__btns {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 24px;
}

.delete__btns button {
    max-width: 196px;
    width: 100%;
}

.delete__decription {
    text-align: center;
}

.delete__delete-acc {}

.delete__stay-acc {}

/*entry form*/

.entry {

    border-radius: 10px;
    background: var(--real-white);

    width: 100%;
    max-width: 516px;

    margin: 80px 0;
    padding: 0 5px;
    color: var(--black);
}

.entry__container {
    height: 100%;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    padding: 16px 55px 38px 55px;
    justify-content: space-between;
    align-items: center;

    gap: 24px;
}

.entry__close {
    align-self: flex-end;
}

.entry__tab {
    background: var(--white-gr);
}

.entry__fast-entry {
    align-self: flex-start;
}

.fast-entry {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.fast-entry__header {
    color: var(--dark-gr);
    margin-bottom: 8px;
}

.fast-entry__list {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.fast-entry__item {
    width: 32px;
    height: 32px;
    padding: 4px;
    border-radius: 10px;
    border: 1px solid var(--white-gr);
    margin-right: 16px;

    display: flex;
    align-items: center;
    justify-content: center;

    cursor: pointer;
}

/*FORM*/

.entry__form-entry {
    width: 100%;
}

.form-entry {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
}

.form-entry__email {}

.form-entry__forgot {
    color: var(--dark-gr);
    align-self: flex-end;
}

.form-entry__btn {}

.input-form {
    position: relative;
    width: 100%;
}

.input-form>svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 5%;

    cursor: pointer;
}

select.input-form__input {
    position: relative;
    -webkit-appearance: none;
    padding: 15px;
}

select.input-form__input {}

select-arrow::before,
select-arrow::after {
    border-radius: 10px;
    content: "";
    position: absolute;
    top: 50%;
    right: 16px;
    display: block;
    width: 10px;
    height: 1.5px;
    transition: all 0.3s ease-out;
    background: linear-gradient(to right, #844193, #A54198);
    transform: translate(-4px, -50%) rotate(30deg);
}

select-arrow::after {
    transform: translate(4px, -50%) rotate(-30deg);
}

select-arrow:hover {
    border-color: #844193;
}


.input-form__input {
    width: 100%;
    background: var(--real-white);
    border: 1px solid transparent;

    border-radius: 10px;
    border: 1px solid var(--white);
    padding: 25px 46px 8px 12px;

    font-size: 16px;

    transition: .5s;
}

.input-form>textarea {
    resize: none;
}

.input-form {
    max-width: 100%;
}

.input-form__input.textarea:not(:placeholder-shown)+.input-form__placeholder {
    transform: translateY(-155px);
}

.input-form>.input-form__input.textarea:focus+.input-form__placeholder {
    transform: translateY(-155px);
}

.textarea__bold {
    display: none;
}

.input-form__input.textarea~.textarea__bold:hover {
    background: var(--purple);
    color: var(--white);
}

.input-form__input.textarea~.textarea__bold {
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px;

    padding: 5px;
    border-radius: 10px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid var(--purple);
    background: var(--white);

    color: var(--purple);
    font-weight: 700;
}

.ck.ck-toolbar {
    background: var(--lt-grad) !important;
}

.ck.ck-button {
    cursor: pointer !important;
}

.ck.ck-button.ck-on,
a.ck.ck-button.ck-on {
    background: var(--purpmaed) !important;
}

.ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) {
    border: 1px solid var(--purple) !important;
}

.ck.ck-button:hover {
    background: var(--purpmaed) !important;
}

.ck.ck-icon {
    color: var(--real-white) !important;
}

.send-ads__body .input-form {
    width: 100%;
    max-width: 425px;
}

.input-form__input:not(:placeholder-shown).input-form__input:invalid.input-form__input:not(:focus) {
    border: 1px solid var(--red);
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

.password[type="text"]+.input-form__placeholder+svg {
    display: none;
}

.password[type="text"]+.input-form__placeholder+svg+svg {
    display: block;
}

/* SVG BLOCKING START */
.input-form__input:not(.password):not([type='date'])+.input-form__placeholder+svg {
    display: none;
}

.input-form__input:not(.password):not([type='date']):not(:placeholder-shown).input-form__input:invalid.input-form__input:not(:focus)+.input-form__placeholder+svg {
    display: block;
}

/* SVG BLOCKING END */

.input-form__input:not(:placeholder-shown).input-form__input:invalid.input-form__input:not(:focus)~.input-form__error {
    display: block;
}

.input-form__input:not(:placeholder-shown)+.input-form__placeholder {
    transform: translateY(-25px);
}

.input-form>.input-form__input:focus+.input-form__placeholder {
    transform: translateY(-110%);
}

.input-form>.input-form__input:focus {
    border: 1px solid var(--purple);
}

.input-form__placeholder {
    white-space: nowrap;
    text-overflow: ellipsis;
    position: absolute;
    pointer-events: none;
    left: 13px;
    top: 50%;
    line-height: 26px;
    transform: translateY(-50%);
    color: var(--gr);
    padding-right: 20px;
    overflow: hidden;
    width: 100%;

    transition: .5s;
}

.input-form__error,
.input-form__all-error {
    text-align: center;
    color: var(--red);
    width: 100%;
    position: absolute;
    left: 50%;
    top: -34px;
    transform: translate(-50%, 100%);
    display: none;

    transition: .5s ease;
}

.input-form__all-error.active {
    display: block;
}

.input-form__all-error {
    position: static;
    transform: translate(0, 0);
}

.form-entry__description-pass {
    margin-top: -16px;
}

.anim__checkbox {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.send-ads__currency input[type="radio"],
.send-ads__show-phones input[type="checkbox"],
.settings input[type="checkbox"],
.cards__checkbox input[type="checkbox"] {
    background:
        linear-gradient(var(--white) 0 0) padding-box,
        var(--dark-grad) border-box
}

.form-entry__agreement a {
    color: var(--purple);
}

.entry.active .form-entry__agreement,
.entry.active .form-entry__description-pass,
.entry.active .g-recaptcha,
.entry.active .form-entry__pass-repeat,
.entry.active .company-type {
    display: none;
}

.company-type {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.company-type__container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 40px;
}

.entry .hover-tab__item.active {
    font-weight: 700;
    border-color: var(--purple);
}

/*ADVERTISEMENTS*/

.section-main {
    width: 100%;
    background: var(--real-white);
    padding: 0 24px;

    display: flex;
    flex-direction: column;
    height: 100%;
}

.section-main.send-ads {
    background: var(--white-grad);
}

p.section-main__header {
    font-size: 30px;
    font-weight: 600;
}

.section-main__header {
    margin: 35px 0 16px;
}

.white-card {
    margin: 0 0 40px 0;
    width: 100%;
    background: var(--real-white);
    padding: 10px;
}

.main__container.section-container .section-main__header {
    margin: 0;
}

.section-main__container {
    width: 100%;
    flex: 1 0 auto;
    background: var(--white);
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
}

.cards__choose-block {
    display: flex;
    flex-direction: row;
    gap: 15px;

}

.cards__choose {
    border-radius: 10px;
    background: var(--real-white);
    padding: 10px 16px;
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 70px;
    gap: 15px;
}

.cards__choose .sort__select--2 {
    margin: 0;
}

.choose-all__btns.active {
    display: flex;
}

.choose-all__btns {
    display: none;
    flex-direction: row;
    gap: 15px;
}

.tooltip-checkbox {
    cursor: pointer;
    position: relative;
    font-size: 20px;
    color: #7777775f;
    overflow: hidden;
}

.tooltip-checkbox::after {
    font-weight: 400;
    font-size: 14px;
    color: black;
    content: "От стоимости с НДС юридическое лицо может получить налоговый вычет 20%.";
    border-radius: 8px;
    padding: 15px;
    height: 60px;
    width: 400px;
    top: 30px;
    left: -50%;
    right: 0;
    background-color: var(--real-white);
    position: absolute;
    box-shadow: 0px 0px 24px 6px rgb(4 4 4 / 10%);
    transform: translate(-50%, 10px);
    opacity: 0;
    z-index: 1000;
    transition: .3s ease all;
}

.tooltip-checkbox:hover {

    overflow: visible;
}

.tooltip-checkbox:hover.tooltip-checkbox::after {
    opacity: 1;
    transform: translate(-50%, 0px);
}

.cards {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 20px;
}

.names-cards .cards__container,
.names-cards .cards__list {
    width: 100%;
}

.cards__container .cards__checkbox input[type='checkbox'] {
    background: linear-gradient(var(--real-white) 0 0) padding-box, var(--dark-grad) border-box;
}

.names-cards .card__parameters {
    width: 100%;
}

.names-cards .card__properties {
    display: flex;
}

.no-items.active {
    display: flex;
}

.no-items {
    display: none;
    margin: 0 auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    max-width: 421px;
    height: 100%;
}

.no-items__link {
    font-weight: 800;
    color: var(--purple);
}

.no-items__header {
    text-align: center;
}

.no-items__btn {}

.cards__container,
.cards__list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    height: 100%;
    width: 100%;
}

.cards__item {}

/*CARD START*/

#productsResult {
    width: 100%;
}

.card {
    overflow: hidden;
    text-overflow: ellipsis;
    /* max-height: 200px; */

    transition: .3s ease;
    border-radius: 10px;
    background: var(--real-white);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    padding: 16px;
    width: 100%;
    height: 100%;
}

.card>a {
    max-height: 200px;
    overflow: hidden;
}

.card>a>img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: center;
}

.card__main-content-container {
    align-items: flex-start;
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.card__main-and-buttons {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    gap: 10px;
}

.card__icons-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.my-card {
    display: flex;
    flex-direction: row;
    gap: 15px;
    justify-content: space-between;
}

.card__wrapper .card__container {
    justify-content: flex-start;
}

.card__wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.card>.card__link {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.card__top,
.card__vip {
    padding: 4px;
    border-radius: 2px;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 3px;
    font-size: 11px;
    align-self: flex-start;
}

.card__top {
    background-color: var(--yellow);
    color: var(--black);
    margin-right: 5px;
}

.card__vip {
    color: var(--real-white);
    background: var(--dark-grad);
}

.card__vip svg {
    width: 15px;
    height: 15px;
}

.vip-replace .card__top {
    margin: auto 5px auto;
}

.vip-replace {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.vip-cards__slider {
    padding: 0 0 15px 0;
}

.vip-cards__slider .swiper-slide.min-vip .short-cards__card>.card__link {
    flex-direction: row;
    justify-content: space-between;
    gap: 0;
}

.vip-cards__slider .swiper-slide.min-vip .short-cards__card>.card__link>* {
    width: 100%;
}

.vip-cards__slider .swiper-slide.min-vip .short-cards__card>.card__link .card-short__image {
    max-width: 227px;
}

.vip-cards__slider .swiper-slide.min-vip .short-cards__card>.card__link .card-short__content {
    padding: 10px;
}

.vip-cards__slider .swiper-slide.min-vip .short-cards__card>.card__link .card-short__image,
.vip-cards__slider .swiper-slide.min-vip .short-cards__card>.card__link .card-short__image img,
.vip-cards__slider .swiper-slide.min-vip .short-cards__card>.card__link .card-short__image .image__slider {
    border-radius: 10px 0px 0px 10px;
}

.card__top .fa-star {
    color: black;
}

.card__link {}

.card.active {
    background: var(--white-grad);
}

.card__container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    min-width: 0;
}

.card__image.image {
    align-self: flex-start;
}

.card__choose {
    transition: .3s ease;
    background:
        linear-gradient(var(--real-white) 0 0) padding-box,
        var(--dark-grad) border-box !important;
}

.card.active .card__choose {
    background:
        var(--white-grad) padding-box,
        var(--dark-grad) border-box !important;
}

.card__image {}

.image {
    max-width: 218px;
    width: 100%;
    position: relative;
    border-radius: 10px;
    align-self: center;
}

.image__slider {
    border-radius: 10px;
    height: 100%;
}

.image__slider .swiper-wrapper {
    max-width: 218px;
    max-height: 152px;
    align-items: center;
}

.swiper-wrapper {
    align-items: center;
}

section.vip-cards {
    margin: 0;
}

.vip-cards .image__slider .swiper-wrapper {
    max-width: 100%;
}

.vip-cards .image__slider .swiper-slide {
    max-width: 100%;
    max-height: 100%;
}

.image__slider .swiper-slide {
    height: 100%;
    width: 100%;
    min-height: 227px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.image__slider .swiper-slide img {
    min-height: 227px;
    max-height: 227px;
}

.swiper-slide__container {
    max-width: 218px;
    max-height: 152px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-slide__container>img {
    max-width: 218px;
    max-height: 152px;
    object-fit: cover;
}

.swiper-pagination-bullet {
    display: block !important;
    border-radius: 10px !important;
    width: 25px !important;
    height: 5px !important;
}

.swiper-pagination-bullet-active {
    background-color: var(--gr) !important;
}

.swiper-pagination {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.image__improve {
    z-index: 10;
    cursor: pointer;

    max-width: 32px;
    max-height: 32px;
    min-width: 32px;
    min-height: 32px;
    position: absolute;
    top: 12px;
    right: 12px;

    border-radius: 10px;
    background: var(--real-white);
    padding: 4px;
}

.card__parameters {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
}

.card__desc {
    line-height: 18px;
    font-size: 14px;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-word;
}

.card__desc--visible {
    display: flex;
    gap: 10px;
    flex-direction: column;
}

.card__desc--hidden {
    width: 100%;
    display: none;
}

.card__name {
    margin-bottom: 5px;
    color: var(--purple);
    font-size: 16px;
    font-weight: 700;
    word-break: break-word;
}

.card__name--visible {
    display: block;
}

.card__name--hidden {
    display: none;
}

.card__name+a {
    cursor: pointer;
    color: var(--purple);
}

.card__properties {}

.card__search-header {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 19px;
}

.card__search-header+.properties .properties__item {
    border: none;
}

.card__search-header button {
    padding: 11px 0;
    max-width: 196px;
    width: 100%;
}

.properties {
    display: flex;
    flex-flow: row wrap;
    gap: 8px;
}

.properties__item {
    font-size: 12px;
    cursor: pointer;
    border-radius: 10px;
    background: var(--white-gr);
    padding: 8px;
    border: 1px solid transparent;
    transition: .3s ease;
}

.properties__item:hover {
    border: 1px solid var(--purple);
}

.card__btns {
    margin-top: auto;
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.gradient-border {
    padding: 6px;
    display: inline-block;
    position: relative;
    z-index: 0;
}

.gradient-border:before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    padding: 1px;

    background: var(--dark-grad);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.change-ads {
    text-align: center;
    background: var(--white);
    max-width: 200px;
}

.change-ads:hover {
    background: var(--real-white);
}

.change-ads:active {
    background: var(--white-grad);
}

.change-ads,
.delete-ads {
    font-size: 12px;
    font-weight: 200;
    line-height: 18px;
}

.delete-ads {
    background: var(--white-gr);
    max-width: 200px;
}

.delete-ads:hover {
    background: var(--real-white);
}

.delete-ads:active {
    background: var(--white-grad);
}

.delete-ads:disabled {
    border-color: var(--gr);
    background: var(--white-gr);
}

.card__sum-parameters {
    width: 100%;
    justify-content: space-between;
    display: flex;
    flex-direction: row;
    gap: 16px;
}

.card__sum {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-left: auto;
}

.card__sum-price {
    display: inline-flex;
    flex-direction: column;
    gap: 8px;
}

.card__price {
    display: inline;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    white-space: nowrap;
}

.card__credit {
    font-size: 12px;
    color: var(--purple);
}

.card__sum-stat {
    white-space: nowrap;
    gap: 8px;
    display: flex;
    flex-direction: column;
}

.card__sum-stat-date,
.card__sum-stat-views {

    font-size: 12px;
    font-weight: 200;
    line-height: 18px;

    gap: 4px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.card__sum-stat-views span {
    color: var(--purple);
    font-weight: 800;
}

.card__actions {}

.actions {
    gap: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.card__actions--visible {
    display: flex;
}

.card__actions--hidden .actions__item {
    display: none;
}

.actions__item {
    height: 23px;
    width: 24px;
    position: relative;
    cursor: pointer;
}

.actions__item svg {
    z-index: 6;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
}

.actions__item stop {
    transition: .3s ease;
}

.actions__item.active svg linearGradient:first-child stop:first-child {
    stop-color: var(--purple);
}

.actions__item.active svg linearGradient:first-child stop:last-child {
    stop-color: var(--purple-lt);
}

.actions__item.active svg linearGradient:last-child stop:first-child {
    stop-color: transparent;
}

.actions__item.active svg linearGradient:last-child stop:last-child {
    stop-color: transparent;
}

.actions__item:hover svg linearGradient:first-child stop:first-child {
    stop-color: var(--purple);
}

.actions__item:hover svg linearGradient:first-child stop:last-child {
    stop-color: var(--purple-lt);
}

.actions__item:hover svg linearGradient:last-child stop:first-child {
    stop-color: transparent;
}

.actions__item:hover svg linearGradient:last-child stop:last-child {
    stop-color: transparent;
}

.actions__item:hover .actions__sub-menu {
    display: block;
}

.actions__item.active .actions__sub-menu {
    display: none;
}

.actions__sub-menu {
    font-size: 11px;
    font-weight: 700;
    display: none;
    width: 186px;
    transition: opacity .3s ease;
    z-index: 5;
    text-align: left;
    left: -160px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    border-radius: 5px;
    background: var(--white);
    padding: 8px 36px 8px 8px;
}

/*CARD END*/
.short-cards {
    min-width: 0;
    width: 100%;
}

.short-cards__container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}

.short-cards__card {
    min-width: 0;
}

.card-short.active {
    border: 1px solid #844193;
}

.card-short .card__link {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    max-width: 100%;
    background: var(--real-white);
    border: none;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    gap: 16px;
}

.card-short__image {
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;

    overflow: hidden;
    height: 227px;
    position: relative;
}

.card-short__image .image__slider .swiper-wrapper {
    max-height: none;
}

.card-short__image .image__slider {
    border-radius: 10px 10px 0 0;
    max-height: 100%;
    height: 100%;
    width: 100%;
    max-width: none;
}

.card-short__image img {
    border-radius: 10px 10px 0 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}


.card-short__image .actions__item {
    cursor: pointer;
    position: absolute;
    bottom: 10px;
    right: 5px;
}

.card-short__content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0 10px 10px 10px;
    flex: 1;
}

.card-short__price svg {
    max-width: 16px;
    max-height: 16px;
}

.card-short__price .actions__item {
    max-width: 16px;
    max-height: 16px;
    cursor: pointer;
    margin-left: auto;
}

.card-short__price {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 5px;
}

.card-short__sale-price,
.card-short__real-price {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}


.card-short__real-price {
    line-height: 18px;
    font-size: 18px;
    color: var(--purple);
    font-weight: 700;
}

.card-short__sale-price {
    color: var(--dark-gr);

    font-size: 12px;
    font-weight: 200;
    line-height: 18px;
}

.card-short__name {
    color: var(--purple);
}

.card-short__description {
    word-break: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;

    color: var(--black);
    font-size: 14px;
    line-height: 20px;

    min-height: 80px;
}

.card-short__city {
    padding-top: 10px;
    margin-top: auto;
    border-top: 1px solid var(--white-gr);
    color: var(--dark-gr);

    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 5px;
}

.card-short__city span:last-child {
    text-align: right;
}

.card-short__city span {
    font-size: 12px;
    font-weight: 200;
    line-height: 18px;

    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

/*  */

.profile__container {
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.profile-navigation {
    width: 100% !important;
    flex-wrap: wrap;
    gap: 8px !important;
}

.profile-navigation>button {
    width: auto !important;
}

.profile__online {
    margin: 24px 0;
}

.catalog-wrapper__container {
    display: flex;
    flex-direction: row;
    gap: 24px;
}

/*  */

.kvik-popup.active {
    display: flex;
}

.kvik-popup {
    display: none;
    z-index: 999;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 24px 0px;
    width: 100vw;
    gap: 20px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    position: fixed;
    background: var(--real-white);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
}

.kvik-popup__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.kvik-popup__header {
    font-weight: 700;
}

.kvik-popup__main {}

.kvik-popup__btn button {
    padding: 11px 60px;
}

/*  */

.sort--2 .sort__select--2,
.sort-buttons-compare--2,
.select__backend-collection,
.sort__divide.compare-divide {
    width: calc(25% - 10px);
    margin: 10px 0 0 0;
}

.sort--2 .compare-divide .sort__select--2 {
    margin: 0 0 0 0;
    width: 100%;
}

.sort__select--2 {
    margin: 10px 0 0 0;
}

.sort--2 .item-filtering {
    padding: 0;
}

/*  */

.filtering {
    background: var(--real-white);
    border-radius: 8px;
    max-width: 251px;
    height: 100%;
}

.filtering .header__search>input {
    width: auto;
}

.filtering__container {
    padding: 15px 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

.filtering__item {}

.item-filtering {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.item-filtering__header {
    font-weight: 700;
    color: var(--purple);
    font-size: 14px;
}

.item-filtering__container {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.colors {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.colors__item {
    font-size: 13px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    cursor: pointer;
}

.colors__item:hover {
    color: var(--gr);
}

.colors__item:hover .colors__color {
    opacity: 0.9;
}

.colors__item input[type="checkbox"] {}

.colors>.colors__item {
    display: flex;
}

.colors>.colors__item:nth-child(n+6) {
    display: none;
}

.colors.active>.colors__item:nth-child(n+6) {
    display: flex;
}

.colors__color {
    display: inline-block;
    border-radius: 50px;
    width: 20px;
    height: 20px;
    border: 1px solid var(--gr);
}

.show-more-colors-button:hover {
    background: none;
}

.show-more-colors-button {
    color: var(--black);
    text-decoration: underline;
    font-weight: 400;
    background: none;
    display: flex;
    justify-content: flex-start;
}

.item-filtering__container .sort__divide--2 {
    gap: 12px;
}

.item-filtering__container .input-divide--2 input {
    padding: 4px 12px;
}

.item-filtering__category {}

.item-filtering--category {
    width: 100%;
}

.category-filtering {}

.category-filtering__list>.category-filtering__item a {
    line-height: 21px;
}

.category-filtering__list>.category-filtering__item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    display: none;
}

.category-filtering__list>.category-filtering__item {
    display: block;
}

.category-filtering__list.active .category-filtering__show-more {
    display: none;
}

.category-filtering__list.active>.category-filtering__item:nth-child(6)~.category-filtering__show-more {
    display: block;
}

.category-filtering__list>.category-filtering__item {
    transition: .4s ease-in-out;
    margin-bottom: 4px;
}

.category-filtering__list>.category-filtering__item:hover {
    color: var(--purple);
}

.category-item-filter input[type='checkbox'],
.category-item-filter input[type='checkbox']+label {
    all: unset;
}

.category-item-filter input[type='checkbox']+label {
    cursor: pointer;
}

.category-item-filter input[type='checkbox']~.category-filtering__sub-menu {
    cursor: pointer;
    max-height: 0vh;
    overflow: hidden;
    transition: .5s ease-in-out;
}

.category-item-filter input[type='checkbox']+label .category-item-filter__header svg {
    transition: .3s ease;
}

.category-item-filter input[type='checkbox']:checked+label .category-item-filter__header svg {
    transform: rotate(-90deg);
}

.category-item-filter input[type='checkbox']:checked~.category-filtering__sub-menu {
    max-height: 100vh;
    transition: .5s ease-in-out;
}

.category-item-filter__header span {
    color: var(--black);
    font-size: 14px;
    font-weight: 400;
}

.category-item-filter__header:hover {
    background: var(--white-grad);
}

.category-item-filter__header {
    padding: 7px 4px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.category-filtering__sub-menu {
    padding-left: 48px;
}

.category-filtering__sub-menu-item a {
    color: var(--black);
    font-size: 14px;
    font-weight: 400;
}

.category-filtering__sub-menu-item:hover {
    background: var(--white-grad);
}

.category-filtering__sub-menu-item {
    padding: 5px 5px 5px 10px;
    list-style-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 5.25C3.59674 5.25 4.16903 5.01295 4.59099 4.59099C5.01295 4.16903 5.25 3.59674 5.25 3C5.25 2.40326 5.01295 1.83097 4.59099 1.40901C4.16903 0.987053 3.59674 0.75 3 0.75C2.40326 0.75 1.83097 0.987053 1.40901 1.40901C0.987053 1.83097 0.75 2.40326 0.75 3C0.75 3.59674 0.987053 4.16903 1.40901 4.59099C1.83097 5.01295 2.40326 5.25 3 5.25Z' fill='url(%23paint0_linear_20_24482)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_20_24482' x1='0.75' y1='5.25' x2='5.25' y2='5.25' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23844193'/%3E%3Cstop offset='1' stop-color='%23A54198'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.category-filtering__show-more button {
    display: inline-flex;
    align-items: center;

    font-size: 14px;
    color: var(--purple);
    font-weight: 800;
}

.filtering__properties {
    border-top: 1px solid var(--white-gr);
    padding-top: 12px;
}

.filtering__properties input[type='radio'],
.filtering__properties input[type='radio']+label {
    all: unset;
}

.filtering__properties input[type='radio'] {
    display: none;
}

.filtering__properties input[type='radio']+label {
    cursor: pointer;
    transition: .3s ease;
    border: 1px solid transparent;
    font-size: 12px;
    cursor: pointer;
    border-radius: 10px;
    background: var(--white-gr);
    margin: 0;
    padding: 6px;
}

.filtering__properties input[type='radio']+label:hover {
    border: 1px solid var(--purple);
}

.filtering__properties input[type='radio']:checked+label {
    background-color: var(--purple-lt);
    color: var(--white);
}

.filtering__properties--2 {
    border-top: 1px solid var(--white-gr);
    padding-top: 12px;
}

.filtering__properties--2 input[type='radio'],
.filtering__properties--2 input[type='radio']+label {
    all: unset;
}

.filtering__properties--2 input[type='radio'] {
    display: none;
}

.filtering__properties--2 input[type='radio']+label {
    cursor: pointer;
    transition: .3s ease;
    border: 1px solid transparent;
    font-size: 12px;
    cursor: pointer;
    border-radius: 0px;
    background: var(--white-gr);
    margin: 0;
    padding: 6px;
}

.filtering__properties--2 input[type='radio']+label:hover,
.filtering__properties--2 input[type='radio']:checked+label:hover {
    background-color: var(--purple-lt);
    color: var(--white);
}

.filtering__properties--2 input[type='radio']:checked+label {
    background-color: var(--purple-lt);
    color: var(--white);
}

.color-filtering__list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.color-filtering__list label {
    font-size: 14px;
    color: var(--black);
}

.color-filtering__list label span {
    color: var(--purple);
}

.sorting {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 15px;
    align-items: center;
}

.sorting__categories {
    flex-wrap: wrap;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
}

.sorting__container {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 24px;
}

.sorting__categories .sort__select--2>input {
    padding: 6px;
}

.sorting__btn button {
    white-space: nowrap;
    padding: 8.5px 8px;
    background: var(--real-white);
    border: 1px solid var(--gr);
    border-radius: 10px;
}


/*SCORES START*/
.score {
    display: grid;
    grid-template-columns: 2fr 1fr;
    align-items: center;
    gap: 26px;
}

.score__container {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.score__block {
    display: flex;
    flex-direction: row;
    gap: 24px;
    align-items: center;
    justify-content: center;
}

.score__score {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 15px 13px;
    gap: 10px;

    background: #FFFFFF;
    border-radius: 10px;

    max-width: 196px;
    width: 100%;
}

.score__score p:not(:last-child) {
    font-weight: 700;
}

.score__value {
    color: var(--purple-lt);
}

.score__more-btn {
    margin-left: auto;
    align-self: flex-start;
}

.score__more-btn button {
    font-size: 11px;
}

.line {
    width: 100%;
    height: 4px;
    border-radius: 10px;
    background: var(--purple);
}

.scores {
    display: grid;
    grid-template-columns: 2fr 1fr;
    flex-direction: row;
    gap: 26px;
}

.scores__main-container {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: flex-start;
}

.scores__check-check>*:not(:last-child) {
    padding: 10px 0;
    width: 100%;
    border-bottom: 1px solid var(--light-grey);
}

.scores__check-check::before,
.scores__check-check::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 10px;
    background-color: transparent;
    background-image: radial-gradient(farthest-side, transparent 6px, var(--real-white) 0);
    background-size: 15px 15px;
}

.scores__check-check::before {
    top: -10px;
    background-position: -3px -5px, 0 0;
}

.scores__check-check::after {
    bottom: -10px;
    background-position: -3px 2px, 0 0;
}

.scores__check-check {
    position: sticky;
    top: 100px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;

    padding: 20px;
    background: var(--real-white);

    width: 100%;
    max-width: 35%;
}

.check-check__divide {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: space-between;
    width: 100%;
}

.check-check__count,
.check-check__price {
    gap: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.check-check__footer {
    box-shadow: 0 -1px 1px #f2f2f7;
    width: 100%;
    display: flex;
    background-color: var(--real-white);
    padding: 15px 10px;
    bottom: 0;
    position: sticky;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 15px;
    z-index: 1;
}

.scores__check {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.packages__basket {}

.packages__table {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: var(--real-white);
}

.packages__table-item {
    justify-items: center;
    align-items: center;
    display: grid;
    grid-template-columns: 1fr 7fr 7fr 3fr;
    gap: 10px;
    padding: 10px;
    border-bottom: 1px solid var(--light-grey);
}

.active-packages {
    width: 100%;
}

.active-packages .packages__table-item {
    grid-template-columns: 1fr 3fr 3fr 3fr;
}

.my-imports {
    width: 100%;
}

.my-imports .packages__table-item {
    grid-template-columns: 1fr 3fr 3fr 3fr 3fr;
}

.packages__table-item input[type='checkbox'] {
    justify-self: flex-start;
}

.packages__table-item>*:nth-child(2) {
    justify-self: flex-start;
}

.packages__table-item--header {
    border-bottom: none;
    background: var(--dark-grad);
    color: var(--real-white);
}

.scores.packages {
    grid-template-columns: 1fr;
}

.packages__snoska {
    font-size: 12px;
}

.packages__snoska a {
    color: var(--purple);
}

.packages__snoska a:hover {
    text-decoration: underline;
}

.scores__slips {}

.slips {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.slips__header {}

.slips__list {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.packages .slips__list {
    grid-template-columns: 1fr 1fr 1fr;
}

.slips__item .line {
    background: var(--real-white);
    border-radius: 0px;
    height: 1px;
}

.slips__item {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.slip input[type='radio'],
.slip input[type='radio']+label {
    width: 100%;
    margin: 0;
    padding: 10px 20px;
}

.slip>label:hover,
.slip-packet:hover,
.slip-ball:hover,
.slip-usluga:hover {
    background: #6c426b;
    box-shadow: 0px 0px 10px #6c426b;
}

.slip>label,
.slip-packet,
.slip-ball,
.slip-usluga {
    border: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 27px;
    gap: 10px;

    background: var(--lt-grad);
    border-radius: 0px;
}

.slip input[type='radio'] {
    display: none;
}

.slip input[type='radio']~label.gradient-border::before,
.slip-packet.gradient-border::before,
.slip-ball.gradient-border::before,
.slip-usluga.gradient-border::before {
    content: none;
}

.slip input[type='radio']:checked~label {
    background: #6c426b;
    box-shadow: 0px 0px 10px #6c426b;
}

.slip .send-ads__body {
    display: flex;

}

.slip__info {
    font-size: 21px;
    font-weight: 400;
    color: var(--real-white);
    text-align: center;
}

.slip__btn {
    width: 100%;
}

.slip__economy {
    color: var(--real-white);
    font-size: 12px;
    font-weight: 200;
    line-height: 18px;
}

.slip__select-container {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.scores__question {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 15px;
}

.scores__header {
    color: var(--purple);
}

.scores__description {}

.support {
    margin-top: auto;
    width: 100%;
    background: var(--real-white);
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
}

.support:after {
    right: -20px;
    content: "";
    height: 100%;
    background-color: var(--real-white);
    width: 30px;
    position: absolute;
}

.support__icon {
    padding: 15px;
    background: var(--purple);
}

.support__description {
    margin: 0 15px;
}

.support__numbers {
    display: flex;
    margin: 0 15px;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    gap: 16px;
    width: 100%;
}

.support__number {}

.support__number>a:hover {
    text-decoration: underline;
}

.support__number>a {
    color: var(--purple);
}

.lightbox .lb-image {}

@media (max-width: 768px) {
    .lightbox .lb-image {
        width: 80vw !important;
        height: auto !important;
    }
}

@media (min-width: 1440px) {
    .lightbox .lb-image {
        width: auto !important;
        height: 80vh !important;
    }
}

/* BASKET */

/* Basket */

.basket {
    height: 100%;
}

.basket__container {
    display: flex;
    flex-direction: row;
    gap: 25px;
    flex-wrap: wrap;
}

.basket__basket {
    flex: 1 0 80%;
}

.basket__basket td {
    border: 1px solid #d9d9d9;
    font-weight: 400;
    padding: 10px;
}

.basket__basket th.checkbox,
.basket__basket td.basket__item-checkbox {
    text-align: center;
}

.basket__basket td.total {
    text-align: right;
}

.basket__basket th {
    background: none repeat scroll 0 0 #f1f1f1;
    border: 1px solid #d9d9d9;
    font-weight: 700;
    padding: 10px;
}

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

.basket-item__btn {
    position: relative;
    background: transparent;
    color: #777777;
    border: 1px solid;
    transition: none;
    height: 26px;
    width: 30px;
    display: inline-block;
    border-radius: 4px;
    padding: 0;
    margin: 2px;
    box-shadow: none;
    text-shadow: none;
    text-transform: none;
    text-align: center;
    line-height: 20px;
}

.basket-item__btn:hover {
    background: var(--red);
    color: var(--real-white);
}

.basket-images__image {
    display: block;
    width: 100px;
}

.basket-images__image img {
    max-width: 100%;
}

.basket__images {}

.conclusion-basket {}

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

.conclusion-basket__sum {
    margin-bottom: 20px;
    text-align: right;
    padding-left: 30px;
    font-size: 18px;

    display: flex;
    flex-direction: column;
}

.conclusion-basket__price {
    font-size: 24px;
    color: var(--black);
}

.conclusion-basket__order {}

.conclusion-basket__back {
    margin-top: 10px;
}

.basket__item {}

.basket__item-checkbox {}

.basket__item-content {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.basket__no-items {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
}

.basket-item__name {}

.basket-item__btn-edit {}

.basket-item__btn-clone {}

.basket-item__btn-delete {}

.basket-item__details {
    margin-top: 15px;
    width: 100%;
}

.basket-item__detail {
    font-size: 12px;
}

.detail-title {}

.basket__images-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

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

.basket-images__image {}

.basket__item-quantity {
    text-align: center;
}

.basket__item-price {
    text-align: center;
}

.basket-checkbox__show-more {
    display: none !important;
}

.basket-checkbox__show-more:checked~label {
    display: none !important;
}

.basket-checkbox__show-more~label {
    border-bottom: 1px dashed rgba(239, 29, 36, 0.4);
    text-decoration: none;
    transition: .3s;
    line-height: 1.5;
    font-size: 14px !important;
    color: var(--red) !important;
    margin: 0 !important;
    width: auto !important;
}

.basket-checkbox__show-more~.basket-images__image {
    display: none;
}

.basket-checkbox__show-more:checked~.basket-images__image {
    display: block;
}

.basket-item__btn-delete.active .basket-item__delete-confirm {
    visibility: visible;
    opacity: 1;
    transform: translate(50%, 0px);
}

.basket-item__delete-confirm {

    z-index: 1;
    transition: .5s ease;

    visibility: hidden;
    opacity: 0;
    transform: translate(50%, 20px);

    position: absolute;
    top: 35px;
    right: 50%;
    padding: 5px;
    border-radius: 10px;
    /* width: 100%; */
    width: 300px;
    max-width: 400px;
    background: var(--red);
    border: 1px solid var(--black);
}

.basket-item__delete-confirm>p {
    color: var(--real-white);
    font-size: 12px;
}

.basket-item__delete-confirm:after {
    content: '';
    position: absolute;
    top: -9px;
    z-index: 1;
    transform: translateX(-50%);
    left: 50%;
    border-bottom: 10px solid var(--red);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

.basket-item__delete-confirm-buttons {
    margin-top: 20px;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    display: flex;
    flex-direction: row;
}

.basket-item__delete-confirm-buttons button {
    font-size: 12px;
    padding: 2px 10px;
}


/* BASKET */

/*SCORES END*/

/*MESSAGES START*/

.dialogue-contacts__container {
    gap: 5px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.dialogue-contacts__container .contacts {
    width: 100%;
    max-width: 300px;
}

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

.dialogue.active {
    display: none;
}

.dialogue__header {
    color: var(--real-white);
    background: var(--purple);
    padding: 16px 24px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.dialogue__user {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.dialogue__user>svg,
.dialogue__user>img {
    margin-right: 24px;
}

.dialogue__name {}

.dialogue__product-info {}

.dialogue__main {
    max-height: 60vh;
    background: var(--white-gr);
    overflow-y: auto;
    overflow-x: hidden;
    flex: 1 0 auto;
}

#get-file,
#get-image {
    display: none;
}

.dialogue__time {
    font-weight: 700;
    font-size: 11px;
    margin: 38px 0;
    text-align: center;
}

.dialogue__messages {
    width: 100%;
}

.dialogue__write {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.dialogue__send-image {
    cursor: pointer;
}

.dialogue__send-file {
    cursor: pointer;
}

.send-letter {
    padding: 0;
}

.send-letter button {
    padding: 11px;
    color: var(--real-white);
}

.messages {
    margin: 18px 0;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: center;
    align-items: center;
}

.messages__message {
    color: var(--black);
    text-align: left;
    padding: 8px;
    border-radius: 10px;
    max-width: 367px;
    width: 90%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    word-break: break-word;
}

.messages__message-time {
    font-size: 11px;
    align-self: flex-end;
    word-break: normal;
}

.messages__client {
    background: var(--real-white);
    align-self: flex-start;
}

.messages__personal {
    background: var(--purpmaed);
    align-self: flex-end;
}

.contacts {
    width: 100%;
    height: 100%;
}

.dialogue-contacts__container .contacts__list {
    overflow: auto;
    display: flex;
    flex-direction: column;
    max-height: 70vh;
    gap: 6px;
}

.contacts__list::-webkit-scrollbar {
    height: 1px;
}

.contacts__list.pred__list .contact {
    padding: 23px 20px;
}

.contacts__item {}

.contact {
    color: var(--black);
    width: 100%;
    display: flex;
    position: relative;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 8px 20px 8px 11px;
    gap: 10px;

    background: var(--real-white);
    transition: .3s ease;
    cursor: pointer;
}

.contact.active {
    background: var(--purpmaed);
}

.contact:hover {
    background: var(--purpmaed);
}

.contact__image {
    height: 70px;
    width: 170px;
    position: relative;
    overflow: hidden;
}

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

.contact__image>svg {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.contact__body {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.contact__number-count {
    position: absolute;
    right: 10px;
    top: 10px;
    min-width: 10px;
    min-height: 10px;
    border-radius: 50px;
    z-index: 100;
    display: inline;
    padding: 3px;
    color: var(--real-white);
    border: 1px solid var(--purple);
    background: var(--lt-grad);
}

.contact__name {
    word-break: break-word;
    font-weight: 700;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.contact__text {
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.contact__time {
    font-size: 11px;
    font-weight: 700;
}

/*MESSAGES END*/

/* MAIN END */

/*CAPTCHA STYLE START*/

.rc-anchor-light {
    background: #fff !important;
    color: #fff !important;
}

.rc-anchor-normal {
    background: #000 !important;
    color: #000 !important;
}

.g-recaptcha {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);

}

.dz-success-mark {
    display: none;
}

.dz-error-mark {
    cursor: pointer;
    display: inline;
}

.dz-error-mark svg g {
    fill: black;

}

.dz-error-mark svg {
    width: 20px;
}

.dz-preview {
    width: 100%;
    gap: 10px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

/*CAPTCHA STYLE END*/

/*IMAGE LOADER START*/
.image-loader {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 24px;
    gap: 24px;

    background: var(--white-gr);

    border: 1px solid var(--gr);
    border-radius: 10px;

    margin-bottom: 16px;
}

.image-loader__body {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.image-loader__btn {}

.image-loader__btn-hidden {
    display: none;
}

.image-loader__move {
    font-weight: 700;
    color: var(--black);
    margin-right: auto;
}

.image-loader__image-counter {
    color: var(--gr);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.image-loader__postscript {}

.send-ads__main {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.send-ads__container {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
}

.divAtributes {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    column-gap: 13px;
    row-gap: 0px;
}

.send-ads__header {
    color: var(--dark-gr);
}

.send-ads__body {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
}

/*IMAGE LOADER END*/

/*DROP-MENU START*/

.drop-menu {
    max-width: 361px;
    width: 100%;
}

.drop-menu__list {}

.drop-menu__list {
    position: relative;
}

.drop-menu__item {
    cursor: pointer;
    padding: 8px 6px 8px 48px;
    background: var(--real-white);
}

.drop-menu__item:hover {
    background: var(--purpmaed);
}

.drop-menu__item:hover>.drop-menu__sub-list {
    display: block;
}

.drop-menu__sub-list {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(100%);

    z-index: 10;
}

.drop-menu__sub-item {
    padding: 8px 6px 8px 48px;
    border-left: 1px solid var(--gr);
    background: var(--white-gr);
}

.drop-menu__sub-item:hover {
    border-left: 1px solid var(--purple);
    background: var(--purpmaed);
}

/*DROP-MENU END*/

/*SEND ADS PAGE START*/

.send-ads__rules {}

.send-ads__rules a {
    color: var(--purple);
}

.send-ads__add-phone {
    cursor: pointer;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.send-ads__pred {
    font-size: 11px;
    font-weight: 700;
    color: var(--purple);
    max-width: 341px;
}

.send-ads__show-phones {}

.phone__container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}

.phone__container .input-form {
    position: relative;
}

.phone__container-add:hover {
    background: var(--purpmaed);
}

.phone__container-add {
    padding: 4px;
    cursor: pointer;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    bottom: 10px;
    right: -35px;
}

.phone__container-delete {
    position: absolute;
    bottom: -12px;
    left: 0;
    cursor: pointer;
    font-size: 10px;
    margin-left: 10px;
    color: var(--purple)
}

.phone__container-delete:hover {
    color: var(--red)
}

/*SEND ADS PAGE END*/

.input-form__symbols {
    color: var(--gr);

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

.input-form__symbols-counter {}

.input-form__symbols-counter span {
    color: var(--purple);
}

.send-ads__divides {
    margin-top: 16px;
    display: flex;
    flex-direction: row;
    gap: 24px;
    align-items: flex-end;
    justify-content: flex-start;
    width: 100%;
}

.send-ads__divide {
    align-self: flex-start;
    max-width: 415px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.send-ads__divide .send-ads__body {
    display: flex;

    flex-direction: column;
    align-items: flex-start;
}

.send-ads__btn {
    align-self: center;
    margin-top: 31px;
}

/*SEND ADS END*/

/*SETTINGS START*/

.settings__safety {}

.settings__container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
}

.settings__photo-container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 30px;
    justify-content: space-between;
}

.settings__safety .send-ads__container {
    max-width: 250px;
    width: 100%;
}

.settings .send-ads__body,
.settings .send-ads__divide {
    gap: 24px;
}

.settings .anim__checkbox {
    margin: 10px 0;
}

.settings__main {
    width: 100%;

    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.settings__profile-icon input[type="file"] {
    display: none;
}

.settings__profile-icon {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    gap: 16px;
    max-width: 84px;
}

.settings__profile-icon.active img {
    border: 3px solid var(--purple);
}

.settings__profile-icon img {
    cursor: pointer;
    min-height: 84px;
    min-width: 84px;
    border-radius: 50%;
    object-fit: cover;
}

.settings__profile-icon p {
    font-size: 11px;
    color: var(--purple);
    font-weight: 700;
}

.settings__body {
    width: 100%;
    display: none;
    flex-direction: column;
    gap: 24px;
    justify-content: center;
    align-items: flex-start;
    padding: 26px;
}

.settings__body.active {
    display: flex;
}

.settings__profile-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 21px;
}

.settings .hover-tab__item.active {
    font-weight: 700;
    border-color: var(--purple);
}

.settings .input-form,
.settings__company-contact-info .send-ads__divides:last-child .send-ads__divide:first-child,
.settings__company-contact-info .send-ads__divides:first-child .send-ads__divide:last-child,
.settings .settings__user-info .send-ads__divide:first-child,
.settings .settings__user-contact-info .send-ads__divide:first-child,
.settings .send-ads__add-phone {
    max-width: 250px;
}

.input-form.mail-input,
.settings .settings__company-info .send-ads__divide:first-child .input-form,
.settings .settings__company-contact-info .send-ads__divide:last-child .input-form,
.settings .settings__company-contact-info .send-ads__divide:first-child .input-form {
    max-width: 415px;
}

.time-clock__container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    width: 100%;
}

.time-clock__container .input-form {
    max-width: 100%;
}

.input-form input[name='adressMagazin'] {
    max-width: 100%;
}

/*SETTINGS END*/

/*CATALOG START*/

.shadow-catalog.active,
.header__search-shadow.active {
    opacity: 1;
    visibility: visible;
}

.header__search-shadow,
.shadow-catalog {
    transition: .3s ease;
    z-index: 149;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
    background: #00000037;
}

.header__search-shadow {
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 150;
}


.catalog {
    margin: 0;
    display: none;
    z-index: 150;
    top: 80px;
    bottom: 0;
    position: fixed;
    width: 100vw;
    background: var(--white-grad);

    max-height: 85vh;
    overflow: auto;
}

.catalog.active {
    display: block;
}

.catalog__catalog {
    position: relative;
}

.catalog__catalog>.menu__item::-webkit-scrollbar {
    width: 0px;
}

.catalog .menu__item>a,
.catalog .menu__item {
    padding: 0;
    position: relative;
    max-width: 251px;
    width: 100%;
}

.catalog .menu__item>a>p {
    line-height: 14px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.catalog .menu__item>a {
    padding: 12px 5px;

    font-size: 13px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}

.catalog .menu__item.hover.active .catalog__sub-menu-container {
    display: block;
}

.catalog .menu__item.hover:hover .catalog__sub-menu-container {
    display: block;
}

.catalog__container {
    background: var(--real-white);
    width: 100%;
    height: 100%;
}

.card-popup-gallery::-webkit-scrollbar,
.popup-card .card-description-section--2::-webkit-scrollbar,
.catalog__sub-menu::-webkit-scrollbar,
.catalog__sub-menu-container::-webkit-scrollbar,
.menu__item::-webkit-scrollbar,
.catalog__catalog::-webkit-scrollbar {
    width: 0px;
}

.catalog__sub-menu-container {
    overflow-y: scroll;

    cursor: default;
    height: 85vh;
    max-width: 1025px;
    width: 100%;
    color: var(--black);
    display: none;
    position: fixed;
    padding: 14px 0 14px 35px;
    background: var(--real-white);
    top: 80px;
    margin-left: 251px;
}

.catalog__sub-menu {
    column-count: 3;
    column-gap: 16px;
}

.catalog__sub-menu-container::after {
    content: none;
}

.catalog__sub-menu-container.active::after {
    content: "";
    position: fixed;
    bottom: 0;
    max-width: 1025px;
    width: 100%;
    height: 50px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.item-catalog {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
    justify-content: flex-start;

    page-break-inside: avoid;
    break-inside: avoid;
    margin-bottom: 15px;
}

.all-category-posts {
    display: none;
}

.all-category-posts>a {
    display: inline-block;
    width: 100%;
    padding: 20px 40px 20px 15px;
}

.item-catalog__item.all-category-posts>a {
    padding: 0;
}

.item-catalog__header>a {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    justify-content: flex-start;
}

.item-catalog__header>a>img {
    width: 50px;
    height: 50px;
    background-color: var(--gr);

    object-fit: fill;
}

.item-catalog__name {
    font-weight: 700;
}

.item-catalog__list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 12px;
}

.item-catalog__list .item-catalog__item:nth-child(n + 21) {
    display: none;
}

.item-catalog__show-more {
    display: none;
}

.item-catalog__list .item-catalog__item:nth-child(21)~.item-catalog__show-more {
    display: block;
}

.item-catalog__item:hover {
    color: var(--gr);
}

.catalog__header-mobile {
    padding: 16px;
    margin: auto;
    position: fixed;
    z-index: 1000;
    display: none;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 60px;
    max-height: 60px;
    background: var(--lt-grad);

    align-items: center;
    justify-content: center;

}

.catalog__header-mobile-container {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.catalog__header-name {
    text-align: center;
    color: var(--real-white);
}

/*CATALOG END*/

.home-block {}

.home-banner {
    background: #fff;
    min-height: 400px;
    height: 100%;
    width: 100%;
}

.home-slider {
    width: 100%;
    height: 100%;
}

.home-slider__slide {
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 30px;
}

.home-slider__image {
    align-self: flex-end;
}

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

.home-slider__content {
    max-width: 540px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.home-slider__header {
    font-size: 40px;
    color: var(--black);
}

.home-slider__header-red {
    color: var(--red);
}

.home-slider__description {
    line-height: 19px;
    color: rgb(119, 119, 119);
    font-size: 12px;
}

.home-slider__button button {
    color: var(--real-white);
    padding: 10px 15px;
    border-radius: 50px;
    background-color: var(--red);
}

.home-slider__button button:hover {
    color: var(--black);
    background-color: var(--real-white);
}

/*CATALOG SLIDER*/

.home-catalog {
    width: 100%;
}

.catalog-slider {
    width: 100%;
}

.catalog-slider__slide {
    cursor: pointer;
    display: block;
    gap: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.catalog-slider__image {
    position: relative;
}

.catalog-slider__image>img {
    width: 100%;
    max-height: 285px;
    min-height: 285px;
    height: auto;
    border-radius: 10px;
    object-fit: cover;
}

.catalog-slider__content {
    max-width: 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.catalog-slider__header,
.catalog-slider__description {
    max-width: 120px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.catalog-slider__header {
    color: var(--red);
}

.catalog-slider__description {
    color: var(--grey);
}

.catalog-slider__overlay {
    opacity: 0;
    transition: all 0.4s ease-in-out;
}

.catalog-slider__slide:hover .catalog-slider__overlay {
    opacity: 1;
}

.catalog-slider__slide:hover .catalog-slider__button {
    opacity: 1;
    visibility: visible;
}

.catalog-slider__slide .catalog-slider__button::after {
    position: absolute;
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.5);

    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: "";
    border-radius: 10px;
    z-index: -1;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    opacity: 0;

}

.catalog-slider__slide .catalog-slider__button:hover::after {
    opacity: 1;
}

.catalog-slider__slide:hover .catalog-slider__button img {
    transform: scale(1);
}

.catalog-slider__box-overlay {
    width: 100%;
    height: 50%;
    border-radius: 10px;
    position: absolute;
    bottom: 0;
    background-image: -webkit-linear-gradient(90deg, rgb(22, 26, 46) 0%, rgb(52, 218, 200) 0%, #ff4865 0%, rgba(32, 167, 196, 0) 100%);
}

.catalog-slider__button img {
    width: 100%;
    max-width: 100%;
    transform: scale(5);
    transition: all 0.3s ease-in-out;
}

.catalog-slider__button {
    width: 40px;
    height: 40px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    transition: all 0.3s ease-in-out;
}

/* ADVERTISEMENT */

.section-advert {
    width: 100%;
}

.section-advert__container {
    overflow: hidden;
    height: 115px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-advert__container img {
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* GENRES */

.section-genres {
    font-size: 16px;
}

.section-genres__list {


    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(2, 1fr);

    gap: 35px;
}

.section-genres__list .genres-item:nth-child(1) {
    grid-area: 1 / 1 / 3 / 3;
}

.section-genres__list .genres-item:nth-child(2) {
    grid-area: 1 / 3 / 1 / 3;
}

.section-genres__list .genres-item:nth-child(3) {
    grid-area: 1 / 4 / 1 / 6;
}

.section-genres__list .genres-item:nth-child(4) {
    grid-area: 2 / 3 / 3 / 5;
}

.section-genres__list .genres-item:nth-child(5) {
    grid-area: 2 / 5 / 2 / 6;
}

.section-genres__list .genres-item:nth-child(6) {
    grid-area: 1 / 6 / 3 / 6;
}

.section-genres_reversed .section-genres__list .genres-item:nth-child(1) {
    grid-area: 1 / 1 / 1 / 2;
}

.section-genres_reversed .section-genres__list .genres-item:nth-child(2) {
    grid-area: 1 / 2 / 1 / 4;
}

.section-genres_reversed .section-genres__list .genres-item:nth-child(3) {
    grid-area: 2 / 1 / 2 / 3;
}

.section-genres_reversed .section-genres__list .genres-item:nth-child(4) {
    grid-area: 2 / 3 / 2 / 4;
}

.section-genres_reversed .section-genres__list .genres-item:nth-child(5) {
    grid-area: 1 / 4 / 3 / 4;
}

.section-genres_reversed .section-genres__list .genres-item:nth-child(6) {
    grid-area: 1 / 5 / 3 / 7;
}



.genres-item__image {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    height: 100%;
}

.genres-item__image img {
    border-radius: 10px;
    height: 100%;
}

.genres-item__overlay {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    padding: 20px;

    height: 100%;
    width: 100%;
    position: absolute;
    transition: .5s ease;
}

.genres-item__visible {
    bottom: 0;
    background-image: -webkit-linear-gradient(90deg, rgb(20, 24, 42) 0%, rgb(237, 63, 179) 0%, rgb(52, 62, 105) 0%, rgba(32, 167, 196, 0) 100%);
}

.genres-item:hover .genres-item__visible {
    bottom: -100%;
}

.genres-item__hidden {
    bottom: -100%;
    background-image: -webkit-linear-gradient(90deg, rgb(22, 26, 46) 0%, rgb(52, 218, 200) 0%, #ff4865 0%, rgba(32, 167, 196, 0) 100%);
}

.genres-item:hover .genres-item__hidden {
    bottom: 0;
}

.genres-item__text {
    color: var(--real-white);
}

.genres-item__span {
    color: var(--real-white)
}

.genres-item__button {
    cursor: pointer;
}

/* TRENDINGS */

.section-trendings {
    display: flex;
    flex-direction: row;

    gap: 5px;
    max-height: 400px;
    height: 100%;
}

.trendings__items {
    height: 100%;
    gap: 5px;
    display: flex;
    flex-direction: column;
    flex: 45%;
}

.trendings__item {}

.trendings-slider__slide {}

.trendings-slider__image {
    height: 100%;
}

.trendings-slider__image img {
    transform: scale(1);
    transition: .5s ease;

    object-fit: cover;
    height: 100%;
    width: 100%;
}

.trendings-slider__content {
    font-size: 20px;
    line-height: 26px;
    margin-left: 12%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);

    display: flex;
    flex-direction: column;
    gap: 10px;

}

.trendings-slider__sale {
    text-transform: uppercase;
    color: var(--yellow);
}

.trendings-slider__span {
    color: var(--yellow);
}

.trendings-slider__header {
    cursor: pointer;
    white-space: pre-line;
    color: var(--real-white);
}

.trendings-slider__description {
    cursor: default;
    white-space: pre-line;
    font-size: 14px;

    line-height: 22px;
    color: var(--real-white);
}

.trendings-slider__button {}

.trendings-slider__button:hover button {
    background-color: var(--blue);
    color: var(--real-white);
}

.trendings-slider__button button {
    font-weight: 500;
    border-radius: 50px;
    padding: 15px 35px;
    text-transform: uppercase;
    background-color: var(--real-white);
}

.trendings__item {
    height: 100%;
    overflow: hidden;
    width: 100%;
    border-radius: 5px;
    position: relative;
}

.trendings__item:hover .trendings-slider__image img {
    transform: scale(1.1);
}

.trendings-slider .swiper-button-prev,
.trendings-slider .swiper-button-next {
    transform: scale(0);
    transition: all .1s ease-in-out;
}

.trendings-slider:hover .swiper-button-prev,
.trendings-slider:hover .swiper-button-next {
    transform: scale(1);
}

.swiper-button-prev,
.swiper-button-next {
    border-radius: 50px;
    min-width: 50px;
    min-height: 50px;
    max-width: 50px;
    max-height: 50px;

    background: rgba(255, 255, 255, 0.3);
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
    background: var(--real-white);
}

.products-button-prev.swiper-button-prev,
.products-button-next.swiper-button-next {
    min-width: 40px;
    min-height: 40px;
    max-width: 40px;
    max-height: 40px;
    background: #2B38D13f;
}

.products-button-prev.swiper-button-prev:hover,
.products-button-next.swiper-button-next:hover {
    background: var(--blue);
}

.products-button-prev.swiper-button-prev:hover::after,
.products-button-next.swiper-button-next:hover::after {
    color: var(--real-white);
}

.card-slider-button-next.swiper-button-next {
    right: -10px;
}

.card-slider-button-prev.swiper-button-prev {
    left: -10px;
}

.card-slider-button-next.swiper-button-next,
.card-slider-button-prev.swiper-button-prev {
    min-width: 32px;
    min-height: 32px;
    max-width: 32px;
    max-height: 32px;
    border-radius: 4px;
    background: center center / 24px no-repeat white;
    transition: all linear .2s;
}

.card-slider-button-next.swiper-button-next:hover,
.card-slider-button-prev.swiper-button-prev:hover {
    box-shadow: rgb(0 0 0 / 6%) 0px 4px 8px 0px;
}

.card-slider-button-next.swiper-button-next::after,
.card-slider-button-prev.swiper-button-prev::after {
    font-size: 14px;
    transition: .2s all linear;
    color: var(--black);
}

.card-slider-button-next.swiper-button-next:hover::after,
.card-slider-button-prev.swiper-button-prev:hover::after {
    color: var(--purple);
}

.card-slider-button-next--2.swiper-button-next,
.card-slider-button-prev--2.swiper-button-prev {
    z-index: 100;
    min-width: auto;
    min-height: auto;
    max-width: none;
    max-height: none;
    border-radius: 0;
    background: none;
}

.card-slider-button-next--2.swiper-button-next svg {
    transform: rotate(90deg);
}

.card-slider-button-prev--2.swiper-button-prev svg {
    transform: rotate(-90deg);
}

.card-slider-button-next--2.swiper-button-next:hover svg stop,
.card-slider-button-prev--2.swiper-button-prev:hover svg stop {
    stop-color: white;
}

.card-slider-button-next--2.swiper-button-next::after,
.card-slider-button-prev--2.swiper-button-prev::after {
    display: none;
}

.card-slider-button-prev--2.swiper-button-prev {
    left: 10px;
}

.card-slider-button-next--2.swiper-button-next {
    right: 10px;
}

.card-slider--popup .swiper-button-next,
.card-slider--popup .swiper-button-prev {
    z-index: 100;
    min-width: auto;
    min-height: auto;
    max-width: none;
    max-height: none;
    border-radius: 0;
    background: none;
}

.card-slider--popup .swiper-button-next svg {
    transform: rotate(90deg);
}

.card-slider--popup .swiper-button-prev svg {
    transform: rotate(-90deg);
}

.card-slider--popup .swiper-button-next::after,
.card-slider--popup .swiper-button-prev::after {
    display: none;
}

.card-slider--popup .swiper-button-prev {
    left: 10px;
}

.card-slider--popu .swiper-button-next {
    right: 10px;
}

.swiper-button-prev::after,
.swiper-button-next::after {
    font-size: 12px;
    font-weight: 700;
    color: var(--blue);
}

.swiper-button-prev:hover::after,
.swiper-button-next:hover::after {
    color: var(--black);
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    display: none !important;
}

.swiper-new-pagination .swiper-pagination-bullet {
    display: block;
    border-radius: 50%;
    width: 6px;
    height: 6px;

    background-color: var(--grey);
}

.swiper-new-pagination .swiper-pagination-bullet-active {
    background-color: var(--real-white);
}

.trendings-pagination {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.section-products {
    width: 100%;
    min-width: 0;
}

.products-slider {
    min-width: 0;
    width: 100%;
    display: flex;
    z-index: 0;
}

.products-slider .slider-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

.products-slider__slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.products-slider__slide:hover .products-slider__header {
    color: var(--blue);
}

.products-slider__slide:hover .products-slider__image::after {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}

.products-slider__image::after {
    content: "";
    transition: .2s ease;
    z-index: 100;

    border: 1px solid var(--blue);
    border-radius: 50%;

    background: transparent;
    width: 85px;
    height: 85px;

    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.7);
}

.products-slider__image {
    position: relative;
    padding: 10px;
    border-radius: 50%;
    background-color: #f1f5f6;
    box-shadow: 0 0 0 6px var(--real-white) inset;
    width: 90px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.products-slider__image img {
    height: auto;
    max-width: 100%;
    object-fit: fill;
}

.products-slider__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.products-slider__header {
    color: var(--black);
}

.products-slider__description {
    color: var(--grey);
    font-size: 14px;
}

/* SELLING SECTION */

.selling-header {
    width: 100%;
    border-radius: 5px;
    padding: 10px 20px;
    background-color: var(--real-white);
}

.selling-header__container {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
}

.selling-header__name {
    font-weight: 700;
    text-transform: uppercase;
}

.selling-header__list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.selling-header__item {
    font-size: 14px;
}

.selling-header__item:hover a {
    color: var(--blue);
}

/* SELLING SECTIONS PRODUCTS */

.selling-products {}

.selling-products__container {}

.selling-products-slider {
    width: 100%;
}

.selling-products-slider:hover {
    overflow: visible;
    width: 100%;
}

.selling-products-slider__slide {}

.selling-products__item {}

.selling-item {
    overflow: visible;
    transition: .3s ease;
    background: var(--real-white);
    cursor: pointer;
    position: relative;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;

    padding: 15px;
    border-radius: 10px;
    gap: 20px;
}

.selling-content__rating {
    color: var(--grey);
}

.selling-item .selling-item__icons>div {
    position: absolute;
}

.selling-item .selling-item__icons>div:nth-child(1) {
    top: 0px;
    right: -30px;
    transition: right ease .3s;
    transition-delay: .1s;
}

.selling-item .selling-item__icons>div:nth-child(2) {
    top: 35px;
    right: -30px;
    transition: right ease .3s;
    transition-delay: .15s;
}

.selling-item .selling-item__icons>div:nth-child(3) {
    top: 70px;
    right: -30px;
    transition: right ease .3s;
    transition-delay: .2s;
}

.selling-item:hover .selling-item__icons>div:nth-child(1),
.selling-item:hover .selling-item__icons>div:nth-child(2),
.selling-item:hover .selling-item__icons>div:nth-child(3) {
    right: 10px;
}

.selling-item:hover .selling-content__name {
    color: var(--blue);
}

.selling-item:hover .selling-item__button-container {
    bottom: -45px;
    opacity: 1;
    z-index: 1000;
}

.selling-item:hover {
    box-shadow: 0px 0px 30px var(--shadow);
}

.selling-item:hover .selling-item__image img {
    transform: scale(1.1);
}

.selling-item__image img {
    transition: .5s ease;
    transform: scale(1);
    max-width: 100%;
    min-width: 100px;
}

.selling-item__image {
    overflow: hidden;
    position: relative;
}

.selling-item__icons {
    transition: .3s ease;
    position: absolute;
    top: 10%;
    right: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.selling-item__icons>div:hover>i {
    color: var(--real-white);
}

.selling-item__icons>div:hover {
    background: var(--blue);
}

.selling-item__icons>div {
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid var(--grey);
    background: var(--real-white);
    transition: .3s ease;
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

.selling-item__icons>div>i {
    font-size: 14px;
    color: var(--grey);
}

.selling-item__content {}

.selling-content {
    gap: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.selling-content__name {
    font-size: 14px;
}

.selling-content__stars {
    display: flex;
    flex-flow: row nowrap;
    position: relative;
}

.selling-content__stars .fa-star {
    font-size: 12px;
    color: var(--grey);
}

.selling-content__real-stars .fa-star {
    color: var(--yellow);
}

.selling-content__real-stars {
    display: flex;
    flex-flow: row nowrap;
    white-space: nowrap;
    overflow: hidden;
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;

}

.selling-content__price {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 5px;
}

.selling-content__price span:first-child {
    color: var(--red);
}

.selling-content__price span:last-child {
    text-decoration: line-through;
    font-size: 14px;
}


.selling-content__stock {
    white-space: nowrap;
    font-size: 14px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}

.selling-content__stock span:first-child {
    color: var(--green);
}

.selling-content__stock span:last-child {
    color: var(--black);
}

.selling-content__stock span:last-child span {
    font-weight: 500;
}

.selling-item__sale {
    position: absolute;
    top: 5px;
    left: 5px;
    padding: 5px 15px;
    background-color: var(--red);
    border-radius: 2.5px;
    font-size: 14px;
    font-weight: 500;
    color: var(--real-white);
}

.selling-item__button-container {
    background: var(--real-white);
    border-radius: 5px;
    position: absolute;
    bottom: 0;
    padding: 10px;
    width: 100%;
    z-index: 1000;
    opacity: 0;
    transition: .5s ease;
}

.selling-item__button {}

.selling-item__button:hover button {
    background-color: #131b6c;
}

.selling-item__button button {
    transition: .3s ease;
    border-radius: 50px;
    padding: 10px;
    width: 100%;
    background: var(--blue);
    color: var(--real-white);
}

/* ASIDE MENU */

.aside-menu {
    box-shadow: 0px 0px 24px 6px rgb(4 4 4 / 20%);
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    background: var(--real-white);
    z-index: 1000;
    max-height: 100vh;
}

.aside-menu__container {
    background-color: var(--real-white);
    gap: 20px;
    height: 100%;
    width: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;

    transition: all .3s linear;
}

.aside-menu.active .aside-menu__container {
    width: 200px;
}

.aside-menu__list {
    height: 100%;
    padding: 0px 0px 80px 0;
    position: absolute;
    left: 0;
    top: 120px;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}

.aside-menu__list .mCustomScrollBox,
.aside-menu__list .mCSB_container {
    overflow: initial;
    width: 100%;
}

.mCSB_inside>.mCSB_container {
    margin-right: 0;
    padding: 0 0 160px 0;
}

.aside-item {
    font-size: 14px;
    color: var(--grey);
    width: 100%;
    position: relative;
    cursor: pointer;
    transition: all .3s linear;
}

.aside-item>a:hover {
    background: var(--red);
}

.aside-item:not(:last-child)>a:hover::after {
    background-color: var(--red);
}

.aside-item:not(:last-child)>a::after {
    background-color: #ededed;
    height: 2px;
    position: absolute;

    bottom: 0px;
    left: 20px;
    right: 20px;
    content: "";

    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.aside-item.aside-hovered:hover>a+.sub-menu {
    transform: translateX(10px) scaleY(1);
    opacity: 1;
    visibility: visible;
}

.aside-menu.active .aside-item>a {
    justify-content: flex-start;
}

.aside-item>a {
    transition: all .3s linear;
    white-space: nowrap;
    display: flex;
    flex-flow: row nowrap;
    gap: 10px;
    align-items: center;
    justify-content: center;
    padding: 9px 15px;
}

.aside-menu.active .aside-item>a>span {
    display: block;
}

.aside-menu.active .aside-item>a>.fa-plus {
    display: block;
}

.aside-item.active {
    background-color: var(--red);
}

.aside-item.active>a {
    color: var(--real-white);
}

.aside-item.active::after {
    background-color: var(--red);
}

.aside-item>a>span {
    display: none;
    position: relative;
}

.aside-item>a>.fa-plus {
    font-size: 14px;
    margin-left: auto;
    display: none;
}

.aside-item>a>i {
    color: var(--grey);
    font-size: 20px;
}

.sub-menu .aside-item>a>span {
    display: inline-block;
}

.sub-menu .aside-item {
    border-radius: 5px;
}

.sub-menu .aside-item>a {
    border-radius: 5px;
    transition: all .3s linear;
    padding: 9px 20px;
    color: var(--real-white);
    background: var(--red);
    justify-content: flex-start;
}

.sub-menu .aside-item:not(:last-child)>a:hover::after {
    left: 0;
    right: 0;
}

.sub-menu .aside-item:not(:last-child)>a::after {
    position: absolute;
    height: 0.5px;
    background-color: var(--real-white);
    bottom: 0px;
    left: 20px;
    right: 20px;
    content: "";
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.sub-menu .aside-item>a>span::after {
    position: absolute;
    width: 0px;
    height: 0.5px;
    right: 10px;
    top: 50%;
    opacity: 0;
    background-color: var(--real-white);
    content: "";
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.sub-menu .aside-item>a:hover>span::after {
    width: 20px;
    right: -25px;
    opacity: 1;
}

.sub-menu {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;

    transition: all .3s linear;

    transform: translateX(10px) scaleY(0);
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 100%;
    top: 0;
    background: var(--red);

    width: 250px;
    border-radius: 5px;

    z-index: 1000;
}

.sub-menu::before {
    content: "";
    position: absolute;
    left: -6px;
    top: 10px;
    z-index: 1000;
    width: 15px;
    height: 15px;
    border-left: 10px solid var(--red);
    border-bottom: 10px solid var(--red);
    transform: rotate(45deg);
}

.aside-menu__arrow {
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: -20px;

    text-align: center;
    line-height: 55px;

    transform: translateY(-50%);
    background: var(--real-white);
    border-radius: 50%;
    width: 50px;
    height: 50px;

    z-index: -1;

    box-shadow: 0px 0px 18px 2px rgb(4 4 4 / 10%);
}

.aside-menu__arrow i {
    font-size: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    right: 12px;
    transition: all .3s linear;
}

.aside-menu.active .aside-menu__arrow i {
    transform: translateY(-50%) rotate(180deg);
}

.aside-menu__profile {
    width: 100%;
    background-color: var(--real-white);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    z-index: 1;
    gap: 10px;
}

.aside-menu__profile>p {
    display: none;
}

.aside-menu.active .aside-menu__profile>p {
    font-size: 16px;
    font-weight: 600;
    white-space: nowrap;
    color: var(--red);
    display: block;
}

.aside-menu__profile-image {
    min-width: 45px;
    min-height: 45px;
    max-width: 45px;
    max-height: 45px;
    border-radius: 50px;
    overflow: hidden;
}

.aside-menu__profile-image img {
    height: 100%;
    object-fit: cover;
}

/* breadcrumbs */

.breadcrumbs {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 18px;
}

.breadcrumbs__list {
    display: flex;
    flex-direction: row;
    column-gap: 40px;
    row-gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

.breadcrumbs__item {
    color: var(--grey);
    position: relative;
    cursor: pointer;

    font-size: 12px;
    font-weight: 200;
    line-height: 17px;
}

.breadcrumbs__item:last-child {
    pointer-events: none;
    cursor: default;
}

.breadcrumbs__item:hover:not(:last-child) {
    color: var(--purple);
}

.breadcrumbs__item:not(:last-child)::after {
    cursor: default;
    content: "";

    border-top: 2px solid var(--grey);
    border-right: 2px solid var(--grey);

    width: 8px;
    height: 8px;

    position: absolute;

    transform: rotate(45deg) translateY(-50%);

    right: -20px;
    top: 50%;
}


.breadcrumbs__icons {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
}


.breadcrumbs__icons-item {
    position: relative;
    width: 40px;
    height: 40px;

    transition: .3s ease;
    cursor: pointer;
    padding: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.breadcrumbs__icons-tooltip span {
    top: -25px;
    position: absolute;
}

.breadcrumbs__icons-tooltip {
    white-space: nowrap;
    transition: .3s ease all;
    visibility: hidden;
    transform: translateY(0px);
    opacity: 0;
    position: absolute;

    bottom: 100%;
    right: 0;
    z-index: 1000;
}

.breadcrumbs__icons-item:hover .breadcrumbs__icons-tooltip {
    transform: translateY(-5px);
    visibility: visible;
    opacity: 1;
}

.breadcrumbs--2 {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.breadcrumbs__list--2 svg {
    width: 5px;
}

.breadcrumbs__list--2 {
    display: flex;
    flex-direction: row;
    row-gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

.breadcrumbs__item--2 {
    position: relative;
    cursor: pointer;
}

/* UNDERHEADER */

section.under-header {
    margin-bottom: 10px;
}

.under-header {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
}

.under-header__container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 20px;
}

.under-header__item {
    color: var(--grey);
}

.under-header__item--today {
    color: var(--purple);
}

.under-header--2 {
    width: 100%;
}

.under-header__container--2 {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 24px;
}

.under-header__item--2 {
    flex-direction: row;
    align-items: center;
    gap: 8px;
    display: flex;
}

/* CARD SLIDER */

.card-main-section {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.card-slider-section {
    display: flex;
    flex-direction: column;
    gap: 40px;
    min-width: 0px;
    width: 100%;
}

.card-slider {
    width: 100%;
    max-height: 440px;
    height: 100%;
}

.card-slider__slide {
    width: 100%;
    display: inline-block;
}

.card-slider__slide img {
    object-fit: cover;
    width: 100%;
}

.card-slider .swiper-slide {
    display: flex;
    align-items: center;
}

.card-slider__image {
    height: 100%;
}

.card-slider__image img {
    max-height: 440px;
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.card-slider-section .swiper.card-slider {
    background-color: #fff;
}

.card-sub-slider {
    width: 100%;
    /* max-height: 100px; */
    height: 100%;
}

.card-sub-slider .swiper-slide {
    min-width: 100px;
}

.card-sub-slider .swiper-slide-thumb-active {
    filter: contrast(0.3);
}

.card-sub-slider__slide {}

.card-sub-slider__image {
    /* height: 100%; */
}

.card-sub-slider__image img {
    /* height: 100%; */
    object-fit: contain;
}

.card-popup-gallery {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 6px;
    gap: 6px;
    overflow: auto;
    position: relative;
    scrollbar-width: none;
    height: 100vh;
    width: 100%;
    padding: 5px 5px 165px 5px;
}

.card-popup-gallery__item {
    width: 100%;
}

.card-main-section--2 {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    overflow: hidden;
}

.card-slider-section--2 {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0px;
}

.card-slider--2 {
    width: 100%;
    max-height: 440px;
    height: 100%;
}

.card-slider__slide--2 {
    height: 100%;
    width: 100%;
    display: inline-block;
}

.card-slider__image--2 {
    height: 100%;
}

.card-slider__image--2 img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.card-sub-slider--2 {
    width: 100%;
    max-height: 100px;
    height: 100%;
}

.card-sub-slider--2 .swiper-slide-thumb-active {
    filter: contrast(0.3);
}

.card-sub-slider__slide--2 {}

.card-sub-slider__image--2 {
    height: 100%;
}

.card-sub-slider__image--2 img {
    height: 100%;
    object-fit: cover;
}

.card-slider__increase {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    z-index: 1;
}

.card-slider__increase .breadcrumbs__icons-tooltip {
    left: -300%;
}

.card-slider__photo-counter .header__counter {
    right: 2px;
    bottom: 4px;
    padding: 2px 4px;
}

.card-slider__photo-counter {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    position: absolute;
    z-index: 1;
    left: 10px;
    bottom: 10px;

    background-color: var(--real-white);
    border-radius: 10px;
}


.card-slider--popup {
    margin-bottom: 25px;
    width: 100%;
    max-height: 440px;
    height: 100%;
}

.popup-card .card-slider-section--2 {
    flex: 1;
    width: 100%;
    background: var(--real-white);
}

.card-slider--popup .swiper-slide {
    padding: 0 100px;
}

.card-slider--popup .card-slider__image,
.card-slider--popup .swiper-slide a {
    height: 100%;
}

.card-slider--popup .card-slider__image img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.card-sub-slider--popup {
    width: 100%;
    max-height: 100px;
    height: 100%;
}

.card-sub-slider--popup .swiper-slide-thumb-active {
    filter: contrast(0.3);
}

.card-sub-slider--popup .card-sub-slider__slide {}

.card-sub-slider--popup .card-sub-slider__image {
    height: 100%;
}

.card-sub-slider--popup .card-sub-slider__image img {
    height: 100%;
    object-fit: cover;
}

/*  */

.saler-popup.active {
    right: 0;
}

.saler-popup {
    right: -100%;
    transition: .5s ease;
    max-width: 400px;
    width: 100%;
    height: 100%;
    z-index: 1200;
    position: fixed;
    background: var(--real-white);
    box-shadow: -3px 0 6px 0 rgb(0 0 0 / 10%);
    border-radius: 16px 0 0 16px;
}

.saler-popup__container {
    height: 100%;
    overflow: auto;
    padding: 0 30px 20px 30px;
}

.saler-popup__item-header {
    gap: 10px;
    display: flex;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid var(--light-grey);
    margin-bottom: 20px;
}

.saler-popup__item {
    display: flex;
    flex-direction: row;
    list-style-type: none;
}

.saler-popup__header {
    text-align: center;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 700;

    position: sticky;
    top: 0;
    background: var(--real-white);
    padding: 20px 0;
}

.saler-popup__payment-container {
    display: flex;
    gap: 25px;
    flex-direction: column;
}

.saler-popup__graphic-container {
    margin: 0 30px;
    gap: 25px;
    display: flex;
    flex-direction: column;
}

.shiping_method,
.payment_method {
    display: flex;
    flex-direction: column;
    gap: 25px;
    margin: 0 30px;
}

.payment_method p {
    position: relative;
}

.payment_method p:before {
    content: "";
    position: absolute;
    width: calc(1.4em/3);
    height: calc(1.4em/3);
    border-radius: 50%;
    background: var(--purple);
    margin: calc(1.4em/3)0 0-18px;
    color: var(--purple);
}

.shiping_method {}

.shiping_method p {
    display: list-item;
    padding-left: 10px;
    list-style-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24' focusable='false' aria-hidden='true' tabindex='-1' style='width: 20px; height: 20px;'%3E%3Cpath fill='gray' d='M17.5 18c-.827 0-1.5-.673-1.5-1.5s.673-1.5 1.5-1.5 1.5.673 1.5 1.5-.673 1.5-1.5 1.5zM15 14.059V9h2.5l2.5 3.333v1.726a3.484 3.484 0 0 0-5 0zM13 16h-2.051c-.245-1.691-1.69-3-3.449-3s-3.204 1.309-3.449 3H4V7h9v9zm-5.5 2c-.827 0-1.5-.673-1.5-1.5S6.673 15 7.5 15s1.5.673 1.5 1.5S8.327 18 7.5 18zM22 11.667 18.5 7H15c0-1.103-.897-2-2-2H4c-1.103 0-2 .897-2 2v11h2.333c.006 0 .011-.003.017-.003A3.493 3.493 0 0 0 7.5 20a3.493 3.493 0 0 0 3.148-2h3.704a3.493 3.493 0 0 0 3.148 2 3.493 3.493 0 0 0 3.148-2H22v-6.333z'%3E%3C/path%3E%3C/svg%3E");
}

.payment_method p {}

.saler-popup__graphic-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.saler-popup__graphic-item span:first-child {
    color: var(--black);
    width: 50%;
}

.saler-popup__graphic-item span:last-child {}

.saler-popup__contacts-list {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.saler-popup__contacts-phones {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.saler-popup__contacts-phone,
.saler-popup__contacts-website,
.saler-popup__contacts-address {
    margin-left: 30px;
    padding-left: 10px;
}

.saler-popup__contacts-phone {
    list-style-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24' fill='none' focusable='false' aria-hidden='true' tabindex='-1' class='D8VyR' style='width: 20px; height: 20px;'%3E%3Cpath d='M16.908 18.491a4.008 4.008 0 0 1-4.92.001C9.113 16.26 6.7 13.897 4.818 11.47c-1.102-1.421-1.087-3.425.038-4.872l2.022-2.599 2.866 2.867-2.64 4.029.467.569c1.738 2.117 2.27 2.649 4.383 4.381l.567.466 4.03-2.638 2.866 2.867-2.508 1.951Zm3.923-3.365-2.867-2.867a2.012 2.012 0 0 0-2.51-.26l-2.8 1.833c-1.378-1.147-1.92-1.689-3.07-3.071l1.833-2.799a2.01 2.01 0 0 0-.26-2.51L8.29 2.584a2.008 2.008 0 0 0-1.54-.58 1.995 1.995 0 0 0-1.452.767L3.277 5.37c-1.687 2.169-1.704 5.182-.04 7.326 1.984 2.559 4.517 5.041 7.525 7.376a6.001 6.001 0 0 0 7.375-.003l2.506-1.95c.453-.352.734-.882.77-1.454a2.006 2.006 0 0 0-.582-1.539Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E");
}

.saler-popup__contacts-website {
    list-style-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24' fill='none' focusable='false' aria-hidden='true' tabindex='-1' class='D8VyR' style='width: 20px; height: 20px;'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.02 13c.104 2.615.61 4.933 1.363 6.562A8.009 8.009 0 0 1 4.062 13H8.02Zm2.001 0c.093 2.15.48 4.01 1.007 5.328.307.766.621 1.25.868 1.512.04.043.075.076.104.1.029-.024.063-.057.104-.1.247-.261.561-.746.868-1.512.527-1.319.914-3.178 1.007-5.328H10.02Zm3.958-2H10.02c.093-2.15.48-4.01 1.007-5.328.307-.766.621-1.25.868-1.512.04-.043.075-.075.104-.1.029.025.063.057.104.1.247.261.561.746.868 1.512.527 1.319.914 3.178 1.007 5.328Zm2.001 2c-.104 2.615-.61 4.933-1.363 6.562A8.009 8.009 0 0 0 19.938 13H15.98Zm3.958-2a8.009 8.009 0 0 0-5.32-6.562C15.37 6.067 15.875 8.385 15.98 11h3.958ZM8.02 11H4.062a8.009 8.009 0 0 1 5.32-6.562C8.63 6.067 8.125 8.385 8.02 11ZM22 12c0-5.523-4.477-10-10-10S2 6.477 2 12s4.477 10 10 10 10-4.477 10-10Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E");
}

.saler-popup__contacts-address {
    list-style-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24' fill='none' focusable='false' aria-hidden='true' tabindex='-1' class='D8VyR' style='width: 20px; height: 20px;'%3E%3Cpath d='M12 2a8 8 0 0 0-8 8c0 5.4 7.05 11.5 7.35 11.76a1 1 0 0 0 1.3 0C13 21.5 20 15.4 20 10a8 8 0 0 0-8-8Zm0 17.65c-2.13-2-6-6.31-6-9.65a6 6 0 1 1 12 0c0 3.34-3.87 7.66-6 9.65ZM12 6a4 4 0 1 0 0 8 4 4 0 0 0 0-8Zm0 6a2 2 0 1 1 0-4 2 2 0 0 1 0 4Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E");
}

.saler-popup__contacts-map {
    width: 100%;
    height: 400px;
}

.saler-popup__refund-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
    font-size: 14px;
    line-height: 20px;
}

.saler-popup__refund-item {

    font-size: 14px;
    line-height: 20px;
    list-style-type: none;
    margin-bottom: 20px;
}

.call-popup.active {
    visibility: visible;
    opacity: 1;
    top: 80px;
}

.call-popup {
    visibility: hidden;
    opacity: 0;
    will-change: transform;
    width: 400px;
    max-height: calc(100vh - 160px);
    overflow: auto;
    padding: 24px 32px 32px;
    top: 120px;
    border-radius: 8px;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--real-white);
    z-index: 200;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;

    transition: .3s ease all;
}

.saler-popup__close:hover,
.call-popup__close:hover {
    background-color: var(--light-grey);
}

.call-popup__close,
.saler-popup__close {
    background-color: transparent;
    transition: .3s ease;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    border-radius: 10px;
    z-index: 1;
}

.saler-popup__close svg,
.call-popup__close svg {
    width: 30px;
    height: 30px;
}

.call-popup__name {
    color: var(--black);
}

.call-popup__phones {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.call-popup__phone>a {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
    color: var(--black);
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    padding: 12px 0;
    border-bottom: 1px solid #ededed;
}

.call-popup__phone>a>svg {
    width: 30px;
    height: 30px;
}

.call-popup__phone>a>span {}

.call-popup__description {
    color: var(--gr);
}

/*  */

.popup-card {
    overflow: hidden;
    display: none;
    position: fixed;
    background: var(--white-grad);
    top: 80px;
    left: 0;
    height: 100%;
    border-radius: 10px;
    position: fixed;
    z-index: 148;
    width: 100vw;
}

.popup-card.popuped {
    display: block;
}

.popup-card .card-description-section--2 {
    max-width: 280px;
    padding: 10px 15px;
    max-height: 100vh;
    padding-bottom: 100px;
    overflow: auto;
    scrollbar-width: 0px;
}

.popup-card .adblock-section {
    margin-top: 38px;
}

/* card presonal info */

.card-description-section {
    max-width: 300px;
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
}

.card-description {
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    border-bottom: 1px solid var(--grey);
    padding-bottom: 10px;
}

.card-description__category {
    font-size: 12px;
    font-weight: 700;
    color: var(--grey);
}

.card-description__price {
    display: flex;
    font-size: 22px;
    font-weight: 800;
    color: var(--black);
    flex-direction: column;
    gap: 5px;
}

.card-description__price span:last-child {
    font-weight: 400;
    color: var(--grey);
    font-size: 13px;
}

.card-description__name {
    font-size: 20px;
    font-weight: 700;
    color: var(--black);
}

.card-description__props {
    color: var(--black);
}

.card-description__city {
    color: var(--black);
}

.card-description__date {
    color: var(--grey);
}

.card-buttons {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.card-buttons .card-buttons__button button,
.card-buttons .card-buttons__button a {
    max-width: 100%;
    width: 100%;
}

.card-buttons__button button,
.card-buttons__button a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    height: 40px;
    color: var(--real-white);
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    background-color: var(--purple);
    user-select: none;
    white-space: nowrap;
    touch-action: manipulation;
    border: none;
    border-radius: 8px;
    transition: background-color .2s ease-in-out, color .2s ease-in-out;
    cursor: pointer;
    max-width: 220px;
}

.card-buttons__button:hover button,
.card-buttons__button:hover a {
    filter: brightness(0.9);
}

.card-button__button_reversed button,
.card-button__button_reversed a {
    background-color: var(--real-white);
    border: 1px solid var(--purple);
    color: var(--purple);
}

.card-profile {
    margin-top: auto;
    gap: 10px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
}

.card-profile__image {
    position: relative;
    overflow: hidden;
    border-radius: 5px;

    width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px;
}

.card-profile__image::after {
    position: absolute;
    z-index: 2;

    content: "";
    width: 10px;
    height: 10px;

    bottom: 0;
    right: 0;
    border-radius: 50px;
    background: var(--green);
}

.card-profile__image img {
    height: 100%;
    object-fit: cover;
}

.card-profile__info {
    gap: 10px;
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: space-between;
}

.card-profile__name {
    font-size: 16px;
    font-weight: 700;
}

.card-profile__status {
    font-size: 14px;
}

.card-profile__rating {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.card-profile__rating>a {
    display: block;
    color: var(--green);
}

.card-profile__counter {
    cursor: pointer;
    color: var(--purple);
}

/* second card */

.card-description-section--2 {
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
}

.card-description--2 h4:first-child {
    margin-bottom: 10px;
}

.card-description--2 {
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    padding-bottom: 10px;
    margin-right: 20px;
}

.card-description--2__name {
    margin-bottom: 10px;
}

.card-description-section--2__close {
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
}

.card-description-section--2__main {
    position: relative;
    gap: 10px;
}

.card-description-section--2__report>ul {
    display: flex;
    flex-direction: column;
}

.card-description-section--2__report>p {
    font-weight: 700;
}

.card-description-section--2__report>ul>li:not(:last-child) {
    border-bottom: 1px solid var(--light-grey);
}

.card-description-section--2__report>ul>li {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 15px;
    padding: 16px 0;
}

.card-description-section--2__report>ul>li>svg {
    width: 15px;
}

.card-description-section--2__main,
.card-description-section--2__report {
    display: flex;
    flex-direction: column;
    background: rgb(236, 214, 239);
    padding: 22px 16px;
    width: 100%;
}

.card-description-section--2__report {
    gap: 15px;
}

.card-profile__location--2 {
    white-space: nowrap;
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 5px;
}

.popup-card .card-profile__location--2 {
    flex-wrap: wrap;
}

.card-description__category--2 {
    font-size: 12px;
    font-weight: 700;
    color: var(--grey);
}

.card-description__price--2 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
    color: var(--black);
}

.card-description__price--2 span:last-child {
    color: var(--black);
    font-size: 14px;
}

.card-description__props--2 {
    font-size: 14px;
}

.card-description__button-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.card-buttons--2 {
    display: flex;
    flex-flow: column-reverse;
    align-items: center;
    width: 100%;
    gap: 10px;
}

.card-buttons--2>.card-buttons__button--2 {
    width: 100%;
    display: flex;
    justify-content: center;
}

.card-buttons__button--2 button,
.card-buttons__button--2 a {
    color: var(--purple);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 5px;
}

.card-buttons__button--2:hover button,
.card-buttons__button--2:hover a {
    color: var(--real-white);
}

.card-button__button_reversed--2 button,
.card-button__button_reversed--2 a {
    color: var(--real-white);
    text-align: center;
}

.card-buttons__button--2 button svg stop:first-child,
.card-buttons__button--2 a svg stop:first-child {
    stop-color: var(--purple);
}

.card-buttons__button--2 button svg stop:last-child,
.card-buttons__button--2 a svg stop:last-child {
    stop-color: var(--pink);
}

.card-button__button_reversed--2 button svg stop:first-child,
.card-button__button_reversed--2 a svg stop:first-child {
    stop-color: var(--real-white);
}

.card-button__button_reversed--2 button svg stop:last-child,
.card-button__button_reversed--2 a svg stop:last-child {
    stop-color: var(--real-white);
}

.deal-btn button,
.deal-btn a {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid var(--dark-gr);
    color: var(--dark-gr);
    background: var(--real-white);
}

.deal-btn:hover button,
.deal-btn:hover a {
    border-color: var(--dark-gr);
    color: var(--dark-gr);
}

.card-profile--2 {
    gap: 10px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
}

.card-profile__image--2 {
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    border: 2px solid var(--purple);
    width: 60px;
    height: 60px;
    min-width: 60px;
    min-height: 60px;
}

.card-profile__image--2 img {
    height: 100%;
    object-fit: cover;
}

.card-profile__info--2 {
    gap: 10px;
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: space-between;
}

.card-profile__name--2 {
    color: var(--purple);
    display: flex;
    flex-direction: row;
    align-items: center;
    font-weight: 800;
}

.card-profile__status--2 {
    font-size: 14px;
}

.card-profile__rating--2 .selling-content__stars svg {
    min-width: auto;
}

.card-profile__rating--2 .selling-content__stars .fa-star {
    color: transparent;
}

.card-profile__rating--2 .selling-content__stars .fa-star g g path {
    stroke: var(--orange-lt);
    stroke-width: 10;
}

.card-profile__rating--2 .selling-content__real-stars svg path {
    fill: var(--orange-lt);
}

.card-profile__rating--2 {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.card-profile__rating--2>a {
    display: block;
    color: var(--green);
}

.card-profile__city--2 {}

.card-profile__counter--2 {
    cursor: pointer;
    color: var(--purple);
}

.colProduct {
    width: calc(100% + 20px);
    margin: 0 -10px;
}

#colProduct:hover {
    background: var(--purple);
}

#colProduct {
    width: 100%;
    background: var(--dark-grad);
    font-size: 14px;
    font-weight: 600;
    border-radius: 0px;
    border: none;
    padding: 10px;
    color: var(--real-white);
}

.card-buttons__button-new--1 button {
    font-size: 12px;

    font-weight: 400;
    background: var(--purpmaed);
    padding: 10px;
    color: var(--black);
    border-radius: 10px;
    border: 1px solid var(--purple);
    transition: .5s ease;
}

.card-buttons__button-new--1 button:disabled {
    background-color: var(--gr);
    border-color: var(--dark-gr);
    opacity: 0.5;
    cursor: default;
}

.card-buttons__button-new--2 {}

.card-buttons__button-new--2 button {
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;

    background: var(--dark-grad);
    padding: 10px;
    color: var(--real-white);
    border-radius: 10px;
    border: 1px solid var(--purple);
    transition: .5s ease;
}

.card-buttons__button-new--2 button:disabled {
    background-color: var(--gr);
    border-color: var(--dark-gr);
    opacity: 0.5;
    cursor: default;
}

/* card content */

.card-specifications-section {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.card-specifications__content {
    display: flex;
    flex-direction: column;

    gap: 5px;
}

.card-specifications__item>p:first-child {
    min-width: 200px;
}

.card-specifications__item {
    gap: 10px;
    display: flex;
    flex-direction: row;
}

.card-content-section {
    overflow: hidden;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.card-content__content {
    height: 100%;
}

.card-content-section.active .card-content__content {
    max-height: 100%;
}

.card-content-section.active .card-content__show {
    box-shadow: none;
}

.content__comment:not(:last-child) {
    margin-bottom: 20px;
}

.content__comment,
.content__comment--2 {
    line-height: 21px;
}

.card-content__show {
    box-shadow: 0px -8px 20px var(--real-white);
    width: 100%;
    border-top: 1px solid var(--grey);

    padding: 15px 0;
    transition: .3s ease;
    cursor: pointer;
    z-index: 1;
}

.card-content__show:hover {
    border-color: var(--red);
}

.card-content__show:hover a {
    color: var(--red);
}

.card-content__show a {
    transition: .3s ease;
    color: var(--blue);
}

.card-content__content-options {
    display: flex;
    flex-direction: row wrap;
    align-items: center;
    gap: 40px;
}

.content__option {
    gap: 5px;

    width: 100%;
    -webkit-column-count: 4;
    column-count: 4;
    -webkit-column-width: 1fr;
    column-width: 1fr;
    -webkit-column-gap: 0;
    column-gap: 0;
}

.content__option p {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
}

.content__option li {
    position: relative;

    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;

    display: flex;
    flex-direction: column;

    padding-bottom: 26px;
}

.content__option span {
    font-size: 15px;
    padding-right: 40px;
}

.content__option>li>span:not(:first-child) {
    padding-top: 10px;
}

.content__option__header {
    font-weight: 700;
}

.card-content-section--2 {
    overflow: hidden;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.card-content__content--2 {
    overflow: hidden;
    height: 100px;
}

.card-content-section--2.card-content-section.active .card-content__content--2 {
    height: 100%;
}

.card-content-section--2.card-content-section.active .card-content__show--2 svg {
    transform: rotate(180deg);
}

.content__comment--2:not(:last-child) {
    margin-bottom: 20px;
}

.card-content__show--2 {
    border: none;
    width: auto;
    margin-top: 16px;
    transition: .3s ease;
    cursor: pointer;

    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.card-content__show--2:hover a {
    color: var(--red);
}

.card-content__show--2 svg stop {
    transition: .2s ease;
}

.card-content__show--2:hover svg stop {
    stop-color: var(--red);
}

.card-content__show--2 a {
    font-weight: 800;
    transition: .3s ease;
    color: var(--purple);
}

.card-content__content-options--2 {
    display: flex;
    flex-direction: row wrap;
    align-items: center;
    gap: 40px;
}

.content__option--2 {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.content__option--2 p {
    margin-bottom: 20px;
}

.content__option--2 li {
    margin-left: 15px;
    position: relative;
}

.content__option--2 li::before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -15px;
    content: "·";
    font-size: 25px;
    vertical-align: middle;
    line-height: 30px;
}

.content__option__header--2 {
    font-weight: 700;
}



/* sort */

.sort-section {
    width: 100%;
}

.sort {
    padding: 15px;
    border-radius: 10px;
    background-color: var(--real-white);

    box-shadow: 0px 3px 14px var(--light-grey);
}

.sort.active .sort__footer-drop i {
    transform: rotate(180deg);
}

.sort.active .sort__sub-container {
    display: block;
}

.sort__sub-container {
    display: none;
}

.sort__save-search {
    text-align: right;
    display: inline;
    margin-left: auto;
    cursor: pointer;
    color: var(--blue);
}

.sort__save-search:hover {
    color: var(--red);
}

.sort__divide {
    align-items: center;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    gap: 15px;
}

.sort__triple {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    width: 100%;
    align-items: center;
}

.sort.second-page .transform-triple {
    grid-template-columns: repeat(2, 1fr);
}

.transform-triple .sort__select {
    width: 100%;
}

.transform-triple {
    display: none;
}

.transform-triple.active {
    display: grid;
}

.transform-triple:not(.last-transform) .add-select.sort__select>i {
    right: 10px;
}

.transform-triple:not(.last-transform) .plus-row {
    display: none;
}

.transform-container .minus-row {
    display: none;
}

.transform-container .remove-select.sort__select>i {
    right: 10px;
}

.transform-container.minused .remove-select.sort__select>i {
    right: 50px;
}

.transform-container.minused .minus-row {
    display: block;
}

.transform-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.second-page .first__triple>* {
    flex: 0 0 33.3%;
}

.second-page .first__triple {
    display: flex;
    flex-direction: row;
}

.second-page .hidden-element {
    display: none;
}

.sort__color-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;

}

.sort__color {}

.sort__color-item {
    display: none;
}

.sort__color-item.showed {
    display: block;
}

.sort__color-item:nth-child(1),
.sort__color-item:nth-child(2),
.sort__color-item:nth-child(3),
.sort__color-item:nth-child(4),
.sort__color-item:nth-child(5),
.sort__color-item:nth-child(6),
.sort__color-item:nth-child(7),
.sort__color-item:nth-child(8) {
    display: block;
}

.sort__color-btn {
    align-items: center;
    border: 1px solid #f2f2f7;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 20px;
    justify-content: center;
    width: 20px;
    border-radius: 50px;
}

.sort__color-btn.clear {}

.sort__color-btn {
    position: relative;
    display: none;
}

.sort__color-btn.active {
    display: flex;
}

.sort__color-btn i {
    left: 1px;
    top: 1px;
    position: absolute;
    transform: rotate(0deg);
    transition: .3s linear all;
}

.sort__color-btn.rotate i {
    transform: rotate(180deg);
}

.sort__divide>.bootstrap-select,
.sort__triple>.bootstrap-select {
    border-radius: 8px;
}

.bootstrap-select {
    width: 100% !important;
    min-width: 0px;
}

.bootstrap-select .filter-option {
    text-overflow: ellipsis;
}

.compare-divide>*:first-child>input {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.compare-divide>*:last-child>input {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.compare-divide {
    gap: 0;
}

.sort-buttons-compare {
    display: flex;
    flex-direction: row;
}

.sort-buttons-compare>button:first-child {
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
}

.sort-buttons-compare>button:last-child {
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
}

.sort-buttons-compare>button {
    width: 100%;
    white-space: nowrap;
    font-weight: 400;
    padding: 10px 5px;
    color: #000;
    border: 1px solid var(--light-grey);
}

.sort-buttons-compare>button:hover {
    color: var(--real-white);
    border-color: #0000;
    background-color: var(--blue);
    box-shadow: none !important;
}

.sort-buttons-compare>button.active {
    background-color: #0c78ed1f;
    border-color: #157ee180;
    color: var(--black);
    font-weight: 500;
    box-shadow: none !important;
}

.sort__section {
    padding-bottom: 20px;
    border-bottom: 1px solid var(--grey);
    margin-bottom: 20px;
}

.sort__container {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.sort__header {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 16px;
}

.sort__color {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    gap: 5px;
}

.sort__color-item::before {
    font-size: 14px;
    transition: .3s ease;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: "\2713";
    opacity: 0;
}

.sort__color-item.active {
    opacity: 0.7;
}

.sort__color-item.active::before {
    opacity: 1;
}

.sort__color-item {
    cursor: pointer;
    position: relative;
    width: 20px;
    height: 20px;
    max-width: 20px;
    max-height: 20px;

    border-radius: 50px;
}

.sort__tags {
    display: flex;
    flex-flow: row wrap;
    gap: 15px;
}

.sort__tags-tag:hover {
    background-color: var(--blue);
    color: var(--real-white);
}

.sort__tags-tag.showed {
    display: block;
}

.sort__tags-tag {
    display: none;
    color: #000;
    cursor: pointer;
    padding: 10px;
    border-radius: 1000px;
    border: 1px solid var(--light-grey);
}

.sort__tags-tag.active {
    background-color: #0c78ed1f;
    border-color: #157ee180;
    color: var(--black);
}

.sort__tags-tag:nth-child(1),
.sort__tags-tag:nth-child(2),
.sort__tags-tag:nth-child(3),
.sort__tags-tag:nth-child(4),
.sort__tags-tag:nth-child(5) {
    display: block;
}

.counter-tag.showed {
    display: block !important;
}

.counter-tag {
    display: none !important;
}

.sort__footer {
    box-shadow: 0 -1px 1px #f2f2f7;
    width: 100%;
    display: flex;
    background-color: var(--real-white);
    padding: 15px 0;
    bottom: 0;
    position: sticky;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 15px;
    z-index: 1;
}

.sort__footer-drop button {
    color: var(--blue);
    transition: .2s linear all;
}

.sort__footer-reset {
    cursor: pointer;
    margin-right: auto;
    transition: .2s linear all;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}

.sort__footer-reset:hover,
.sort__footer-drop button:hover {
    color: var(--red);
}

.outer-sort__footer-drop {
    display: block;
}

.inner-sort__footer-drop {
    text-align: center;
    padding: 10px 0;
    display: none;
}

.sort__footer-reset-count {
    font-size: 12px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background-color: var(--red);
    color: var(--real-white);
}

.sort__footer-results.active {
    display: none;
}

.sort__footer-results button {
    padding: 15px 10px;
    background-color: var(--blue);
    border-radius: 10px;
    color: var(--real-white);
}

.sort__footer-no-results {
    display: none;
    color: var(--red);
}

.sort__footer-no-results.active {
    display: block;
}


.sort__select {
    position: relative;
    display: flex;
    flex-direction: row;
    gap: 5px;
}

.select-plus-row:hover {
    background-color: rgb(242, 242, 247);
}

.select-plus-row {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border-radius: 10px;
    background-color: var(--real-white);
    width: 40px;
    height: 40px;
    border: 1px solid rgb(242, 242, 247);
}

.sort__select.colored>input {
    background-color: #0c78ed1f;
}

.sort__select>input:hover {
    border-color: var(--blue);
}

.sort__select>input {
    cursor: pointer;
    border-radius: 8px;
    padding: 10px;
    border: 1px solid var(--light-grey);
    background-color: transparent;
    z-index: 1;
    font-size: 16px;
    width: 100%;
}

.input-divide>input {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: auto;
}

.input-divide>i {
    z-index: 1;
    cursor: pointer;
    display: none;
    color: black;
}

.input-divide.active>input {
    border-color: var(--blue);
}

.input-divide.kilos-divide.lettered::after,
.input-divide.rubles-divide.lettered::after,
.input-divide.weight-divide.lettered::after,
.input-divide.razgon-divide.lettered::after,
.input-divide.rashod-input.lettered::after,
.input-divide.clirens-input.lettered::after {
    display: block;
}

.input-divide.kilos-divide::after,
.input-divide.rubles-divide::after,
.input-divide.weight-divide::after,
.input-divide.razgon-divide::after,
.input-divide.rashod-input::after,
.input-divide.clirens-input::after {
    display: none;
    position: absolute;
    right: 25px;
    transform: translateY(-50%);
    top: 50%;
    font-size: 14px;
    color: black;
}

.input-divide.kilos-divide::after {
    content: "км";
}

.input-divide.rubles-divide::after {
    content: "руб.";
}

.input-divide.weight-divide::after {
    content: "л.с.";
}

.input-divide.razgon-divide::after {
    content: "с.";
}

.input-divide.rashod-input::after {
    content: "л.";
}

.input-divide.clirens-input::after {
    content: "мм.";
}

.input-divide.active>i {
    display: block;
}

.sort__select-placeholder,
.sort__select-counter {
    color: #0000005f;
    position: absolute;
    left: 10px;
    top: 50%;
    padding-right: 50px;
    transform: translateY(-50%);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    max-width: 100%;
}

.sort__select-counter {
    left: auto;
    right: -18px;
}

.sort__select-placeholder.active,
.sort__select-placeholder.active+.sort__select-counter {
    display: none;
}

.sort__select-placeholder-main {
    display: none;
}

.add-select.sort__select>i,
.remove-select.sort__select>i {
    right: 50px;
}

.sort__select>i {
    transform: translateY(-50%);
    position: absolute;
    right: 10px;
    top: 50%;
}

.container-select {
    max-width: 655px;
    max-height: 400px;
    overflow-y: auto;
    z-index: 100;
    background-color: var(--real-white);
    position: absolute;
    padding: 5px 0;
    border-radius: 10px;
    box-shadow: 0px 0px 10px var(--light-grey);
    top: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: .3s linear all;
    min-width: 100%;
}

.sort__select.active .container-select {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
}

.sort__select-container {}


.container-select__content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sort__buttons-choose-select {
    padding: 15px 30px;
}

/* 111 */
.container-select__whatever {
    position: relative;
    width: 100%;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    gap: 20px;
    padding: 10px;
}

.sort__select-container-of-containers {
    width: 100%;
    height: 100%;
}

.container-select__sub-menu {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.select-plus {
    visibility: visible;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border-radius: 10px;
    background-color: var(--real-white);
    width: 25px;
    height: 25px;
    border: 1px solid rgb(242, 242, 247);
}

.select-variant:hover .select-plus {
    color: black;
}

.container-select__sub-menu-menu .select-variant {
    padding-left: 10px;
}

.container-select__sub-menu-menu {
    flex-direction: column;
    padding-left: 10px;
    display: none;
}

.container-select__sub-menu.active .container-select__sub-menu-menu {
    display: flex;
}

.container-select__sub-menu-header {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.select-variant {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    cursor: pointer;
    padding: 10px;
    white-space: nowrap;
}

.select-variant input[type='checkbox']:not(.__select__input),
.select-variant input[type='radio']:not(.__select__input) {
    background: none;
}

.select-variant input[type='checkbox']+span,
.select-variant input[type='radio']+span {
    padding-left: 0;
}

.select-variant:hover input[type='checkbox']::after,
.select-variant:hover input[type='radio']::after {
    background-color: var(--real-white);
    background-image: none;
}

.select-variant:hover,
.container-select__whatever:hover {
    color: var(--real-white);
    background-color: var(--blue);
}

.select-variant span,
.container-select__whatever span {
    padding-left: 25px;
}

.select-variant>i,
.container-select__whatever>i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    display: none;
}

.container-select__whatever>i {
    display: block;
}

.select-variant.active>i {
    display: block;
}

.container-select__category {
    width: 100%;
    border-top: 1px solid var(--light-grey);
}

.container-select__category-header {
    color: #0000005f;
    padding: 15px 0 15px 15px;
}

.container-select__category-list {}

.sort__select .container-select.image-select {
    transform: translate(-50%, 20px);
}

.sort__select.active .container-select.image-select {
    transform: translate(-50%, 0px);
}

.image-select .container-select__category-header {
    font-weight: 700;
    color: var(--black);
}

.image-select .container-select__category-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 12px;
    grid-gap: 12px;
}

.image-select .container-select__category-list .select-variant span {
    padding: 0;
    padding-top: 5px;
    color: var(--real-white);
}

.image-select .container-select__category-list .select-variant:hover {
    background-color: var(--real-white);
}

.image-select .container-select__category-list .select-variant:last-child {
    margin-right: 10px;
}

.image-select .container-select__category-list .select-variant {
    position: relative;
    width: 200px;
    padding: 0;
    border-radius: 8px;
    overflow: hidden;
}

.form-check {
    display: flex;
    align-items: center;
    gap: 10px;
}

.image-select .container-select__category-list .form-check-label {}

.image-select .container-select__category-list .form-check-label {
    position: absolute;
    display: flex;
    flex-direction: row;
    align-items: flex-start;

    width: 100%;
    height: 100%;

    top: 5px;
    left: 5px;
}

.image-select .container-select__category-list .select-variant img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* SORT2 */

.sort--2 {
    padding: 15px;
    border-radius: 10px;
    background-color: var(--real-white);
    box-shadow: 2px 2px 4px 2px var(--light-grey);
}

.sort--2 .form-check-label {
    font-weight: 300;
    font-size: 12px;
    color: var(--purple);
}

.sort-buttons-compare--2 {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.sort-buttons-compare--2>label {
    width: 100% !important;
}

.sort-buttons-compare--2>label,
.sort-buttons-compare--2>button {
    white-space: nowrap !important;
    font-weight: 400;
    padding: 10px !important;
    font-size: 15px !important;
    border-radius: 10px !important;
    background: var(--white-gr) !important;
    color: var(--black) !important;
    line-height: 20px !important;
    margin: 0 !important;
    display: inline-block !important;
    border: 1px solid var(--purple) !important;
    text-align: center !important;
}

.sort-buttons-compare--2>input[type="checkbox"] {
    display: none;
}

.sort-buttons-compare--2>label:hover,
.sort-buttons-compare--2>button:hover {
    color: var(--real-white) !important;
    background: var(--lt-grad) !important;
}

.sort-buttons-compare--2>input[type="checkbox"]:checked+label,
.sort-buttons-compare--2>button.active:hover {
    color: var(--real-white) !important;
    background: var(--lt-grad) !important;
}

.sort--2.active .sort__footer-drop--2 svg {
    transform: rotate(180deg);
}

.sort--2.active .sort__sub-container--2 {
    display: block;
}

.sort--2.active .js-transform-container .hidden-attribute {
    display: inherit !important;
}

.hidden-attribute {
    display: none !important;
}

.sort__sub-container--2 {
    display: none;
}

.sort__divider {
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid var(--light-grey);
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
}

.sort__divider .sort__divide--2 {
    gap: 5px;
}

.sort__divide--2 {
    align-items: center;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
    gap: 13px;
}

.sort__divide--2.sort__tripleide--2 {
    grid-template-columns: repeat(4, 1fr);
}

.sort__divide--divide {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    width: 100%;
    align-items: center;
}

.sort--2.second-page .transform-triple--2 {
    grid-template-columns: repeat(2, 1fr);
}

.transform-triple--2 .sort__select--2 {
    width: 100%;
}

.transform-triple--2 {
    display: none;
}

.transform-triple--2.active {
    display: grid;
}

.transform-triple--2:not(.last-transform) .add-select--2.sort__select--2>svg {
    right: 10px;
}

.transform-triple--2:not(.last-transform) .plus-row--2 {
    display: none;
}

.sort--2 .transform-container--2 {
    display: inline-flex;
    gap: 0;
}

.transform-container--2 .minus-row--2 i {
    color: var(--purple);

}

.transform-container--2 .minus-row--2 {
    display: none;
}

.transform-container--2 .remove-select--2.sort__select--2>svg {
    right: 10px;
}

.transform-container--2.minused .remove-select--2.sort__select--2>svg {
    right: 50px;
}

.transform-container--2.minused .minus-row--2 {
    display: block;
}

.transform-container--2 {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.second-page .hidden-element {
    display: none;
}

.sort__color-container--2 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;

}

.sort__color--2 {}

.sort__color-item--2 {
    display: none;
}

.sort__color-item--2.showed {
    display: block;
}

.sort__color-item--2:nth-child(1),
.sort__color-item--2:nth-child(2),
.sort__color-item--2:nth-child(3),
.sort__color-item--2:nth-child(4),
.sort__color-item--2:nth-child(5),
.sort__color-item--2:nth-child(6),
.sort__color-item--2:nth-child(7),
.sort__color-item--2:nth-child(8) {
    display: block;
}

.sort__color-btn--2 {
    align-items: center;
    border: 1px solid #f2f2f7;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 20px;
    justify-content: center;
    width: 20px;
    border-radius: 50px;
}

.sort__color-btn--2.clear {}

.sort__color-btn--2 {
    position: relative;
    display: none;
}

.sort__color-btn--2.active {
    display: flex;
}

.sort__color-btn--2 svg {
    left: -3px;
    top: 6px;
    position: absolute;
    transform: rotate(0deg);
    transition: .3s linear all;
}

.sort__color-btn--2.rotate svg {
    transform: rotate(180deg);
}

.sort__section--2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;

    padding-bottom: 20px;
    border-bottom: 1px solid var(--purple);
    margin-bottom: 20px;
}

.sort__container--2 {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.sort__header--2 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 16px;
}

.sort__color--2 {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    gap: 5px;
}

.sort__color-item--2::before {
    font-size: 14px;
    transition: .3s ease;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: "\2713";
    opacity: 0;
}

.sort__color-item--2.active {
    opacity: 0.7;
}

.sort__color-item--2.active::before {
    opacity: 1;
}

.sort__color-item--2 {
    cursor: pointer;
    position: relative;
    width: 20px;
    height: 20px;
    max-width: 20px;
    max-height: 20px;

    border-radius: 50px;
}

.sort__tags--2 {
    display: flex;
    flex-flow: row wrap;
    gap: 15px;
}

.sort__tags-tag--2:hover {
    background-color: var(--purple);
    color: var(--real-white);
}

.sort__tags-tag--2.showed {
    display: block;
}

.sort__tags-tag--2 {
    display: none;
    color: #000;
    cursor: pointer;
    padding: 10px;
    border-radius: 1000px;
    border: 1px solid var(--light-grey);
}

.sort__tags-tag--2.active {
    background-color: var(--purple-lt);
    color: var(--real-white);
}

.sort__tags-tag--2:nth-child(1),
.sort__tags-tag--2:nth-child(2),
.sort__tags-tag--2:nth-child(3),
.sort__tags-tag--2:nth-child(4),
.sort__tags-tag--2:nth-child(5) {
    display: block;
}

.counter-tag.showed {
    display: block !important;
}

.counter-tag {
    display: none !important;
}

.sort__footer--2 {
    box-shadow: 0 -1px 1px #f2f2f7;
    width: 100%;
    display: flex;
    background-color: var(--real-white);
    padding: 15px 0;
    bottom: 0;
    position: sticky;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 15px;
    z-index: 1;
}

.sort__footer-drop--2 button {
    font-size: 14px;
    font-weight: 600;
    color: var(--purple);
    transition: .2s linear all;
}

.sort__footer-reset--2 {
    cursor: pointer;
    margin-right: auto;
    transition: .2s linear all;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}

.sort__footer-reset--2 a {
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.sort__footer-reset--2 svg path {
    transition: .2s linear all;
}

.sort__footer-reset--2:hover svg path {
    fill: var(--purple);
}

.sort__footer-reset--2:hover,
.sort__footer-drop--2 button:hover {
    color: var(--purple);
}

.sort__footer-reset--1 a {
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.sort__footer-reset--1 svg path {
    transition: .2s linear all;
}

.sort__footer-reset--1:hover svg path {
    fill: var(--purple);
}

.sort__footer-reset--1:hover,
.sort__footer-drop--1 button:hover {
    color: var(--purple);
}

.sort__footer-reset--1 {
    cursor: pointer;
    margin: 0 auto;
    transition: .2s linear all;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}

.sort__footer-reset-count--1 {
    font-size: 12px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background-color: var(--purple);
    color: var(--real-white);
}

.sort__footer-reset-count--2 {
    font-size: 12px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background-color: var(--purple);
    color: var(--real-white);
}

.sort__footer-results--2.active {
    display: none;
    width: auto;
}

.sort__footer-results--2 button {
    color: var(--real-white);
    white-space: nowrap;
}

.sort__footer-no-results--2 {
    display: none;
    color: var(--red);
}

.sort__footer-no-results--2.active {
    display: block;
}

.sort__select--2 {
    position: relative;
    display: flex;
    flex-direction: row;
    gap: 5px;
    background: var(--real-white);

    border-radius: 10px;
}

.select-plus-row--2:hover {
    background-color: rgb(242, 242, 247);
}

.select-plus-row--2 {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border-radius: 10px;
    background-color: var(--real-white);
    width: 40px;
    height: 40px;
    border: 1px solid rgb(242, 242, 247);
}

.sort__select--2.colored>input {
    color: var(--black);
    background-color: var(--purpmaed);
}

.sort__select--2>input:hover {
    border-color: var(--purple);
}

.sort__select--2>input {
    cursor: pointer;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid var(--gr);
    background: transparent;
    z-index: 1;
    font-size: 16px;
    width: 100%;
}

.input-divide--2>input {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: auto;
}

.input-divide--2>i {
    z-index: 1;
    cursor: pointer;
    display: none;
    color: black;
}

.input-divide--2.active>input {
    border-color: var(--purple);
}

.input-divide--2.kilos-divide.lettered::after,
.input-divide--2.rubles-divide.lettered::after,
.input-divide--2.weight-divide.lettered::after,
.input-divide--2.razgon-divide.lettered::after,
.input-divide--2.rashod-input.lettered::after,
.input-divide--2.clirens-input.lettered::after {
    display: block;
}

.input-divide--2.kilos-divide::after,
.input-divide--2.rubles-divide::after,
.input-divide--2.weight-divide::after,
.input-divide--2.razgon-divide::after,
.input-divide--2.rashod-input::after,
.input-divide--2.clirens-input::after {
    display: none;
    position: absolute;
    right: 25px;
    transform: translateY(-50%);
    top: 50%;
    font-size: 14px;
    color: black;
}

.input-divide--2.kilos-divide::after {
    content: "км";
}

.input-divide--2.rubles-divide::after {
    content: "руб.";
}

.input-divide--2.weight-divide::after {
    content: "л.с.";
}

.input-divide--2.razgon-divide::after {
    content: "с.";
}

.input-divide--2.rashod-input::after {
    content: "л.";
}

.input-divide--2.clirens-input::after {
    content: "мм.";
}

.input-divide--2.active>svg {
    display: block;
}

.sort__select-placeholder--2,
.sort__select-counter--2 {
    color: var(--gr);
    position: absolute;
    left: 10px;
    top: 50%;
    padding-right: 50px;
    transform: translateY(-50%);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    max-width: 100%;
    line-height: 22px;
}

.sort__select-counter--2 {
    left: auto;
    right: -18px;
}

.js-sort__select-counter.active {
    display: none;
}

.sort__select-placeholder--2.active,
.sort__select-placeholder--2.active+.sort__select-counter--2 {
    display: none;
}

.sort__select-placeholder-main--2 {
    display: none;
}

.add-select--2.sort__select--2>svg,
.remove-select--2.sort__select--2>svg {
    right: 50px;
}

.sort__select--2>svg {
    transform: translateY(-50%);
    position: absolute;
    right: 10px;
    top: 50%;
}

.container-select--2 {
    max-width: 655px;
    max-height: 400px;
    overflow-y: auto;
    z-index: 100;
    background-color: var(--real-white);
    position: absolute;
    padding: 5px 0;
    border-radius: 10px;
    box-shadow: 0px 0px 10px var(--light-grey);
    top: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: .3s linear all;
    min-width: 100%;
}

.sort__select--2.active .container-select--2 {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
}

.sort__select--2>svg {
    transition: .3s linear;
}

.sort__select--2.active>svg {
    transform: rotateX(180deg);
}

.sort__select-container--2 {}


.container-select__content--2 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sort__buttons-choose-select--2 {
    padding: 15px 30px;
}

/* 111 */
.container-select__whatever--2 {
    position: relative;
    width: 100%;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    gap: 20px;
    padding: 10px;
}

.sort__select-container-of-containers--2 {
    width: 100%;
    height: 100%;
}

.container-select__sub-menu--2 {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.select-plus--2 {
    visibility: visible;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border-radius: 10px;
}

.sort__select--2 .select-variant:hover .select-plus--2 {
    color: black;
}

.sort__select--2 .container-select__sub-menu-menu--2 .select-variant {
    padding-left: 10px;
}

.container-select__sub-menu-menu--2 {
    flex-direction: column;
    padding-left: 10px;
    display: none;
}

.container-select__sub-menu--2.active .container-select__sub-menu-menu--2 {
    display: flex;
}

.container-select__sub-menu-header--2 {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.sort__select--2 .select-variant {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    cursor: pointer;
    padding: 10px;
    white-space: nowrap;
}

.sort__select--2 .select-variant:hover,
.container-select__whatever--2:hover {
    color: var(--real-white);
    background: var(--lt-grad);
}

.sort__select--2 .select-variant span,
.container-select__whatever--2 span {
    padding-left: 25px;
}

.sort__select--2 .select-variant>i,
.container-select__whatever--2>i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    display: none;
}

.container-select__whatever--2>i {
    display: block;
}

.sort__select--2 .select-variant.active>i {
    display: block;
}

.container-select__category--2 {
    width: 100%;
    border-top: 1px solid var(--light-grey);
}

.container-select__category-header--2 {
    color: #0000005f;
    padding: 15px 0 15px 15px;
}

.container-select__category-list--2 {}

.sort__select--2 .container-select--2.image-select--2 {
    transform: translate(-50%, 20px);
}

.sort__select--2.active .container-select--2.image-select--2 {
    transform: translate(-50%, 0px);
}

.image-select--2 .container-select__category-header--2 {
    font-weight: 700;
    color: var(--black);
}

.image-select--2 .container-select__category-list--2 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 12px;
    grid-gap: 12px;
}

.sort__select--2 .image-select--2 .container-select__category-list--2 .select-variant span {
    padding: 0;
    padding-top: 5px;
    color: var(--real-white);
}

.sort__select--2 .image-select--2 .container-select__category-list--2 .select-variant:hover {
    background-color: var(--real-white);
}

.sort__select--2 .image-select--2 .container-select__category-list--2 .select-variant:last-child {
    margin-right: 10px;
}

.sort__select--2 .image-select--2 .container-select__category-list--2 .select-variant {
    position: relative;
    width: 200px;
    padding: 0;
    border-radius: 8px;
    overflow: hidden;
}

.form-check {
    display: flex;
    align-items: center;
    gap: 10px;
}

.image-select .container-select__category-list .form-check-label {}

.image-select--2 .container-select__category-list--2 .form-check-label {
    position: absolute;
    display: flex;
    flex-direction: row;
    align-items: flex-start;

    width: 100%;
    height: 100%;

    top: 5px;
    left: 5px;
}

.sort__select--2 .image-select--2 .container-select__category-list--2 .select-variant img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* END */

/* MARKS START */

.all-marks {
    width: 100%;
}

.all-marks__list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    align-items: center;
    gap: 16px;
}

.all-marks__item {
    color: var(--purple);
    overflow: hidden;
}

.all-marks__item>a {
    line-height: 24px;
    white-space: nowrap;

    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.all-marks__name {
    transition: .15s ease;

    text-overflow: ellipsis;
    overflow: hidden;
}

.all-marks__item:hover .all-marks__name {

    color: var(--red);
}

.all-marks__count {
    color: var(--gr);
}

/*  */

.is-valid {
    border-color: var(--green);
}

.is-invalid {
    border-color: var(--red);
}

.select__backend-collection::-ms-expand {
    display: none;
}

.select__backend-collection {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    cursor: pointer;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid var(--gr);
    background-color: transparent;
    z-index: 1;
    font-size: 16px;
    width: 100%;

    background: url("data:image/svg+xml,%3Csvg width='8' height='1' viewBox='0 0 14 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.553069 0.775927C0.612482 0.657639 0.716377 0.567738 0.841974 0.525935C0.96757 0.484132 1.10462 0.493839 1.22307 0.552927L7.00007 3.43993L12.7761 0.551928C12.8348 0.521908 12.899 0.503818 12.9647 0.498699C13.0305 0.49358 13.0967 0.501534 13.1594 0.522102C13.2221 0.54267 13.2801 0.575446 13.3301 0.618539C13.38 0.661633 13.421 0.714192 13.4505 0.773186C13.4801 0.83218 13.4977 0.896442 13.5023 0.962267C13.5069 1.02809 13.4985 1.09418 13.4774 1.15672C13.4563 1.21926 13.4231 1.27701 13.3796 1.32665C13.3362 1.37628 13.2833 1.41682 13.2241 1.44593L7.22407 4.44593C7.15454 4.48077 7.07784 4.49891 7.00007 4.49891C6.9223 4.49891 6.8456 4.48077 6.77607 4.44593L0.776069 1.44593C0.657781 1.38651 0.567879 1.28262 0.526076 1.15702C0.484273 1.03143 0.49398 0.894378 0.553069 0.775927Z' fill='url(%23paint0_linear_14_3617)'%3E%3C/path%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_14_3617' x1='0.500488' y1='4.49891' x2='13.5035' y2='4.49891' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23844193'%3E%3C/stop%3E%3Cstop offset='1' stop-color='%23A54198'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") 100% / 15% no-repeat;
}

.select__backend-collection:hover {
    border-color: var(--purple);
}

.limits {
    width: 100%;
}

.limits__container {}

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

.limits__item {}

.limit-item {}

.limit-item.active {}

.limit-item__header {
    transition: .3s linear all;
    font-size: 24px;
    position: relative;
    cursor: pointer;
    padding: 8px 8px 8px 25px;
}

.limit-item__header:hover {
    color: var(--green);
}

.limit-item__header:hover::before,
.limit-item__header:hover::after {
    background-color: var(--green);
}

.limit-item__header::before,
.limit-item__header::after {

    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 18px;
    height: 2px;
    background: var(--black);

    transition: .3s linear all;
}

.limit-item__header::before {
    transform: translateY(-50%) rotate(0deg);
}

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

.limit-item.active .limit-item__header::before {
    transform: translateY(-50%) rotate(135deg);
}

.limit-item.active .limit-item__header::after {
    transform: translateY(-50%) rotate(225deg);
}

.limit-item.active .limit-item__cointainer {
    max-height: 100vh;
}

.limit-item__cointainer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1.6s ease;

    display: flex;
    flex-direction: column;
    gap: 2px;
}

.limit-item__container-header .limit-item__item-category,
.limit-item__container-header .limit-item__item-limit {
    background-color: var(--green);
}

.limit-item__container-header {
    color: var(--real-white);
    display: flex;
    flex-direction: row;
    gap: 2px;
    align-items: center;
}

.limit-item__container-list {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.limit-item__item {
    display: flex;
    flex-direction: row;
    gap: 2px;
    align-items: center;

}

.limit-item__item:hover .limit-item__item-category,
.limit-item__item:hover .limit-item__item-limit {
    background-color: #00ad64;
    color: var(--real-white);
}

.limit-item__item-category {
    width: 80%;
}

.limit-item__item-limit {
    flex: 1 0 auto;
}

.limit-item__item-category,
.limit-item__item-limit {
    padding: 8px;
    transition: .3s ease all;
}

.notification-menu__main {
    z-index: 999999;
    position: fixed;
    top: 20px;
    right: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;

    transition: .5s ease all;
}

.notification-menu {
    transform: translate(200%);
    border: 1px solid var(--purple);
    display: flex;
    flex-direction: column;

    transition: .5s ease-in-out transform;
}

.notification-menu.active {
    transform: translate(0px);
}

.notification-menu__header>p {
    text-align: center;
}

.notification-menu__header {
    padding: 10px 25px;
    background: var(--lt-grad);
    color: var(--real-white);

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.notification-menu__arrow {
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
}

.notification-menu__content {
    padding: 10px;
    background-color: var(--real-white);
}

.notification-menu__arrow {
    padding: 8px;
    border-radius: 15px;
    background: var(--real-white);
}

.notification-menu__arrow::before,
.notification-menu__arrow::after {

    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 2px;
    background: var(--dark-grad);

    transition: .3s linear all;
}

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

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

/* Confirm Notifications */

.notification-confirm {
    max-width: 600px;
    width: 100%;
    z-index: 999999;
    position: fixed;
    border-radius: 8px;
    background-color: var(--white);
    border: 1px solid var(--purple);
    opacity: 0;
    visibility: hidden;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);

    transition: ease .3s all;
}

.notification-confirm.active {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%, -50%);
}

.notification-confirm__container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 5px;
    gap: 20px;
}

.notification-confirm__header {
    padding: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.confirm-arrow {
    top: 20px;
    right: 20px;
}

.notification-confirm__content {
    border-bottom: 1px solid var(--purple-lt);
    border-top: 1px solid var(--purple-lt);
    width: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.notification-confirm__btns {
    gap: 20px;
    padding: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;

    align-self: flex-end;
}

.popup-sort__header,
.header__profile-header {
    background: var(--lt-grad);
    display: none;
    z-index: 150;
    width: 100%;
    max-height: 60px;
    min-height: 60px;
}

/* underHeader block */

.header-categories {
    height: 50px;
    background: var(--real-white);
    z-index: 100;
    top: 80px;
    position: fixed;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.25);

    /* border-bottom: 1px solid var(--grey); */
}

.header-categories__container {
    overflow-y: hidden;
    overflow-x: auto;
}

.header-categories__container::-webkit-scrollbar {
    height: 5px;
}

.header-categories__list {

    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: flex-start;
    align-items: center;
}

.header-categories__item {
    transition: .3s ease color;

    color: var(--black);
    padding: 15px 0;
}

.header-categories__item.selected {
    border-bottom: 2px solid var(--purple);
}

@media (hover: hover) {
    .header-categories__item:hover {
        color: var(--purple);
        border-bottom: 2px solid var(--purple);
    }
}

.header-categories__item>a {
    white-space: nowrap;
    padding: 15px 0;
}

/* Grid items start */

.grid-news {}

.grid-news__container {}

.grid-news__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 250px 250px;
    gap: 10px;
}

.grid-news__item {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.grid-news__item:nth-child(1) {
    grid-area: 1 / 1 / 1 / 3;
}

.grid-news__item:nth-child(2) {
    grid-area: 1 / 3 / 1 / 4;
}

.grid-news__item:nth-child(3) {
    grid-area: 1 / 4 / 3 / 4;
}

.grid-news__item:nth-child(4) {
    grid-area: 2 / 1 / 2 / 2;

}

.grid-news__item:nth-child(5) {
    grid-area: 2 / 2 / 2 / 4;
}

.grid-news__item:hover>a>img {
    transform: scale(1.2);
}

.grid-news__item>a {
    height: 100%;
    cursor: default;
    overflow: hidden;
    display: block;
}

.grid-news__item>a>img {
    height: 100%;
    width: 100%;
    filter: brightness(70%);
    object-fit: cover;
    transition: .3s ease transform;

}

.grid-news__item>a>span {
    color: var(--real-white);
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
}

/* Categories Sales */

.categories-sales {}

.categories-sales__container {}

.categories-sales__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 3px;
}

.categories-sales__item {
    display: block;
}

.categories-sales__slider .swiper-wrapper {
    align-items: stretch;
}

.categories-sales__slider .swiper-wrapper .swiper-slide {
    width: 311px;
    height: 311px;
}

.sales-slider-button {
    cursor: pointer;
    top: 0;
    z-index: 100;
    position: absolute;
    height: 100%;
    width: 32px;
    background: linear-gradient(270deg, rgba(36, 0, 0, 0) 0%, rgba(255, 255, 255, 1) 100%);
}

@media (hover: hover) {
    .sales-slider-button:hover:after {
        border-width: 3px;
    }
}

.sales-slider-button-prev:after,
.sales-slider-button-next:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;

    border-top: 2px solid var(--purple);
    border-left: 2px solid var(--purple);

    height: 15px;
    width: 15px;
}

.sales-slider-button-prev:after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.sales-slider-button-next:after {
    transform: translate(-50%, -50%) rotate(135deg);
}

.sales-slider-button-prev {
    left: -1px;
    background: linear-gradient(270deg, rgba(36, 0, 0, 0) 0%, rgba(255, 255, 255, 1) 100%);
}

.sales-slider-button-next {
    right: -1px;
    background: linear-gradient(90deg, rgba(36, 0, 0, 0) 0%, rgba(255, 255, 255, 1) 100%);
}

.sales-slider-button.swiper-button-disabled {
    display: none;
}

.categories-sales__header {
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.categories-sales__header>p {
    font-weight: 600;
    font-size: 35px;
    text-transform: uppercase;
    color: var(--black);
}

.categories-sales__slide {
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
    position: relative;
}

.categories-sales__slide>img {
    height: 100%;
    width: 100%;
    filter: brightness(80%);
    object-fit: cover;
    transition: .3s ease filter;
}

.categories-sales__slide:hover>img {
    filter: brightness(65%) saturate(3);
}

.categories-sales__text-block {
    display: flex;
    flex-direction: column;

    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
}

.categories-sales__text-block>p,
.categories-sales__text-block>span {
    color: var(--real-white);
}

.categories-sales__text-block>p {
    font-size: 20px;
}

.categories-sales__text-block>span {
    font-size: 16px;
}

/* Offers */

.main.offers {
    padding-bottom: 0;
    background: var(--lt-grad);
}

.offers section {
    margin-bottom: 0;
}

.offers-news {
    position: relative;
    padding: 20px 0;
    z-index: 2;
    background: var(--white-grad);
}

/* .offers>section>.container,
.offers>section>.bonuses__bonus-container>.container {
    max-width: 1076px;
} */

.offers__first {
    position: relative;
}

.offers__first--reversed {
    background: var(--white-grad);
}

.offers__first.offers__first--reversed .offers__first-container {
    flex-direction: row-reverse;
}

.offers__first-container {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.offers__first-block {
    width: 50%;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.offers__first-img {
    width: 50%;
}

.offers__first-btn {
    /* margin-top: 16px; */
}

.offers__first-header {

    color: var(--real-white);
    font-size: 30px;
    font-weight: 700;
    line-height: 37px;
    text-align: left;
}

.offers__first--reversed .offers__first-header {
    color: var(--black);
}

.offers__first-text {
    color: var(--real-white);
    font-size: 21px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
}

.offers__first--reversed .offers__first-text {
    color: var(--purple);
}

.offers__first-title {
    color: var(--black);
}

.bonuses__bonus-container {
    background: var(--white-grad);
}

.bonuses--reversed .bonuses__bonus-container {
    background: none;
}

.bonuses {}

.bonuses:not(.bonuses--reversed) {
    position: relative;
    z-index: 1;
}

.bonuses__container {
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;

    padding: 100px 0;
}

.bonuses__list-container {
    position: relative;
    width: 100%;
}

.bonuses__header,
.offers__first-header {
    line-height: 22px;
    font-size: 26px;
    font-weight: 500;
}

.offers__first-text {
    font-size: 21px;
    font-weight: 400;
}

.bonuses-cards__header {
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 10px;
    font-weight: 700;
}

.offers__first-title {
    font-size: 12px;
    font-weight: 200;
    line-height: 18px;
}

.bonuses__header {
    color: var(--black);
}

.bonuses--reversed .bonuses__header {
    color: var(--real-white);
}

.bonuses__text {
    color: var(--black);
    margin: 20px 0;
}

.bonuses__title {
    margin-top: 18px;
    text-align: right;
    width: 100%;
}

.bonuses__list {
    display: flex;
    flex-direction: row;
    gap: 24px;
    align-items: stretch;
}

.bonuses-cards {}

.bonuses-cards__card {
    border-radius: 10px;
    padding: 16px;
    border: 1px solid var(--purple);

    background-color: var(--real-white);

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 15px;

    max-height: 234px;
    width: 100%;
}

.bonuses-cards__header {
    color: var(--real-white);
}

.bonuses-cards__text {
    font-size: 14px;
    color: var(--real-white);
}

.bonuses__list .bonuses-cards__header {
    margin-bottom: 0;
    font-size: 20px;
    line-height: 1;
    color: var(--black);
}

.bonuses__list .bonuses-cards__text {
    font-size: 14px;
    color: var(--black);
}

.offers__ellipse {
    position: absolute;
}

.offers__ellipse--1 {
    top: 0;
    left: 0;
}

.offers__ellipse--2 {
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: -1;
}

/* Import */

.import-container {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;

    gap: 10px;
}

.products-export,
.products-import {
    width: 100%;
}

.products-export .slip {
    background: var(--lt-grad);
    padding: 11px 27px;

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

.products-export input[type='file'] {
    padding: 9px;
    background: #d3316d75;
    color: var(--real-white);
}

.import__name {
    color: var(--black);
    font-size: 20px;
    margin-bottom: 10px;
}

/* Active pakety */

.photo-container {
    margin-bottom: 40px;
}

.photo-inner {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.photo-item {
    display: flex;
    justify-content: center;
}

.photo-item>a {
    display: inline-block;
}

.photo-item:hover>a>.photo-item__image {
    box-shadow: 0px 0px 10px var(--red);
}

.photo-item__image {
    display: block;
    width: 100%;
    overflow: hidden;
    max-height: 250px;
    height: 100%;
    background: #FFF;
    border-radius: 0;
    border: 1px solid #C7C9CA;
    position: relative;
}

.photo-inner .photo-item__image {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;

    height: 225px;
}

.photo-item__image img {
    object-fit: contain;
    max-width: 100%;
    width: 100%;
    height: 100%;
}

.photo-item__main {
    display: block;
    padding-top: 8px;
}

.photo-item__header {
    font-weight: 700;
}

.photo-item__description {
    font-size: 12px;
}

.photo-item__header,
.photo-item__description {
    color: #364657;
    float: left;
    width: 100%;
    text-align: left;
}

.photo-item__price {
    color: #b3171c;
    font-size: 18px;
    font-weight: 600;
    float: right;
}

.photo-footer-description {}

.photo-main-image {}

.photo-main-image img {
    width: 100%;
}

.photo-header {
    text-align: center;
    line-height: 46px;
    padding: 0;
    position: relative;
    overflow: hidden;
    font-size: 26px;
    margin-bottom: 10px;
}

.photo-header-main {
    margin-bottom: 30px;
    font-size: 36px;
}

.photo-header:before,
.photo-header:after {
    content: " ";
    position: absolute;
    top: 50%;
    height: 1px;
    width: 990px;
    border-top: 0 none;
    background: #ccc;
}

.photo-header:before {
    margin-left: -999px;
}

.photo-header:after {
    margin-left: 8px;
}

.photo-footer-header {
    text-align: center;
    font-size: 26px;
}

.photo-footer-paragraph {
    margin-bottom: 14px;
}

/*  */
.portfolio-inner {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.portfolio-item {}

.portfolio-item>a {
    display: inline-block;
}

.portfolio-item:hover>a>.portfolio-item__image {
    box-shadow: 0px 0px 7px var(--red);
}

.portfolio-item__image {
    display: block;
    width: 100%;
    overflow: hidden;
    max-height: 250px;
    height: 100%;
    background: #FFF;
    border-radius: 5px;
    border: 1px solid #C7C9CA;
    position: relative;
}

.portfolio-item__image img {
    height: 100%;
}

.portfolio-item__main {
    display: block;
    padding-top: 8px;
}

.portfolio-item__header {
    font-weight: 700;
    color: #364657;
    float: left;
    width: 100%;
    text-align: left
}

/*  */

.insta-photos__container {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: flex-start;
}

.insta-photos__slider {
    width: 100%;
    min-width: 0px;
}

.insta-photos__params {
    background: var(--real-white);
    border: 1px solid var(--gr);
    border-radius: 5px;
    padding: 20px;
    flex: 1 0 30%;
}

.insta-photos__conclusion {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
}

.insta-photos__price {
    font-size: 30px;
}

.insta-photos__button {}

.insta-photos__value {}

.send-ads__radio-checkbox {
    display: none !important;
}

.send-ads__radio-checkbox:checked+.send-ads__radio-label {
    background: var(--red) !important;
    color: var(--real-white) !important;
}

.send-ads__body.send-ads__body-radio {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 15px;
}

.send-ads__radio-label {
    font-size: 14px !important;
    line-height: 16px !important;
    margin: 0 !important;
    padding: 8px;
    border: 1px solid var(--red);
    color: var(--black) !important;
    display: inline !important;
    width: initial !important;

    transition: .3s ease;
}

.send-ads__radio-label:hover {
    background: rgb(144, 11, 11);
    color: var(--real-white) !important;
}

.examples-slider {
    width: 100%;
}

.examples-slider .card-slider__slide {
    cursor: pointer;
}

.examples-slider .swiper-slide:hover {
    box-shadow: 0px 0px 10px var(--red);
}

.examples-slider .swiper-wrapper {
    padding: 10px 0;
}

/*  */

.patterns-photos {}

.patterns-photos__container {}

.patterns-photos__list .item {
    cursor: pointer;
}

.patterns-photos__list .item:hover>img {
    box-shadow: 0px 0px 10px var(--green);
}

.patterns-photos__show-more {
    display: table;
    margin-left: auto;
    margin-top: 20px;
    cursor: pointer;
}

.potrfolio-krug-photos {}

.potrfolio-krug-photos__container {}

.potrfolio-krug-photos__list .potrfolio-krug-photos__item {
    cursor: pointer;
}

.potrfolio-krug-photos__list .potrfolio-krug-photos__item img {
    border-radius: 5px;
}

.potrfolio-krug-photos__list .potrfolio-krug-photos__item:hover img {
    box-shadow: 0px 0px 10px var(--red);
}

/* Feedback */

.feedback-photos__slide {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.feedback-photos__name {
    margin: 0 0 5px;
    padding: 0;
    font-size: 18px;
    color: #373737;
}

.feedback-photos__date {
    color: #999;
    font-size: 12px;
    position: relative;
    text-align: left;
    top: 0;
    z-index: 1;
}


.feedback-photos__description {
    margin: 10px 0;
}

.feedback-slider .swiper-wrapper {
    padding-top: 40px;
}

.feedback-slider .swiper-button-next,
.feedback-slider .swiper-button-prev {
    left: initial;


    top: 20px !important;
    right: 0 !important;
}

.feedback-slider .swiper-button-prev {
    right: 40px !important;
}

.feedback-photo__more {
    display: table;
    margin-top: 20px;
    margin-left: auto;
    text-decoration: underline;
}

/* Reviews */

.reviews-section {}

.reviews-section__message-header {
    font-size: 25px;
}

.reviews-section__message-container {
    background: var(--lt-gr);
    border: 1px solid var(--gr);
    padding: 20px;
    border-radius: 5px;
}

.reviews-section__message {
    width: 100%;
    position: sticky;
    top: 170px;

    flex: 0 1 35%;
}

.send-message {
    margin-top: 10px;
}

.reviews-section__container {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    gap: 35px;
}

.reviews-section__item .feedback-photos__description {
    border-radius: 10px;
    border: 1px solid var(--grey);
    padding: 15px;
    background: var(--lt-gr);
}

.reviews-section__pagination {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
}

.reviews-section__pagination-item.active {
    background: var(--red);
    color: var(--real-white);
    border: none;
}

.reviews-section__pagination-item {
    padding-top: 3px;
    min-width: 25px;
    height: 25px;

    text-align: center;

    border: 1px solid var(--gr);
    display: inline-block;
    border-radius: 50px;
    background: var(--real-white);
    color: var(--red);
}

/* Tirages */

.tirages-sales {}

.tirages-sales__container {}

.tirages-sales__grid {
    width: 100%;
    background: var(--real-white);
}

.tirages-sales__head {
    background: var(--lt-gr);
    font-weight: 500;
}

td.tirages-sales__name {
    padding: 10px;
}

.tirages-sales__grid a:hover {
    color: inherit;
}

.tirages-sales__main .tirages-sales__row td:hover {
    background: var(--red);
    color: var(--real-white);
}

.tirages-sales__main .tirages-sales__row:hover {
    background: #ff7e83;
}

.tirages-sales__grid th,
.tirages-sales__grid td {
    border: 1px solid var(--gr);
    text-align: center;
}

.tirages-sales__grid th {
    padding: 15px;
}

.tirages-sales__grid td a {
    display: block;
    padding: 10px;
}

.tirages-sales__grid td.tirages-sales__name {
    text-align: left;
}

.tirages-sales__title {
    display: block;
    margin-top: 10px;
}

/* Technical characteristics */

.tech-params__buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 10px;
    align-items: flex-end;
    width: 100%;
    border-bottom: 1px solid var(--gr);
    margin-bottom: 30px;
}

.tech-params__buttons-button:hover {
    background: var(--red);
    color: var(--real-white);
}

.tech-params__buttons-button {
    padding: 10px;
    border-radius: 6px 6px 0 0;
    border: 1px solid var(--gr);
    border-bottom: transparent 5px solid;
}

.tech-params__buttons-button.active {
    border-bottom-color: var(--yellow);
}

.tech-params__description-grid {
    flex: 1 0 auto;
}

.tech-params__image img {
    width: 100%;
}

.tech-params__image {
    flex: 1 0 auto;
}

.tech-params__description-grid th,
.tech-params__description-grid td {
    padding: 10px;
    border: 1px solid var(--gr);
}

.tech-params__description-grid tr {
    background: var(--lt-gr);
}

.tech-params__description-grid tr:nth-child(2n) {
    background: var(--real-white);
}

.tech-params__description {
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tech-params__color-profile {
    display: flex;
}

.tech-params__description,
.tech-params__color-profile {
    display: none;
}

.tech-params__description.active,
.tech-params__color-profile.active {
    display: flex;
}

.tech-params__color-grid {
    flex: 1 0 auto;
}

.tech-params__color-grid th,
.tech-params__color-grid td {
    padding: 10px;
    border: 1px solid var(--gr);
}

.tech-params__color-grid th {
    font-weight: 500;
    background: var(--lt-gr);

}

.tech-params__color-grid td {
    background: var(--real-white);
}

/* Questions and Answers */

.questions-section {}

.questions-section__container {}

.questions-section__header {
    font-size: 27px;
    margin-bottom: 20px;
}

.questions-section__list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.questions-section__item {}

.questions-section__label {
    text-decoration: none;
    transition: .3s;

    font-size: 18px !important;
    line-height: 20px !important;
    margin: 0 0 0 20px !important;
    padding: 0;
    border-bottom: 1px dashed var(--red);
    color: var(--red) !important;
    display: inline !important;
    width: initial !important;

    position: relative;
}


.questions-section__label::before {
    font-size: 16px;
    content: "►";
    color: var(--black);
    position: absolute;
    left: -20px;
}

.questions-section__checkbox:checked~.questions-section__label::before {
    content: "▼";
    font-size: 10px;
}

.questions-section__show-more__container {
    position: relative;
}

.questions-section__label-more {
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
    margin: 0 !important;
    font-size: 14px !important;
}

.questions-section__label-more::before {
    content: none;
}

.questions-section__answer {
    margin: 20px 0 0 20px;
    display: none;
}

.questions-section__checkbox:checked~.questions-section__answer {
    display: block;
}

.questions-section__checkbox {
    display: none !important;
}

.questions-section__answer {}

/* CONTACTS */

.work-graphic {}

.work-graphic__container {}

.work-graphic__list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    gap: 50px;
}

.work-graphic__item {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;

    gap: 40px;

}

.work-graphic__item-names,
.work-graphic__item-infos {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.work-graphic__item-names {
    font-weight: 700;
}

.work-graphic__item-infos a {
    transition: .3s ease;

}

.work-graphic__item-infos a i {
    color: var(--red);
    margin-right: 10px;
    display: none;
}

/* map */

.contacts-map {}

.contacts-map__container {
    width: 100%;
    height: 450px;
}

/* Contacts-form */

.contacts__feedback-form .send-ads__divide {
    max-width: 100%;
}

/* Work Graphic */

.work-graphic__item-infos a span {
    cursor: pointer;
    color: var(--red) !important;
    border-bottom: 1px solid var(--red);
}

.work-graphic__item-infos a:hover,
.work-graphic__item-infos a:hover span {
    color: rgb(171, 8, 8) !important;
}

.work-graphic__item-image {
    margin-left: auto;
    max-width: 25%;
}

/* Payment and Delivery */

.delivery-section {}

.delivery-section__container {}

.delivery-section__section {}

.delivery-section__section-header {
    font-size: 25px;
    margin-bottom: 20px;
    font-weight: 500;
}

.delivery-section__section-cards {
    display: flex;
    flex-direction: row;
    gap: 30px;
    flex-wrap: wrap;
}

.delivery-section__section-card {
    min-height: 100px;

    border: 1px solid var(--gr);
    border-radius: 5px;
    padding: 10px;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 40px;

    width: calc(33.3% - 40px);
}

.delivery-section__section-card img {
    width: 25%;
}

.delivery-section__section-card span {}

/* DELIVERY SELECTION */

.delivery-selection__section {}

.delivery__section-header {
    font-size: 24px;
    margin: 35px 0 20px;
}

.delivery-selection__list {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.delivery-selection:hover {
    box-shadow: 0 0 5px rgb(100 187 70);
    border-color: #bbb;
}

.delivery-selection {
    position: relative;
    display: flex;
    flex-basis: auto;
    margin: 7px 7px;
    padding: 0;
    user-select: none;
    cursor: pointer;
    border: solid 1.5px #dcdcdc;
    border-radius: 6px;
}

.delivery-selection__container {
    padding: 20px;
    width: 100%;
    cursor: pointer;
    margin: 0;
}

.delivery-selection__name {
    font-size: 18px;
    font-weight: 600;
}

.delivery-selection__tooltip {
    color: #999;
    font-size: 13px;
    padding-top: 5px;
    font-weight: 700;
}

.delivery-selection__list input[type="radio"] {
    display: none;
}

.delivery-selection__list input[type="radio"]:checked+label>.delivery-selection {
    box-shadow: 0 0 5px #64bb46;
}

.delivery-selection__list label {
    all: unset !important;
}

@media screen and (max-width: 768px) {
    .delivery-selection__list>label {
        width: 100% !important;
    }
}

/* DELIVERY SELECTION */

/* ADDRESS DELIVERY */

.delivery__form-input-address {
    display: flex;
    flex-flow: row wrap;
}

.delivery__form-input-container {
    width: 400px;
    margin: 10px 10px;
    position: relative;
}

.delivery__form-input-container>span {
    display: block;
    margin-bottom: 5px;
    line-height: 20px;
}

.delivery__form-input {
    width: 100%;
    padding: 10px 15px;
    font-size: 16px;
    line-height: normal;
    border-radius: 6px;
    border: solid 1.3px #dcdcdc;
}

.delivery__form-input:hover {
    border-color: #bbb;
}

.delivery__form-input:focus {
    outline: none;
    border-color: #64bb46;
}

.delivery__form-input-container.adress-street {}

.delivery__form-input-container.adress-house,
.delivery__form-input-container.adress-flat {
    flex-basis: 150px;
    flex-grow: 1;
}

.delivery__form-input-container.adress-postcode {
    width: 150px;
}

/* ADDRESS DELIVERY */

/* CONCLUSION DELIVERY */

.delivery-conclusion {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    position: relative;
    align-items: flex-start;
    gap: 30px;
}

.delivery__total-block {
    position: sticky;
    top: 170px;
    padding: 20px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    z-index: 1;
}

.delivery__total-block__info-header {
    text-align: left;
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 15px;
}

.delivery__total-block__info-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 16px;
    margin: 2px 0;
}

.delivery__total-block__info-row__name {
    margin-bottom: 10px;
    font-weight: 400;
}

.delivery__total-block__info-row__price {}

.conclusion-info {}

.delivery__form-input-container.contact-name,
.delivery__form-input-container.contact-surname,
.delivery__form-input-container.contact-patron {
    flex-basis: calc(33.33% - 20px);
}

.delivery__form-input-container.contact-tel,
.delivery__form-input-container.contact-email {
    flex-basis: calc(50% - 20px);
}

.delivery__form-input-container.contact-comment {
    width: 100%;
}

@media screen and (max-width: 768px) {
    .delivery__form-input-container {
        width: 100% !important;
        flex-basis: 100% !important;
    }

    .delivery-conclusion {
        flex-direction: column;
    }

    .delivery__total-block {
        margin: 0;
        width: 100%;
    }
}

/* CONCLUSION DELIVERY */

/*  */

.making-order__next-btn {
    cursor: pointer;
    margin: 5px 0 0 auto;
    width: fit-content;
}

.making-order__block {}

.making-order__header {
    font-size: 24px;
}

.making-order__header a {
    border-bottom: 1px dashed rgba(239, 29, 36, 0.4);
    text-decoration: none;
    transition: .3s;
    line-height: 1.5;
}

.making-order__header a:hover {
    color: #b3171c;
    border-bottom-color: #b3171c;
}

.making-order__header span {
    color: #888;
    font-size: 12px;
    font-weight: 400;
    text-transform: none;
}

.making-order__main {
    margin: 0 0 15px 0;
}

.making-order__description {
    margin: 0 0 14px;
}

.making-order__images.active {
    display: flex;
}

.making-order__images {
    display: none;
    flex-wrap: wrap;
    gap: 20px;
}

.making-order__image {
    text-align: center;
}

.making-order__image img {}

.making-order__background {
    background: #F7F7F7;
    border: 1px solid #e5e5e5;
    margin: 0 auto 20px;
    padding: 10px 15px;
    border-radius: 5px;
}

.making-order__add-files {
    margin: 0 auto;
    padding: 40px 0;
}

.making-order__add-files button {
    margin: 0 auto;

}

.making-order__add-files p {
    margin-bottom: 10px;
    text-align: center;
    color: #ccc;
    font-size: 30px;
}

.making-order__no-files {
    display: none;
}

.making-order__no-files.active {
    display: block;
}

.add-files__button {
    cursor: pointer;
}

.constructor-menu-content__item {
    display: block;
}

.document__image {
    display: block;
    padding: 4px 6px 14px;
    margin: 8px 8px 20px;
    /* overflow: hidden; */
    font-size: 10px;
    position: relative;
    border: solid 1px transparent;
    text-align: center;
    z-index: 1;
    background-color: #fff;
    width: 142px;
    height: 144px;
    cursor: pointer;
}

.document__image-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.document__image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.document-file {
    display: block;
}

.document-file.active .document__image {
    background-color: #99d1ff;
}

.document-file.active .document__image .document__image-wrapper img {
    transform: scale(.9);
}

.document-file__name {
    position: absolute;
    bottom: 0;
    left: 2px;
    width: 136px;
    font-size: 11px;
    line-height: 13px;
    word-break: break-word;
}

.delete-document:hover,
.delete-order:hover {
    background: #ebeff2;
}

.delete-document,
.delete-order {
    padding: 5px;
    border-radius: 10px;
    cursor: pointer;

    outline: none;
    border: none;
    background: none;

    position: absolute;
    right: 0;
    bottom: 0;
}

.delete-document img,
.delete-order img {
    width: 20px;
}

.making-order__file-item .constructor-menu-content__preview {
    flex: 0 1 33%;
}

.making-order__file-item .constructor-menu-content__preview img {
    width: 100%;
    object-fit: contain;
}

.making-order__file-item .constructor-menu-content__preview,
.making-order__file-item .constructor-menu-content__preview img {
    height: 100%;
}

.making-order__file-item .item-file-name {
    font-weight: 500;
}

.making-order__file-item {
    display: flex;
    border: 1px solid #ddd;
    padding: 5px;
    border-radius: 5px;
    background: #fff;
    width: 32%;
    float: left;
    margin: 5px !important;
    max-height: 145px;
    min-height: 145px;
    overflow: hidden;

    position: relative;
    width: calc(33.333% - 20px);
}

@media screen and (max-width: 991px) {
    .making-order__file-item {
        width: calc(50% - 20px);
    }
}

@media screen and (max-width: 768px) {
    .making-order__file-item {
        width: 100%;
    }

}


.making-order__sizes>span {
    color: #364657;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    display: block;
    padding: 0 15px 15px;
}

.making-order__sizes>ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.making-order__sizes>ul>li {}

.making-order__sizes>ul>li>label {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
}

.making-order__sizes>ul>li>label:hover>input {}

.making-order__sizes>ul>li>label>input {}

.making-order__count {
    border: 1px solid #ccc;
    font-size: 15px;
    padding: 5px;
    vertical-align: middle;
    outline: 0 none !important;

    font-weight: 700;
    text-align: center;
    width: 80px;
    margin: 0 10px;
}

.making-order__count-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

/*  */

/* Окно выбора размера */

.undershirt-sizes.active {
    display: block;
}

.undershirt-sizes {
    display: none;

    z-index: 1000;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    background: #F7F7F7;
    border: 1px solid #e5e5e5;
    margin: 0 auto 20px;
    padding: 10px 15px;
    border-radius: 5px;
}

.undershirt-sizes .fa-circle-xmark {
    position: absolute;
    top: 20px;
    right: 20px;

    cursor: pointer;
}

.undershirt-sizes__fieldset {}

.undershirt-sizes__name {
    margin-bottom: 20px;
}

.undershirt-sizes__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.undershirt-sizes__item:hover {
    border-color: #ddd;
    border-bottom-color: #b3171c;
    background: #fff;
}

.undershirt-sizes__item {
    width: 220px;
    padding: 0 15px;
    position: relative;
    padding-top: 10px;
    padding-bottom: 16px;

    border: solid 1px #f7f7f7;
    border-bottom: solid 4px #f7f7f7;
}

.undershirt-sizes__item-container {}

.undershirt-sizes__item input[type="checkbox"] {}

.undershirt-sizes__item input[type="checkbox"]:checked~.undershirt-sizes__count,
.undershirt-sizes__item input[type="radio"]:checked~.undershirt-sizes__count {
    display: block;
}

.undershirt-sizes__item:has(input[type="checkbox"]:checked),
.undershirt-sizes__item:has(input[type="radio"]:checked) {
    /* width: 220px; */
    padding: 0 15px;
    position: relative;
    padding-top: 10px;
    padding-bottom: 16px;

    border: solid 1px #f7f7f7;
    border-bottom: solid 4px #f7f7f7;
    border-color: #ddd;
    border-bottom-color: #b3171c;
    background: #fff;
}

.undershirt-sizes__size {
    margin: 0 !important;
    padding: 0 !important;
    color: var(--black) !important;
    display: inline !important;
    font-size: 18px !important;
}

.undershirt-sizes__count {
    display: none;

    border: 1px solid #ccc;
    font-size: 15px;
    padding: 5px;
    vertical-align: middle;
    outline: 0 none !important;

    width: 100%;
}

.undershirt-sizes__confirm {
    margin-top: 20px;
    display: flex;
    justify-content: flex-end;
}

/* Buttons */

.constructor-btn {
    white-space: nowrap;
    cursor: pointer;

    border-radius: 5px;
    background-color: red;
    color: white;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;

    padding: 10px;
    margin-bottom: 8px;
}

.constructor-btn--blue {
    background-color: #0078d4;
}

.constructor-btn:hover {
    background-color: #333;
}

.constructor-btn img {
    width: 20px;
}

.constructor-btn:disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}

/*  */

@media (max-width: 1280px) {
    .short-cards__container {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .vip-cards__slider .swiper-slide.min-vip .short-cards__card>.card__link .card-short__description {
        display: none;
    }
}

@media (max-width: 1200px) {

    .map-catalog-wrapper .adblock-section,
    .adblock-section {
        display: none;
    }

    .main__container {
        width: 100%;
    }
}

@media (max-width: 1100px) and (min-width: 991px) {
    .section-main {
        padding: 0 15px;
    }

    .section-main__container {
        padding: 15px;
    }
}

@media (max-width: 991px) {

    .delivery-section__section-card {
        width: calc(50% - 40px);
    }

    .reviews-section__message-container .send-ads__divide {
        max-width: 100%;
    }

    .reviews-section__container {
        flex-direction: column-reverse;
    }

    .insta-photos__params {
        width: 100%;
    }

    .insta-photos__params .send-ads__divide {
        max-width: 100%;
    }

    .insta-photos__container {
        flex-direction: column;
    }

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

    .profile__container {
        padding: 5px 20px;
        background-position: top;
        background-size: contain;
    }

    /* Offer block */
    .bonuses__list {
        flex-wrap: wrap;
        justify-content: center;
    }

    .offers__first-container,
    .offers__first.offers__first--reversed .offers__first-container {
        flex-direction: column;
        padding: 20px 0;
    }

    .offers__first-img,
    .offers__first-img img {
        width: 100%;
    }

    .offers__first-block,
    .offers__first--reversed .offers__first-text {
        max-width: 100%;
        width: 100%;
    }

    /*  */

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

    .grid-news__list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(3, 250px);
    }

    .grid-news__item:nth-child(1) {
        grid-area: 1 / 1 / 1 / 3;
    }

    .grid-news__item:nth-child(2) {
        grid-area: 1 / 3 / 1 / 4;
    }

    .grid-news__item:nth-child(3) {
        grid-area: 2 / 1 / 2 / 2;
    }

    .grid-news__item:nth-child(4) {
        grid-area: 2 / 2 / 2 / 4;
    }

    .grid-news__item:nth-child(5) {
        grid-area: 3 / 1 / 3 / 4;
    }

    .header-categories__container::-webkit-scrollbar {
        height: 0px;
    }

    .catalog__sub-menu {
        height: 100%;
        column-count: 1;
    }

    .map-catalog-wrapper .short-cards {
        display: block;
    }

    .map-catalog-wrapper .map-catalog__map {
        height: 100vh;
        padding-bottom: 80px;
    }

    .map-catalog-wrapper .map-catalog {
        position: fixed;
        z-index: 1000;
        left: 0;
        top: 80px;
        width: 100vw;

        display: none;
    }

    .map-catalog-wrapper.active .short-cards {
        display: none;
    }

    .map-catalog-wrapper.active .map-catalog {
        display: block;
    }

    .map-catalog-wrapper .sorting {
        position: sticky;
        top: 70px;
        background: var(--real-white);
        z-index: 100;
        padding: 20px 10px;
        flex-direction: column;
    }

    .map-open-button,
    .map-open-button button {
        width: 100%;
    }

    .profile__block {
        display: none;
    }

    .card-description-section--2__report {
        display: none;
    }

    .catalog .menu__item>a::before,
    .catalog .menu__item::before {
        content: none;
    }

    .filtering__item .card__properties {
        display: flex;
    }

    .card__properties {
        display: none;
    }

    .filtering__properties--2.card__properties {
        display: flex;
    }

    .cards__choose {
        height: auto;
    }

    .cards__choose {
        padding: 10px;
    }

    .__select {
        max-width: 100%;
    }

    .scores__check-check {
        max-width: 100%;
    }

    .scores__main-container {
        flex-direction: column;
    }

    .card__sum-price {
        display: inline;
    }

    .header__filter-mobile.visible-filter {
        display: flex;
    }

    .card__name--visible {
        display: none;
    }

    .card__name--hidden {
        display: block;
    }

    .card {
        /* max-height: 300px; */
        padding: 10px;
    }

    .actions {
        margin-left: auto;
    }

    .card__container {
        justify-content: flex-start;
    }

    .card__sum {
        align-items: flex-start;
        margin-left: 0;
    }

    .card__sum-parameters {
        align-items: flex-start;
        flex-direction: column-reverse;
    }

    .card__desc--visible {
        display: none;
    }

    .card__desc--hidden {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .card__properties.properties .properties__item {
        background: none;
        border: none;
        padding: 0px;
    }


    .anim-btn {
        white-space: normal;
    }

    .card-sub-slider {
        display: none;
    }

    .insta-photos__slider .card-sub-slider {
        display: block;
    }

    .card-short__image {
        height: 50%;
    }

    .header__profile>.header__profile-link-image,
    .header__profile>img {
        display: none;
    }

    .profile-navigation>button {
        width: 100% !important;
    }

    .breadcrumbs__icons {
        align-self: center;
    }

    .outer-sort__footer-drop {
        display: none;
    }

    .inner-sort__footer-drop {
        display: block;
    }

    .breadcrumbs {
        flex-direction: column;
        gap: 20px;
    }

    .card-buttons {
        padding: 10px;
        z-index: 2;
        position: fixed;
        width: 100%;
        bottom: 79px;
        flex-direction: row;
        left: 0;
        background: var(--real-white);
    }

    .card-buttons>.card-buttons__button {
        width: 100%;
    }

    .card-buttons>.card-buttons__button>* {
        width: 100%;
        max-width: 100%;
    }

    .content__option {
        -webkit-column-count: 1;
        column-count: 1;
        -webkit-column-width: 0;
        column-width: 0;
        -webkit-column-gap: 0;
        column-gap: 0;

        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .card-description-section--2__close {
        position: fixed;
        right: 20px;
        top: 100px;
        padding: 10px;
    }

    .filtering__container {
        padding-bottom: 260px;
        height: 100vh;
        overflow: auto;

    }

    .filtering__container::-webkit-scrollbar {
        width: 0px;
    }

    .filtering__properties input[type='radio']+label {
        padding: 10px;
    }

    .sort--2 .sort__select--2,
    .sort-buttons-compare--2,
    .select__backend-collection {
        margin: 5px 0 0 0;
        width: 100%;
    }

    .sort__footer--2 {
        justify-content: center;
        transition: .5s ease;
        z-index: 100;
        padding: 10px 20px;
        margin: 0;
        position: fixed;
        right: -110%;
    }

    .menu__list {
        max-width: 100%;
    }

    .sort__divide--2.sort__tripleide--2 {
        column-gap: 5px;
        grid-template-columns: repeat(2, 1fr);
    }

    /* .popup-sort .item-filtering--category {
        display: none;
    } */

    .item-filtering {
        width: 100%;
    }

    .filtering {
        border-radius: 0px;
    }

    .reset-filtering {
        background: var(--real-white);
        position: absolute;

        justify-content: center;

        bottom: 40px;
        margin: 0;
        left: 0;
        padding: 10px;

        width: 100%;
        z-index: 100;
    }

    .popup-sort__header,
    .header__profile-header {
        display: block;
    }

    .popup-sort__header-container,
    .header__profile-header-container {
        position: relative;
        display: flex;
        height: 60px;
        padding: 5px;
        align-items: center;
        justify-content: flex-end;
        min-height: 100%;
    }

    .popup-sort__name,
    .header__profile-header-name {
        color: var(--real-white);
        left: 50%;
        transform: translateX(-50%);
        position: absolute;
    }

    .header__profile-header {
        top: 0;
        transform: translateX(100%);
        transition: .5s ease;
        position: fixed;
    }

    .header__profile.active .header__profile-header {
        transform: translateX(0px);
    }

    .popup-sort .transform-container--2 {
        padding-bottom: 180px;
    }

    .popup-sort.sort-section {
        padding-top: 0px;
        top: 0;
    }

    .popup-sort {
        top: 0px;
        max-width: 100%;
        width: 100%;
        z-index: 1000;
        position: fixed;
        right: -110%;
        max-height: 100vh;
        overflow: hidden;

        transition: .5s ease;
    }

    .popup-sort.active {
        right: 0;
    }

    .popup-sort.active .sort__footer--2 {
        right: 0;
    }

    .popup-sort.filtering {
        padding-bottom: 80px;
    }

    .colProduct {
        width: 100%;
        position: absolute;
        margin: 0;
        left: 0;
        bottom: 0;
        z-index: 100;
    }

    .card-description-section {
        max-width: none;
        width: 100%;
    }


    .header__location {
        position: static;
    }

    .header__location.active .header__location-popup {
        top: 80px;
        transform: translateX(0px);
    }

    .header__location-popup::after,
    .header__location-popup::before {
        content: none;
    }

    .header__location-popup {
        width: 100%;
        display: flex;
        top: 80px;
        transform: translateX(100%);
        transition: .5s ease;
        height: 100vh;
    }

    .dialogue-contacts__container .contacts {
        max-width: 200px;
    }

    .contact {
        flex-direction: column;
        gap: 10px;
    }

    .dialogue__header {
        align-items: flex-start;
        gap: 20px;
    }

    .messages {
        padding: 10px;
    }

    .contact__body {
        align-items: center;
    }

    .contact__text {
        text-align: center;
    }

    .all-marks__list {
        grid-template-columns: repeat(4, 1fr);
    }

    .sort__footer {
        bottom: 79px;
    }

    .support:after {
        display: none;
    }

    .section-genres__list {
        display: flex;
        flex-direction: column;
    }

    .section-trendings {
        max-height: 100%;
        grid-template-columns: repeat(2, 1fr);
    }

    .footer {
        padding-bottom: 140px;
    }

    .section-main {
        padding: 0;
    }

    .mobile-logo {
        display: block;
    }

    .pc-logo {
        display: none;
    }

    .header__location span {
        display: none;
    }

    .header__location svg stop:first-child {
        stop-color: var(--purple);
    }

    .header__location svg stop:last-child {
        stop-color: var(--purple);
    }

    .header {
        background: var(--real-white);
        box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.25);
    }

    .header__links {
        display: none;
    }

    .mobile-menu+* {
        display: none;
    }

    .menu {
        display: none;
    }

    .mobile-menu {
        z-index: 101;
        position: fixed;
        display: flex;
        bottom: -1px;
        padding: 15px;
        max-width: 100vw;
        height: 80px;
        background: var(--real-white);
    }

    .header__filter-mobile {
        left: 23%;
    }

    .header__ad-container.no-filtered::before {
        left: 0%;
    }

    .header__ad-container::before {
        position: fixed;
        content: '';
        left: -15%;
        width: 100vw;
        height: 80px;
        background-color: var(--real-white);
        box-shadow: 0px -4px 30px rgba(0, 0, 0, 0.1);
    }

    .header__ad-container.no-filtered {
        left: 50%;
    }

    .header__ad-container {
        z-index: 100;
        position: fixed;
        display: flex;
        align-items: center;
        justify-content: center;
        bottom: -1px;
        max-width: 100vw;
        width: 100vw;
        background: var(--real-white);
        left: 63%;
        height: 80px;
        transform: translateX(-50%);
        gap: 10px;
    }

    .header__filter-mobile.active,
    .header__profile.active .mobile-menu,
    .header__catalog-container.active .mobile-menu {
        font-weight: 700;
        color: var(--real-white);
        background: var(--lt-grad);
    }

    .header__filter-mobile.active svg stop:first-child,
    .header__filter-mobile.active svg stop:last-child,
    .header__profile.active .mobile-menu svg stop:first-child,
    .header__profile.active .mobile-menu svg stop:last-child,
    .header__catalog-container.active .mobile-menu svg stop:first-child,
    .header__catalog-container.active .mobile-menu svg stop:last-child {
        stop-color: var(--real-white);
    }

    .header__profile-mobile {
        right: 0;
    }

    .header__catalog-mobile {
        left: 0;
    }

    .header__profile {
        position: fixed;
        z-index: 1000;
        width: 100%;
        top: 0;
    }

    .header__profile.active .header__profile-sub {
        transform: translateX(0px);
    }

    .header__profile-sub {
        display: block;
        z-index: 1000;
        position: fixed;
        top: 60px;
        transform: translateX(100%);
        left: 0;
        bottom: 0;
        width: 100%;
        background: var(--real-white);
        transition: .5s ease;
    }

    .header__profile-sub .menu__item {
        padding: 20px 10px;
        border-bottom: 1px solid var(--purple);
    }

    .header__catalog-container {
        flex-shrink: 3;
    }

    .footer__container {
        padding: 32px 10px;
        text-align: center;
        align-items: center;
        flex-direction: column;
    }

    .footer__list {
        align-items: center;
    }

    .header__search>input {
        width: 100%;
    }

    .header__search {
        width: 100%;
        max-width: 100%;
    }

    .header__container {
        /* padding: 15px 15px; */
        /* gap: 10px; */
    }

    .catalog__header-mobile {
        display: flex;
    }

    .catalog.active {
        display: block;
    }

    .catalog {
        max-height: 100vh;
        width: 100%;
        z-index: 1000;
        display: none;
        top: 0;
        transition: .5s ease transform;

        overflow: hidden;
    }

    .catalog__header-mobile .catalog__header-mobile-container>svg:last-child {
        cursor: pointer;
        min-width: 48px;
        min-height: 48px;
        padding: 10px;
    }

    .catalog__header-mobile .catalog__header-mobile-container>svg:first-child {
        cursor: pointer;
        min-width: 48px;
        min-height: 48px;
        padding: 10px;
        display: none;
    }

    .catalog.mobiled {
        transition: none;
    }

    .catalog.mobiled .catalog__header-mobile-container>svg:first-child {
        display: block;
    }

    .item-catalog__list .item-catalog__item:nth-child(21)~.item-catalog__show-more {
        padding: 20px 10px;
        width: 100%;
        text-align: center;
        display: none;
    }

    .item-catalog__list .item-catalog__item:nth-child(n + 21) {
        display: block;
    }

    .catalog__sub-menu-container {
        overflow: hidden;
        display: block;
        position: fixed;
        transform: translateX(100%);
        display: none;
        margin-left: 0;
        padding: 0 0 80px 0;
        height: 100vh;
        width: 100%;
        top: 60px;

        transition: none;
    }

    .item-catalog__name {
        font-weight: 400;
    }

    .catalog.mobiled .menu__item>a {
        display: none;
    }

    .catalog .menu__item>a {
        pointer-events: none;
        max-width: 100%;
        font-size: 18px;
        padding: 20px 40px 20px 15px;
    }

    .catalog .menu__item>a>p {
        line-height: 26px;
    }

    .catalog.active.mobiled .menu__item>a {
        display: none;
    }

    .catalog.mobiled .menu__list {
        transform: translateX(-100%);
        overflow: visible;
    }

    .catalog .menu__item .catalog__sub-menu-container {
        transition: none;
    }

    .catalog .menu__item.mobiled .catalog__sub-menu-container {
        display: block;
    }

    .catalog .menu__item {
        border-bottom: 1px solid var(--purple);
        position: relative;
        padding: 0;
        max-width: 100%;
    }

    .catalog .menu__item.mobiled .all-category-posts {
        display: block;
    }

    .catalog .item-catalog {
        margin-bottom: 0;
        border-bottom: 1px solid var(--purple);
        width: 100%;
    }

    .catalog .menu__item.hover:hover {
        pointer-events: none;
    }

    .catalog .menu__item.hover:hover .catalog__sub-menu-container {
        pointer-events: none;
        display: none;
    }

    .catalog .menu__list {
        padding-top: 60px;
        max-width: 100%;
        width: 100%;
        max-height: 100vh;
        left: 0;
        display: flex;
        justify-content: space-between;

        overflow-y: auto;
    }

    .catalog__catalog {
        position: fixed;
    }

    .item-catalog__header>a {
        pointer-events: none;
        width: 100%;
        justify-content: flex-start;
        padding: 8px 16px;
    }

    .item-catalog__list .item-catalog__item {
        width: 100%;
    }

    .item-catalog__list {
        background: var(--white-gr);
        left: 0;
        bottom: 0;
        position: fixed;
        width: 100%;
        max-height: 100vh;
        padding-bottom: 160px;

        top: 0;
        overflow-y: auto;
        z-index: 999;
        display: none;

        flex-direction: column;
        flex-wrap: nowrap;
        gap: 0;
    }

    .item-catalog.active .item-catalog__header {
        display: none;
    }

    .item-catalog.active .item-catalog__list {
        display: block;
    }

    .item-catalog.active .item-catalog__header {
        display: none;
    }

    .catalog__item-catalog:first-child .item-catalog__item>a::after {
        position: absolute;
        content: "";
        right: 25px;
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
        border-right: 2px solid var(--purple);
        border-top: 2px solid var(--purple);
        width: 15px;
        height: 15px;
    }

    .item-catalog .item-catalog__item>a {
        position: relative;
        padding: 25px 16px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        color: var(--black);
        border-bottom: 1px solid var(--purple);
    }

    .item-catalog .item-catalog__item>a:hover:after {
        border-right-color: var(--real-white);
        border-top-color: var(--real-white);
    }

    .item-catalog .item-catalog__item>a:hover {
        background: var(--lt-grad);
        color: var(--real-white);
    }

    .item-catalog .item-catalog__item>a:hover svg stop:first-child,
    .item-catalog .item-catalog__item>a:hover svg stop:last-child {
        stop-color: black;
    }

    .catalog__item-catalog:first-child {
        grid-area: none;
    }

    .catalog .menu__item::after,
    .item-catalog::after {
        position: absolute;
        content: "";
        right: 25px;
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
        border-right: 2px solid var(--purple);
        border-top: 2px solid var(--purple);
        width: 15px;
        height: 15px;
    }

    .section-main__container {
        padding: 10px;
    }

    .section-main__header {
        margin: 35px 0 16px 5px;
    }

    .main__container.section-container .section-main__header {
        margin: 0;
    }

    .support {
        width: 100%;
    }

    .drop-menu__sub-list {
        width: 100%;
        transform: translateX(0);
        position: static;
    }

    .drop-menu__item {
        padding: 0;
    }

    .drop-menu__item>p {
        padding: 8px 6px 8px 48px;
    }

    .card-main-section {
        flex-direction: column;
    }

    .card-main-section--2 {
        flex-direction: column;
    }

    .main {
        margin: 160px 0 0 0;
    }

    .aside-menu {
        display: none;
        z-index: 999;
        top: 69px;
        padding-bottom: 160px;
    }

    .sub-menu {
        display: none;
        height: 0;
        position: static;
        border-radius: 0px;
        width: 100%;
        transform: scale(0);
        background: none;
        margin: 0 0 0 0;
    }

    .sub-menu .aside-item:not(:last-child)>a::after {
        bottom: 1px;
    }

    .aside-item.aside-hovered:hover>a+.sub-menu {
        transform: none;
    }

    .sub-menu::before {
        content: none;
    }

    .aside-menu.active .aside-item>a.active+.sub-menu {
        height: 100%;
        transform: scale(1);
        opacity: 1;
        visibility: visible;
        display: block;
    }

    .aside-menu.active .aside-item>a.active>span {
        display: block;
    }

    .sub-menu .aside-item>a {
        border-radius: 0px;
    }

    .home-slider__content {
        margin-left: auto;
    }

    .home-slider__image img {
        position: absolute;
        top: 0;
        z-index: -1;
        left: 50px;
        max-width: 100%;
        min-height: 400px;
        height: 100%;
    }

    .sort__main-container--2 {
        height: 100%;
    }

    .sort--2 {
        border-radius: 0px;
        height: 100vh;
        overflow: auto;
    }

    .sort__divide--2 {
        grid-template-columns: 1fr 1fr;
    }

}

@media (max-width: 849px) {
    .vip-cards__slider .swiper-slide.min-vip.min-vip--2 .short-cards__card>.card__link {
        gap: 16px;
        flex-direction: column;
    }

    .vip-cards__slider .swiper-slide.min-vip.min-vip--2 .short-cards__card>.card__link>* {
        width: auto;
    }

    .vip-cards__slider .swiper-slide.min-vip.min-vip--2 .short-cards__card>.card__link .card-short__image {
        max-width: 100%;
    }

    .vip-cards__slider .swiper-slide.min-vip.min-vip--2 .short-cards__card>.card__link .card-short__content {
        padding: 0 10px 10px 10px;
    }

    .vip-cards__slider .swiper-slide.min-vip.min-vip--2 .short-cards__card>.card__link .card-short__image,
    .vip-cards__slider .swiper-slide.min-vip.min-vip--2 .short-cards__card>.card__link .card-short__image img,
    .vip-cards__slider .swiper-slide.min-vip.min-vip--2 .short-cards__card>.card__link .card-short__image .image__slider {
        border-radius: 10px 10px 0px 0px;
    }

    .vip-cards__slider .swiper-slide.min-vip.min-vip--2 .short-cards__card>.card__link .card-short__image {
        max-height: 227px;
        height: 100%;
    }
}

@media (max-width: 768px) {

    .work-graphic__item-infos a i {
        display: inline;
    }

    .work-graphic__item-names {
        display: none;
    }

    .work-graphic__item-image {
        max-width: 100%;
    }

    .photo-inner {
        grid-template-columns: 1fr 1fr;
    }

    .import-container {
        flex-direction: column;
    }

    .grid-news__item {
        height: 0;
        padding-top: 100%;
    }

    .grid-news__item>a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        object-fit: cover;
    }

    .categories-sales__list {
        grid-template-columns: 1fr 1fr;
    }

    .grid-news__list {
        display: flex;
        flex-direction: column;
    }

    .vip-cards__slider .swiper-slide.min-vip .short-cards__card>.card__link .card-short__image {
        height: 100%;
    }

    .send-ads__body {
        grid-template-columns: 1fr;
    }

    .time-clock__container {
        grid-template-columns: 1fr;
    }

    .support__numbers {
        margin: 15px;
    }

    .short-cards__container,
    .map-catalog-wrapper .short-cards__container {
        grid-template-columns: 1fr 1fr;
    }

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

    .section {
        flex-direction: column;
    }

    .packages .slips__list {
        grid-template-columns: 1fr 1fr;
    }

    .score__container {
        align-items: center;
    }

    .score__block {
        flex-wrap: wrap;
    }

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

    .score__more-btn {
        margin: 0 auto;
    }

    .score__description {
        text-align: center;
    }

    .slips__header {
        text-align: center;
    }

    .support {
        flex-direction: column;
        gap: 20px;
        width: 100%;
    }

    .support__description {
        text-align: center;
    }

    .delete__description {
        text-align: center;
    }

    .delete__container {
        flex-direction: column;
        gap: 10px;
    }

    .scores {
        width: 100%;
        grid-template-columns: 1fr;
    }

    .scores__question {
        align-items: center;
    }

    .scores__description {
        text-align: center;
    }

    .sort__triple {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .sort__triple--2 {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}

@media (max-width: 576px) {

    .delivery-section__section-card {
        width: 100%;
    }

    .photo-inner {
        grid-template-columns: 1fr;
    }

    .categories-sales__list {
        grid-template-columns: 1fr;
    }

    .card__sum-price {
        text-align: center;
    }

    .image__slider .swiper-slide {
        height: 200px;
    }

    .card__sum-parameters {
        gap: 0;
    }

    .card__btns {
        flex-direction: column;
    }

    .card__main-content-container {
        justify-content: center;
        flex-wrap: wrap;
    }

    .card__actions--visible {
        display: none;
    }

    .card__actions--hidden .actions__item {
        display: block;
    }

    .input-form__input {
        padding: 25px 12px 8px 12px;
    }

    .card__name--hidden {
        text-align: center;
    }

    .card__container {
        justify-content: center;
    }

    .card__sum {
        align-items: center;
    }

    .card {
        max-height: 100%;
    }

    .card .image__slider .swiper-wrapper {
        max-width: 200px;
        max-height: 200px;
    }

    .card__container {
        gap: 10px;
    }

    .card__sum-parameters {
        align-items: center;
    }

    .change-ads,
    .delete-ads {
        max-width: 100%;
    }

    .settings .input-form,
    .settings__company-contact-info .send-ads__divides:last-child .send-ads__divide:first-child,
    .settings__company-contact-info .send-ads__divides:first-child .send-ads__divide:last-child,
    .settings .settings__user-info .send-ads__divide:first-child,
    .settings .settings__user-contact-info .send-ads__divide:first-child,
    .settings .send-ads__add-phone {
        width: 100%;
    }

    .phone__container {
        width: 100%;
    }

    .save-settings {
        width: 100%;
    }

    .dialogue__write .input-form__input {
        padding: 25px 10px 8px 12px;
    }

    .header__filter-mobile {
        left: 20%;
    }

    .header__ad-container {
        left: 58%;
    }

    .mobile-menu {
        padding: 15px 10px;
    }

    .compare-divide.sort__divide {
        column-gap: 5px;
        grid-template-columns: 1fr 1fr;
    }

    .sort__divide--2.sort__tripleide--2 {
        grid-template-columns: 1fr;
    }

    .short-cards__container {
        gap: 12px;
    }

    .dialogue-contacts__container .contacts__list {
        flex-direction: row;
    }

    .dialogue-contacts__container .contacts {
        max-width: 100%;
        width: 100%;
    }

    .dialogue-contacts__container {
        flex-direction: column;
    }

    .sort--2 {
        padding: 10px;
    }

    .sort__footer-reset--2 {
        margin: 0;
    }

    .sort__footer-reset {
        margin: 0;
    }

    .all-marks__list {
        grid-template-columns: 1fr 1fr;
    }

    .card-slider__increase {
        width: 30px;
        height: 30px;
    }

    .card-slider__increase svg {
        width: 20px;
        height: 20px;
    }

    .popup-card .card-slider-section--2 {
        padding: 10px;
    }

    .card-slider--popup .swiper-slide {
        padding: 0 50px;
    }

    .sort__save-search {
        margin: auto;
    }

    .sort__divide {
        gap: 0px;
        grid-template-columns: 1fr;
    }

    .transform-container--2 {
        gap: 0px;
    }

    .cards__choose-block .sort__divide--2 {
        grid-template-columns: 1fr 1fr;
        column-gap: 5px;
    }

    .sort__divide--2 {
        gap: 0px;
        grid-template-columns: 1fr;
    }

    .compare-divide>*:first-child>input,
    .compare-divide>*:last-child>input {
        border-radius: 8px;
    }

    .choose-all__btns {
        width: 100%;
        flex-direction: column;
    }

    .cards__choose {
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }

    .cards__choose-block {
        flex-direction: column;
    }

    .selling-item {
        flex-direction: column;
    }

    .section-trendings {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(3, 1fr);
    }

    .card__image .swiper-slide img {
        height: 100%;
        width: 100%;
    }

    .card__image {
        flex: 0 1 auto;
    }

    .packages .slips__list {
        grid-template-columns: 1fr;
    }

    .support__numbers {
        flex-direction: column;
    }

    .send-ads__divides {
        flex-direction: column;
        align-items: center;
    }

    .settings__main {
        flex-direction: column;
        align-items: center;
    }

    .settings__profile-container {
        flex-direction: row;
    }

    .settings__body {
        padding: 10px;
    }

    .image-loader__body {
        flex-direction: column;
    }

    .image-loader__move {
        margin: auto;
    }

    .image-loader__postscript {
        text-align: center;
    }

    .slips__list {
        grid-template-columns: 1fr;
    }

    .card__search-header {
        flex-direction: column;
        gap: 10px;
        align-items: center;
    }

    .company-type__container {
        flex-direction: column;
        align-items: flex-start;
    }

    .entry__container {
        padding: 15px;
    }

    .entry {
        margin: 10px;
    }

    .section-main__header {
        font-size: 20px;
    }

}

@media (max-width: 400px) {

    .my-card {
        gap: 10px;
    }

    .sort__divide {
        flex-flow: column nowrap;
    }

    .sort__divide--2 {
        flex-flow: column nowrap;
    }

    .header__ad-btn {
        max-width: 120px;
    }
}

@media (max-width: 350px) {
    .card-slider--popup .swiper-slide {
        padding: 0 20px;
    }

    .card-specifications__item>p:first-child {
        min-width: 100px;
    }
}

ul.pagination {
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 40px 0 0 0;
    padding: 0;
}

ul.pagination li {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.pagination li a,
ul.pagination li span {
    display: inline-block;
    padding: 0.5rem 1rem;
    margin: 0.25rem;
    text-decoration: none;
    color: #333;
    border-radius: 0.25rem;
    background-color: var(--real-white);
    border: 1px solid #ccc;
}

ul.pagination li.active span {
    background: var(--lt-grad);
    color: var(--real-white);
}

ul.pagination li.disabled span {
    background-color: var(--lt-gr);
    color: #999;
    border-color: #ddd;
}

.category-filtering__item.active {
    color: var(--purple);
}

#testImage:hover {
    filter: invert(100%);
}

.ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more.ya-share2__link_more-button-type_short {
    background: none !important;
}

.share-icon .ya-share2__badge,
.ya-share2__mobile-popup-badge {
    background-repeat: no-repeat !important;
    background-position: center !important;
    border-radius: 0 !important;
    background-color: transparent !important;
}

.ya-share2__popup_mobile:not(.ya-share2__popup_visible) {
    right: 100% !important;
}

.share-icon .ya-share2__badge_more {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.2526 2.9101C23.3927 3.05069 23.4714 3.2411 23.4714 3.4396C23.4714 3.63811 23.3927 3.82852 23.2526 3.9691L21.6881 5.5351L18.6881 2.5351L20.2526 0.969102C20.3932 0.828498 20.584 0.749512 20.7828 0.749512C20.9817 0.749512 21.1724 0.828498 21.3131 0.969102L23.2526 2.9086V2.9101ZM20.6276 6.5941L17.6276 3.5941L7.40807 13.8151C7.32552 13.8976 7.26337 13.9983 7.22657 14.1091L6.01907 17.7301C5.99717 17.7961 5.99407 17.8669 6.01009 17.9346C6.02612 18.0023 6.06066 18.0642 6.10984 18.1133C6.15901 18.1625 6.2209 18.1971 6.28858 18.2131C6.35626 18.2291 6.42706 18.226 6.49307 18.2041L10.1141 16.9966C10.2247 16.9602 10.3254 16.8986 10.4081 16.8166L20.6276 6.5956V6.5941Z' fill='url(%23paint0_linear_69_989)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.5 20.25C1.5 20.8467 1.73705 21.419 2.15901 21.841C2.58097 22.2629 3.15326 22.5 3.75 22.5H20.25C20.8467 22.5 21.419 22.2629 21.841 21.841C22.2629 21.419 22.5 20.8467 22.5 20.25V11.25C22.5 11.0511 22.421 10.8603 22.2803 10.7197C22.1397 10.579 21.9489 10.5 21.75 10.5C21.5511 10.5 21.3603 10.579 21.2197 10.7197C21.079 10.8603 21 11.0511 21 11.25V20.25C21 20.4489 20.921 20.6397 20.7803 20.7803C20.6397 20.921 20.4489 21 20.25 21H3.75C3.55109 21 3.36032 20.921 3.21967 20.7803C3.07902 20.6397 3 20.4489 3 20.25V3.75C3 3.55109 3.07902 3.36032 3.21967 3.21967C3.36032 3.07902 3.55109 3 3.75 3H13.5C13.6989 3 13.8897 2.92098 14.0303 2.78033C14.171 2.63968 14.25 2.44891 14.25 2.25C14.25 2.05109 14.171 1.86032 14.0303 1.71967C13.8897 1.57902 13.6989 1.5 13.5 1.5H3.75C3.15326 1.5 2.58097 1.73705 2.15901 2.15901C1.73705 2.58097 1.5 3.15326 1.5 3.75V20.25Z' fill='url(%23paint1_linear_69_989)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_69_989' x1='6' y1='18.2232' x2='23.4714' y2='18.2232' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23844193'/%3E%3Cstop offset='1' stop-color='%23A54198'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_69_989' x1='1.5' y1='22.5' x2='22.5' y2='22.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23844193'/%3E%3Cstop offset='1' stop-color='%23A54198'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A") !important;
}

.ya-share2__item_service_viber .ya-share2__icon {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.2477 21.9863L12.535 22.1559C13.7466 22.8701 15.1289 23.2469 16.537 23.2468H16.5401C20.8738 23.2468 24.4011 19.7362 24.4029 15.4212C24.4046 11.098 20.8856 7.5919 16.543 7.59016C12.2059 7.59016 8.67876 11.1003 8.67704 15.415C8.67484 16.8883 9.09157 18.3321 9.87903 19.5795L10.0662 19.8755L9.27178 22.7631L12.2477 21.9863ZM13.6435 11.0721C13.812 11.0788 13.9986 11.0867 14.1755 11.4785C14.2965 11.7465 14.5 12.2462 14.6622 12.6443C14.7816 12.9375 14.8787 13.1757 14.9037 13.2256C14.9628 13.3433 15.0023 13.4809 14.9235 13.6378C14.9174 13.6499 14.9115 13.6617 14.9058 13.6732C14.9003 13.6843 14.895 13.6952 14.8897 13.7059C14.8308 13.8256 14.7875 13.9138 14.6873 14.0302C14.648 14.0759 14.6074 14.1251 14.5667 14.1743C14.4851 14.2731 14.4035 14.372 14.3327 14.4423C14.2141 14.5596 14.091 14.6869 14.2289 14.9225C14.3668 15.158 14.8412 15.9283 15.5439 16.552C16.2997 17.223 16.9564 17.5066 17.289 17.6502C17.3537 17.6781 17.4062 17.7008 17.4447 17.7199C17.6811 17.8376 17.8189 17.8176 17.9569 17.6607C18.095 17.5039 18.5477 16.9742 18.7054 16.7386C18.863 16.503 19.0205 16.5422 19.2373 16.6207C19.454 16.6991 20.616 17.2685 20.8524 17.3862C20.8988 17.4093 20.9422 17.4301 20.9824 17.4494C21.1469 17.5284 21.2581 17.5818 21.3056 17.6607C21.3647 17.759 21.3647 18.2298 21.1677 18.7795C20.9706 19.3292 20.0056 19.859 19.5722 19.8982C19.5305 19.902 19.489 19.9068 19.4464 19.9118C19.0458 19.9587 18.5403 20.0179 16.7357 19.3094C14.5133 18.4369 13.0486 16.274 12.7478 15.83C12.7235 15.794 12.7067 15.7692 12.6979 15.7575L12.6951 15.7538C12.5672 15.5835 11.7326 14.4727 11.7326 13.3235C11.7326 12.2399 12.2676 11.6719 12.5138 11.4105L12.5371 11.3858L12.5601 11.361C12.7198 11.1796 12.9483 11.0729 13.1905 11.0666L13.2164 11.0666C13.3653 11.0666 13.5133 11.0666 13.6435 11.0721Z' fill='url(%23paint0_linear_355_10554)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32ZM7 25L8.34211 20.1214C7.51292 18.6902 7.07739 17.0666 7.07942 15.4145C7.08151 10.2233 11.325 6 16.5397 6C19.0494 6.00001 21.4562 6.99282 23.2305 8.7599C25.0048 10.527 26.001 12.9235 26 15.422C25.9978 20.6129 21.7536 24.8371 16.5399 24.8371H16.5358C14.9564 24.837 13.4022 24.443 12.0152 23.691L7 25Z' fill='url(%23paint1_linear_355_10554)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_355_10554' x1='0' y1='32' x2='32' y2='32' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23844193'/%3E%3Cstop offset='1' stop-color='%23D6308C'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_355_10554' x1='0' y1='32' x2='32' y2='32' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23844193'/%3E%3Cstop offset='1' stop-color='%23D6308C'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A") !important;
}

.ya-share2__item_service_telegram .ya-share2__icon {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 32C7.16344 32 0 24.8366 0 16C0 7.16344 7.16344 0 16 0C24.8366 0 32 7.16344 32 16C32 24.8366 24.8366 32 16 32ZM16.6919 12.0074C15.2589 12.6034 12.3949 13.8371 8.09992 15.7083C7.40248 15.9856 7.03714 16.257 7.00388 16.5223C6.94767 16.9706 7.50915 17.1472 8.27374 17.3876C8.37774 17.4203 8.4855 17.4542 8.59598 17.4901C9.34822 17.7346 10.3601 18.0207 10.8862 18.0321C11.3633 18.0424 11.8959 17.8457 12.4839 17.4419C16.4968 14.7331 18.5683 13.3639 18.6983 13.3344C18.7901 13.3136 18.9172 13.2874 19.0034 13.3639C19.0895 13.4405 19.0811 13.5855 19.0719 13.6244C19.0163 13.8615 16.8123 15.9106 15.6717 16.971C15.3161 17.3015 15.0639 17.536 15.0124 17.5896C14.8969 17.7096 14.7791 17.823 14.666 17.9321C13.9672 18.6058 13.4431 19.111 14.695 19.936C15.2967 20.3325 15.7781 20.6603 16.2584 20.9874C16.7829 21.3446 17.306 21.7009 17.9829 22.1446C18.1554 22.2576 18.3201 22.375 18.4805 22.4894C19.0909 22.9246 19.6393 23.3155 20.3168 23.2532C20.7105 23.217 21.1172 22.8468 21.3237 21.7427C21.8118 19.1335 22.7712 13.4801 22.9929 11.1505C23.0123 10.9464 22.9879 10.6851 22.9683 10.5705C22.9486 10.4558 22.9076 10.2924 22.7586 10.1715C22.582 10.0283 22.3095 9.99805 22.1877 10.0001C21.6335 10.01 20.7834 10.3056 16.6919 12.0074Z' fill='url(%23paint0_linear_83_3772)' /%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_83_3772' x1='0' y1='32' x2='32' y2='32' gradientUnits='userSpaceOnUse' %3E%3Cstop stop-color='%23844193' /%3E%3Cstop offset='1' stop-color='%23D6308C' /%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") !important;
}

.ya-share2__item_service_vkontakte .ya-share2__icon {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M10.6987 12.8693C10.784 17.0293 12.864 19.5253 16.512 19.5253H16.7253V17.1467C18.064 17.28 19.0773 18.2613 19.4827 19.5253H21.376C21.1818 18.8071 20.8376 18.1381 20.366 17.5626C19.8943 16.9872 19.3061 16.5182 18.64 16.1866C19.2369 15.8232 19.7524 15.3405 20.1543 14.7688C20.5563 14.1971 20.836 13.5487 20.976 12.864H19.2587C18.8853 14.1866 17.776 15.3867 16.7253 15.4986V12.8693H15.0027V17.4773C13.936 17.2106 12.592 15.92 12.5333 12.8693H10.6987Z' fill='url(%23paint0_linear_83_3775)' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 0C24.8366 0 32 7.16344 32 16C32 24.8366 24.8366 32 16 32C7.16344 32 0 24.8366 0 16C0 7.16344 7.16344 0 16 0ZM8 15.68C8 12.0587 8 10.2507 9.12 9.12C10.256 8 12.064 8 15.68 8H16.32C19.9413 8 21.7493 8 22.88 9.12C24 10.256 24 12.064 24 15.68V16.32C24 19.9413 24 21.7493 22.88 22.88C21.744 24 19.936 24 16.32 24H15.68C12.0587 24 10.2507 24 9.12 22.88C8 21.744 8 19.936 8 16.32V15.68Z' fill='url(%23paint1_linear_83_3775)' /%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_83_3775' x1='0' y1='32' x2='32' y2='32' gradientUnits='userSpaceOnUse' %3E%3Cstop stop-color='%23844193' /%3E%3Cstop offset='1' stop-color='%23D6308C' /%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_83_3775' x1='0' y1='32' x2='32' y2='32' gradientUnits='userSpaceOnUse' %3E%3Cstop stop-color='%23844193' /%3E%3Cstop offset='1' stop-color='%23D6308C' /%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") !important;
}

.ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__icon_more {
    background-image: none !important;
}

.ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more.ya-share2__link_more-button-type_short~.ya-share2__popup {
    transition: .3s ease opacity, .3s ease visibility;
    display: flex !important;
    visibility: hidden;
    opacity: 0;
}

@media (hover: hover) {
    .share-icon:hover .ya-share2__popup {
        visibility: visible !important;
        opacity: 1 !important;
    }
}

.ya-share2__popup_visible {
    visibility: visible !important;
    opacity: 1 !important;
}


/* main page */
.categories_list {
    display: flex;
    justify-content: center;
    gap: 15px;
}

.category_item {
    border: 1px solid #ddd;
    padding: 10px;
}

.category_item:hover {
    box-shadow: 0 0 5px 2px #ddd;
}

.category_image {
    width: 150px;
    height: 120px;

    display: flex;
    align-items: center;
}

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

.category_title {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}