:root {
    --color-primary: #4527a0;
    --color-primary-light: #7953d2;
    --color-primary-dark: #000070;
    --color-accent: #e9c822;
    --color-accent-2: #e84c3d;
    --color-text: #444;
    --color-light-gray: #e8e8e8;
    --color-light-gray-2: #f4f4f4;
    --color-gray: #999;
    --color-black: #191919;
}

/* ANIMATIONS */
@-webkit-keyframes hideOut {
    0% {
        display: none;
        visibility: visible;
        margin: 0;
        opacity: 1;
        transform: translateY(0);
    }

    to {
        display: block;
        transform: translateY(-25px);
        opacity: 0;
    }
}

@keyframes hideOut {
    0% {
        display: none;
        visibility: visible;
        margin: 0;
        opacity: 1;
        transform: translateY(0);
    }

    to {
        display: block;
        transform: translateY(-25px);
        opacity: 0;
    }
}

@-webkit-keyframes showIn {
    0% {
        display: none;
        opacity: 0;
        transform: translateY(-25px);
    }

    to {
        display: block;
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes showIn {
    0% {
        display: none;
        opacity: 0;
        transform: translateY(-25px);
    }

    to {
        display: block;
        opacity: 1;
        transform: translateY(0);
    }
}

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

html,
body {
    width: 100%;
    min-height: 100%;
}

body {
    font-size: 16px;
    font-weight: 400;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    overflow-x: hidden;
    min-width: 320px;
}

.wrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.content {
    flex: 1;
}

.hidden {
    display: none;
}

.container {
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

@media screen and (min-width: 992px) {
    .container {
        max-width: 1470px;
        min-width: 1000px;
    }
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    line-height: 1.3;
    display: inline-flex;
}

.h1 {
    font-weight: 700;
    font-size: 32px;
}

.h2 {
    font-weight: 700;
    font-size: 28px;
}

ul[class],
ul[class] li {
    list-style: none;
}

ul[class] {
    padding: 0;
    margin: 0;
}

@media screen and (min-width: 992px) {
    .container {
        padding-right: 52px;
        padding-left: 52px;
    }
}

@media screen and (min-width: 1200px) {
    .container {
        padding-right: 76px;
        padding-left: 76px;
    }
}

@media screen and (min-width: 1300px) {
    .container {
        padding-right: 67px;
        padding-left: 67px;
    }
}

@media screen and (min-width: 1480px) {
    .container {
        width: 1440px;
        margin: 0 auto;
        padding-right: 0;
        padding-left: 0;
    }
}

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

.flex-row--with-margin {
    margin: 0 -15px;
}

.flex-row--with-margin-half {
    margin: 0 -7.5px;
}

.grid-row {
    display: grid;
    gap: 30px;
}

.grid-row--aside {
    grid-template-columns: 1fr 290px;
}

.column {
    width: 100%;
    padding: 0 15px;
}

.column--half-padding {
    padding: 0 7.5px;
}

.column-50-xs {
    flex: 0 0 50%;
}

@media screen and (min-width: 992px) {
    .column-25 {
        flex: 0 0 25%;
    }

    .column-50 {
        flex: 0 0 50%;
    }
}

a,
input,
button,
select {
    transition: all 0.3s ease;
}

/* BUTTONS */
a,
.link {
    color: var(--color-primary);
    text-decoration: none;
}

a:hover,
.link:hover {
    color: var(--color-accent-2);
}

.link {
    cursor: pointer;
}

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

.btn {
    border-radius: 3px;
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    text-align: center;
    padding: 13px 20px;
    text-decoration: none;
    border: 1px solid transparent;
    transition: all 0.3s ease;
}

.btn:focus {
    outline: none !important;
}

.btn-default {
    min-width: 150px;
    background-color: var(--color-primary);
    color: #fff;
    box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 20%),
        0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%);
}

.btn-default:hover {
    box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%),
        0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
}

.btn-default:not(:disabled):hover {
    background-color: var(--color-primary-light);
    color: #fff;
}

.btn-flex {
    width: auto;
}

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

.btn-gray .svg-icon {
    background-color: var(--color-text);
}

.btn-outline-gray {
    border-color: var(--color-light-gray);
}

.btn-accent {
    background-color: var(--color-accent);
}

.btn-big {
    min-width: 248px;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 500;
}

.btn-small {
    min-width: 120px;
    padding: 6px 20px;
    font-size: 14px;
    border-radius: 4px;
}

.btn-small .svg-icon {
    width: 14px;
    height: 14px;
}

.btn-full-size {
    width: 100%;
    min-width: auto;
}

.btn-close {
    border: 0;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg height='512px' id='Layer_1' style='enable-background:new 0 0 512 512;' version='1.1' viewBox='0 0 512 512' width='512px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M443.6,387.1L312.4,255.4l131.5-130c5.4-5.4,5.4-14.2,0-19.6l-37.4-37.6c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4 L256,197.8L124.9,68.3c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4L68,105.9c-5.4,5.4-5.4,14.2,0,19.6l131.5,130L68.4,387.1 c-2.6,2.6-4.1,6.1-4.1,9.8c0,3.7,1.4,7.2,4.1,9.8l37.4,37.6c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1L256,313.1l130.7,131.1 c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1l37.4-37.6c2.6-2.6,4.1-6.1,4.1-9.8C447.7,393.2,446.2,389.7,443.6,387.1z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg height='512px' id='Layer_1' style='enable-background:new 0 0 512 512;' version='1.1' viewBox='0 0 512 512' width='512px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M443.6,387.1L312.4,255.4l131.5-130c5.4-5.4,5.4-14.2,0-19.6l-37.4-37.6c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4 L256,197.8L124.9,68.3c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4L68,105.9c-5.4,5.4-5.4,14.2,0,19.6l131.5,130L68.4,387.1 c-2.6,2.6-4.1,6.1-4.1,9.8c0,3.7,1.4,7.2,4.1,9.8l37.4,37.6c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1L256,313.1l130.7,131.1 c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1l37.4-37.6c2.6-2.6,4.1-6.1,4.1-9.8C447.7,393.2,446.2,389.7,443.6,387.1z'/%3E%3C/svg%3E");
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-position: center;
    -webkit-mask-position: center;
    width: 20px;
    height: 20px;
    display: block;
    background-color: #333;
    cursor: pointer;
    padding: 0;
}

.btn-close:hover {
    background-color: var(--color-light-gray);
}

.btn-close--top {
    position: absolute;
    top: 0;
    right: 0;
    margin: 10px;
}

.show-filter-form .svg-icon {
    width: 14px;
    height: 14px;
}

@media screen and (max-width: 768px) {
    .btn {
        padding: 10px 20px;
    }
    .btn-big {
        min-width: 150px;
        border-radius: 4px;
        font-size: 14px;
    }
    .btn-small {
        padding: 6px 20px;
    }
}

.svg-icon {
    display: inline-flex;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    transition: all 0.3s ease;
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.svg-icon-attention {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg fill='none' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='M12.8455 5.21137C12.4531 4.59003 11.5469 4.59003 11.1545 5.21137L2.78316 18.466C2.36261 19.1319 2.84109 20 3.62865 20H20.3713C21.1589 20 21.6374 19.1319 21.2168 18.466L12.8455 5.21137ZM9.46353 4.14338C10.6408 2.27935 13.3592 2.27936 14.5365 4.14339L22.9078 17.398C24.1695 19.3956 22.734 22 20.3713 22H3.62865C1.26598 22 -0.169465 19.3956 1.09218 17.398L9.46353 4.14338ZM13 17C13 17.5523 12.5523 18 12 18C11.4477 18 11 17.5523 11 17C11 16.4477 11.4477 16 12 16C12.5523 16 13 16.4477 13 17ZM10.6941 10.1644L11.4178 14.5068C11.4652 14.7914 11.7115 15 12 15C12.2885 15 12.5348 14.7914 12.5822 14.5068L13.3059 10.1644C13.4075 9.55487 12.9375 9 12.3195 9H11.6805C11.0625 9 10.5925 9.55487 10.6941 10.1644Z' fill='%23222222' fill-rule='evenodd'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg fill='none' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='M12.8455 5.21137C12.4531 4.59003 11.5469 4.59003 11.1545 5.21137L2.78316 18.466C2.36261 19.1319 2.84109 20 3.62865 20H20.3713C21.1589 20 21.6374 19.1319 21.2168 18.466L12.8455 5.21137ZM9.46353 4.14338C10.6408 2.27935 13.3592 2.27936 14.5365 4.14339L22.9078 17.398C24.1695 19.3956 22.734 22 20.3713 22H3.62865C1.26598 22 -0.169465 19.3956 1.09218 17.398L9.46353 4.14338ZM13 17C13 17.5523 12.5523 18 12 18C11.4477 18 11 17.5523 11 17C11 16.4477 11.4477 16 12 16C12.5523 16 13 16.4477 13 17ZM10.6941 10.1644L11.4178 14.5068C11.4652 14.7914 11.7115 15 12 15C12.2885 15 12.5348 14.7914 12.5822 14.5068L13.3059 10.1644C13.4075 9.55487 12.9375 9 12.3195 9H11.6805C11.0625 9 10.5925 9.55487 10.6941 10.1644Z' fill='%23222222' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.svg-icon-arrow-prev {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 96 96' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cpath d='M39.3756,48.0022l30.47-25.39a6.0035,6.0035,0,0,0-7.6878-9.223L26.1563,43.3906a6.0092,6.0092,0,0,0,0,9.2231L62.1578,82.615a6.0035,6.0035,0,0,0,7.6878-9.2231Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 96 96' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cpath d='M39.3756,48.0022l30.47-25.39a6.0035,6.0035,0,0,0-7.6878-9.223L26.1563,43.3906a6.0092,6.0092,0,0,0,0,9.2231L62.1578,82.615a6.0035,6.0035,0,0,0,7.6878-9.2231Z'/%3E%3C/svg%3E");
}

.svg-icon-arrow-next {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 96 96' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cpath d='M69.8437,43.3876,33.8422,13.3863a6.0035,6.0035,0,0,0-7.6878,9.223l30.47,25.39-30.47,25.39a6.0035,6.0035,0,0,0,7.6878,9.2231L69.8437,52.6106a6.0091,6.0091,0,0,0,0-9.223Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 96 96' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cpath d='M69.8437,43.3876,33.8422,13.3863a6.0035,6.0035,0,0,0-7.6878,9.223l30.47,25.39-30.47,25.39a6.0035,6.0035,0,0,0,7.6878,9.2231L69.8437,52.6106a6.0091,6.0091,0,0,0,0-9.223Z'/%3E%3C/svg%3E");
}

.svg-icon-close {
    -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;%7D%3C/style%3E%3C/defs%3E%3Ctitle/%3E%3Cg id='cross'%3E%3Cline class='cls-1' x1='7' x2='25' y1='7' y2='25'/%3E%3Cline class='cls-1' x1='7' x2='25' y1='25' y2='7'/%3E%3C/g%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;%7D%3C/style%3E%3C/defs%3E%3Ctitle/%3E%3Cg id='cross'%3E%3Cline class='cls-1' x1='7' x2='25' y1='7' y2='25'/%3E%3Cline class='cls-1' x1='7' x2='25' y1='25' y2='7'/%3E%3C/g%3E%3C/svg%3E");
}

.svg-icon-question {
    -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Crect fill='none' height='256' width='256'/%3E%3Ccircle cx='128' cy='128' fill='none' r='96' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Ccircle cx='128' cy='180' r='12'/%3E%3Cpath d='M128,144v-8a28,28,0,1,0-28-28' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Crect fill='none' height='256' width='256'/%3E%3Ccircle cx='128' cy='128' fill='none' r='96' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Ccircle cx='128' cy='180' r='12'/%3E%3Cpath d='M128,144v-8a28,28,0,1,0-28-28' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3C/svg%3E");
}

.svg-icon-heart {
    -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg style='enable-background:new 0 0 24 24;' version='1.1' viewBox='0 0 24 24' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='info'/%3E%3Cg id='icons'%3E%3Cpath d='M22.2,4.1c2.7,2.7,2.4,6.9-0.4,9.5l-8.4,7.9c-0.8,0.7-2.1,0.7-2.9,0l-8.4-7.9c-2.7-2.6-3-6.8-0.4-9.5 C4.6,1.4,9.2,1.3,12,4C14.8,1.3,19.4,1.4,22.2,4.1z' id='like'/%3E%3C/g%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg style='enable-background:new 0 0 24 24;' version='1.1' viewBox='0 0 24 24' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='info'/%3E%3Cg id='icons'%3E%3Cpath d='M22.2,4.1c2.7,2.7,2.4,6.9-0.4,9.5l-8.4,7.9c-0.8,0.7-2.1,0.7-2.9,0l-8.4-7.9c-2.7-2.6-3-6.8-0.4-9.5 C4.6,1.4,9.2,1.3,12,4C14.8,1.3,19.4,1.4,22.2,4.1z' id='like'/%3E%3C/g%3E%3C/svg%3E");
}

.svg-icon-heart-outline {
    -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23101820;%7D%3C/style%3E%3C/defs%3E%3Ctitle/%3E%3Cg data-name='Layer 54' id='Layer_54'%3E%3Cpath class='cls-1' d='M16,28.72a3,3,0,0,1-2.13-.88L3.57,17.54a8.72,8.72,0,0,1-2.52-6.25,8.06,8.06,0,0,1,8.14-8A8.06,8.06,0,0,1,15,5.68l1,1,.82-.82h0a8.39,8.39,0,0,1,11-.89,8.25,8.25,0,0,1,.81,12.36L18.13,27.84A3,3,0,0,1,16,28.72ZM9.15,5.28A6.12,6.12,0,0,0,4.89,7a6,6,0,0,0-1.84,4.33A6.72,6.72,0,0,0,5,16.13l10.3,10.3a1,1,0,0,0,1.42,0L27.23,15.91A6.25,6.25,0,0,0,29,11.11a6.18,6.18,0,0,0-2.43-4.55,6.37,6.37,0,0,0-8.37.71L16.71,8.8a1,1,0,0,1-1.42,0l-1.7-1.7a6.28,6.28,0,0,0-4.4-1.82Z'/%3E%3C/g%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23101820;%7D%3C/style%3E%3C/defs%3E%3Ctitle/%3E%3Cg data-name='Layer 54' id='Layer_54'%3E%3Cpath class='cls-1' d='M16,28.72a3,3,0,0,1-2.13-.88L3.57,17.54a8.72,8.72,0,0,1-2.52-6.25,8.06,8.06,0,0,1,8.14-8A8.06,8.06,0,0,1,15,5.68l1,1,.82-.82h0a8.39,8.39,0,0,1,11-.89,8.25,8.25,0,0,1,.81,12.36L18.13,27.84A3,3,0,0,1,16,28.72ZM9.15,5.28A6.12,6.12,0,0,0,4.89,7a6,6,0,0,0-1.84,4.33A6.72,6.72,0,0,0,5,16.13l10.3,10.3a1,1,0,0,0,1.42,0L27.23,15.91A6.25,6.25,0,0,0,29,11.11a6.18,6.18,0,0,0-2.43-4.55,6.37,6.37,0,0,0-8.37.71L16.71,8.8a1,1,0,0,1-1.42,0l-1.7-1.7a6.28,6.28,0,0,0-4.4-1.82Z'/%3E%3C/g%3E%3C/svg%3E");
}

.svg-icon-compare {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg class='icon' width='18' height='18' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 6V4h18v2zm0 7v-2h18v2zm0 7v-2h8v2zm18-2v2h-2.5v2.5h-2V20H14v-2h2.5v-2.5h2V18z' fill='%23000000' fill-rule='evenodd' /%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg class='icon' width='18' height='18' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 6V4h18v2zm0 7v-2h18v2zm0 7v-2h8v2zm18-2v2h-2.5v2.5h-2V20H14v-2h2.5v-2.5h2V18z' fill='%23000000' fill-rule='evenodd' /%3E%3C/svg%3E");
}

.svg-icon-geo {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg class='icon' width='18' height='18' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 11 9 3 3 9 9-21z' fill='%23000000' fill-rule='evenodd' /%3E%3C/svg%3E ");
    mask-image: url("data:image/svg+xml,%3Csvg class='icon' width='18' height='18' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 11 9 3 3 9 9-21z' fill='%23000000' fill-rule='evenodd' /%3E%3C/svg%3E ");
}

.svg-icon-user {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25' style='width: 18px; height: 18px;'%3E%3Cellipse cx='12.5' cy='6.31' rx='6.28' ry='6.31'%3E%3C/ellipse%3E%3Cpath d='M25 22.78a3.23 3.23 0 0 0-.6-1.9c-1.26-1.75-4.71-5.3-11.84-5.35h-.12c-7.13.05-10.58 3.6-11.84 5.35a3.23 3.23 0 0 0-.6 1.9V24a1 1 0 0 0 1 1h23a1 1 0 0 0 1-1Z'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25' style='width: 18px; height: 18px;'%3E%3Cellipse cx='12.5' cy='6.31' rx='6.28' ry='6.31'%3E%3C/ellipse%3E%3Cpath d='M25 22.78a3.23 3.23 0 0 0-.6-1.9c-1.26-1.75-4.71-5.3-11.84-5.35h-.12c-7.13.05-10.58 3.6-11.84 5.35a3.23 3.23 0 0 0-.6 1.9V24a1 1 0 0 0 1 1h23a1 1 0 0 0 1-1Z'%3E%3C/path%3E%3C/svg%3E");
}

.svg-icon-login {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg data-name='Layer 4' id='Layer_4'%3E%3Cpath d='M11.71,15.29l-4-4a1,1,0,0,0-1.09-.21A1,1,0,0,0,6,12v1H3a1,1,0,0,0-1,1v4a1,1,0,0,0,1,1H6v1a1,1,0,0,0,.62.92A.84.84,0,0,0,7,21a1,1,0,0,0,.71-.29l4-4A1,1,0,0,0,11.71,15.29Z'/%3E%3Cpath d='M20,29.52a2,2,0,0,1-1.12-.34A2,2,0,0,1,18,27.52v-23a2,2,0,0,1,2.74-1.86l8,3.2A2,2,0,0,1,30,7.68V24.32a2,2,0,0,1-1.26,1.86l-8,3.2A1.91,1.91,0,0,1,20,29.52Zm0-25V27.53l8-3.21V7.68Z'/%3E%3Cpath d='M22,19a1,1,0,0,1-1-1V14a1,1,0,0,1,2,0v4A1,1,0,0,1,22,19Z'/%3E%3Cpath d='M19,5H15a2,2,0,0,0-2,2V26a2,2,0,0,0,2,2h4a1,1,0,0,0,1-1V6A1,1,0,0,0,19,5Z'/%3E%3Cpath d='M20,24c6.83-.25,8-5,8-6.67l1,7a1,1,0,0,1-.63.93l-8.53,3.47-.23-3.5Z'/%3E%3C/g%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg data-name='Layer 4' id='Layer_4'%3E%3Cpath d='M11.71,15.29l-4-4a1,1,0,0,0-1.09-.21A1,1,0,0,0,6,12v1H3a1,1,0,0,0-1,1v4a1,1,0,0,0,1,1H6v1a1,1,0,0,0,.62.92A.84.84,0,0,0,7,21a1,1,0,0,0,.71-.29l4-4A1,1,0,0,0,11.71,15.29Z'/%3E%3Cpath d='M20,29.52a2,2,0,0,1-1.12-.34A2,2,0,0,1,18,27.52v-23a2,2,0,0,1,2.74-1.86l8,3.2A2,2,0,0,1,30,7.68V24.32a2,2,0,0,1-1.26,1.86l-8,3.2A1.91,1.91,0,0,1,20,29.52Zm0-25V27.53l8-3.21V7.68Z'/%3E%3Cpath d='M22,19a1,1,0,0,1-1-1V14a1,1,0,0,1,2,0v4A1,1,0,0,1,22,19Z'/%3E%3Cpath d='M19,5H15a2,2,0,0,0-2,2V26a2,2,0,0,0,2,2h4a1,1,0,0,0,1-1V6A1,1,0,0,0,19,5Z'/%3E%3Cpath d='M20,24c6.83-.25,8-5,8-6.67l1,7a1,1,0,0,1-.63.93l-8.53,3.47-.23-3.5Z'/%3E%3C/g%3E%3C/svg%3E");
}

.svg-icon-logout {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg data-name='Layer 5' id='Layer_5'%3E%3Cpath d='M11,13H8V12a1,1,0,0,0-.62-.92,1,1,0,0,0-1.09.21l-4,4a1,1,0,0,0,0,1.42l4,4A1,1,0,0,0,7,21a.84.84,0,0,0,.38-.08A1,1,0,0,0,8,20V19h3a1,1,0,0,0,1-1V14A1,1,0,0,0,11,13Z'/%3E%3Cpath d='M20,29.52a2,2,0,0,1-1.12-.34A2,2,0,0,1,18,27.52v-23a2,2,0,0,1,2.74-1.86l8,3.2A2,2,0,0,1,30,7.68V24.32a2,2,0,0,1-1.26,1.86l-8,3.2A1.91,1.91,0,0,1,20,29.52Zm0-25V27.53l8-3.21V7.68Z'/%3E%3Cpath d='M22,19a1,1,0,0,1-1-1V14a1,1,0,0,1,2,0v4A1,1,0,0,1,22,19Z'/%3E%3Cpath d='M19,5H15a2,2,0,0,0-2,2V26a2,2,0,0,0,2,2h4a1,1,0,0,0,1-1V6A1,1,0,0,0,19,5Z'/%3E%3Cpath d='M20,24c6.83-.25,8-5,8-6.67l1,7a1,1,0,0,1-.63.93l-8.53,3.47-.23-3.5Z'/%3E%3C/g%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg data-name='Layer 5' id='Layer_5'%3E%3Cpath d='M11,13H8V12a1,1,0,0,0-.62-.92,1,1,0,0,0-1.09.21l-4,4a1,1,0,0,0,0,1.42l4,4A1,1,0,0,0,7,21a.84.84,0,0,0,.38-.08A1,1,0,0,0,8,20V19h3a1,1,0,0,0,1-1V14A1,1,0,0,0,11,13Z'/%3E%3Cpath d='M20,29.52a2,2,0,0,1-1.12-.34A2,2,0,0,1,18,27.52v-23a2,2,0,0,1,2.74-1.86l8,3.2A2,2,0,0,1,30,7.68V24.32a2,2,0,0,1-1.26,1.86l-8,3.2A1.91,1.91,0,0,1,20,29.52Zm0-25V27.53l8-3.21V7.68Z'/%3E%3Cpath d='M22,19a1,1,0,0,1-1-1V14a1,1,0,0,1,2,0v4A1,1,0,0,1,22,19Z'/%3E%3Cpath d='M19,5H15a2,2,0,0,0-2,2V26a2,2,0,0,0,2,2h4a1,1,0,0,0,1-1V6A1,1,0,0,0,19,5Z'/%3E%3Cpath d='M20,24c6.83-.25,8-5,8-6.67l1,7a1,1,0,0,1-.63.93l-8.53,3.47-.23-3.5Z'/%3E%3C/g%3E%3C/svg%3E");
}

.svg-icon-catalog {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='List'%3E%3Cpath d='M14,10H6a2,2,0,0,0-2,2v8a2,2,0,0,0,2,2h8a2,2,0,0,0,2-2V12A2,2,0,0,0,14,10Zm-2,8H8V14h4Z'/%3E%3Cpath d='M58,10H22a2,2,0,0,0-2,2v8a2,2,0,0,0,2,2H58a2,2,0,0,0,2-2V12A2,2,0,0,0,58,10Zm-2,8H24V14H56Z'/%3E%3Cpath d='M14,26H6a2,2,0,0,0-2,2v8a2,2,0,0,0,2,2h8a2,2,0,0,0,2-2V28A2,2,0,0,0,14,26Zm-2,8H8V30h4Z'/%3E%3Cpath d='M58,26H22a2,2,0,0,0-2,2v8a2,2,0,0,0,2,2H58a2,2,0,0,0,2-2V28A2,2,0,0,0,58,26Zm-2,8H24V30H56Z'/%3E%3Cpath d='M14,42H6a2,2,0,0,0-2,2v8a2,2,0,0,0,2,2h8a2,2,0,0,0,2-2V44A2,2,0,0,0,14,42Zm-2,8H8V46h4Z'/%3E%3Cpath d='M58,42H22a2,2,0,0,0-2,2v8a2,2,0,0,0,2,2H58a2,2,0,0,0,2-2V44A2,2,0,0,0,58,42Zm-2,8H24V46H56Z'/%3E%3C/g%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='List'%3E%3Cpath d='M14,10H6a2,2,0,0,0-2,2v8a2,2,0,0,0,2,2h8a2,2,0,0,0,2-2V12A2,2,0,0,0,14,10Zm-2,8H8V14h4Z'/%3E%3Cpath d='M58,10H22a2,2,0,0,0-2,2v8a2,2,0,0,0,2,2H58a2,2,0,0,0,2-2V12A2,2,0,0,0,58,10Zm-2,8H24V14H56Z'/%3E%3Cpath d='M14,26H6a2,2,0,0,0-2,2v8a2,2,0,0,0,2,2h8a2,2,0,0,0,2-2V28A2,2,0,0,0,14,26Zm-2,8H8V30h4Z'/%3E%3Cpath d='M58,26H22a2,2,0,0,0-2,2v8a2,2,0,0,0,2,2H58a2,2,0,0,0,2-2V28A2,2,0,0,0,58,26Zm-2,8H24V30H56Z'/%3E%3Cpath d='M14,42H6a2,2,0,0,0-2,2v8a2,2,0,0,0,2,2h8a2,2,0,0,0,2-2V44A2,2,0,0,0,14,42Zm-2,8H8V46h4Z'/%3E%3Cpath d='M58,42H22a2,2,0,0,0-2,2v8a2,2,0,0,0,2,2H58a2,2,0,0,0,2-2V44A2,2,0,0,0,58,42Zm-2,8H24V46H56Z'/%3E%3C/g%3E%3C/svg%3E");
}

.svg-icon-filter {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg data-name='Layer 1' id='Layer_1' viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cpath d='M47,12a2,2,0,0,0-2-2H24a2,2,0,0,0,0,4H45A2,2,0,0,0,47,12Z'/%3E%3Cpath d='M3,14H8.35a6,6,0,1,0,0-4H3a2,2,0,0,0,0,4Zm11-4a2,2,0,1,1-2,2A2,2,0,0,1,14,10Z'/%3E%3Cpath d='M45,22H37.65a6,6,0,1,0,0,4H45a2,2,0,0,0,0-4ZM32,26a2,2,0,1,1,2-2A2,2,0,0,1,32,26Z'/%3E%3Cpath d='M22,22H3a2,2,0,0,0,0,4H22a2,2,0,0,0,0-4Z'/%3E%3Cpath d='M45,34H28a2,2,0,0,0,0,4H45a2,2,0,0,0,0-4Z'/%3E%3Cpath d='M18,30a6,6,0,0,0-5.65,4H3a2,2,0,0,0,0,4h9.35A6,6,0,1,0,18,30Zm0,8a2,2,0,1,1,2-2A2,2,0,0,1,18,38Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg data-name='Layer 1' id='Layer_1' viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cpath d='M47,12a2,2,0,0,0-2-2H24a2,2,0,0,0,0,4H45A2,2,0,0,0,47,12Z'/%3E%3Cpath d='M3,14H8.35a6,6,0,1,0,0-4H3a2,2,0,0,0,0,4Zm11-4a2,2,0,1,1-2,2A2,2,0,0,1,14,10Z'/%3E%3Cpath d='M45,22H37.65a6,6,0,1,0,0,4H45a2,2,0,0,0,0-4ZM32,26a2,2,0,1,1,2-2A2,2,0,0,1,32,26Z'/%3E%3Cpath d='M22,22H3a2,2,0,0,0,0,4H22a2,2,0,0,0,0-4Z'/%3E%3Cpath d='M45,34H28a2,2,0,0,0,0,4H45a2,2,0,0,0,0-4Z'/%3E%3Cpath d='M18,30a6,6,0,0,0-5.65,4H3a2,2,0,0,0,0,4h9.35A6,6,0,1,0,18,30Zm0,8a2,2,0,1,1,2-2A2,2,0,0,1,18,38Z'/%3E%3C/svg%3E");
}

.svg-icon-view-list {
    -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='512' id='svg2' version='1.1' width='512' xmlns='http://www.w3.org/2000/svg' xmlns:cc='http://creativecommons.org/ns%23' xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs4'/%3E%3Cg id='layer1' transform='translate(0,-540.36218)'%3E%3Cpath d='m 86.942864,634.54762 c -8.0206,0 -14.4482,6.5376 -14.4482,14.5581 l 0,62.1198 c 0,8.0206 6.4276,14.4482 14.4482,14.4482 l 334.612396,0 c 8.0204,0 14.5215,-6.4276 14.5215,-14.4482 l 0,-62.1198 c 0,-8.0205 -6.5011,-14.5581 -14.5215,-14.5581 z m 0,115.6587 c -8.0206,0 -14.4482,6.501 -14.4482,14.5215 l 0,62.1564 c 0,8.0206 6.4276,14.4482 14.4482,14.4482 l 334.612396,0 c 8.0204,0 14.5215,-6.4276 14.5215,-14.4482 l 0,-62.1564 c 0,-8.0205 -6.5011,-14.5215 -14.5215,-14.5215 z m 0,114.5219 c -8.0206,0 -14.4482,6.5378 -14.4482,14.5582 l 0,62.11978 c 0,8.0205 6.4276,14.4848 14.4482,14.4848 l 334.612396,0 c 8.0204,0 14.5215,-6.4643 14.5215,-14.4848 l 0,-62.11978 c 0,-8.0204 -6.5011,-14.5582 -14.5215,-14.5582 z' id='rect3044-174-4-7-5-0-4-2-1' style='fill:%23000000;fill-opacity:1;stroke:none'/%3E%3C/g%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='512' id='svg2' version='1.1' width='512' xmlns='http://www.w3.org/2000/svg' xmlns:cc='http://creativecommons.org/ns%23' xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs4'/%3E%3Cg id='layer1' transform='translate(0,-540.36218)'%3E%3Cpath d='m 86.942864,634.54762 c -8.0206,0 -14.4482,6.5376 -14.4482,14.5581 l 0,62.1198 c 0,8.0206 6.4276,14.4482 14.4482,14.4482 l 334.612396,0 c 8.0204,0 14.5215,-6.4276 14.5215,-14.4482 l 0,-62.1198 c 0,-8.0205 -6.5011,-14.5581 -14.5215,-14.5581 z m 0,115.6587 c -8.0206,0 -14.4482,6.501 -14.4482,14.5215 l 0,62.1564 c 0,8.0206 6.4276,14.4482 14.4482,14.4482 l 334.612396,0 c 8.0204,0 14.5215,-6.4276 14.5215,-14.4482 l 0,-62.1564 c 0,-8.0205 -6.5011,-14.5215 -14.5215,-14.5215 z m 0,114.5219 c -8.0206,0 -14.4482,6.5378 -14.4482,14.5582 l 0,62.11978 c 0,8.0205 6.4276,14.4848 14.4482,14.4848 l 334.612396,0 c 8.0204,0 14.5215,-6.4643 14.5215,-14.4848 l 0,-62.11978 c 0,-8.0204 -6.5011,-14.5582 -14.5215,-14.5582 z' id='rect3044-174-4-7-5-0-4-2-1' style='fill:%23000000;fill-opacity:1;stroke:none'/%3E%3C/g%3E%3C/svg%3E");
}

.svg-icon-view-cards {
    -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg data-name='Square Menu Alt' id='Square_Menu_Alt'%3E%3Cpath d='M17.5,11h-3a2,2,0,0,1-2-2V6a2,2,0,0,1,2-2h3a2,2,0,0,1,2,2V9A2,2,0,0,1,17.5,11Z'/%3E%3Cpath d='M9,11H6A2,2,0,0,1,4,9V6A2,2,0,0,1,6,4H9a2,2,0,0,1,2,2V9A2,2,0,0,1,9,11Z'/%3E%3Cpath d='M26,11H23a2,2,0,0,1-2-2V6a2,2,0,0,1,2-2h3a2,2,0,0,1,2,2V9A2,2,0,0,1,26,11Z'/%3E%3Cpath d='M17.5,28h-3a2,2,0,0,1-2-2V23a2,2,0,0,1,2-2h3a2,2,0,0,1,2,2v3A2,2,0,0,1,17.5,28Z'/%3E%3Cpath d='M9,28H6a2,2,0,0,1-2-2V23a2,2,0,0,1,2-2H9a2,2,0,0,1,2,2v3A2,2,0,0,1,9,28Z'/%3E%3Cpath d='M26,28H23a2,2,0,0,1-2-2V23a2,2,0,0,1,2-2h3a2,2,0,0,1,2,2v3A2,2,0,0,1,26,28Z'/%3E%3Cpath d='M17.5,19.5h-3a2,2,0,0,1-2-2v-3a2,2,0,0,1,2-2h3a2,2,0,0,1,2,2v3A2,2,0,0,1,17.5,19.5Z'/%3E%3Cpath d='M9,19.5H6a2,2,0,0,1-2-2v-3a2,2,0,0,1,2-2H9a2,2,0,0,1,2,2v3A2,2,0,0,1,9,19.5Z'/%3E%3Cpath d='M26,19.5H23a2,2,0,0,1-2-2v-3a2,2,0,0,1,2-2h3a2,2,0,0,1,2,2v3A2,2,0,0,1,26,19.5Z'/%3E%3C/g%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg data-name='Square Menu Alt' id='Square_Menu_Alt'%3E%3Cpath d='M17.5,11h-3a2,2,0,0,1-2-2V6a2,2,0,0,1,2-2h3a2,2,0,0,1,2,2V9A2,2,0,0,1,17.5,11Z'/%3E%3Cpath d='M9,11H6A2,2,0,0,1,4,9V6A2,2,0,0,1,6,4H9a2,2,0,0,1,2,2V9A2,2,0,0,1,9,11Z'/%3E%3Cpath d='M26,11H23a2,2,0,0,1-2-2V6a2,2,0,0,1,2-2h3a2,2,0,0,1,2,2V9A2,2,0,0,1,26,11Z'/%3E%3Cpath d='M17.5,28h-3a2,2,0,0,1-2-2V23a2,2,0,0,1,2-2h3a2,2,0,0,1,2,2v3A2,2,0,0,1,17.5,28Z'/%3E%3Cpath d='M9,28H6a2,2,0,0,1-2-2V23a2,2,0,0,1,2-2H9a2,2,0,0,1,2,2v3A2,2,0,0,1,9,28Z'/%3E%3Cpath d='M26,28H23a2,2,0,0,1-2-2V23a2,2,0,0,1,2-2h3a2,2,0,0,1,2,2v3A2,2,0,0,1,26,28Z'/%3E%3Cpath d='M17.5,19.5h-3a2,2,0,0,1-2-2v-3a2,2,0,0,1,2-2h3a2,2,0,0,1,2,2v3A2,2,0,0,1,17.5,19.5Z'/%3E%3Cpath d='M9,19.5H6a2,2,0,0,1-2-2v-3a2,2,0,0,1,2-2H9a2,2,0,0,1,2,2v3A2,2,0,0,1,9,19.5Z'/%3E%3Cpath d='M26,19.5H23a2,2,0,0,1-2-2v-3a2,2,0,0,1,2-2h3a2,2,0,0,1,2,2v3A2,2,0,0,1,26,19.5Z'/%3E%3C/g%3E%3C/svg%3E");
}

.svg-icon-charts-icon {
    -webkit-mask-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' image-rendering='optimizeQuality' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' viewBox='0 0 25 14'%3E%3Cpath fill-rule='nonzero' d='M25 12.91v.11h-.01v.06l-.01.02v.05l-.01.01v.03l-.01.01v.02l-.01.02v.01l-.01.01v.01l-.01.02v.01l-.01.01v.02l-.01.01v.01l-.01.01v.01l-.01.02-.01.02-.01.01v.02l-.01.01-.01.01-.02.04-.01.02-.01.01-.01.01v.01l-.01.01-.01.01-.01.01v.01l-.02.02-.01.02h-.01l-.01.02-.02.02-.02.02-.02.02-.02.01v.01l-.02.01v.01l-.02.01-.02.02h-.01l-.01.01-.01.01-.01.01h-.01l-.01.01-.01.01-.02.01-.04.02-.01.01-.01.01h-.02l-.01.01-.02.01-.02.01h-.01l-.01.01h-.01l-.01.01h-.01l-.02.01h-.01l-.01.01h-.02l-.01.01h-.03l-.01.01h-.01l-.01.01h-.04l-.02.01h-.03l-.02.01h-.06l-.02.01h-6.68c-.6 0-1.09-.49-1.09-1.1 0-.6.49-1.1 1.09-1.1h3.94l-7.78-7.78-4.71 4.72c-.43.43-1.13.43-1.55 0L.32 1.86C-.11 1.43-.11.74.32.31c.43-.43 1.13-.43 1.55 0l6.11 6.11 4.72-4.71c.42-.43 1.12-.43 1.55 0l8.55 8.55V6.33c0-.61.5-1.1 1.1-1.1.61 0 1.1.49 1.1 1.1v6.58z'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' image-rendering='optimizeQuality' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' viewBox='0 0 25 14'%3E%3Cpath fill-rule='nonzero' d='M25 12.91v.11h-.01v.06l-.01.02v.05l-.01.01v.03l-.01.01v.02l-.01.02v.01l-.01.01v.01l-.01.02v.01l-.01.01v.02l-.01.01v.01l-.01.01v.01l-.01.02-.01.02-.01.01v.02l-.01.01-.01.01-.02.04-.01.02-.01.01-.01.01v.01l-.01.01-.01.01-.01.01v.01l-.02.02-.01.02h-.01l-.01.02-.02.02-.02.02-.02.02-.02.01v.01l-.02.01v.01l-.02.01-.02.02h-.01l-.01.01-.01.01-.01.01h-.01l-.01.01-.01.01-.02.01-.04.02-.01.01-.01.01h-.02l-.01.01-.02.01-.02.01h-.01l-.01.01h-.01l-.01.01h-.01l-.02.01h-.01l-.01.01h-.02l-.01.01h-.03l-.01.01h-.01l-.01.01h-.04l-.02.01h-.03l-.02.01h-.06l-.02.01h-6.68c-.6 0-1.09-.49-1.09-1.1 0-.6.49-1.1 1.09-1.1h3.94l-7.78-7.78-4.71 4.72c-.43.43-1.13.43-1.55 0L.32 1.86C-.11 1.43-.11.74.32.31c.43-.43 1.13-.43 1.55 0l6.11 6.11 4.72-4.71c.42-.43 1.12-.43 1.55 0l8.55 8.55V6.33c0-.61.5-1.1 1.1-1.1.61 0 1.1.49 1.1 1.1v6.58z'%3E%3C/path%3E%3C/svg%3E");
}

.svg-icon-map-point {
    -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg class='bi bi-geo-alt' fill='currentColor' height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.166 8.94c-.524 1.062-1.234 2.12-1.96 3.07A31.493 31.493 0 0 1 8 14.58a31.481 31.481 0 0 1-2.206-2.57c-.726-.95-1.436-2.008-1.96-3.07C3.304 7.867 3 6.862 3 6a5 5 0 0 1 10 0c0 .862-.305 1.867-.834 2.94zM8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10z'/%3E%3Cpath d='M8 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg class='bi bi-geo-alt' fill='currentColor' height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.166 8.94c-.524 1.062-1.234 2.12-1.96 3.07A31.493 31.493 0 0 1 8 14.58a31.481 31.481 0 0 1-2.206-2.57c-.726-.95-1.436-2.008-1.96-3.07C3.304 7.867 3 6.862 3 6a5 5 0 0 1 10 0c0 .862-.305 1.867-.834 2.94zM8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10z'/%3E%3Cpath d='M8 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'/%3E%3C/svg%3E");
}

.svg-icon-coin {
    -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg enable-background='new 0 0 26 26' id='Слой_1' version='1.1' viewBox='0 0 26 26' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M13,1C6.3828125,1,1,6.3828125,1,13s5.3828125,12,12,12s12-5.3828125,12-12S19.6171875,1,13,1z M13,23.5 C7.2099609,23.5,2.5,18.7900391,2.5,13S7.2099609,2.5,13,2.5S23.5,7.2099609,23.5,13S18.7900391,23.5,13,23.5z' fill='%231D1D1B'/%3E%3Cpath d='M13.2714844,5.875h-3.0498047c-0.4140625,0-0.75,0.3359375-0.75,0.75v5.625H8.5615234 c-0.4140625,0-0.75,0.3359375-0.75,0.75s0.3359375,0.75,0.75,0.75h0.9101563v1H8.5615234c-0.4140625,0-0.75,0.3359375-0.75,0.75 s0.3359375,0.75,0.75,0.75h0.9101563v3.125c0,0.4140625,0.3359375,0.75,0.75,0.75s0.75-0.3359375,0.75-0.75V16.25h2.8583984 c0.4140625,0,0.75-0.3359375,0.75-0.75s-0.3359375-0.75-0.75-0.75h-2.8583984v-1h2.2998047 c2.7109375,0,4.9169922-1.7666016,4.9169922-3.9375S15.9824219,5.875,13.2714844,5.875z M13.2714844,12.25h-2.2998047V7.375 h2.2998047c1.8837891,0,3.4169922,1.09375,3.4169922,2.4375S15.1552734,12.25,13.2714844,12.25z' fill='%231D1D1B'/%3E%3C/g%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg enable-background='new 0 0 26 26' id='Слой_1' version='1.1' viewBox='0 0 26 26' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M13,1C6.3828125,1,1,6.3828125,1,13s5.3828125,12,12,12s12-5.3828125,12-12S19.6171875,1,13,1z M13,23.5 C7.2099609,23.5,2.5,18.7900391,2.5,13S7.2099609,2.5,13,2.5S23.5,7.2099609,23.5,13S18.7900391,23.5,13,23.5z' fill='%231D1D1B'/%3E%3Cpath d='M13.2714844,5.875h-3.0498047c-0.4140625,0-0.75,0.3359375-0.75,0.75v5.625H8.5615234 c-0.4140625,0-0.75,0.3359375-0.75,0.75s0.3359375,0.75,0.75,0.75h0.9101563v1H8.5615234c-0.4140625,0-0.75,0.3359375-0.75,0.75 s0.3359375,0.75,0.75,0.75h0.9101563v3.125c0,0.4140625,0.3359375,0.75,0.75,0.75s0.75-0.3359375,0.75-0.75V16.25h2.8583984 c0.4140625,0,0.75-0.3359375,0.75-0.75s-0.3359375-0.75-0.75-0.75h-2.8583984v-1h2.2998047 c2.7109375,0,4.9169922-1.7666016,4.9169922-3.9375S15.9824219,5.875,13.2714844,5.875z M13.2714844,12.25h-2.2998047V7.375 h2.2998047c1.8837891,0,3.4169922,1.09375,3.4169922,2.4375S15.1552734,12.25,13.2714844,12.25z' fill='%231D1D1B'/%3E%3C/g%3E%3C/svg%3E");
}

.svg-icon-track {
    -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke-width='1.5' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 19C9.10457 19 10 18.1046 10 17C10 15.8954 9.10457 15 8 15C6.89543 15 6 15.8954 6 17C6 18.1046 6.89543 19 8 19Z' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='1.5'/%3E%3Cpath d='M18 19C19.1046 19 20 18.1046 20 17C20 15.8954 19.1046 15 18 15C16.8954 15 16 15.8954 16 17C16 18.1046 16.8954 19 18 19Z' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='1.5'/%3E%3Cpath d='M10.05 17H15V6.6C15 6.26863 14.7314 6 14.4 6H1' stroke='currentColor' stroke-linecap='round'/%3E%3Cpath d='M5.65 17H3.6C3.26863 17 3 16.7314 3 16.4V11.5' stroke='currentColor' stroke-linecap='round'/%3E%3Cpath d='M2 9L6 9' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 9H20.6101C20.8472 9 21.0621 9.13964 21.1584 9.35632L22.9483 13.3836C22.9824 13.4604 23 13.5434 23 13.6273V16.4C23 16.7314 22.7314 17 22.4 17H20.5' stroke='currentColor' stroke-linecap='round'/%3E%3Cpath d='M15 17H16' stroke='currentColor' stroke-linecap='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke-width='1.5' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 19C9.10457 19 10 18.1046 10 17C10 15.8954 9.10457 15 8 15C6.89543 15 6 15.8954 6 17C6 18.1046 6.89543 19 8 19Z' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='1.5'/%3E%3Cpath d='M18 19C19.1046 19 20 18.1046 20 17C20 15.8954 19.1046 15 18 15C16.8954 15 16 15.8954 16 17C16 18.1046 16.8954 19 18 19Z' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='1.5'/%3E%3Cpath d='M10.05 17H15V6.6C15 6.26863 14.7314 6 14.4 6H1' stroke='currentColor' stroke-linecap='round'/%3E%3Cpath d='M5.65 17H3.6C3.26863 17 3 16.7314 3 16.4V11.5' stroke='currentColor' stroke-linecap='round'/%3E%3Cpath d='M2 9L6 9' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 9H20.6101C20.8472 9 21.0621 9.13964 21.1584 9.35632L22.9483 13.3836C22.9824 13.4604 23 13.5434 23 13.6273V16.4C23 16.7314 22.7314 17 22.4 17H20.5' stroke='currentColor' stroke-linecap='round'/%3E%3Cpath d='M15 17H16' stroke='currentColor' stroke-linecap='round'/%3E%3C/svg%3E");
}

.svg-icon-credit {
    -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg enable-background='new 0 0 50 50' height='50px' id='Layer_1' version='1.1' viewBox='0 0 50 50' width='50px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect fill='none' height='50' width='50'/%3E%3Crect fill='none' height='50' width='50'/%3E%3Cpath d=' M42,10c0,0-29.397,0-34,0c-3.076,0-5,3-5,5v20.384C3,37.934,5.066,40,7.616,40h34.768C44.933,40,47,37.934,47,35.384V14.846 C47,12.299,44.549,10,42,10z' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Crect height='5' width='44' x='3' y='16'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg enable-background='new 0 0 50 50' height='50px' id='Layer_1' version='1.1' viewBox='0 0 50 50' width='50px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect fill='none' height='50' width='50'/%3E%3Crect fill='none' height='50' width='50'/%3E%3Cpath d=' M42,10c0,0-29.397,0-34,0c-3.076,0-5,3-5,5v20.384C3,37.934,5.066,40,7.616,40h34.768C44.933,40,47,37.934,47,35.384V14.846 C47,12.299,44.549,10,42,10z' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Crect height='5' width='44' x='3' y='16'/%3E%3C/svg%3E");
}

.svg-icon-info {
    -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg class='bi bi-info-circle' fill='currentColor' height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg class='bi bi-info-circle' fill='currentColor' height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z'/%3E%3C/svg%3E");
}

.svg-icon-smile {
    -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg data-name='Layer 1' id='Layer_1' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cellipse cx='6' cy='5.5' rx='1' ry='1.5'/%3E%3Cellipse cx='10' cy='5.5' rx='1' ry='1.5'/%3E%3Cpath d='M8.071,13.071A5.076,5.076,0,0,1,3,8H4.143A3.929,3.929,0,1,0,12,8h1.143A5.077,5.077,0,0,1,8.071,13.071Z'/%3E%3Cpath d='M8,1A7,7,0,1,1,1,8,7.008,7.008,0,0,1,8,1M8,0a8,8,0,1,0,8,8A8,8,0,0,0,8,0Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg data-name='Layer 1' id='Layer_1' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cellipse cx='6' cy='5.5' rx='1' ry='1.5'/%3E%3Cellipse cx='10' cy='5.5' rx='1' ry='1.5'/%3E%3Cpath d='M8.071,13.071A5.076,5.076,0,0,1,3,8H4.143A3.929,3.929,0,1,0,12,8h1.143A5.077,5.077,0,0,1,8.071,13.071Z'/%3E%3Cpath d='M8,1A7,7,0,1,1,1,8,7.008,7.008,0,0,1,8,1M8,0a8,8,0,1,0,8,8A8,8,0,0,0,8,0Z'/%3E%3C/svg%3E");
}

.svg-icon-telegram {
    -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg height='512px' style='enable-background:new 0 0 512 512;' version='1.1' viewBox='0 0 512 512' width='512px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='comp_x5F_335-telegram'%3E%3Cg%3E%3Cpath d='M484.689,98.231l-69.417,327.37c-5.237,23.105-18.895,28.854-38.304,17.972L271.2,365.631l-51.034,49.086 c-5.647,5.647-10.372,10.372-21.256,10.372l7.598-107.722L402.539,140.23c8.523-7.598-1.848-11.809-13.247-4.21L146.95,288.614 L42.619,255.96c-22.694-7.086-23.104-22.695,4.723-33.579L455.423,65.166C474.316,58.081,490.85,69.375,484.689,98.231z'/%3E%3C/g%3E%3C/g%3E%3Cg id='Layer_1'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg height='512px' style='enable-background:new 0 0 512 512;' version='1.1' viewBox='0 0 512 512' width='512px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='comp_x5F_335-telegram'%3E%3Cg%3E%3Cpath d='M484.689,98.231l-69.417,327.37c-5.237,23.105-18.895,28.854-38.304,17.972L271.2,365.631l-51.034,49.086 c-5.647,5.647-10.372,10.372-21.256,10.372l7.598-107.722L402.539,140.23c8.523-7.598-1.848-11.809-13.247-4.21L146.95,288.614 L42.619,255.96c-22.694-7.086-23.104-22.695,4.723-33.579L455.423,65.166C474.316,58.081,490.85,69.375,484.689,98.231z'/%3E%3C/g%3E%3C/g%3E%3Cg id='Layer_1'/%3E%3C/svg%3E");
}

.svg-icon-vk {
    -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg data-name='Layer 21' height='24' id='Layer_21' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cpath d='M21.54736,7H18.25688a.74281.74281,0,0,0-.65452.39156s-1.31237,2.41693-1.73392,3.231C14.73438,12.8125,14,12.125,14,11.10863V7.60417A1.10417,1.10417,0,0,0,12.89583,6.5h-2.474a1.9818,1.9818,0,0,0-1.751.8125s1.25626-.20312,1.25626,1.48958c0,.41974.02162,1.62723.04132,2.64a.72943.72943,0,0,1-1.273.50431,21.54029,21.54029,0,0,1-2.4982-4.54359A.69314.69314,0,0,0,5.5668,7C4.8532,7,3.42522,7,2.57719,7a.508.508,0,0,0-.47969.68481C3.00529,10.17487,6.91576,18,11.37917,18h1.87865A.74219.74219,0,0,0,14,17.25781V16.12342a.7293.7293,0,0,1,1.22868-.5315l2.24861,2.1127A1.08911,1.08911,0,0,0,18.223,18h2.95281c1.42415,0,1.42415-.98824.64768-1.75294-.54645-.53817-2.51832-2.61663-2.51832-2.61663A1.01862,1.01862,0,0,1,19.2268,12.307c.63737-.83876,1.67988-2.21175,2.122-2.79993C21.95313,8.70313,23.04688,7,21.54736,7Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg data-name='Layer 21' height='24' id='Layer_21' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cpath d='M21.54736,7H18.25688a.74281.74281,0,0,0-.65452.39156s-1.31237,2.41693-1.73392,3.231C14.73438,12.8125,14,12.125,14,11.10863V7.60417A1.10417,1.10417,0,0,0,12.89583,6.5h-2.474a1.9818,1.9818,0,0,0-1.751.8125s1.25626-.20312,1.25626,1.48958c0,.41974.02162,1.62723.04132,2.64a.72943.72943,0,0,1-1.273.50431,21.54029,21.54029,0,0,1-2.4982-4.54359A.69314.69314,0,0,0,5.5668,7C4.8532,7,3.42522,7,2.57719,7a.508.508,0,0,0-.47969.68481C3.00529,10.17487,6.91576,18,11.37917,18h1.87865A.74219.74219,0,0,0,14,17.25781V16.12342a.7293.7293,0,0,1,1.22868-.5315l2.24861,2.1127A1.08911,1.08911,0,0,0,18.223,18h2.95281c1.42415,0,1.42415-.98824.64768-1.75294-.54645-.53817-2.51832-2.61663-2.51832-2.61663A1.01862,1.01862,0,0,1,19.2268,12.307c.63737-.83876,1.67988-2.21175,2.122-2.79993C21.95313,8.70313,23.04688,7,21.54736,7Z'/%3E%3C/svg%3E");
}

.svg-icon-youtube {
    -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg viewBox='0 0 576 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg viewBox='0 0 576 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z'/%3E%3C/svg%3E");
}

.svg-icon-envelope {
    -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M256 352c-16.53 0-33.06-5.422-47.16-16.41L0 173.2V400C0 426.5 21.49 448 48 448h416c26.51 0 48-21.49 48-48V173.2l-208.8 162.5C289.1 346.6 272.5 352 256 352zM16.29 145.3l212.2 165.1c16.19 12.6 38.87 12.6 55.06 0l212.2-165.1C505.1 137.3 512 125 512 112C512 85.49 490.5 64 464 64h-416C21.49 64 0 85.49 0 112C0 125 6.01 137.3 16.29 145.3z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M256 352c-16.53 0-33.06-5.422-47.16-16.41L0 173.2V400C0 426.5 21.49 448 48 448h416c26.51 0 48-21.49 48-48V173.2l-208.8 162.5C289.1 346.6 272.5 352 256 352zM16.29 145.3l212.2 165.1c16.19 12.6 38.87 12.6 55.06 0l212.2-165.1C505.1 137.3 512 125 512 112C512 85.49 490.5 64 464 64h-416C21.49 64 0 85.49 0 112C0 125 6.01 137.3 16.29 145.3z'/%3E%3C/svg%3E");
}

.svg-icon-cashback-bg {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 679.55 723.27'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:url(%23linear_gradient_93);%7D.cls-2%7Bfill:url(%23linear_gradient_36);%7D.cls-3%7Bfill:%23fff;fill-rule:evenodd;%7D%3C/style%3E%3ClinearGradient id='linear_gradient_93' x1='1650.22' y1='1371.88' x2='2096.06' y2='-526.53' gradientTransform='matrix(1, 0.09, 0, 1, 0, -100.07)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23e5c343'/%3E%3Cstop offset='1' stop-color='%23c7741b'/%3E%3C/linearGradient%3E%3ClinearGradient id='linear_gradient_36' x1='1801.9' y1='1467.49' x2='1719.44' y2='344.69' gradientTransform='matrix(1, 0.09, 0, 1, 0, -100.07)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23482f6d'/%3E%3Cstop offset='1' stop-color='%236678f2'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ctitle%3EКЭШ БЭК20%3C/title%3E%3Cpath class='cls-1' d='M1461,1242.5V742.21c0-32.79,21.22-60,52.47-67.22l539.12-124.9a44.08,44.08,0,0,1,18.39-.29c21.82,4.24,40,24.23,40,48.06V954.1c0,32.85-21.3,60.07-52.63,67.26L1586.3,1129.59a90.17,90.17,0,0,0-56.45,39.67l-50.56,79.89C1474.15,1257.27,1461,1252.49,1461,1242.5Z' transform='translate(-1431.45 -530)'/%3E%3Cpath class='cls-2' d='M1431.45,1223.53V723.24c0-32.79,21.22-60,52.47-67.22L2023,531.12a44.13,44.13,0,0,1,18.4-.29c21.81,4.24,40,24.23,40,48.06V935.13c0,32.85-21.29,60.07-52.62,67.26l-472.07,108.23a90.16,90.16,0,0,0-56.46,39.67l-50.56,79.89C1444.61,1238.3,1431.45,1233.52,1431.45,1223.53Z' transform='translate(-1431.45 -530)'/%3E%3Cpath id='КЭШ' class='cls-3' d='M1657.77,821.89l-46.86-49.71L1655.37,708l-36.4,8.72-35.19,55.47v-47l-29.53,7.08V846.7l29.53-7.08V806.15l7.73-11.47,30,35.89Zm50.81-10.12c35-8.41,62-38.9,62-74.09,0-35.36-27-52.77-62-44.37-27.64,6.63-42.58,25.83-50,42.71l25.41,5.92c3.78-10,13.39-19.86,25.41-22.74,14.42-3.46,24.38,2,28.5,12.57l-46.53,11.15v25.75l47-11.28a39.13,39.13,0,0,1-29,28.07c-12,2.88-21.63-2.36-25.41-10.56L1658.62,793c7.38,13,22.32,25.38,50,18.76ZM1909.77,647v88.75l-32.62,7.82V654.79l-29.52,7.07v88.76l-32.79,7.86V669.73l-29.53,7.07V791.31l154-36.92V639.89Z' transform='translate(-1431.45 -530)'/%3E%3Cpath id='БЭК' class='cls-3' d='M1555,886.19V1020.6l68.52-16.42c29.63-7.11,45.55-30.87,45.55-54.45s-15.92-39.51-45.55-32.41l-33.85,8.12V908.1L1660,891.24V861Zm64.29,62.37c8.26-2,14.51,1.36,14.51,9.62,0,8.47-6.25,14.8-14.51,16.78l-29.62,7.1v-26.4ZM1734,980.12c41.11-9.85,72.75-45.65,72.75-87,0-41.52-31.64-61.94-72.75-52.09-32.45,7.78-50,30.32-58.65,50.13l29.83,7c4.43-11.75,15.72-23.32,29.82-26.7,16.93-4.06,28.62,2.41,33.46,14.75L1713.8,899.3v30.23L1769,916.29c-4.43,15.78-16.32,28.71-34.06,33-14.1,3.38-25.39-2.78-29.82-12.4l-29.83,21.25c8.67,15.26,26.2,29.8,58.65,22ZM1945.55,927l-55-58.35,52.19-75.39L1900,803.48l-41.31,65.12V813.39L1824,821.7V956.11l34.66-8.31V908.5l9.07-13.46L1903,937.17Z' transform='translate(-1431.45 -530)'/%3E%3C/svg%3E");
}

.svg-icon-cashback-bg-2 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1067 354.01'%3E%3Cdefs%3E%3Cstyle%3E.cls-1,.cls-2,.cls-3%7Bfill-rule:evenodd;%7D.cls-1%7Bfill:url(%23linear_gradient_20);%7D.cls-2%7Bfill:url(%23linear_gradient_2);%7D.cls-3%7Bfill:%23fff;%7D%3C/style%3E%3ClinearGradient id='linear_gradient_20' x1='1255.64' y1='911.68' x2='2306' y2='911.68' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.07' stop-color='%23ffc104'/%3E%3Cstop offset='1' stop-color='%23ffab00'/%3E%3C/linearGradient%3E%3ClinearGradient id='linear_gradient_2' x1='1239' y1='895.83' x2='2288.17' y2='895.83' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.07' stop-color='%23573e98'/%3E%3Cstop offset='0.31' stop-color='%235645a4'/%3E%3Cstop offset='0.73' stop-color='%235458c3'/%3E%3Cstop offset='1' stop-color='%235266d9'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ctitle%3EТретий%3C/title%3E%3Cpath id='Фигура_2' data-name='Фигура 2' class='cls-1' d='M2274.72,1023.35l-944.6-.34c-14,0-26,5.62-33.55,15.85l-30,40.57c-3.06,4.12-10.88-.53-10.88-6.46V775.53c0-19.5,12.62-32.75,31.19-32.77l320.45-.38a24,24,0,0,1,3.28.23l206.72-.25a24.46,24.46,0,0,1,2.84.17l139.16-.17a26.2,26.2,0,0,1,4.33.38l307.67-.36a27.84,27.84,0,0,1,10.93,2.35c13,5.51,23.79,19.89,23.79,34v211.8C2306,1010.11,2293.34,1023.37,2274.72,1023.35Z' transform='translate(-1239 -726.99)'/%3E%3Cpath id='Фигура_1_копия' data-name='Фигура 1 копия' class='cls-2' d='M2257,1007.16l-943.73-.32c-14,0-25.9,5.6-33.45,15.8l-30,40.46c-3,4.11-10.84-.52-10.84-6.44V760.07c0-19.44,12.58-32.66,31.09-32.69l983.46-.39a27.86,27.86,0,0,1,10.9,2.34c12.93,5.49,23.72,19.83,23.72,34V974.48C2288.17,994,2275.55,1007.19,2257,1007.16Z' transform='translate(-1239 -726.99)'/%3E%3Cpath id='кэшбэк' class='cls-3' d='M1464,940.47l-55.33-72,52.49-63.23h-43l-41.55,55.53V805.28h-34.87V940.47h34.87V900.94l9.12-11.35,35.47,50.88Zm60,2.43c41.34,0,73.16-28.38,73.16-69.93,0-41.75-31.82-69.92-73.16-69.92-32.64,0-50.27,18.44-59,36.28l30,14.19a32.57,32.57,0,0,1,30-19.66c17,0,28.78,9.32,33.65,22.9h-54.93v30.4h55.53c-4.46,14.8-16.41,24.93-34.25,24.93a32.6,32.6,0,0,1-30-19.66l-30,14.18c8.71,17.44,26.34,36.29,59,36.29Zm237.53-137.62V910.06H1723V805.28h-34.86V910.06H1649.4V805.28h-34.87V940.47h181.81V805.28Zm59.17,0V940.47h68.91c29.79,0,45.81-20.07,45.81-43.78s-16-43.58-45.81-43.58h-34V835.68h70.74v-30.4Zm64.65,78.23c8.31,0,14.6,4.87,14.6,13.18,0,8.51-6.29,13.37-14.6,13.37h-29.79V883.51Zm115.32,59.39c41.35,0,73.17-28.38,73.17-69.93,0-41.75-31.82-69.92-73.17-69.92-32.63,0-50.26,18.44-59,36.28l30,14.19a32.57,32.57,0,0,1,30-19.66c17,0,28.78,9.32,33.65,22.9h-54.93v30.4h55.54c-4.46,14.8-16.42,24.93-34.26,24.93a32.59,32.59,0,0,1-30-19.66l-30,14.19C1950.36,924.05,1968,942.9,2000.62,942.9Zm212.81-2.43-55.34-72,52.5-63.24h-43l-41.55,55.53V805.28h-34.86V940.47h34.86V900.94l9.12-11.35,35.47,50.88Z' transform='translate(-1239 -726.99)'/%3E%3C/svg%3E");
}

.svg-icon-orders {
    -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.4089 2.51203C12.5053 2.14573 11.4947 2.14573 10.5911 2.51203L8.40058 3.40008L17.9928 7.13038L21.3671 5.82666C21.2312 5.71392 21.0769 5.62067 20.9075 5.552L13.4089 2.51203ZM22 7.19021L12.7498 10.7642V21.6873C12.9736 21.6416 13.1943 21.5753 13.4089 21.4883L20.9075 18.4483C21.5679 18.1806 22 17.5391 22 16.8265V7.19021ZM11.2498 21.6872V10.7642L2 7.19037V16.8265C2 17.5391 2.43211 18.1806 3.09252 18.4483L10.5911 21.4883C10.8056 21.5752 11.0261 21.6415 11.2498 21.6872ZM2.63273 5.82677L11.9998 9.44586L15.9168 7.93248L6.37434 4.22153L3.09252 5.552C2.92308 5.62069 2.76867 5.71398 2.63273 5.82677Z' fill='%23212121'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.4089 2.51203C12.5053 2.14573 11.4947 2.14573 10.5911 2.51203L8.40058 3.40008L17.9928 7.13038L21.3671 5.82666C21.2312 5.71392 21.0769 5.62067 20.9075 5.552L13.4089 2.51203ZM22 7.19021L12.7498 10.7642V21.6873C12.9736 21.6416 13.1943 21.5753 13.4089 21.4883L20.9075 18.4483C21.5679 18.1806 22 17.5391 22 16.8265V7.19021ZM11.2498 21.6872V10.7642L2 7.19037V16.8265C2 17.5391 2.43211 18.1806 3.09252 18.4483L10.5911 21.4883C10.8056 21.5752 11.0261 21.6415 11.2498 21.6872ZM2.63273 5.82677L11.9998 9.44586L15.9168 7.93248L6.37434 4.22153L3.09252 5.552C2.92308 5.62069 2.76867 5.71398 2.63273 5.82677Z' fill='%23212121'/%3E%3C/svg%3E");
}

.svg-icon-operations {
    -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg viewBox='0 0 22 30' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg data-name='Layer 2' id='Layer_2'%3E%3Cg id='Interface-Solid'%3E%3Cg id='work-business-solid-task-list-2'%3E%3Cpath d='M5,16H9a1,1,0,0,0,0-2H5a1,1,0,0,0,0,2Z' fill='none'/%3E%3Crect fill='none' height='2' width='6' x='8' y='2'/%3E%3Cpath d='M16,22H5a1,1,0,0,0,0,2H16a1,1,0,0,0,0-2Z' fill='none'/%3E%3Cpath d='M16,18H5a1,1,0,0,0,0,2H16a1,1,0,0,0,0-2Z' fill='none'/%3E%3Cpath d='M7,6h8a.99974.99974,0,0,0,1-1V1a.99974.99974,0,0,0-1-1H7A.99974.99974,0,0,0,6,1V5A.99974.99974,0,0,0,7,6ZM8,2h6V4H8Z'/%3E%3Cpath d='M19,2H17.5a.5.5,0,0,0-.5.5V5a2,2,0,0,1-2,2H7A2,2,0,0,1,5,5V2.5A.5.5,0,0,0,4.5,2H3A3,3,0,0,0,0,5V27a3,3,0,0,0,3,3H19a3,3,0,0,0,3-3V5A3,3,0,0,0,19,2ZM5,14H9a1,1,0,0,1,0,2H5a1,1,0,0,1,0-2ZM16,24H5a1,1,0,0,1,0-2H16a1,1,0,0,1,0,2Zm0-4H5a1,1,0,0,1,0-2H16a1,1,0,0,1,0,2Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg viewBox='0 0 22 30' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg data-name='Layer 2' id='Layer_2'%3E%3Cg id='Interface-Solid'%3E%3Cg id='work-business-solid-task-list-2'%3E%3Cpath d='M5,16H9a1,1,0,0,0,0-2H5a1,1,0,0,0,0,2Z' fill='none'/%3E%3Crect fill='none' height='2' width='6' x='8' y='2'/%3E%3Cpath d='M16,22H5a1,1,0,0,0,0,2H16a1,1,0,0,0,0-2Z' fill='none'/%3E%3Cpath d='M16,18H5a1,1,0,0,0,0,2H16a1,1,0,0,0,0-2Z' fill='none'/%3E%3Cpath d='M7,6h8a.99974.99974,0,0,0,1-1V1a.99974.99974,0,0,0-1-1H7A.99974.99974,0,0,0,6,1V5A.99974.99974,0,0,0,7,6ZM8,2h6V4H8Z'/%3E%3Cpath d='M19,2H17.5a.5.5,0,0,0-.5.5V5a2,2,0,0,1-2,2H7A2,2,0,0,1,5,5V2.5A.5.5,0,0,0,4.5,2H3A3,3,0,0,0,0,5V27a3,3,0,0,0,3,3H19a3,3,0,0,0,3-3V5A3,3,0,0,0,19,2ZM5,14H9a1,1,0,0,1,0,2H5a1,1,0,0,1,0-2ZM16,24H5a1,1,0,0,1,0-2H16a1,1,0,0,1,0,2Zm0-4H5a1,1,0,0,1,0-2H16a1,1,0,0,1,0,2Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.svg-icon-clock {
    -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Icons' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23232323;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm3.707,14.707a1,1,0,0,1-1.414,0l-3-3A1,1,0,0,1,11,12V6a1,1,0,0,1,2,0v5.586l2.707,2.707A1,1,0,0,1,15.707,15.707Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Icons' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23232323;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm3.707,14.707a1,1,0,0,1-1.414,0l-3-3A1,1,0,0,1,11,12V6a1,1,0,0,1,2,0v5.586l2.707,2.707A1,1,0,0,1,15.707,15.707Z'/%3E%3C/svg%3E");
}

.svg-icon-calendar {
    -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Icons' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23232323;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M7,1V3H5V1A1,1,0,0,1,7,1Z'/%3E%3Cpath class='cls-1' d='M19,1V3H17V1a1,1,0,0,1,2,0Z'/%3E%3Cpath class='cls-1' d='M20,3H19V5a1,1,0,0,1-2,0V3H7V5A1,1,0,0,1,5,5V3H4A3,3,0,0,0,1,6V20a3,3,0,0,0,3,3H20a3,3,0,0,0,3-3V6A3,3,0,0,0,20,3ZM7,19H5a1,1,0,0,1,0-2H7a1,1,0,0,1,0,2Zm0-5H5a1,1,0,0,1,0-2H7a1,1,0,0,1,0,2Zm6,5H11a1,1,0,0,1,0-2h2a1,1,0,0,1,0,2Zm0-5H11a1,1,0,0,1,0-2h2a1,1,0,0,1,0,2Zm6,5H17a1,1,0,0,1,0-2h2a1,1,0,0,1,0,2Zm0-5H17a1,1,0,0,1,0-2h2a1,1,0,0,1,0,2Zm0-5H5A1,1,0,0,1,5,7H19a1,1,0,0,1,0,2Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Icons' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23232323;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M7,1V3H5V1A1,1,0,0,1,7,1Z'/%3E%3Cpath class='cls-1' d='M19,1V3H17V1a1,1,0,0,1,2,0Z'/%3E%3Cpath class='cls-1' d='M20,3H19V5a1,1,0,0,1-2,0V3H7V5A1,1,0,0,1,5,5V3H4A3,3,0,0,0,1,6V20a3,3,0,0,0,3,3H20a3,3,0,0,0,3-3V6A3,3,0,0,0,20,3ZM7,19H5a1,1,0,0,1,0-2H7a1,1,0,0,1,0,2Zm0-5H5a1,1,0,0,1,0-2H7a1,1,0,0,1,0,2Zm6,5H11a1,1,0,0,1,0-2h2a1,1,0,0,1,0,2Zm0-5H11a1,1,0,0,1,0-2h2a1,1,0,0,1,0,2Zm6,5H17a1,1,0,0,1,0-2h2a1,1,0,0,1,0,2Zm0-5H17a1,1,0,0,1,0-2h2a1,1,0,0,1,0,2Zm0-5H5A1,1,0,0,1,5,7H19a1,1,0,0,1,0,2Z'/%3E%3C/svg%3E");
}

/* HEADER */
.site-header {
    position: relative;
    background-color: var(--color-primary);
    z-index: 1;
}

.site-header_panel {
    display: flex;
    align-items: center;
    height: 60px;
}

.site-header_block {
    display: flex;
    align-items: center;
    width: 100%;
}

.site-header_logo {
    flex-shrink: 0;
}

.site-header_search {
    flex: 1;
    padding: 0 30px;
}

.site-header_logo {
    display: block;
    height: 100%;
    width: 194px;
}

.site-header_logo a {
    background-image: url(/img/svg/pro-katalog-logo.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    height: 100%;
    background-position: center;
    width: 100%;
    outline: 0;
}

.logout-wrapper {
    margin-left: 30px;
}

/* SEARCH FORM */
.search-form {
    display: flex;
    margin: 0;
}

.search-form_control {
    flex: 1;
}

.search-form_input {
    flex: 1;
    width: 100%;
    height: 36px;
    border-radius: 5px;
    border: 0;
    padding: 6px 12px;
    font-weight: 300;
}

.search-form_input:focus {
    outline: none;
}

.search-form_submit {
    flex-shrink: 0;
    margin-left: 15px;
}

.search-form_submit button {
    background: var(--color-accent);
    border-radius: 5px;
    border: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    height: 36px;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: 94px;
}

.search-form_submit button:hover {
    background: var(--color-primary-light);
}

/* TOP LINKS */
.action-buttons {
    display: flex;
    align-items: center;
}

.action-buttons_item:not(:first-of-type) {
    margin-left: 30px;
}

.action-buttons_item--user {
    max-width: 100px;
    overflow-x: hidden;
}

.action-buttons_btn {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    outline: none;
    border: 0;
    padding: 0;
    background: none;
    outline: none;
    cursor: pointer;
    margin: 0;
}

.action-buttons_btn:hover {
    color: #fff;
}

.action-buttons_btn > span {
    white-space: nowrap;
    display: inline-flex;
}

.action-buttons_icon {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
}

.action-buttons_icon .svg-icon {
    width: 18px;
    height: 18px;
    background-color: rgb(255 255 255 / 70%);
}

.action-buttons_btn:hover .action-buttons_icon .svg-icon {
    background-color: #fff;
}

.action-buttons_icon .svg-icon-login,
.action-buttons_icon .svg-icon-logout {
    width: 24px;
    height: 24px;
}

.action-buttons_name {
    padding: 0 5px;
    font-size: 14px;
    color: #fff;
}

.action-buttons_name a {
    color: #fff;
}

.action-buttons_notify {
    position: absolute;
    background-color: red;
    font-size: 10px;
    line-height: 12px;
    z-index: 2;
    top: -10px;
    left: calc(100% - 10px);
    padding: 0 3px;
    min-width: 18px;
    height: 16px;
    text-align: center;
    color: #fff;
    line-height: 1.6;
    border-radius: 18px;
}

/* NAVIGATION (FAST LINKS) */
.main-navigation {
    position: relative;
    background-color: #fff;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 6%);
    z-index: 1;
}

.main-navigation_list {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    height: 48px;
    font-size: 14px;
    justify-content: space-between;
    margin-right: -12px;
}

.main-navigation_list li {
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font: inherit;
    text-align: left;
    border: none;
    outline: none;
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin: 0;
}

.main-navigation_list a,
.main-navigation_list button {
    display: inline-flex;
    align-items: center;
    color: #000;
    line-height: 48px;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    padding: 0 12px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-decoration: none;
}

.main-navigation_list a:hover,
.main-navigation_list button:hover {
    color: var(--color-accent-2);
}

.main-navigation_list .btn-catalog {
    font-size: 16px;
    background: none;
    padding: 0;
    outline: none;
    border: 0;
    cursor: pointer;
    padding-right: 28px;
}

.main-navigation_list .btn-catalog .icon-menu {
    margin-right: 8px;
    margin-left: 3px;
}

.main-navigation_list .btn-catalog:hover .icon-menu span {
    background: var(--color-accent-2);
}

/* NAVIGATION (CATALOG MENU) */
.main-navigation-catalog {
    position: absolute;
    top: 128px;
    z-index: 2;
    -webkit-animation-duration: 0.1s;
    animation-duration: 0.1s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: hideOut;
    animation-name: hideOut;
    visibility: hidden;
    background: #fff;
    width: 100%;
}

.main-navigation-catalog.show {
    -webkit-animation-name: showIn;
    animation-name: showIn;
    -webkit-animation-duration: 0.18s;
    animation-duration: 0.18s;
    visibility: visible;
}

.main-navigation-catalog_holder {
    display: flex;
    flex-direction: row;
    max-width: 1470px;
    margin: 0 auto;
    padding: 16px 0;
}

.main-navigation-catalog a {
    text-decoration: none;
}

.main-navigation-catalog_list ul {
    font-size: 14px;
    background: #fff;
    z-index: 2;
    display: flex;
    width: 256px;
    margin-left: -9px;
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    padding: 15px 10px 15px 0;
    flex-direction: column;
    height: 100%;
}

.main-navigation-catalog_list li {
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font: inherit;
    text-align: left;
    border: none;
    outline: none;
    background: transparent;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0 8px 0 11px;
    border-radius: 4px;
    width: 100%;
}

.main-navigation-catalog_list li.show,
.main-navigation-catalog_list li:hover {
    background-color: #f4f4f4;
}

.main-navigation-catalog_list a {
    font-family: YS Text, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    transition: color 0.3s;
    flex-grow: 1;
    line-height: 14px;
    padding: 8px 0;
    display: flex;
    align-items: center;
    color: #000;
    max-width: 100%;
}

.main-navigation-catalog_list a {
    color: #000;
}

.main-navigation-catalog_list a:after {
    width: 20px;
    height: 20px;
    content: "";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbC1vcGFjaXR5PSIuOSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAgMjBsLTEuNC0xLjQgNi42LTYuNi02LjYtNi42TDEwIDRsOCA4eiIvPjwvc3ZnPg==");
    background-size: contain;
    opacity: 0.2;
}

.main-navigation-catalog_list a .icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    vertical-align: middle;
    background: transparent 50% 50% no-repeat;
    background-size: 100%;
}

.main-navigation-catalog_list a span {
    flex: 1;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}

.main-navigation-catalog_sub-holder {
    position: relative;
    background: #fff;
    flex: 1;
    transition: opacity 0.2s linear, transform 0.2s linear;
    opacity: 1;
    z-index: 10;
    flex-grow: 1;
    padding-top: 32px;
    padding-left: 42px;
    min-height: 620px;
    padding-bottom: 20px;
}

.main-navigation-catalog_sub-holder a:hover {
    color: var(--color-accent-2);
}

.main-navigation-catalog_sub-wrap {
    overflow: hidden;
    height: auto;
    margin-top: -8px;
    display: flex;
}

.main-navigation-catalog_sub-name {
    height: 36px;
    color: #222;
    font-weight: 500;
    font-size: 28px;
    line-height: 1.29;
    transition: color 0.25s;
}

.main-navigation-catalog_sub {
    display: none;
}

.main-navigation-catalog_sub-box {
    padding: 32px 32px 0 0;
    min-width: 234px;
    max-width: 293px;
    break-inside: avoid;
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
}

@media screen and (min-width: 1440px) {
    .main-navigation-catalog_sub-box {
        padding: 32px 42px 0 0;
    }
}

.main-navigation-catalog_sub-link {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #222;
    line-height: 16px;
}

.main-navigation-catalog_sub-list {
    padding-top: 4px;
}

.main-navigation-catalog_sub-list a {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #2b2b2b;
    line-height: 16px;
    margin-top: 8px;
}

.main-navigation-catalog_sub-list li[data-hide-next] ~ li:not(:last-child) {
    display: none;
}

.main-navigation-catalog_sub-list .sub-expand {
    font-size: 14px;
    line-height: 16px;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.4);
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 8px;
}

.main-navigation-catalog_sub-list .sub-expand:hover {
    color: var(--color-accent-2);
}

.main-navigation-catalog_sub-list .sub-expand::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-color: inherit;
    border-style: solid;
    border-width: 0 0 2px 2px;
    transform: rotate(-45deg) translate(5px, 2px);
}

.main-navigation-catalog_sub-list .sub-expand.open::after {
    transform: rotate(-45deg) translate(5px, 2px);
    border-width: 2px 2px 0 0;
    border-left: 0;
    border-bottom: 0;
    margin-top: 7px;
}

.overlay {
    position: fixed;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 0;
    transition: opacity 0.1s ease-out, visibility 0.1s linear;
    background-color: #000;
    visibility: hidden;
    opacity: 0;
}

.overlay.show {
    opacity: 0.6;
    visibility: visible;
}

.icon-menu {
    width: 18px;
    height: 12px;
    position: relative;
    transform: rotate(0deg);
    transition: 0.3s ease-in-out;
    cursor: pointer;
}

.icon-menu::after {
    position: absolute;
    top: -5px;
    right: -5px;
    content: "";
    width: 10px;
    height: 10px;
    background-color: var(--color-accent-2);
    border: 2px solid #fff;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.icon-menu span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #000;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: 0.25s ease-in-out;
}

.icon-menu span:nth-child(1) {
    top: 0px;
}

.icon-menu span:nth-child(2),
.icon-menu span:nth-child(3) {
    top: 50%;
    transform: translateY(-50%);
}

.icon-menu span:nth-child(4) {
    bottom: 0;
}

.icon-menu.open span:nth-child(1) {
    top: 50%;
    width: 0%;
    left: 50%;
}

.icon-menu.open::after {
    opacity: 0;
}

.icon-menu.open span:nth-child(2) {
    transform: rotate(45deg);
}

.icon-menu.open span:nth-child(3) {
    transform: rotate(-45deg);
}

.icon-menu.open span:nth-child(4) {
    bottom: 50%;
    width: 0%;
    left: 50%;
}

/* SOCIALS */
.socials-list {
    display: flex;
    align-items: center;
    margin: 10px 0 0;
}

.socials-list-item {
    padding: 0 10px;
}

.socials-list-item svg {
    width: 30px;
    height: 30px;
}

/* HOME PAGE */
.s-catalog-icon-block {
    margin-top: 15px;
    display: block;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
}

.s-catalog-icon-block svg {
    max-width: 100%;
    max-height: 100%;
}

/* FOOTER */
.site-pre-footer {
    background-color: #f4f4f4;
    padding: 45px 0;
}

.footer-menu-block__title {
    display: block;
    font-weight: 700;
    font-size: 16px;
    margin: 0 0 16px;
    color: #454545;
}

.footer-menu li a {
    font-weight: 400;
    font-size: 13px;
    padding: 0 0 8px;
    color: #666;
    display: block;
    text-decoration: none;
    line-height: 1.5;
}

.footer-menu li:last-child a {
    padding-bottom: 0;
}

.footer-info {
    font-size: 13px;
    color: #666;
    line-height: 1.3;
}

.footer-info b {
    color: #454545;
}

.site-footer-bottom {
    background-color: #e8e8e8;
    padding: 20px 0;
}

.site-footer-bottom .flex-row {
    align-items: flex-end;
}

.privacy-menu li a {
    font-size: 13px;
    color: var(--color-gray);
    text-decoration: none;
}

.copyright {
    font-size: 13px;
    color: var(--color-gray);
    margin-left: auto;
}

/* OFFERS-SHORTLIST */
.offers-shortlist__item:nth-child(odd) .offer-short-card {
    background-color: rgb(69 39 163 / 5%);
}

.offer-short-card {
    display: flex;
    align-items: center;
    padding: 10px 0;
}

.offer-short-card__image {
    flex: 0 0 74px;
    height: 74px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
}

.offer-short-card__info {
    padding: 0 20px;
    flex-grow: 1;
}

.offer-short-card-title {
    font-size: 16px;
    color: var(--color-primary);
}

.offer-short-card-description {
    font-size: 12px;
    color: var(--color-text);
    padding: 10px 0 0;
}

.offer-short-card__payment {
    flex: 0 0 200px;
}

.offer-payment-item {
    display: flex;
    align-items: center;
}

.offer-payment-item__icon {
    margin-right: 10px;
}

.offer-payment-item__icon .svg-icon {
    width: 20px;
    height: 20px;
    background-color: var(--color-gray);
}

.offer-payment-item__title {
    font-size: 12px;
    color: var(--color-gray);
}

.offer-short-card__price {
    flex: 0 0 280px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.offer-short-card__price .flex-row {
    justify-content: space-between;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .offer-short-card__price .flex-row {
        justify-content: start;
        width: auto;
    }
}

.offer-price-info {
    margin-bottom: 10px;
    display: block;
}

.offer-price {
    display: block;
    font-size: 30px;
    color: var(--color-accent-2);
}

.offer-price-currency {
    font-size: 12px;
}

.offer-market__title {
    display: block;
    font-size: 12px;
    margin-bottom: 2px;
}

@media screen and (min-width: 768px) {
    .offer-market__title {
        text-align: center;
        margin-bottom: 0;
    }
}

.offer-market__image {
    height: 30px;
    max-width: 90px;
    margin: 5px auto;
}

.offer-more-dots {
    cursor: pointer;
}

.offer-short-card-btn-attention {
    padding: 0 5px;
}

.offer-short-card-btn-attention .svg-icon {
    width: 30px;
    height: 30px;
    background-color: #ccc;
}

.offer-payment-item__title-wrap {
    display: flex;
    align-items: center;
}

.offer-payment-item-description {
    position: relative;
}

.offer-payment-item-description-btn {
    margin: 0 5px;
    cursor: pointer;
}

.offer-payment-item-description-btn .svg-icon {
    width: 15px;
    height: 15px;
    background-color: var(--color-gray);
}

.offer-payment-item-description-hidden {
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    position: absolute;
    top: calc(100% + 5px);
    right: 0;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 16%);
    padding: 15px;
    width: 300px;
    font-size: 13px;
    color: var(--color-text);
    border: 1px solid var(--color-light-gray);
}

.offer-payment-item-description-hidden.active {
    opacity: 1;
    visibility: visible;
    z-index: 9;
}

@media screen and (min-width: 768px) {
    .offer-short-card-btn-attention {
        padding: 5px;
    }

    .offer-short-card-btn-attention .svg-icon {
        width: 50px;
        height: 50px;
    }

    .offer-price-wrapper {
        flex: 0 0 50%;
    }

    .offer-market {
        flex: 0 0 50%;
        padding: 0 10px;
    }
}

.fancybox__thumb {
    background-size: contain;
}

/* FORM */
.form-default__fieldset--btn {
    margin-top: 20px;
}

.form-control-label {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    cursor: pointer;
}

.form-control {
    width: 100%;
    padding: 0 15px;
    line-height: 1.5;
    border: 1px solid var(--color-light-gray);
    outline: none !important;
    height: 36px;
    border-radius: 5px;
}

.form-control:focus {
    border-color: var(--color-primary);
}

.form-control--search {
    padding-right: 45px;
    background: url("/img/icons/search-icon.svg") no-repeat;
    background-position: right 16px center;
}

.form-control--textarea {
    padding-top: 10px;
    padding-bottom: 10px;
    height: 100px;
}

.form-default__fieldset {
    position: relative;
}

.form-default__fieldset:not(:last-child) {
    margin-bottom: 15px;
}

.form-default__fieldset--flex {
    display: flex;
    align-items: flex-start;
}

.form-default__fieldset--flex .form-control-helper {
    flex: 0 0 15px;
}

.form-default__fieldset--flex .form-control-label {
    margin: 0;
}

.form-control--checkbox,
.form-control--radio {
    margin: 0;
    opacity: 0;
    outline: none;
    padding: 0;
    position: absolute;
    width: 16px;
    height: 16px;
    z-index: 1;
    cursor: pointer;
}

.form-control-helper {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border: 1px solid var(--color-primary);
    box-sizing: content-box;
    margin-right: 5px;
    width: 15px;
    height: 15px;
    transition: all 0.2s ease-out;
    cursor: pointer;
}

.form-control-helper--checkbox {
    border-radius: 3px;
}

.form-control-helper--radio {
    border-radius: 50%;
}

.form-control-helper--radio::after {
    content: "";
    background-color: var(--color-primary);
    width: 7px;
    height: 7px;
    transform: scale(0);
    transform-origin: 50%;
    border-radius: 50%;
    opacity: 0;
    transition: all 0.2s ease-out;
}

[type="radio"]:checked + .form-control-helper--radio::after {
    transform: scale(1);
    opacity: 1;
}

.form-control-helper--checkbox::after {
    content: "";
    width: 9px;
    height: 4px;
    margin-top: -1%;
    border-style: solid;
    border-color: var(--color-primary);
    border-width: 0 0 2px 2px;
    opacity: 0;
    transform: rotate(-45deg) scale(0);
    transition: transform 0.2s ease-out;
    z-index: 1;
    box-shadow: -1px 1px 1px #999;
}

[type="checkbox"]:checked + .form-control-helper--checkbox,
.form-control--checkbox-invert[type="checkbox"]
    + .form-control-helper--checkbox {
    background-color: var(--color-primary);
}

[type="checkbox"]:checked + .form-control-helper--checkbox::after,
.form-control--checkbox-invert[type="checkbox"]
    + .form-control-helper--checkbox::after {
    transform: rotate(-45deg) scale(1);
    opacity: 1;
    border-color: #fff;
}

.form-control--checkbox-invert[type="checkbox"]:checked
    + .form-control-helper--checkbox {
    background-color: #fff;
}

.form-control--checkbox-invert[type="checkbox"]:checked
    + .form-control-helper--checkbox::after {
    transform: scale(0);
    opacity: 0;
}

[type="checkbox"][disabled] ~ .form-control-label,
[type="radio"][disabled] ~ .form-control-label {
    color: #ccc;
}

[type="checkbox"][disabled] ~ .form-control-label,
[type="radio"][disabled] ~ .form-control-label,
[type="checkbox"][disabled] + .form-control-helper--checkbox,
[type="radio"][disabled] + .form-control-helper--radio {
    cursor: not-allowed;
}

[type="checkbox"][disabled] + .form-control-helper--checkbox::after,
[type="checkbox"][disabled] + .form-control-helper--checkbox,
[type="radio"][disabled] + .form-control-helper--radio {
    border-color: #ccc;
}

[type="radio"][disabled] + .form-control-helper--radio::after {
    background-color: #ccc;
}

.form-attention .form-control-label {
    font-size: 14px;
}

.form-control-helper--range {
    position: relative;
    width: 100%;
    height: 25px;
    display: block;
    border: 0;
    background: transparent;
    margin: 0;
}

.form-default__fieldset--range {
    width: 100%;
}

.form-control-range {
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-appearance: none;
    width: 100%;
}

.form-control-range:focus {
    outline: none;
}

.form-control-range:focus::-webkit-slider-runnable-track,
.form-control-range:focus::-ms-fill-lower,
.form-control-range:focus::-ms-fill-upper {
    background-color: var(--color-primary-light);
}

.form-control-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    animate: 0.2s;
    background-color: var(--color-primary-light);
    border-radius: 1px;
    box-shadow: none;
    border: 0;
}

.form-control-range::-webkit-slider-thumb {
    z-index: 2;
    position: relative;
    box-shadow: 0px 0px 0px #000;
    border: 1px solid var(--color-primary-light);
    height: 18px;
    width: 18px;
    border-radius: 25px;
    background-color: var(--color-primary);
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -7px;
}

.form-control-range::-moz-range-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    animate: 0.2s;
    background-color: var(--color-primary);
    border-radius: 1px;
    box-shadow: none;
    border: 0;
}

.form-control-range::-moz-range-thumb {
    z-index: 2;
    position: relative;
    box-shadow: 0px 0px 0px #000;
    border: 1px solid var(--color-primary-light);
    height: 18px;
    width: 18px;
    border-radius: 25px;
    background-color: var(--color-primary);
    cursor: pointer;
}

.form-control-range::-ms-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    animate: 0.2s;
    background: transparent;
    border-color: transparent;
    color: transparent;
}

.form-control-range::-ms-fill-lower,
.form-control-range::-ms-fill-upper {
    background: var(--color-primary-light);
    border-radius: 1px;
    box-shadow: none;
    border: 0;
}

.form-control-range::-ms-thumb {
    z-index: 2;
    position: relative;
    box-shadow: 0px 0px 0px #000;
    border: 1px solid var(--color-primary-light);
    height: 18px;
    width: 18px;
    border-radius: 25px;
    background-color: var(--color-primary);
    cursor: pointer;
}

.form-filters__item--color .form-filters-list {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.form-filters__item--color .form-filters-list__fieldset {
    padding: 0;
}

.form-filters__item--color .form-default__fieldset--flex .form-control-helper {
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    margin: 0;
}

.form-filters__item--color .form-control-label {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 1px;
    left: 1px;
    border-radius: 2px;
    z-index: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* MODAL */
.modal-block {
    display: none;
    max-width: 100%;
}

.modal-block-500 {
    width: 500px;
}

.modal-block-600 {
    width: 600px;
}

.modal-block__title {
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: var(--color-primary);
    text-align: center;
    margin-bottom: 15px;
}

.modal-block-full {
    width: 100vw;
    height: 100vh;
}

/* AUTH */
.auth-card {
    width: 100%;
    max-width: 500px;
}

.auth-card__title {
    display: block;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--color-primary);
    padding-bottom: 5px;
}

.auth-card__fieldset:not(:last-child) {
    margin-bottom: 15px;
}

.auth-card__buttons {
    display: flex;
    justify-content: center;
    margin: 0 -6px;
}

.auth-card__buttons .btn {
    margin: 0 6px;
}

.auth-card__header {
    text-align: center;
}

.location-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -6px;
}

.location-list-item {
    flex: 0 0 100%;
    padding: 0 6px;
    margin-top: 15px;
}

@media screen and (min-width: 768px) {
    .location-list-item {
        flex: 0 0 50%;
    }
}

.location-list-item--full {
    flex: 0 0 100%;
}

/* PRODUCT LIST */
.product-list--block .product-list-item {
    display: flex;
    margin: 0 -10px;
    padding: 15px 0;
    border-bottom: 1px solid var(--color-light-gray);
}

.product-list--block .product-list-item__image-wrap {
    flex: 0 0 220px;
    padding: 0 10px;
}

.product-list--block .product-list-item__image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-list--block .product-list-item__image img {
    max-height: 200px;
}

.product-list--block .product-list-item__info {
    flex-grow: 1;
    padding: 0 10px;
}

.product-list--block .product-list-item__price {
    flex: 0 0 290px;
    padding: 0 10px;
}

.product-list-item-info__title {
    font-size: 18px;
    font-weight: 600;
}

.product-list-item-info__subtitle {
    font-size: 14px;
    vertical-align: top;
}

/* FEATURES-LIST */
.features-list {
    margin: 6px 0;
}

.features-list-item {
    margin: 0 0 3px;
    font-size: 14px;
}

.features-list-item__key {
    color: var(--color-gray);
}

.features-list--ext {
    margin: 10px 0;
}

.features-list--ext .features-list-item {
    font-size: 18px;
    margin-bottom: 10px;
}

.features-list--ext .features-list-item::before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: var(--color-accent-2);
    display: inline-flex;
    margin: 0 5px 0 10px;
    position: relative;
    top: -4px;
}

.tags-list {
    display: flex;
    flex-wrap: wrap;
    margin: 3px -3px;
}

.tags-list-item {
    margin: 3px 3px;
}

.tags-list-item a {
    display: block;
    padding: 3px 5px;
    font-size: 11px;
    background-color: var(--color-light-gray);
    color: var(--color-text);
    border-radius: 3px;
}

.tags-list-item a:hover {
    color: var(--color-accent-2);
}

.variants-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -3px;
    align-items: center;
}

.variants-list-item {
    margin: 3px;
}

.variants-list-item__btn {
    display: inline-flex;
    padding: 7px 11px;
    font-size: 12px;
    border: 1px solid var(--color-gray);
    color: var(--color-gray);
    border-radius: 5px;
}

.variants-list-item__btn:hover {
    color: var(--color-accent-2);
    border-color: var(--color-accent-2);
}

.variants-list-item__btn.current {
    color: var(--color-primary);
    border-color: var(--color-primary);
    border-width: 2px;
}

/* ACTION PRODUCT */
.action-product-box {
    display: flex;
    flex-wrap: wrap;
    margin: 5px -5px 0;
    justify-content: center;
}

.action-product-box__item {
    margin: 5px;
}

.action-product-button {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.action-product-button .svg-icon {
    width: 18px;
    height: 18px;
    background-color: var(--color-primary);
    margin-right: 5px;
}

.action-product-button__title {
    font-size: 11px;
    line-height: 1;
    color: var(--color-gray);
}

.action-product-button .form-default__fieldset--flex {
    align-items: center;
}

/* OFFERS-PRICE-LIST */
.offers-price-range {
    text-align: right;
    font-size: 11px;
    color: var(--color-accent-2);
    margin-bottom: 5px;
}

.offers-price-range span {
    font-size: 23px;
}

.offers-price-list-item:nth-child(n + 8) {
    display: none;
}

.offers-price-list-item__inner {
    display: flex;
    justify-content: space-between;
    padding: 3px 0;
    gap: 10px;
}

.offers-price-list-item__key {
    font-size: 13px;
    flex-basis: 110px;
}

.offers-price-list-item__text {
    text-decoration: underline;
}

.offers-price-list-item__value {
    font-size: 13px;
    color: var(--color-accent-2);
}

.offers-price-list__btn {
    text-align: center;
    margin-top: 10px;
}

/* PRODUCT-GALLERY */
.product-gallery__inner {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -6px;
}

.product-gallery__item {
    padding: 0 6px;
}

.product-gallery__item--main {
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: zoom-in;
}

.product-gallery__item--more {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    max-height: 200px;
}

.product-gallery__item--main .product-gallery__image {
    border-radius: 5px;
    width: 200px;
    height: 200px;
    margin: 0;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.product-gallery__image {
    padding: 3px;
    background-color: #fff;
    border: 1px solid var(--color-light-gray);
    border-radius: 5px;
    width: 58px;
    height: 58px;
    background-repeat: no-repeat;
    background-size: auto 90%;
    background-position: center;
    margin: 4px;
    cursor: zoom-in;
    transition: all 0.3s ease;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.product-gallery__image:nth-child(n + 10) {
    display: none;
}

.product-gallery__image:hover {
    box-shadow: 0px 0px 0px 2px var(--color-accent-2);
}

.image-box {
    display: flex;
    width: 180px;
    height: 180px;
    align-items: center;
    justify-content: center;
}

/* PAGINATE */
.pagination-box {
    margin: 30px 0;
}

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

.pagination-list-item {
    margin: 3px;
}

.pagination-list-item__link {
    background-color: #fff;
    border: 1px solid var(--color-light-gray);
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
    color: var(--color-primary);
}

.pagination-list-item__link:hover {
    color: var(--color-accent-2);
    border-color: var(--color-primary);
}

.pagination-list-item__link.select,
.pagination-list-item__link.select:hover {
    color: #fff;
    background-color: var(--color-accent-2);
    border-color: var(--color-accent-2);
}

.pagination-list-item__link .svg-icon {
    width: 70%;
    height: 70%;
    background-color: var(--color-primary);
}

.pagination-list-item__link:hover .svg-icon {
    background-color: var(--color-accent-2);
}

.pagination-list-item__sep {
    width: 35px;
    height: 35px;
    font-size: 16px;
    font-weight: 500;
    color: var(--color-primary);
}

.pagination-list-item--arrow .pagination-list-item__link {
    width: 60px;
    height: 35px;
}

/* USER PAGE */
.user-list-page-title {
    display: block;
    font-size: 28px;
    font-weight: 500;
    color: var(--color-primary);
}

.user-menu--grey {
    background-color: #f4f4f4;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 6%);
}

/* FILTERS */
.form-filters {
    position: relative;
}

.form-filters-wrap {
    border: 1px solid var(--color-light-gray);
    max-width: 300px;
    background-color: #f1f1f1;
    border-radius: 5px;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 16%);
    padding: 30px 15px;
}

.form-filters__buttons {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
    justify-content: center;
}

.form-filters__buttons .btn {
    margin: 3px 5px;
    padding: 6px 15px;
    min-width: 105px;
}

.form-filters__item {
    margin: 15px 0 10px;
}

.form-filters__item--align-center {
    text-align: center;
}

.form-filters__title {
    display: flex;
    font-size: 16px;
    font-weight: 500;
    color: var(--color-primary);
    margin: 15px 0 10px;
    align-items: center;
}

.form-filters__title--main {
    margin-top: 25px;
    font-size: 18px;
}

.form-filters__title--pointer {
    cursor: pointer;
    position: relative;
    padding-right: 24px;
}

.form-filters__title .svg-icon.svg-icon-arrow-next {
    background-color: var(--color-text);
    width: 16px;
    height: 16px;
    transform: rotate(90deg);
    margin-left: 3px;
}

.form-filters__title.active .svg-icon.svg-icon-arrow-next {
    transform: rotate(-90deg);
}

.form-filters-list__fieldset {
    padding-right: 24px;
}

.form-filters-list__fieldset:not(:last-child) {
    margin-bottom: 5px;
}

.form-filters-list-wrap--slider {
    transition: all 0.3s ease;
    overflow: hidden;
    height: 0;
}

.form-filters-list-wrap--slider.active {
    height: auto;
    /* overflow: initial; */
}

.form-filters-list {
    transition: all 0.3s ease;
}

.form-filters-list__inner {
    transition: all 0.3s ease;
    overflow: hidden;
}

.form-filters-list-items {
    margin: 0 -3px;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    list-style: none;
}

.form-filters-list-items li {
    padding: 2px 3px;
    font-size: 16px;
}

.form-filters-list-items li.active span {
    color: var(--color-accent-2);
}

.form-filters-list--row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.form-filters-list--row .form-default__fieldset {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0 5px;
}

.form-filters-list--row .form-control {
    width: 100px;
}

.form-filters-list:not([data-count_element])
    .form-default__fieldset:nth-child(n + 6) {
    display: none;
}

.form-filters-list[data-count_element="1"]
    .form-default__fieldset:nth-child(n + 2),
.form-filters-list[data-count_element="2"]
    .form-default__fieldset:nth-child(n + 3),
.form-filters-list[data-count_element="3"]
    .form-default__fieldset:nth-child(n + 4),
.form-filters-list[data-count_element="4"]
    .form-default__fieldset:nth-child(n + 5),
.form-filters-list[data-count_element="5"]
    .form-default__fieldset:nth-child(n + 6),
.form-filters-list[data-count_element="6"]
    .form-default__fieldset:nth-child(n + 7),
.form-filters-list[data-count_element="7"]
    .form-default__fieldset:nth-child(n + 8),
.form-filters-list[data-count_element="8"]
    .form-default__fieldset:nth-child(n + 9),
.form-filters-list[data-count_element="9"]
    .form-default__fieldset:nth-child(n + 10),
.form-filters-list[data-count_element="10"]
    .form-default__fieldset:nth-child(n + 11),
.form-filters-list[data-count_element="11"]
    .form-default__fieldset:nth-child(n + 12),
.form-filters-list[data-count_element="12"]
    .form-default__fieldset:nth-child(n + 13),
.form-filters-list[data-count_element="13"]
    .form-default__fieldset:nth-child(n + 14),
.form-filters-list[data-count_element="14"]
    .form-default__fieldset:nth-child(n + 15),
.form-filters-list[data-count_element="15"]
    .form-default__fieldset:nth-child(n + 16),
.form-filters-list[data-count_element="16"]
    .form-default__fieldset:nth-child(n + 17),
.form-filters-list[data-count_element="17"]
    .form-default__fieldset:nth-child(n + 18),
.form-filters-list[data-count_element="18"]
    .form-default__fieldset:nth-child(n + 19),
.form-filters-list[data-count_element="19"]
    .form-default__fieldset:nth-child(n + 20),
.form-filters-list[data-count_element="20"]
    .form-default__fieldset:nth-child(n + 21),
.form-filters-list[data-count_element="21"]
    .form-default__fieldset:nth-child(n + 22),
.form-filters-list[data-count_element="22"]
    .form-default__fieldset:nth-child(n + 23),
.form-filters-list[data-count_element="23"]
    .form-default__fieldset:nth-child(n + 24),
.form-filters-list[data-count_element="24"]
    .form-default__fieldset:nth-child(n + 25),
.form-filters-list[data-count_element="25"]
    .form-default__fieldset:nth-child(n + 26),
.form-filters-list[data-count_element="26"]
    .form-default__fieldset:nth-child(n + 27),
.form-filters-list[data-count_element="27"]
    .form-default__fieldset:nth-child(n + 28),
.form-filters-list[data-count_element="28"]
    .form-default__fieldset:nth-child(n + 29),
.form-filters-list[data-count_element="29"]
    .form-default__fieldset:nth-child(n + 30),
.form-filters-list[data-count_element="30"]
    .form-default__fieldset:nth-child(n + 31) {
    display: none;
}

.form-filters-list.showed:not([data-count_element]) .form-default__fieldset,
.form-filters-list.showed[data-count_element] .form-default__fieldset {
    display: flex;
}

.btn-show-list {
    display: flex;
    align-items: center;
    font-size: 14px;
    cursor: pointer;
    color: var(--color-primary);
    margin-top: 10px;
}

.btn-show-list .svg-icon {
    background-color: var(--color-primary);
    width: 10px;
    height: 10px;
    transform: rotate(90deg);
    transition: all 0.3s ease;
    margin-left: 3px;
}

.btn-show-list.active .svg-icon {
    transform: rotate(-90deg);
}

.form-filters-list.showed {
    max-height: 285px;
    overflow-y: scroll;
}

.btn-show-list__text--less {
    display: none;
}

.form-filters-match-info {
    background-color: var(--color-gray);
    padding: 16px 12px;
    position: absolute;
    border-radius: 4px;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
    opacity: 0;
    z-index: -1;
    left: -260px;
    width: 250px;
}

.form-filters-match-info.showed {
    opacity: 1;
    z-index: 9;
}

.form-filters-match-info::before {
    content: "";
    width: 8px;
    height: 8px;
    right: -4px;
    top: calc(50% - 4px);
    position: absolute;
    transform: rotate(-45deg);
    background-color: var(--color-gray);
}

.form-filters-match-info__title {
    font-size: 12px;
    color: #fff;
    margin: 0 5px;
}

.form-filters-match-info__close {
    width: 20px;
    height: 20px;
    border: 1px solid var(--color-text);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.form-filters-match-info__close .svg-icon {
    background-color: var(--color-text);
    width: 14px;
    height: 14px;
}

.form-filters-match-info__btn {
    font-size: 12px;
    color: var(--color-text);
}

.form-filters-question {
    margin: 0 4px;
    width: 15px;
    height: 15px;
    display: inline-flex;
    cursor: pointer;
    position: absolute;
    right: 0;
}

.form-filters-question .svg-icon {
    width: 15px;
    height: 15px;
    background-color: var(--color-text);
}

.form-filters-question-info {
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    position: absolute;
    top: calc(100% + 13px);
    /* right: calc(100% - 13px); */
    right: 0;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 16%);
    padding: 15px;
    width: 300px;
    font-size: 13px;
    color: var(--color-text);
    border: 1px solid var(--color-light-gray);
}

.form-filters-question-info.showed {
    opacity: 1;
    visibility: visible;
    z-index: 9;
}

.form-filters-question-info .form-filters-question-hidden {
    display: block;
}

.form-filters-question-hidden {
    display: none;
}

.form-filters-question-hidden__inner {
    max-height: 200px;
    overflow-y: scroll;
}

.form-filters-question-hidden__title {
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
    font-size: 13px;
}

.form-filters-btn-ext {
    display: inline-flex;
    align-items: center;
}

.form-filters-btn-ext .svg-icon {
    width: 13px;
    height: 13px;
    background-color: #fff;
    transform: rotate(90deg);
    margin-left: 5px;
}

.form-filters__ext {
    transition: all 0.3s ease;
    overflow: hidden;
    height: 0;
}

.form-filters__ext > * {
    height: 0;
}

.form-filters__ext.showed {
    height: auto;
    overflow: initial;
    display: block;
}

.form-filters__ext.showed > * {
    height: auto;
}

.form-filters hr {
    margin: 10px 0;
}

/* FILTER PARAMS */
.list-filter-params {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -3px;
}

.list-filter-params-item {
    margin: 3px 5px;
}

.list-filter-params-item__link {
    padding: 6px 20px;
    font-size: 14px;
    border-radius: 4px;
    font-weight: 700;
    background-color: var(--color-light-gray);
    border: 1px solid var(--color-light-gray);
    color: var(--color-gray);
    display: flex;
    align-items: center;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 16%);
}

.list-filter-params-item__link--empty {
    background-color: initial;
}

.list-filter-params-item__link .svg-icon {
    width: 14px;
    height: 14px;
    background-color: var(--color-gray);
    margin-left: 5px;
}

.list-filter-params-item__link:hover {
    color: var(--color-accent-2);
}

.list-filter-params-item__link:hover .svg-icon {
    background-color: var(--color-accent-2);
}

/* ADV YANDEX */
.ya-rt {
    max-width: 1440px;
    max-height: 90px;
    width: 100%;
    margin: 0 auto;
    z-index: 999;
}

.ya-rt.fixed {
    position: fixed;
    left: 0;
    bottom: 0;
}

@media screen and (min-width: 992px) {
    .ya-rt {
        max-height: 100px;
    }

    .ya-rt.fixed {
        bottom: initial;
        top: 0;
        transform: translateX(-50%);
        margin-left: 50%;
    }
}

/* MOBILE */
/* BRANDS LIST */
.brands-tags-list-wrap {
    /* height: 150px; */
    overflow-x: scroll;
    margin-bottom: 15px;
}

.brands-tags-list {
    display: flex;
    flex-wrap: wrap;
    width: max-content;
    max-width: 600px;
    margin: 0 -5px;
}

.brands-tags-list__item {
    flex: 0 0 65px;
    padding: 5px;
}

.brands-tags-card--link-all {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 120px;
}

.brands-tags-card__image {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.brands-tags-card__title {
    font-size: 14px;
    line-height: 1;
    display: block;
    padding: 10px 0;
}

.brands-tags-card--link-all .brands-tags-card__title {
    background-color: #e8e8e8;
    border-radius: 5px;
    padding: 10px;
}

/* SLIDER */
.section-main-slider {
    padding: 30px 0;
}

/* SECTION HEAD */
.section-head {
    margin-bottom: 15px;
}

/* CATALOG-CATEGORIES */
.catalog-categories {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -20px;
}

.catalog-categories__item {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 10px;
    margin: 10px 0;
}

.category-card {
    background-color: #c5c5c5;
    overflow: hidden;
    border-radius: 30px;
    transition: all 0.3s ease;
    position: relative;
    isolation: isolate;
}

.category-card__inner {
    height: 160px;
    padding: 15px;
}

.category-card__title {
    display: block;
    width: 100%;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
    position: relative;
    z-index: 1;
    transition: all 0.1s ease;
    margin-bottom: 10px;
}

.category-card__image {
    transition: all 0.3s ease;
    transition-duration: 500ms;
}

.category-card__image img {
    max-width: 100%;
    max-height: 80%;
    width: auto;
    height: auto;
    display: block;
    margin: 0 auto;
}

@media screen and (min-width: 992px) {
    .catalog-categories__item {
        flex: 0 0 370px;
        padding: 0 20px;
        margin: 25px 0;
    }

    .category-card__inner {
        height: 215px;
    }

    .category-card__title {
        font-size: 24px;
        max-width: 65%;
        margin-bottom: 0;
    }

    .category-card__image {
        position: absolute;
    }

    .category-card__image img {
        max-width: initial;
    }

    .catalog-categories__item:hover .category-card__image {
        transform: scale(0.85);
    }
}

@media screen and (min-width: 390px) {
    .category-card__inner {
        height: 180px;
        padding: 25px;
    }
}

/* SPLIDE */
.splide__list {
    height: auto; /* BUGFIX SPLIDE FIREFOX */
}

.splide .splide__pagination__page.is-active {
    background-color: var(--color-primary);
}

.list-sort {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: none;
    border-bottom: 1px solid var(--color-light-gray);
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.list-sort__title {
    display: inline-flex;
    font-size: 13px;
    margin-right: 5px;
}

.list-sort .form-control-select {
    width: 230px;
}

.form-control-select {
    position: relative;
}

.form-control-select__selected {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    cursor: pointer;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease;
}

.form-control-select__selected .svg-icon-arrow-next {
    background-color: var(--color-text);
    width: 16px;
    height: 16px;
    transform: rotate(90deg);
    margin-left: 3px;
}

.form-control-select.active
    .form-control-select__selected
    .svg-icon-arrow-next {
    transform: rotate(-90deg);
}

.form-control-select__selected:hover {
    color: var(--color-accent-2);
}

.form-control-select__selected:hover .svg-icon-arrow-next {
    background-color: var(--color-accent-2);
}

.form-control-select-options-list {
    transition: all 0.3s ease;
    overflow: hidden;
    height: 0;
    opacity: 0;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 100%;
    width: 100%;
    background-color: #fff;
    transition: all 0.3s ease;
    border: 1px solid var(--color-light-gray);
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.form-control-select.active .form-control-select-options-list {
    height: auto;
    opacity: 1;
}

.form-control-select-options-list__option a {
    display: block;
    font-size: 13px;
    color: var(--color-text);
    padding: 2px 15px;
}

.form-control-select-options-list__option a:hover {
    color: var(--color-accent-2);
    background-color: var(--color-light-gray);
}

.list-sort-view {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.list-sort-view__item .svg-icon {
    width: 35px;
    height: 35px;
    background-color: var(--color-light-gray);
}

.list-sort-view__item:hover .svg-icon {
    background-color: var(--color-gray);
}

.list-sort-view__item.active .svg-icon {
    background-color: var(--color-primary);
}

/* PRODUCT-CARDS */
.section-similar-products {
    margin: 40px 0;
}

.product-cards-list {
    max-width: 1410px;
    width: 100%;
}

.main-part-content .product-cards-list {
    max-width: 1150px;
}

.product-cards-list-card {
    width: 180px;
    margin-right: 10px;
    margin-left: 10px;
}

.product-cards-list-card__image-wrapper {
    min-height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

.product-cards-list-card__image {
    height: 180px;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.product-cards-list-card__title {
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
}

.product-cards-list-card__price {
    display: block;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 7px;
    text-decoration: none;
    color: var(--color-accent-2);
}

.product-cards-list-card__description {
    color: #555;
    font-size: 13px;
    line-height: 1.5;
    height: 80px;
    overflow: hidden;
}

.product-cards-list-card__text {
    position: relative;
    white-space: nowrap;
}

.product-cards-list-card__text .sn-shadow {
    height: 100%;
}

.section-title {
    display: block;
    font-size: 28px;
    font-weight: 500;
    margin: 0 0 10px;
    color: var(--color-primary);
}

.section-title--without-margin {
    margin: 0;
}

.section-title--h1 {
    font-size: 32px;
    margin: 0;
}

/* SINGLE-PRODUCT-CARD */
.section-header {
    border-bottom: 1px solid var(--color-light-gray);
    margin: 20px 0;
    padding-bottom: 15px;
}

.section-header--view-2 {
    border: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.section-header-link {
    font-size: 14px;
    margin: 10px 10px 0;
    color: var(--color-accent-2);
}

.single-product-card-price-box {
    padding: 20px;
    border: 1px solid var(--color-light-gray);
    border-radius: 5px;
}

.all-link {
    font-size: 13px;
}

.single-product-card__actions {
    margin-top: 15px;
}

.single-product-card__actions .action-product-box {
    justify-content: start;
}

.single-product-card-title {
    color: var(--color-primary);
    font-size: 22px;
    font-weight: 500;
    margin: 20px 0 10px;
}

.single-product-card-title__sub {
    color: grey;
}

.price-box {
    color: var(--color-accent-2);
    font-size: 12px;
}

.price-box__ammount {
    font-size: 28px;
    margin: 0 3px;
    font-weight: 500;
}

.price-box__cur {
    font-size: 28px;
    font-weight: 500;
}

.short-offers-list {
    margin: 10px 0;
}

.show-offers-link {
    text-decoration: none;
    font-size: 12px;
}

.goto-price-charts {
    margin: 0 10px;
}

.goto-price-charts .svg-icon {
    background-color: var(--color-primary);
    width: 30px;
    height: 30px;
}

/* PRODUCT-OPTIONS */
.product-options {
    display: flex;
    margin: 10px 0;
}

.product-options-item {
    padding: 8px;
    margin: 0 2px;
    border-radius: 5px;
    color: var(--color-gray);
    border: 1px solid var(--color-primary);
    text-decoration: none;
    font-size: 12px;
    line-height: 1;
    overflow: hidden;
}

.product-options-item--current {
    border-color: var(--color-accent-2);
    color: var(--color-accent-2);
}

.product-options-item:has(> a) {
    padding: 0;
}

.product-options-item a {
    display: block;
    padding: 8px;
}

.product-options-item a:hover {
    background-color: var(--color-light-gray);
    color: var(--color-primary);
}

.single-product-card-description {
    font-size: 22px;
    font-weight: 300;
    margin: 20px 0;
}

/* TAG-CLOUD */
.tag-cloud {
    display: flex;
    flex-wrap: wrap;
    margin: 10px -5px;
}

.tag-cloud-item {
    display: inline-flex;
    padding: 8px 13px;
    margin: 10px 5px;
    font-size: 12px;
    line-height: 1;
    border: 1px solid var(--color-primary);
    border-radius: 5px;
    color: var(--color-primary);
}

.offers-modal {
    padding-left: 0;
    padding-right: 0;
}

/* LOANS */
.loans-list {
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
    justify-content: space-between;
    margin: 40px 0;
}

.loans-list__item-1 {
    flex: 1 1 calc(100% - 10px);
}

.loans-list__item-2,
.loans-list__item-3,
.loans-list__item-4,
.loans-list__item-5,
.loans-list__item-6,
.loans-list__item-7 {
    flex: 0 0 calc(50% - 10px);
}

.loans-card {
    overflow: hidden;
    border-radius: 15px;
    height: 100%;
}

.loans-list__item-1 .loans-card {
    background-color: #e9e9e9;
}

.loans-list__item-1 .loans-card__title {
    font-size: 20px;
    margin-bottom: 0;
}

.loans-list__item-1 .loans-card__text {
    font-size: 14px;
    color: #000;
}

.loans-list__item-1 .loans-card__content {
    position: initial;
    order: 2;
}

.loans-list__item-2 .loans-card {
    background-color: #f0e1da;
}

.loans-list__item-3 .loans-card {
    background-color: #ede9df;
}

.loans-list__item-4 .loans-card {
    background-color: #ececec;
}

.loans-list__item-5 .loans-card {
    background-color: #dfe8ed;
}

.loans-list__item-6 .loans-card {
    background-color: #e9f6fd;
}

.loans-list__item-7 .loans-card {
    background-color: #ede9df;
}

.loans-card__inner {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    min-height: 160px;
}

.loans-card__content {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px;
}

.loans-card__title {
    font-size: 14px;
    font-weight: 700;
    color: #000;
    display: block;
    margin-bottom: 5px;
}

.loans-card__text {
    display: block;
    font-size: 10px;
    color: rgb(0 0 0 / 50%);
}

.loans-card__button {
    font-size: 10px;
    color: #fff;
    background-color: #000;
    display: inline-flex;
    justify-content: center;
    width: 80px;
    line-height: 1;
    padding: 8px;
    border-radius: 15px;
    margin-top: 5px;
    border: 0;
}

.loans-card__image {
    margin-top: auto;
}

@media screen and (min-width: 768px) {
    .loans-list__item-1 .loans-card {
        background: none;
    }

    .loans-list__item-1 .loans-card__content {
        position: absolute;
        top: initial;
        bottom: 10px;
    }

    .loans-list__item-1 .loans-card__text {
        max-width: 45%;
    }

    .loans-list__item-1 .loans-card__title {
        font-size: 30px;
    }

    .loans-list__item-1 .loans-card__text {
        font-size: 22px;
    }

    .loans-card__button {
        font-size: 20px;
        width: 180px;
        padding: 10px;
    }
}

@media screen and (min-width: 992px) {
    .loans-list {
        row-gap: 20px;
    }

    .loans-list__item-2,
    .loans-list__item-4 {
        flex: 0 0 calc(35.5% - 20px);
    }

    .loans-list__item-3 {
        flex: 0 0 calc(31.25% - 20px);
    }

    .loans-list__item-5,
    .loans-list__item-7 {
        flex: 0 0 calc(29% - 20px);
    }

    .loans-list__item-6 {
        flex: 0 0 calc(44% - 20px);
    }

    .loans-card {
        border-radius: 50px;
    }

    .loans-card__inner {
        min-height: 320px;
    }

    .loans-card__content {
        padding: 25px;
    }

    .loans-card__title {
        font-size: 26px;
    }

    .loans-card__text {
        font-size: 20px;
    }
}

@media screen and (min-width: 1200px) {
    .loans-list {
        row-gap: 50px;
    }

    .loans-list__item-2,
    .loans-list__item-4 {
        flex: 0 0 calc(35.5% - 50px);
    }

    .loans-list__item-3 {
        flex: 0 0 calc(31.25% - 50px);
    }

    .loans-list__item-5,
    .loans-list__item-7 {
        flex: 0 0 calc(29% - 50px);
    }

    .loans-list__item-6 {
        flex: 0 0 calc(44% - 50px);
    }

    .loans-card__title {
        font-size: 30px;
    }

    .loans-list__item-1 .loans-card__content {
        bottom: 45px;
    }

    .loans-list__item-1 .loans-card__title {
        font-size: 57px;
    }

    .loans-list__item-1 .loans-card__text {
        font-size: 24px;
    }

    .loans-card__button {
        margin-top: 10%;
    }
}

.slide-menu {
    position: fixed;
    width: 100%;
    max-width: 100%;
    height: 100vh;
    top: 0;
    right: 0;
    display: none;
    overflow: hidden;
    box-sizing: border-box;
    transform: translateX(100%);
    overflow-y: auto;
    z-index: 1000;
}

.slide-menu,
.slide-menu .slide-menu__slider {
    transition: transform 0.3s ease-in-out;
    will-change: transform;
}

.slide-menu .slide-menu__slider {
    width: 100%;
    transform: translateX(0);
}

.mobile-main-menu-list {
    position: relative;
    width: 100%;
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.slide-menu ul ul {
    position: absolute;
    top: 0;
    left: 100%;
    display: none;
    width: 100%;
}

.mobile-main-menu-list__item a {
    display: flex;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid var(--color-light-gray);
    color: var(--color-text);
    margin: 0 15px;
}

.slide-menu a {
    cursor: pointer;
}

.slide-menu-toggle {
    position: relative;
    padding: 0 0.5rem;
    cursor: pointer;
    border: 0;
    outline: none;
    color: #fff;
    font-size: 24px;
    background: none;
    display: inline-flex;
    height: 100%;
    align-items: center;
}

.slide-menu-header {
    padding: 15px;
    background-color: var(--color-primary);
    display: flex;
    justify-content: space-between;
}

.slide-menu-header .action-buttons {
    height: auto;
}

.slide-menu-btn-close {
    background: none;
    outline: none;
    border: 0;
}

.slide-menu-btn-close .svg-icon {
    width: 30px;
    height: 30px;
    background-color: rgb(255 255 255 / 70%);
}

.mobile-main-menu-list__item .svg-icon {
    width: 23px;
    height: 23px;
    margin-right: 5px;
    background-color: var(--color-text);
}

.slide-menu__decorator {
    margin-left: auto;
}

.mobile-main-menu-list__item--catalog > a .svg-icon {
    background-color: var(--color-primary);
}

.mobile-main-menu-list__item--catalog .mobile-main-menu-list__text {
    color: var(--color-primary);
}

.mobile-main-menu-list__item--catalog > a {
    padding: 20px 0;
}

.mobile-main-menu-list__item .svg-icon--nav {
    width: 15px;
    height: 15px;
    margin: 0 5px;
}

/* SOCIALS */
.socials-box {
    display: flex;
    align-items: center;
    margin: 0 -3px;
}

.socials-box__item {
    margin: 0 3px;
}

.socials-box__item .svg-icon {
    width: 30px;
    height: 30px;
}

.socials-box__item .svg-icon-telegram {
    background-color: #579ede;
}

.socials-box__item .svg-icon-vk {
    background-color: #5874a1;
}

.socials-box__item .svg-icon-youtube {
    background-color: #c94635;
}

.socials-box__item .svg-icon-envelope {
    background-color: #f3c634;
}

.mobile-main-menu-list__item .socials-box__item a {
    margin: 0;
    padding: 20px 10px;
    border: 0;
}

/* CASHBACK-BOX */
.section-cashback {
    padding: 30px 0;
}

.cashback-box {
    padding: 25px 15px;
    border-radius: 16px;
    position: relative;
    background: linear-gradient(
        90deg,
        rgba(69, 39, 160, 1) 0%,
        rgba(121, 83, 210, 1) 100%
    );
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

@media screen and (min-width: 768px) {
    .cashback-box {
        padding: 15px 25px 20px;
        flex-direction: row;
    }
}

.cashback-box--big {
    padding: 50px 40px 55px;
}

.catalog-path + .cashback-box {
    margin-top: 20px;
}

@media screen and (min-width: 768px) {
    .cashback-box__body {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex: 0 0 60%;
    }
}

.cashback-box__title {
    display: block;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 15px;
}

@media screen and (min-width: 768px) {
    .cashback-box__title {
        font-size: 32px;
        margin-bottom: 25px;
    }
}

.cashback-box--big .cashback-box__title {
    margin-bottom: 15px;
}

@media screen and (min-width: 768px) {
    .cashback-box--big .cashback-box__title {
        margin-bottom: 25px;
    }
}

.cashback-box__text {
    font-size: 14px;
    color: #fff;
    margin-bottom: 15px;
    text-align: center;
}

.cashback-box__text p {
    margin: 0 0 15px;
}

.cashback-box__text p:last-child {
    margin: 0;
}

@media screen and (min-width: 768px) {
    .cashback-box__text {
        font-size: 17px;
        text-align: left;
    }

    .cashback-box--big .cashback-box__text {
        margin-bottom: 50px;
    }
}

.cashback-box__image {
    display: none;
}

@media screen and (min-width: 768px) {
    .cashback-box__image {
        display: flex;
        align-items: center;
    }
}

.cashback-box__image .svg-icon {
    width: 130px;
    height: 130px;
}

.cashback-box--big .cashback-box__image .svg-icon {
    width: 200px;
    height: 200px;
}

.cashback-box__footer {
    display: flex;
    justify-content: center;
}

@media screen and (min-width: 768px) {
    .cashback-box__footer {
        justify-content: start;
    }
}

.offer-cashback-box {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 15px;
}

.offer-cashback__icon .svg-icon {
    width: 50px;
    height: 50px;
}

.offer-cashback__btn {
    display: inline-flex;
    font-size: 12px;
    color: var(--color-accent-2);
}

.cashback-icon {
    margin-right: auto;
}

.cashback-icon .svg-icon {
    width: 45px;
    height: 15px;
}

/* WALLET */
.wallet-title {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: var(--color-primary);
    margin-bottom: 5px;
}

.wallet-count {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 5px;
    border-radius: 5px;
    background: linear-gradient(
        90deg,
        rgba(69, 39, 160, 1) 0%,
        rgba(121, 83, 210, 1) 100%
    );
    padding: 10px;
}

.wallet-amount {
    font-size: 20px;
    line-height: 1;
    color: #fff;
    font-weight: 400;
}

.wallet-currency {
    font-size: 16px;
    line-height: 1;
    color: #fff;
    font-weight: 400;
}

/* OPERATIONS */
.table-operations {
    margin-bottom: 30px;
}

.operations-row {
    display: grid;
    gap: 10px;
    padding-bottom: 10px;
    padding: 10px 15px;
    border-radius: 5px;
}

.operations-row:nth-child(odd) {
    background-color: var(--color-light-gray-2);
}

.operations-row.operations-row--header {
    background-color: var(--color-primary);
}

[data-column="2"] .operations-row {
    grid-template-columns: repeat(2, 1fr);
}

[data-column="3"] .operations-row {
    grid-template-columns: repeat(3, 1fr);
}

[data-column="4"] .operations-row {
    grid-template-columns: repeat(4, 1fr);
}

[data-column="5"] .operations-row {
    grid-template-columns: repeat(5, 1fr);
}

.operations-row-column__title {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
}

.operations-row-column {
    font-size: 14px;
}

/* ARTICLE */
.article-section {
    padding-bottom: 20px;
}

@media screen and (min-width: 768px) {
    .article-section {
        padding-bottom: 50px;
    }
}

.article-head {
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e9e9e9;
}

.article__main-iamge {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.article__main-iamge img {
    border-radius: 12px;
}

.article-info {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.article-info-box {
    flex: 0 0 100%;
    display: grid;
    grid-template-columns: 20px 1fr;
    grid-template-rows: repeat(2, 1fr);
    grid-template-areas:
        "icon key"
        "icon value";
    align-items: center;
    column-gap: 10px;
}

@media screen and (min-width: 390px) {
    .article-info-box {
        flex: 0 0 calc(50% - 5px);
    }
}

@media screen and (min-width: 768px) {
    .article-info-box {
        flex: 0 0 auto;
        grid-template-columns: 30px 1fr;
    }
}

.article-info-box .svg-icon {
    grid-area: icon;
    width: 20px;
    height: 20px;
    background-color: var(--color-primary);
}

.article-author-info__key {
    grid-area: key;
    color: var(--color-gray);
    font-size: 12px;
}

.article-author-info__value {
    grid-area: value;
    font-weight: 500;
    font-size: 14px;
}

@media screen and (min-width: 768px) {
    .article-info {
        gap: 20px;
    }

    .article-info-box .svg-icon {
        width: 30px;
        height: 30px;
    }

    .article-author-info__key {
        font-size: 14px;
    }

    .article-author-info__value {
        font-size: 16px;
    }
}

.article-description {
    margin: 30px 0;
}

.article-content p {
    margin: 15px 0;
}

.article-content ul:not([class]),
.article-content ol:not([class]) {
    list-style: none;
    margin: 15px 0 15px 15px;
    padding: 0;
}

.article-content ul:not([class]) ul,
.article-content ol:not([class]) ol {
    margin-top: 10px;
}

.article-content ul:not([class]) li,
.article-content ol:not([class]) li {
    margin-bottom: 5px;
}

.article-content ul:not([class]) li {
    list-style: inherit;
    position: relative;
    padding-left: 30px;
}

.article-content ul:not([class]) li::before {
    position: absolute;
    top: 0.4em;
    left: 0;
    content: "";
    display: inline-flex;
    width: 8px;
    height: 8px;
    border: 2px solid var(--color-primary);
    border-radius: 50%;
}

.article-content ul:not([class]) ul li::before {
    position: absolute;
    top: 0.4em;
    left: 0;
    content: "";
    display: inline-flex;
    width: 8px;
    height: 8px;
    background-color: var(--color-primary);
    border-radius: 50%;
}

.article-content ol:not([class]) li {
    counter-increment: point;
    counter-reset: sublist;
}

.article-content ol:not([class]) li:before {
    width: 25px;
    display: inline-flex;
    content: counter(point) ". ";
    margin: 0 5px 0 0;
    color: var(--color-primary);
}

.article-content img {
    border-radius: 12px;
}

.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6 {
    margin-bottom: 20px;
    scroll-margin-top: 50px;
}

.articles-list {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 30px;
}

@media screen and (min-width: 768px) {
    .articles-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (min-width: 992px) {
    .articles-list {
        grid-template-columns: repeat(3, 1fr);
    }
}

.table-of-contents {
    border: 1px solid var(--color-light-gray);
    border-radius: 5px;
    padding: 30px;
    margin-bottom: 30px;
}

.table-of-contents__header {
    cursor: pointer;
}

.table-of-contents__title {
    display: inline-flex;
    gap: 15px;
    align-items: center;
    font-weight: 700;
    font-size: 18px;
    color: var(--color-primary);
    position: relative;
}

.table-of-contents__title::after {
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: "";
    display: inline-flex;
    position: relative;
    transform: rotate(135deg);
    width: 8px;
    height: 8px;
}

.table-of-contents__body {
    transition: all 0.3s ease;
    height: auto;
    overflow: hidden;
}

.table-of-contents__body.closed {
    height: 0;
}

.table-of-contents__list {
    margin: 20px 0 0 20px;
    padding: 0;
}

.table-of-contents__list li {
    counter-increment: point;
    counter-reset: sublist;
    font-size: 14px;
    margin-bottom: 5px;
}

.table-of-contents__list li:before {
    width: 25px;
    display: inline-flex;
    content: counter(point) ". ";
    margin: 0 5px 0 0;
    color: var(--color-primary);
}

/* ASIDE */
.aside-navigation-wrap {
    border: 1px solid var(--color-light-gray);
    border-radius: 5px;
    padding: 30px;
}

.aside-navigation-title {
    font-weight: 600;
    font-size: 18px;
    color: var(--color-primary);
    display: block;
    margin-bottom: 15px;
}

.aside-navigation-title a {
    color: var(--color-primary);
}

.aside-menu > li {
    margin-bottom: 7px;
}

.aside-menu > li > a {
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.aside-menu > li > a::before {
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: "";
    display: inline-flex;
    position: relative;
    transform: rotate(45deg);
    width: 8px;
    height: 8px;
}

.aside-menu > li.open > a {
    font-weight: 500;
    color: var(--color-gray);
}

.aside-menu > li.open > a:hover {
    color: var(--color-accent-2);
}

ul.aside-sub-menu {
    margin: 5px 0 15px 20px;
}

.aside-sub-menu > li {
    margin-bottom: 2px;
}

.aside-sub-menu > li > a {
    font-size: 12px;
    color: var(--color-gray);
}

ul.article-advantages {
    border: 1px solid var(--color-light-gray);
    border-radius: 5px;
    padding: 30px;
    margin-bottom: 30px;
}

ul.article-advantages li:last-child {
    margin-bottom: 0;
}

.article-advantages__plus,
.article-advantages__minus {
    position: relative;
    margin-bottom: 10px;
    padding: 3px 0 0 30px;
    min-height: 25px;
}

.article-advantages__plus::before,
.article-advantages__minus::before {
    content: "";
    display: inline-flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    border: 1px solid transparent;
}

.article-advantages__plus::before {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg height='512px' id='Layer_1' style='fill:%234CAF50;enable-background:new 0 0 512 512;' version='1.1' viewBox='0 0 512 512' width='512px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M417.4,224H288V94.6c0-16.9-14.3-30.6-32-30.6c-17.7,0-32,13.7-32,30.6V224H94.6C77.7,224,64,238.3,64,256 c0,17.7,13.7,32,30.6,32H224v129.4c0,16.9,14.3,30.6,32,30.6c17.7,0,32-13.7,32-30.6V288h129.4c16.9,0,30.6-14.3,30.6-32 C448,238.3,434.3,224,417.4,224z'/%3E%3C/svg%3E");
    border-color: #4caf50;
}

.article-advantages__minus::before {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg height='512px' id='Layer_1' style='fill:%23F4511E;enable-background:new 0 0 512 512;' version='1.1' viewBox='0 0 512 512' width='512px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M417.4,224H94.6C77.7,224,64,238.3,64,256c0,17.7,13.7,32,30.6,32h322.8c16.9,0,30.6-14.3,30.6-32 C448,238.3,434.3,224,417.4,224z'/%3E%3C/svg%3E");
    border-color: #f4511e;
}

.video-embed {
    position: relative;
    margin: 20px 0;
}

.video-embed::before {
    content: "";
    display: block;
    padding-top: 56.25%;
}

.video-embed iframe {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

/* USER-MENU */
.user-menu__section__icon .svg-icon {
    width: 18px;
    height: 18px;
    background-color: var(--color-primary);
}

/* VARIATIONS-LIST */
/* .variations-list {

}

.variations-list-item {
    display: flex;
    /* grid-auto-columns: 50px; *./
}

.variations-list-item__col {
    flex-basis: auto auto 50px;
} */

/* RECAPTCHA */
.grecaptcha-badge {
    display: none !important;
}

.google-copyright {
    font-size: 10px;
    color: var(--color-gray);
    line-height: 1.3;
}

.google-copyright a {
    color: var(--color-gray);
    text-decoration: none;
}

.google-copyright a:hover {
    text-decoration: none;
    color: #333;
}

/*TABS*/
.tabs-box-list {
    display: flex;
}

.tabs-box-list.tabs-box--center .tabs-box-list {
    align-items: center;
}

.tabs-box-list__item {
    padding: 10px 15px;
    flex: 1 1 auto;
    text-align: center;
    cursor: pointer;
    border-bottom: 3px solid var(--color-light-gray-2);
    font-size: 16px;
    font-weight: 500;
    color: var(--color-gray);
}

.tabs-box-list__item.active {
    border-bottom-color: var(--color-primary);
    color: var(--color-primary);
}

.tab-content {
    display: none;
    padding: 30px 15px;
}

.tab-content.active {
    display: block;
}