/* Start:/local/templates/rbsgroup/css/main.css?1765185399377932*/
.about-company-section {
    display: flex;
    flex-flow: column;
    padding: 80px 0
}

@media only screen and (max-width: 1024px) {
    .about-company-section {
        padding: 64px 0
    }
}

@media only screen and (max-width: 576px) {
    .about-company-section {
        padding: 40px 0
    }
}

.about-company-container {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

@media only screen and (min-width: 1024px) {
    .about-company-grid {
        display: grid;
        grid-template-columns: 536px 1fr;
        gap: 184px
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1440px) {
    .about-company-grid {
        grid-template-columns: 520px 1fr;
        gap: 40px
    }
}

@media only screen and (max-width: 1024px) {
    .about-company-grid {
        display: flex;
        flex-flow: column;
        gap: 48px
    }
}

@media only screen and (max-width: 576px) {
    .about-company-grid {
        gap: 40px
    }
}

.about-company-about {
    display: flex;
    flex-flow: column;
    gap: 40px
}

@media only screen and (max-width: 1024px) {
    .about-company-about {
        gap: 24px;
        width: 100%;
        max-width: 520px
    }
}

@media only screen and (max-width: 576px) {
    .about-company-about {
        gap: 16px
    }
}

.about-company-about__text {
    display: flex;
    flex-flow: column;
    gap: 12px
}

.about-company-about__text p {
    opacity: .8;
    line-height: 24px
}

.about-company-certificates {
    flex: 1;
    display: flex;
    flex-flow: column;
    gap: 40px;
    overflow: hidden
}

@media only screen and (max-width: 1024px) {
    .about-company-certificates {
        gap: 24px;
        width: 100%
    }
}

.about-company-slider {
    position: relative;
    border-radius: 8px;
    background-color: #2c1a50
}

.about-company-slide {
    display: flex !important;
    flex-flow: row nowrap;
    gap: 32px;
    padding: 32px;
    overflow: hidden;
    border-radius: 8px;
    box-sizing: border-box
}

@media only screen and (max-width: 576px) {
    .about-company-slide {
        flex-flow: column;
        gap: 24px;
        padding: 24px
    }
}

.about-company-slide__img {
    position: relative;
    width: 100%
}

@media only screen and (min-width: 576px) {
    .about-company-slide__img {
        max-width: 405px
    }
}

@media only screen and (min-width: 576px) and (max-width: 1024px) {
    .about-company-slide__img {
        max-width: 366px
    }
}

.about-company-slide__img img {
    display: block;
    width: 100%;
    border: 12px solid #ffffff;
    filter: drop-shadow(9px -10px 16px rgba(0, 0, 0, .45));
    pointer-events: none;
    box-sizing: border-box
}

.about-company-slide__img:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    background-color: transparent;
    box-shadow: 0 4px 128px 99px #00f0ff6b;
    transform: translate(-50%, -50%);
    pointer-events: none
}

.about-company-slide__main {
    flex: 1;
    display: flex;
    flex-flow: column;
    gap: 24px
}

@media only screen and (max-width: 576px) {
    .about-company-slide__main {
        gap: 16px
    }
}

.about-company-slide__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 28px
}

@media only screen and (max-width: 1024px) {
    .about-company-slide__title {
        font-size: 20px;
        line-height: 24px
    }
}

@media only screen and (max-width: 576px) {
    .about-company-slide__title {
        margin-top: 16px
    }
}

.about-company-slide__text {
    opacity: .8;
    line-height: 24px
}

@media only screen and (max-width: 1024px) {
    .about-company-slide__text {
        font-size: 14px;
        line-height: 20px
    }
}

.about-company-slider-nav-buttons {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 24px;
    z-index: 1
}

@media only screen and (min-width: 576px) {
    .about-company-slider-nav-buttons {
        position: absolute;
        bottom: 32px;
        left: 469px
    }
}

@media only screen and (min-width: 576px) and (max-width: 1024px) {
    .about-company-slider-nav-buttons {
        left: 430px
    }
}

@media only screen and (max-width: 576px) {
    .about-company-slider-nav-buttons {
        gap: 16px;
        padding: 0 24px 24px
    }
}

.about-company-slider-prev-btn,
.about-company-slider-next-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1.5px solid #ffffff;
    background-color: #2c1a50;
    box-sizing: border-box;
    transition: border-color .3s ease
}

.about-company-slider-prev-btn svg,
.about-company-slider-next-btn svg {
    width: 16px;
    height: 16px;
    stroke: #fff;
    stroke-width: 1.5px;
    transition: stroke .3s ease
}

.about-company-slider-prev-btn:disabled,
.about-company-slider-next-btn:disabled {
    border-color: #ffffff80
}

.about-company-slider-prev-btn:disabled svg,
.about-company-slider-next-btn:disabled svg {
    stroke: #ffffff80
}

.banner-primary {
    border-radius: 8px;
    background: linear-gradient(180deg, #1c1132, #2d1a51 100%, #271547)
}

@media only screen and (min-width: 576px) {
    .banner-primary {
        display: grid;
        grid-template-columns: 1fr 536px;
        grid-template-areas: "inf cover" "inf cover"
    }
}

@media only screen and (max-width: 1024px) {
    .banner-primary {
        grid-template-columns: 1fr 320px;
        gap: 48px
    }
}

@media only screen and (max-width: 576px) {
    .banner-primary {
        display: flex;
        flex-flow: column;
        justify-content: space-between;
        padding: 32px 24px 24px;
        min-height: 512px;
        box-sizing: border-box
    }
}

.banner-primary-inf {
    grid-area: inf;
    display: flex;
    flex-flow: column;
    gap: 32px;
    padding: 48px 0 48px 32px
}

@media only screen and (max-width: 1440px) {
    .banner-primary-inf {
        gap: 24px;
        padding: 32px 0 32px 32px
    }
}

@media only screen and (max-width: 576px) {
    .banner-primary-inf {
        display: none
    }
}

.banner-primary-title {
    font-size: 48px;
    font-weight: 600;
    line-height: 52px
}

@media only screen and (max-width: 1440px) {
    .banner-primary-title {
        font-size: 36px;
        line-height: 40px
    }
}

@media only screen and (max-width: 1024px) {
    .banner-primary-title {
        font-size: 32px;
        line-height: 36px
    }
}

@media only screen and (min-width: 576px) {
    .banner-primary-title--mobile {
        display: none
    }
}

@media only screen and (max-width: 576px) {
    .banner-primary-title--mobile {
        order: 1;
        font-size: 24px;
        line-height: 28px
    }
}

.banner-primary-text {
    display: flex;
    flex-flow: column;
    gap: 16px;
    opacity: .8;
    line-height: 24px
}

@media only screen and (max-width: 1440px) {
    .banner-primary-text {
        gap: 12px;
        font-size: 14px;
        line-height: 20px
    }
}

@media only screen and (min-width: 576px) {
    .banner-primary-text--mobile {
        display: none
    }
}

@media only screen and (max-width: 576px) {
    .banner-primary-text--mobile {
        order: 3;
        font-size: 12px;
        line-height: 16px
    }
}

.banner-primary-cover {
    grid-area: cover;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 82px
}

@media only screen and (max-width: 1440px) {
    .banner-primary-cover {
        padding: 0 73px
    }
}

@media only screen and (max-width: 1024px) {
    .banner-primary-cover {
        padding: 0 16px
    }
}

@media only screen and (max-width: 576px) {
    .banner-primary-cover {
        order: 2;
        padding: 0 27px;
        margin: -27px 0
    }
}

.banner-primary-cover img {
    display: block;
    width: 100%;
    pointer-events: none
}

.banner-secondary {
    display: flex;
    flex-flow: row nowrap;
    gap: 32px;
    padding: 32px;
    border-radius: 8px;
    background-color: #fff
}

@media only screen and (max-width: 576px) {
    .banner-secondary {
        flex-flow: column;
        gap: 24px;
        padding: 24px
    }
}

.banner-secondary-cover {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    aspect-ratio: 2/2;
    padding: 16px;
    border-radius: 8px;
    background-color: #f1f5f9;
    box-sizing: border-box
}

@media only screen and (max-width: 576px) {
    .banner-secondary-cover {
        width: 80px
    }
}

.banner-secondary-cover img {
    display: block;
    width: 100%;
    pointer-events: none
}

.banner-secondary-inf {
    flex: 1;
    display: flex;
    flex-flow: column;
    gap: 24px;
    color: #332947
}

@media only screen and (max-width: 1024px) {
    .banner-secondary-inf {
        gap: 16px
    }
}

.banner-secondary-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px
}

.banner-secondary-text {
    line-height: 24px;
    max-width: 800px
}

@media only screen and (max-width: 1440px) {
    .banner-secondary-text {
        font-size: 14px;
        line-height: 20px
    }
}

@media only screen and (max-width: 576px) {
    .banner-secondary-text {
        font-size: 12px;
        line-height: 16px
    }
}

.big-slider {
    height: 552px;
    border-radius: 8px;
    overflow: hidden
}

@media only screen and (max-width: 1024px) {
    .big-slider {
        height: 396px
    }
}

@media only screen and (max-width: 576px) {
    .big-slider {
        height: 428px
    }
}

.big-slider-swiper {
    position: relative;
    height: 100%
}

.big-slider-prev-btn,
.big-slider-next-btn {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    aspect-ratio: 2/2;
    border-radius: 50%;
    background-color: #fff;
    border: 1.5px solid #ffffff;
    z-index: 3
}

@media only screen and (min-width: 1024px) {

    .big-slider-prev-btn,
    .big-slider-next-btn {
        top: 50%;
        transform: translateY(-50%)
    }
}

@media only screen and (max-width: 1024px) {

    .big-slider-prev-btn,
    .big-slider-next-btn {
        bottom: 84px
    }
}

@media only screen and (max-width: 576px) {

    .big-slider-prev-btn,
    .big-slider-next-btn {
        width: 32px;
        bottom: 50px
    }
}

.big-slider-prev-btn svg,
.big-slider-next-btn svg {
    width: 16px;
    height: 16px;
    stroke: #332947
}

@media only screen and (min-width: 1024px) {
    .big-slider-prev-btn {
        left: 40px;
        transition: opacity .3s ease, visibility .3s ease, left .3s ease
    }

    .big-slider-prev-btn:disabled {
        opacity: 0;
        visibility: hidden;
        left: -40px
    }
}

@media only screen and (max-width: 1024px) and (min-width: 576px) {
    .big-slider-prev-btn {
        right: 96px;
        transition: opacity .3s ease, visibility .3s ease, right .3s ease
    }

    .big-slider-prev-btn:disabled {
        opacity: 0;
        visibility: hidden;
        right: 116px
    }
}

@media only screen and (max-width: 576px) {
    .big-slider-prev-btn {
        left: 16px;
        transition: opacity .3s ease, visibility .3s ease, left .3s ease
    }

    .big-slider-prev-btn:disabled {
        opacity: 0;
        visibility: hidden;
        left: -16px
    }
}

.big-slider-next-btn {
    right: 40px;
    transition: opacity .3s ease, visibility .3s ease, right .3s ease
}

.big-slider-next-btn:disabled {
    opacity: 0;
    visibility: hidden;
    right: -40px
}

@media only screen and (max-width: 1024px) {
    .big-slider-next-btn:disabled {
        right: 20px
    }
}

@media only screen and (max-width: 576px) {
    .big-slider-next-btn:disabled {
        right: -16px
    }
}

@media only screen and (max-width: 576px) {
    .big-slider-next-btn {
        right: 16px
    }
}

.big-slider-pagination {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    bottom: 40px !important
}

@media only screen and (max-width: 576px) {
    .big-slider-pagination {
        width: auto !important;
        left: 16px !important;
        right: 16px !important;
        bottom: 16px !important;
        box-sizing: border-box
    }
}

.big-slider-pagination .swiper-pagination-bullet {
    width: 158.4px;
    height: 4px;
    margin: 0 !important;
    border-radius: 2px;
    opacity: 1;
    background: #fff
}

.big-slider-pagination .swiper-pagination-bullet-active {
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%)
}

@media only screen and (max-width: 1024px) {
    .big-slider-pagination .swiper-pagination-bullet {
        width: 97.6px
    }
}

@media only screen and (max-width: 576px) {
    .big-slider-pagination .swiper-pagination-bullet {
        flex: 1;
        width: auto !important;
        max-width: 51.2px
    }
}

.big-slider-item {
    display: flex !important;
    flex-flow: column
}

.big-slider-item__cover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center right;
    pointer-events: none;
    z-index: -1
}

@media only screen and (max-width: 1024px) {
    .big-slider-item__cover {
        filter: blur(100px)
    }
}

.big-slider-item__main {
    flex: 1;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    gap: 40px;
    width: 100%;
    max-width: 536px;
    padding-top: 80px;
    padding-left: 144px;
    background: linear-gradient(90deg, #0006, #0000)
}

@media only screen and (max-width: 1024px) {
    .big-slider-item__main {
        gap: 24px;
        padding-top: 60px;
        padding-left: 40px
    }
}

@media only screen and (max-width: 576px) {
    .big-slider-item__main {
        gap: 16px;
        padding: 48px 16px 0;
        box-sizing: border-box
    }
}

.big-slider-item__title {
    font-size: 48px;
    font-weight: 600;
    line-height: 52px
}

@media only screen and (max-width: 1024px) {
    .big-slider-item__title {
        font-size: 32px;
        line-height: 36px
    }
}

@media only screen and (max-width: 576px) {
    .big-slider-item__title {
        font-size: 28px;
        line-height: 32px
    }
}

.big-slider-item__text {
    font-size: 24px;
    line-height: 32px
}

@media only screen and (max-width: 1024px) {
    .big-slider-item__text {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (max-width: 576px) {
    .big-slider-item__text {
        font-size: 14px;
        line-height: 20px
    }
}

.big-slider-item__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    max-width: 224px;
    height: 52px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 8px;
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%)
}

@media only screen and (max-width: 1024px) {
    .big-slider-item__btn {
        margin-top: 8px
    }
}

@media only screen and (max-width: 576px) {
    .big-slider-item__btn {
        height: 44px;
        align-self: center;
        font-size: 14px;
        margin-top: auto;
        margin-bottom: 44px;
        max-width: calc(100% - 112px)
    }
}

.brand-item {
    display: flex;
    flex-flow: column;
    gap: 24px;
    padding: 32px;
    color: #332947;
    border-radius: 8px;
    background-color: #fff
}

@media only screen and (max-width: 1024px) {
    .brand-item {
        min-height: 500px;
        box-sizing: border-box
    }
}

@media only screen and (max-width: 576px) {
    .brand-item {
        min-height: 464px;
        padding: 24px
    }
}

.brand-item-cover {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 160px;
    padding: 0 16px;
    border-radius: 8px;
    background-color: #f1f5f9
}

@media only screen and (max-width: 1024px) {
    .brand-item-cover {
        padding: 0 32px
    }
}

@media only screen and (max-width: 576px) {
    .brand-item-cover {
        height: 140px;
        padding: 0 8px
    }
}

.brand-item-cover img {
    display: block;
    width: 100%;
    pointer-events: none;
    mix-blend-mode: multiply
}

.brand-item-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px
}

.brand-item-options {
    display: flex;
    flex-flow: column;
    gap: 12px
}

.brand-item-options li {
    display: flex;
    flex-flow: row nowrap;
    gap: 8px
}

.brand-item-options li span:nth-child(1),
.brand-item-options li span:nth-child(2) {
    font-size: 14px;
    line-height: 24px
}

.brand-item-options li span:nth-child(2) {
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    background-image: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent
}

.brands-section {
    display: flex;
    flex-flow: column;
    padding: 40px 0 80px;
    overflow: hidden
}

@media only screen and (max-width: 1024px) {
    .brands-section {
        padding: 64px 0
    }
}

@media only screen and (max-width: 576px) {
    .brands-section {
        padding: 40px 0
    }
}

.brands-section-container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    gap: 40px
}

@media only screen and (max-width: 1024px) {
    .brands-section-container {
        gap: 32px
    }
}

@media only screen and (max-width: 576px) {
    .brands-section-container {
        gap: 24px;
        width: 100%;
        overflow: hidden
    }
}

.brands-section-head {
    display: flex;
    flex-flow: row nowrap
}

@media only screen and (min-width: 576px) {
    .brands-section-head {
        align-items: center;
        justify-content: space-between
    }
}

@media only screen and (max-width: 576px) {
    .brands-section-head {
        flex-flow: column;
        gap: 24px
    }
}

.brands-section-head__nav-buttons {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 24px
}

@media only screen and (max-width: 576px) {
    .brands-section-head__nav-buttons {
        gap: 16px
    }
}

.brands-section-prev-btn,
.brands-section-next-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1.5px solid #ffffff;
    box-sizing: border-box;
    transition: opacity .3s ease
}

@media only screen and (max-width: 576px) {

    .brands-section-prev-btn,
    .brands-section-next-btn {
        width: 32px;
        height: 32px
    }
}

.brands-section-prev-btn svg,
.brands-section-next-btn svg {
    width: 16px;
    height: 16px;
    stroke: #fff;
    stroke-width: 1.5px
}

.brands-section-prev-btn:disabled,
.brands-section-next-btn:disabled {
    opacity: .5
}

.brands-section-slider .swiper {
    overflow: unset
}

.brands-section-slider-item {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 160px;
    min-height: 160px;
    padding: 0 16px;
    border-radius: 8px;
    background-color: #fff;
    box-sizing: border-box
}

.brands-section-slider-item img {
    display: block;
    width: 100%;
    pointer-events: none
}

.call-back-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 536px;
    display: flex;
    flex-flow: column;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 0 20px #0003;
    transform: translate(-50%, -50%);
    padding: 32px 24px;
    box-sizing: border-box;
    color: #332947;
    z-index: 9999;
    transition: opacity .3s cubic-bezier(.175, .885, .32, 1.275), visibility .3s cubic-bezier(.175, .885, .32, 1.275), transform .3s cubic-bezier(.175, .885, .32, 1.275)
}

@media only screen and (max-width: 1024px) {
    .call-back-popup {
        padding: 24px 16px
    }
}

.call-back-popup:not(.visible) {
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, -50%) scale(.75)
}

.call-back-popup__close-btn {
    position: absolute;
    top: 16px;
    right: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px
}

.call-back-popup__close-btn svg {
    width: 100%;
    height: 100%;
    stroke: #ccced1;
    stroke-width: 1.5px;
    transition: stroke .3s ease
}

@media only screen and (min-width: 1280px) {
    .call-back-popup__close-btn:hover svg {
        stroke: #81848a
    }
}

.call-back-popup__title {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px
}

@media only screen and (max-width: 1024px) {
    .call-back-popup__title {
        font-size: 20px;
        line-height: 24px
    }
}

.call-back-popup__form {
    display: flex;
    flex-flow: column;
    gap: 16px;
    margin-top: 32px
}

@media only screen and (max-width: 1024px) {
    .call-back-popup__form {
        gap: 8px;
        margin-top: 24px
    }
}

.call-back-popup__form__input {
    height: 52px;
    font-size: 14px;
    border-radius: 8px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center left 16px;
    background-color: #f1f5f9;
    padding: 0 16px 0 48px
}

@media only screen and (max-width: 1024px) {
    .call-back-popup__form__input {
        height: 44px
    }
}

.call-back-popup__form__input::placeholder {
    color: #81848a
}

.call-back-popup__form__input--name {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 20V19C5 15.134 8.13401 12 12 12C15.866 12 19 15.134 19 19V20' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 12C14.2091 12 16 10.2091 16 8C16 5.79086 14.2091 4 12 4C9.79086 4 8 5.79086 8 8C8 10.2091 9.79086 12 12 12Z' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.call-back-popup__form__input--phone {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.1185 14.702L14.0003 15.5C11.2186 14.1038 9.50032 12.5 8.50032 10L9.27027 5.8699L7.81484 2H4.06392C2.93637 2 2.04846 2.93178 2.21686 4.04668C2.63727 6.83 3.87685 11.8765 7.50032 15.5C11.3055 19.3052 16.786 20.9564 19.8023 21.6127C20.9671 21.8662 22.0003 20.9575 22.0003 19.7655V16.1812L18.1185 14.702Z' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.call-back-popup__form__input--email {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 19.1245C15.9791 20.3003 14.0712 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 17.5 15 17.5 15 14C15 12 15 8 15 8' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 12V10.5C15 9.11929 13.6569 8 12 8C10.3431 8 9 9.11929 9 10.5V12' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 12V13.5C15 14.8807 13.6569 16 12 16C10.3431 16 9 14.8807 9 13.5V12' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.call-back-popup__form__submit-btn {
    height: 52px;
    margin-top: 16px;
    font-weight: 500;
    color: #fff;
    border-radius: 8px;
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%)
}

@media only screen and (max-width: 1024px) {
    .call-back-popup__form__submit-btn {
        height: 44px;
        font-size: 14px
    }
}

.call-back-popup__form__desc {
    margin-top: 8px;
    font-size: 12px;
    line-height: 16px;
    color: #81848a
}

.call-bid-section {
    display: flex;
    flex-flow: column;
    padding: 80px 0;
    background: linear-gradient(180deg, #26253c, #262443)
}

@media only screen and (max-width: 1024px) {
    .call-bid-section {
        padding: 64px 0
    }
}

@media only screen and (max-width: 576px) {
    .call-bid-section {
        padding: 40px 0
    }
}

.call-bid-container {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

@media only screen and (max-width: 1024px) {
    .call-bid-container {
        width: calc(100% - 250px) !important;
        max-width: unset !important
    }
}

@media only screen and (max-width: 576px) {
    .call-bid-container {
        width: calc(100% - 32px) !important
    }
}

.call-bid-desc {
    opacity: .8;
    line-height: 24px;
    margin: 24px 0 40px;
    max-width: 536px
}

@media only screen and (max-width: 1024px) {
    .call-bid-desc {
        font-size: 14px;
        line-height: 20px;
        margin: 24px 0 32px
    }
}

@media only screen and (max-width: 576px) {
    .call-bid-desc {
        margin: 16px 0 32px
    }
}

.call-bid-form {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px
}

@media only screen and (min-width: 1024px) {
    .call-bid-form {
        align-items: center
    }
}

@media only screen and (max-width: 1024px) {
    .call-bid-form {
        grid-template-columns: 1fr
    }
}

.call-bid-form__input,
.call-bid-form__btn {
    height: 52px;
    box-sizing: border-box;
    border-radius: 8px
}

@media only screen and (max-width: 1024px) {

    .call-bid-form__input,
    .call-bid-form__btn {
        height: 44px
    }
}

.call-bid-form__input {
    font-size: 14px;
    padding: 0 16px 0 48px
}

.call-bid-form__input::placeholder {
    color: #81848a
}

.call-bid-form__input--with-user-icon,
.call-bid-form__input--with-phone-icon {
    background-repeat: no-repeat;
    background-position: center left 16px
}

.call-bid-form__input--with-user-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 20V19C5 15.134 8.13401 12 12 12C15.866 12 19 15.134 19 19V20' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 12C14.2091 12 16 10.2091 16 8C16 5.79086 14.2091 4 12 4C9.79086 4 8 5.79086 8 8C8 10.2091 9.79086 12 12 12Z' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.call-bid-form__input--with-phone-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.7855 14.702L14.6673 15.5C11.8856 14.1038 10.1673 12.5 9.16731 10L9.93726 5.8699L8.48183 2H4.73091C3.60336 2 2.71545 2.93178 2.88385 4.04668C3.30426 6.83 4.54384 11.8765 8.16731 15.5C11.9725 19.3052 17.453 20.9564 20.4693 21.6127C21.6341 21.8662 22.6673 20.9575 22.6673 19.7655V16.1812L18.7855 14.702Z' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.call-bid-form__btn {
    font-weight: 500;
    line-height: 24px;
    padding: 0 16px;
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%)
}

@media only screen and (max-width: 1024px) {
    .call-bid-form__btn {
        margin-top: 8px
    }
}

.call-bid-form-desc {
    margin-top: 24px;
    font-size: 12px;
    line-height: 16px;
    color: #81848a
}

@media only screen and (max-width: 576px) {
    .call-bid-form-desc {
        margin-top: 20px
    }
}

.call-bid-form-desc a {
    background-image: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent
}

.call-big-section {
    display: flex;
    flex-flow: column;
    padding: 80px 0;
    background: linear-gradient(180deg, #26253c, #262443)
}

@media only screen and (max-width: 1024px) {
    .call-big-section {
        padding: 64px 0
    }
}

@media only screen and (max-width: 576px) {
    .call-big-section {
        padding: 40px 0
    }
}

.call-big-container {
    display: grid !important;
    grid-template-columns: 536px 1fr;
    gap: 184px;
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

@media only screen and (max-width: 1440px) {
    .call-big-container {
        grid-template-columns: 520px 1fr;
        gap: 40px
    }
}

@media only screen and (max-width: 1024px) {
    .call-big-container {
        grid-template-columns: repeat(2, 1fr);
        gap: 32px;
        width: calc(100% - 64px) !important;
        max-width: unset !important
    }
}

@media only screen and (max-width: 576px) {
    .call-big-container {
        grid-template-columns: 1fr;
        width: calc(100% - 32px) !important
    }
}

.call-big-main {
    display: flex;
    flex-flow: column
}

.call-big-desc {
    margin-top: 24px;
    opacity: .8;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (max-width: 1024px) {
    .call-big-desc {
        font-size: 14px;
        line-height: 20px
    }
}

@media only screen and (max-width: 576px) {
    .call-big-desc {
        margin-top: 16px
    }
}

.call-big-form {
    display: flex;
    flex-flow: column;
    gap: 16px;
    margin-top: 40px
}

@media only screen and (max-width: 1024px) {
    .call-big-form {
        margin-top: 32px
    }
}

.call-big-form__input {
    height: 52px;
    border-radius: 8px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center left 16px;
    background-size: 24px;
    padding: 0 16px 0 48px;
    font-size: 14px
}

@media only screen and (max-width: 1024px) {
    .call-big-form__input {
        height: 44px
    }
}

.call-big-form__input::placeholder {
    color: #81848a
}

.call-big-form__input--name {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 20V19C5 15.134 8.13401 12 12 12C15.866 12 19 15.134 19 19V20' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 12C14.2091 12 16 10.2091 16 8C16 5.79086 14.2091 4 12 4C9.79086 4 8 5.79086 8 8C8 10.2091 9.79086 12 12 12Z' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.call-big-form__input--phone {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.1175 14.702L13.9993 15.5C11.2176 14.1038 9.49934 12.5 8.49934 10L9.26929 5.8699L7.81386 2H4.06294C2.93539 2 2.04748 2.93178 2.21588 4.04668C2.63629 6.83 3.87587 11.8765 7.49934 15.5C11.3045 19.3052 16.785 20.9564 19.8013 21.6127C20.9661 21.8662 21.9993 20.9575 21.9993 19.7655V16.1812L18.1175 14.702Z' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.call-big-form__submit-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    text-align: center;
    font-weight: 500;
    line-height: 24px;
    color: #fff;
    border-radius: 8px;
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%)
}

@media only screen and (max-width: 1024px) {
    .call-big-form__submit-btn {
        margin-top: 8px;
        height: 44px;
        font-size: 14px
    }
}

.call-big-form-desc {
    margin-top: 24px;
    font-size: 12px;
    line-height: 16px;
    color: #81848a
}

@media only screen and (max-width: 576px) {
    .call-big-form-desc {
        margin-top: 20px
    }
}

.call-big-banner {
    position: relative;
    width: 100%;
    height: 380px;
    border-radius: 8px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/rbs/dist/images/banners/b-3.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .call-big-banner {
        background-image: url(/rbs/dist/images/banners/b-3@2x.png)
    }
}

.call-big-banner:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-image: url(/rbs/dist/images/banners/woman.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .call-big-banner:after {
        background-image: url(/rbs/dist/images/banners/woman@2x.png)
    }
}

@media only screen and (max-width: 576px) {
    .call-big-banner {
        display: none
    }
}

@media only screen and (max-width: 1024px) {
    .catalog-filters-wrapper {
        position: fixed;
        display: flex;
        flex-flow: column;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        visibility: hidden;
        transform: scale(.9);
        background-color: #26193d;
        z-index: 999;
        transition: opacity .3s ease, transform .3s ease, visibility .3s ease
    }

    .catalog-filters-wrapper.visible {
        opacity: 1;
        transform: none;
        visibility: visible
    }
}

.catalog-filters-head {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    height: 56px;
    min-height: 56px;
    padding: 0 16px;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

@media only screen and (min-width: 1024px) {
    .catalog-filters-head {
        display: none
    }
}

.catalog-filters-reset-btn {
    font-size: 14px;
    font-weight: 600;
    background-image: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent
}

.catalog-filters-title {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 20px;
    font-weight: 600;
    transform: translate(-50%, -50%);
    pointer-events: none
}

.catalog-filters-close-btn {
    width: 24px;
    height: 24px
}

.catalog-filters-close-btn svg {
    display: block;
    width: 100%;
    aspect-ratio: 2/2;
    stroke: #ccced1
}

@media only screen and (min-width: 1024px) {
    .catalog-filters-scroll .simplebar-track {
        display: none
    }
}

@media only screen and (max-width: 1024px) {
    .catalog-filters-scroll {
        display: flex;
        flex-flow: column;
        height: calc(100svh - 113px)
    }

    .catalog-filters-scroll .simplebar-track .simplebar-scrollbar:before {
        background: #ffffff40 !important
    }

    .catalog-filters-scroll .simplebar-track .simplebar-scrollbar.simplebar-visible:before {
        opacity: 1 !important
    }

    .catalog-filters-scroll .simplebar-track.simplebar-vertical,
    .catalog-filters-scroll .simplebar-track.simplebar-horizontal {
        background: #00000040 !important
    }

    .catalog-filters-scroll .simplebar-track.simplebar-vertical {
        width: 8px !important
    }

    .catalog-filters-scroll .simplebar-track.simplebar-horizontal {
        height: 8px !important
    }
}

.catalog-filters-main {
    display: flex;
    flex-flow: column;
    gap: 24px
}

@media only screen and (max-width: 1024px) {
    .catalog-filters-main {
        padding: 16px
    }
}

.catalog-filter-block {
    display: flex;
    flex-flow: column
}

.catalog-filter-block__head {
    cursor: pointer;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px
}

.catalog-filter-block__head__text {
    font-weight: 500;
    line-height: 24px
}

.catalog-filter-block__head__icon {
    width: 24px;
    height: 24px;
    stroke: #fff;
    transition: transform .3s ease
}

.catalog-filter-block__head.active .catalog-filter-block__head__icon {
    transform: rotate(-180deg)
}

.catalog-filter-block[data-block-collapse=true] .catalog-filter-block__wrapper {
    height: unset;
    opacity: unset
}

.catalog-filter-block__wrapper {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: height .3s ease, opacity .3s ease, padding-bottom .3s ease
}

.catalog-filter-block__rows {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    gap: 12px;
    padding-top: 16px
}

.catalog-filter-block__price {
    display: flex;
    flex-flow: column;
    gap: 16px;
    padding-top: 16px
}

.catalog-filter-block__more-btn {
    margin-top: 4px;
    font-weight: 600;
    line-height: 24px;
    background-image: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent
}

.catalog-filter-footer {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 8px
}

@media only screen and (max-width: 576px) {
    .catalog-filter-footer {
        position: sticky;
        bottom: 0;
        margin: 0 -16px -16px;
        padding: 16px;
        background-color: #26193d;
        border-top: 1px solid rgba(255, 255, 255, .1)
    }
}

.catalog-filter-footer__btn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    border-radius: 8px
}

.catalog-filter-footer__btn:nth-child(1) {
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%)
}

.catalog-filter-footer__btn:nth-child(2) {
    border: 1.5px solid #ffffff
}

@media only screen and (max-width: 576px) {
    .catalog-filter-footer__btn:nth-child(2) {
        display: none
    }
}

.catalog-popup {
    position: absolute;
    width: 100%;
    max-width: 968px;
    opacity: 0;
    visibility: hidden;
    color: #332947;
    border-radius: 8px;
    background-color: #fff;
    transform: translateY(56px);
    box-shadow: 0 0 20px #0003;
    z-index: 11;
    transition: opacity .3s cubic-bezier(.175, .885, .32, 1.275), visibility .3s cubic-bezier(.175, .885, .32, 1.275), transform .3s cubic-bezier(.175, .885, .32, 1.275)
}

@media only screen and (min-width: 576px) {
    .catalog-popup {
        display: grid;
        grid-template-columns: 311px 1fr
    }
}

@media only screen and (max-width: 1024px) {
    .catalog-popup {
        left: 0 !important;
        right: 0 !important;
        grid-template-columns: 260px 1fr;
        border-radius: unset;
        max-width: none;
        transform: translateY(32px)
    }
}

@media only screen and (max-width: 576px) {
    .catalog-popup {
        position: fixed;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 56px;
        display: flex;
        flex-flow: column;
        transform: scale(.95)
    }
}

.catalog-popup.visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(36px)
}

@media only screen and (max-width: 1024px) {
    .catalog-popup.visible {
        transform: translateY(16px)
    }
}

@media only screen and (max-width: 576px) {
    .catalog-popup.visible {
        transform: none
    }
}

.catalog-popup-head-mobile {
    display: grid;
    grid-template-columns: 44px 1fr 44px;
    align-items: center;
    height: 76px;
    padding: 16px;
    box-sizing: border-box;
    border-bottom: 1.5px solid #f1f5f9
}

@media only screen and (min-width: 576px) {
    .catalog-popup-head-mobile {
        display: none
    }
}

.catalog-popup-head-mobile__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 2/2;
    border-radius: 8px;
    background-color: #f1f5f9
}

.catalog-popup-head-mobile__btn svg {
    width: 24px;
    height: 24px;
    stroke: #81848a;
    stroke-width: 1.5px
}

.catalog-popup-head-mobile__title {
    font-size: 28px;
    font-weight: 600;
    line-height: 32px;
    text-align: center
}

@media only screen and (max-width: 576px) {
    .catalog-popup-menu-wrapper {
        flex: 1;
        height: 100%
    }
}

.catalog-popup-menu {
    display: flex;
    flex-flow: column
}

@media only screen and (min-width: 576px) {
    .catalog-popup-menu {
        margin: 24px 0;
        border-right: 1px solid #f1f5f9
    }
}

@media only screen and (max-width: 576px) {
    .catalog-popup-menu {
        display: none
    }
}

.catalog-popup-menu-mobile {
    display: flex;
    flex-flow: column
}

@media only screen and (min-width: 576px) {
    .catalog-popup-menu-mobile {
        display: none
    }
}

.catalog-popup-menu-mobile__container,
.catalog-popup-menu-mobile__main {
    display: flex;
    flex-flow: column
}

.catalog-popup-menu-mobile__link {
    padding: 10px 16px;
    min-height: 44px;
    background-color: #f1f5f9;
    box-sizing: border-box
}

.catalog-popup-menu-mobile__link:not(:last-child) {
    border-bottom: 1.5px solid #ffffff
}

.catalog-popup-menu-mobile__link span:nth-child(1) {
    font-size: 12px;
    line-height: 24px
}

.catalog-popup-menu-mobile__link span:nth-child(2) {
    font-size: 12px;
    font-weight: 600;
    line-height: 24px;
    text-transform: uppercase
}

.catalog-popup-menu-link {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    font-weight: 500;
    line-height: 24px;
    padding: 10px 24px
}

.catalog-popup-menu-link svg {
    display: none;
    width: 20px;
    height: 20px;
    stroke: #332947
}

@media only screen and (max-width: 576px) {
    .catalog-popup-menu-link {
        font-size: 12px;
        padding: 10px 24px 10px 16px;
        border-bottom: 1.5px solid #f1f5f9
    }

    .catalog-popup-menu-link svg {
        display: block;
        stroke-width: 1.5px
    }

    .catalog-popup-menu-link.active svg {
        transform: rotate(-90deg)
    }
}

@media only screen and (min-width: 576px) {
    .catalog-popup-menu-link.active {
        position: relative;
        background-image: linear-gradient(91.88deg, #4d3bc9 8.64%, #a027d6 59.14%, #dd2c81 106.57%);
        background-size: 100%;
        -webkit-background-clip: text;
        -moz-background-clip: text;
        -webkit-text-fill-color: transparent;
        -moz-text-fill-color: transparent
    }

    .catalog-popup-menu-link.active:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 2px;
        background: radial-gradient(100% 100% at 0% 0%, #ec36b5 70%, #6f5aff)
    }
}

@media only screen and (min-width: 1280px) {
    .catalog-popup-menu-link:hover {
        text-decoration: underline
    }
}

@media only screen and (max-width: 1024px) {
    .catalog-popup-menu-link {
        font-size: 14px
    }
}

.catalog-popup-main {
    display: flex;
    flex-flow: column;
    gap: 32px;
    padding: 24px
}

@media only screen and (max-width: 576px) {
    .catalog-popup-main {
        display: none
    }
}

.catalog-popup-banner {
    display: flex;
    flex-flow: row nowrap;
    min-height: 188px;
    border-radius: 8px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(/rbs/dist/images/catalog-popup-banner.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .catalog-popup-banner {
        background-image: url(/rbs/dist/images/catalog-popup-banner@2x.png)
    }
}

.catalog-popup-banner__main {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    gap: 24px;
    padding: 24px 0 24px 24px
}

.catalog-popup-banner__title {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px
}

.catalog-popup-banner__btn {
    height: 52px;
    padding: 14px 24px;
    color: #fff;
    font-weight: 600;
    line-height: 24px;
    border-radius: 8px;
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    box-sizing: border-box
}

.catalog-popup-banner__manager-img {
    display: block;
    width: 114px;
    height: 172px;
    margin: auto 78px 0;
    pointer-events: none;
    object-fit: contain;
    object-position: top
}

@media only screen and (max-width: 1024px) {
    .catalog-popup-banner__manager-img {
        margin-right: 16px;
        margin-top: auto;
        margin-left: -8px
    }
}

.catalog-popup-content {
    display: flex;
    flex-flow: column;
    gap: 24px;
    padding: 0 24px 24px
}

.catalog-popup-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px
}

.catalog-popup-submenu-group {
    display: flex;
    flex-flow: row wrap;
    gap: 24px 48px
}

.catalog-popup-submenu {
    display: flex;
    flex-flow: column;
    gap: 12px
}

.catalog-popup-submenu-link {
    font-size: 14px;
    line-height: 24px
}

.catalog-popup-submenu-link__count {
    font-weight: 600;
    background-image: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent
}

@media only screen and (min-width: 1280px) {
    .catalog-popup-submenu-link:hover {
        text-decoration: underline
    }
}

.cheaper-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 536px;
    display: flex;
    flex-flow: column;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 0 20px #0003;
    transform: translate(-50%, -50%);
    padding: 32px 24px;
    box-sizing: border-box;
    color: #332947;
    z-index: 9999;
    transition: opacity .3s cubic-bezier(.175, .885, .32, 1.275), visibility .3s cubic-bezier(.175, .885, .32, 1.275), transform .3s cubic-bezier(.175, .885, .32, 1.275)
}

@media only screen and (max-width: 1024px) {
    .cheaper-popup {
        padding: 24px 16px
    }
}

.cheaper-popup:not(.visible) {
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, -50%) scale(.75)
}

.call-popup:not(.visible) {
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, -50%) scale(.75)
}

.call-popup {
    max-height: 100%;
    overflow: auto;
}

.call-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 536px;
    display: flex;
    flex-flow: column;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 0 20px #0003;
    transform: translate(-50%, -50%);
    padding: 32px 24px;
    box-sizing: border-box;
    color: #332947;
    z-index: 9999;
    transition: opacity .3s cubic-bezier(.175, .885, .32, 1.275), visibility .3s cubic-bezier(.175, .885, .32, 1.275), transform .3s cubic-bezier(.175, .885, .32, 1.275);
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    width: unset !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
}

.call-popup input {
    background-color: #f1f5f9;
}

.cheaper-popup__close-btn {
    position: absolute;
    top: 16px;
    right: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px
}

.cheaper-popup__close-btn svg {
    width: 100%;
    height: 100%;
    stroke: #ccced1;
    stroke-width: 1.5px;
    transition: stroke .3s ease
}

@media only screen and (min-width: 1280px) {
    .cheaper-popup__close-btn:hover svg {
        stroke: #81848a
    }
}

.cheaper-popup__title {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px
}

@media only screen and (max-width: 1024px) {
    .cheaper-popup__title {
        font-size: 20px;
        line-height: 24px
    }
}

.cheaper-popup__desc-wrapper {
    display: flex;
    flex-flow: column;
    gap: 12px;
    margin-top: 24px
}

@media only screen and (max-width: 1024px) {
    .cheaper-popup__desc-wrapper {
        margin-top: 16px
    }
}

.cheaper-popup__desc-wrapper p {
    opacity: .8;
    font-size: 14px;
    line-height: 20px
}

@media only screen and (max-width: 1024px) {
    .cheaper-popup__desc-wrapper p {
        font-size: 12px;
        line-height: 16px
    }
}

.cheaper-popup__link {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 8px;
    margin-top: 16px
}

@media only screen and (max-width: 1024px) {
    .cheaper-popup__link {
        margin-top: 24px
    }
}

.cheaper-popup__link span {
    font-weight: 600;
    line-height: 24px
}

@media only screen and (max-width: 1024px) {
    .cheaper-popup__link span {
        font-size: 14px;
        line-height: 20px
    }
}

.cheaper-popup__link svg {
    width: 16px;
    height: 16px;
    stroke: url(#linear-gradient-brand);
    stroke-width: 1.5px;
    transition: transform .3s ease
}

@media only screen and (min-width: 1280px) {
    .cheaper-popup__link:hover svg {
        transform: translate(4px)
    }
}

.cheaper-popup__form {
    display: flex;
    flex-flow: column;
    margin-top: 32px
}

@media only screen and (max-width: 1024px) {
    .cheaper-popup__form {
        margin-top: 24px
    }
}

.cheaper-popup__form__inputs {
    display: flex;
    flex-flow: column;
    gap: 16px
}

@media only screen and (max-width: 1024px) {
    .cheaper-popup__form__inputs {
        gap: 8px
    }
}

.cheaper-popup__form__input {
    height: 52px;
    font-size: 14px;
    border-radius: 8px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center left 16px;
    background-color: #f1f5f9;
    padding: 0 16px 0 48px
}

@media only screen and (max-width: 1024px) {
    .cheaper-popup__form__input {
        height: 44px
    }
}

.cheaper-popup__form__input::placeholder {
    color: #81848a
}

.cheaper-popup__form__input--url {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.33789 17C5.06694 19.989 8.29866 22 12.0001 22C15.7015 22 18.9332 19.989 20.6622 17' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.33789 7C5.06694 4.01099 8.29866 2 12.0001 2C15.7015 2 18.9332 4.01099 20.6622 7' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13 21.9507C13 21.9507 14.4079 20.0967 15.2947 17' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13 2.04932C13 2.04932 14.4079 3.90328 15.2947 7' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.9998 21.9507C10.9998 21.9507 9.59191 20.0967 8.70508 17' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.9998 2.04932C10.9998 2.04932 9.59191 3.90328 8.70508 7' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 10L10.5 15L12 10L13.5 15L15 10' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 10L2.5 15L4 10L5.5 15L7 10' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17 10L18.5 15L20 10L21.5 15L23 10' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.cheaper-popup__form__input--price {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.60059 13.9922V12.8438H8.75293V11.9277H9.60059V7.36816H12.499C13.6566 7.36816 14.5225 7.60059 15.0967 8.06543C15.6709 8.52572 15.958 9.2002 15.958 10.0889C15.958 10.9456 15.6686 11.6201 15.0898 12.1123C14.5156 12.5999 13.6794 12.8438 12.5811 12.8438H11.0703V13.9922H13.75V14.915H11.0703V17H9.60059V14.915H8.75293V13.9922H9.60059ZM11.0703 11.9277H12.4443C13.1188 11.9277 13.627 11.7751 13.9688 11.4697C14.3105 11.1598 14.4814 10.7064 14.4814 10.1094C14.4814 9.52604 14.3014 9.07943 13.9414 8.76953C13.5859 8.45508 13.0687 8.29785 12.3896 8.29785H11.0703V11.9277Z' fill='%23C0C1C4'/%3E%3C/svg%3E")
}

.cheaper-popup__form__submit-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    margin-top: 32px;
    font-weight: 500;
    color: #fff;
    border-radius: 8px;
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%)
}

@media only screen and (max-width: 1024px) {
    .cheaper-popup__form__submit-btn {
        height: 44px;
        font-size: 14px;
        margin-top: 24px
    }
}

.crumbs-wrapper {
    display: flex;
    flex-flow: column;
    padding: 40px 0 20px
}

.crumbs-wrapper--dark .crumbs-link:last-child {
    color: #332947
}

@media only screen and (min-width: 1280px) {
    .crumbs-wrapper--dark .crumbs-link a:hover {
        color: #332947
    }
}

@media only screen and (max-width: 1024px) {
    .crumbs-wrapper {
        padding: 32px 0 16px
    }
}

@media only screen and (max-width: 576px) {
    .crumbs-wrapper {
        padding: 16px 0
    }
}

.crumbs-container {
    align-self: center;
    width: calc(100% - 136px);
    max-width: 1688px;
    padding: 0 68px
}

@media only screen and (max-width: 1024px) {
    .crumbs-container {
        padding: 0 32px;
        width: calc(100% - 64px)
    }
}

@media only screen and (max-width: 576px) {
    .crumbs-container {
        padding: 0 16px;
        width: calc(100% - 32px)
    }
}

.crumbs-links {
    display: flex;
    flex-flow: row wrap;
    gap: 20px
}

@media only screen and (max-width: 576px) {
    .crumbs-links {
        gap: 8px 16px
    }
}

.crumbs-link {
    font-size: 12px;
    color: #81848a;
    line-height: 16px
}

.crumbs-link:not(:last-child):after {
    content: "/";
    margin-left: 20px
}

.crumbs-link:last-child {
    color: #fff
}

@media only screen and (min-width: 1280px) {
    .crumbs-link a:hover {
        color: #fff
    }
}

.fast-cart-popup {
    position: absolute;
    left: 50%;
    width: 100%;
    max-width: 536px;
    display: flex;
    flex-flow: column;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 0 20px #0003;
    transform: translate(-50%);
    padding: 32px 24px;
    box-sizing: border-box;
    color: #332947;
    z-index: 9999;
    transition: opacity .3s cubic-bezier(.175, .885, .32, 1.275), visibility .3s cubic-bezier(.175, .885, .32, 1.275), transform .3s cubic-bezier(.175, .885, .32, 1.275)
}

@media only screen and (max-width: 1024px) {
    .fast-cart-popup {
        padding: 24px 16px
    }
}

.fast-cart-popup:not(.clear) {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.fast-cart-popup:not(.visible) {
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, -50%) scale(.75)
}

.fast-cart-popup:not(.visible):not(.clear) {
    top: 50%;
    left: 50%;
    transform: translate(-50%) scale(.75)
}

.fast-cart-popup__close-btn {
    position: absolute;
    top: 16px;
    right: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px
}

.fast-cart-popup__close-btn svg {
    width: 100%;
    height: 100%;
    stroke: #ccced1;
    stroke-width: 1.5px;
    transition: stroke .3s ease
}

@media only screen and (min-width: 1280px) {
    .fast-cart-popup__close-btn:hover svg {
        stroke: #81848a
    }
}

.fast-cart-popup__title {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px
}

@media only screen and (max-width: 1024px) {
    .fast-cart-popup__title {
        font-size: 20px;
        line-height: 24px
    }
}

.fast-cart-popup__products {
    display: flex;
    flex-flow: column
}

@media only screen and (min-width: 1024px) {
    .fast-cart-popup__products {
        margin-top: 8px
    }
}

.fast-cart-popup__product {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    gap: 16px;
    padding: 24px 0;
    border-bottom: 1.5px solid #f1f5f9
}

@media only screen and (max-width: 1024px) {
    .fast-cart-popup__product {
        padding: 16px 0
    }
}

.fast-cart-popup__product__photo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    aspect-ratio: 2/2;
    border-radius: 8px;
    background-color: #f1f5f9
}

.fast-cart-popup__product__photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center
}

.fast-cart-popup__product__inf {
    flex: 1;
    display: flex;
    flex-flow: column;
    gap: 12px
}

@media only screen and (max-width: 1024px) {
    .fast-cart-popup__product__inf {
        margin-left: -8px
    }
}

.fast-cart-popup__product__inf__name {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px
}

@media only screen and (max-width: 1024px) {
    .fast-cart-popup__product__inf__name {
        font-size: 12px
    }
}

.fast-cart-popup__product__inf__desc {
    font-size: 12px;
    line-height: 16px;
    color: #81848a
}

@media only screen and (max-width: 1024px) {
    .fast-cart-popup__product__inf__desc {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }
}

.fast-cart-popup__product__price {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    text-align: right
}

@media only screen and (max-width: 1024px) {
    .fast-cart-popup__product__price {
        font-size: 12px
    }
}

.fast-cart-popup__details {
    display: flex;
    flex-flow: column
}

.fast-cart-popup__detail {
    display: flex;
    flex-flow: row nowrap;
    gap: 16px;
    padding: 24px 0;
    border-bottom: 1.5px solid #f1f5f9
}

@media only screen and (min-width: 1024px) {
    .fast-cart-popup__detail {
        align-items: center
    }
}

@media only screen and (max-width: 1024px) {
    .fast-cart-popup__detail {
        padding: 16px 0
    }
}

.fast-cart-popup__detail__text {
    flex: 1;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    color: #81848a
}

@media only screen and (max-width: 1024px) {
    .fast-cart-popup__detail__text {
        font-size: 12px
    }
}

.fast-cart-popup__detail__icon {
    width: 24px;
    height: 24px;
    color: #c0c1c4
}

.fast-cart-popup__detail__price {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    text-align: right;
    color: #81848a
}

@media only screen and (max-width: 1024px) {
    .fast-cart-popup__detail__price {
        font-size: 12px
    }
}

.fast-cart-popup__total {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 24px 0;
    border-bottom: 1.5px solid #f1f5f9
}

@media only screen and (max-width: 1024px) {
    .fast-cart-popup__total {
        padding: 16px 0
    }
}

.fast-cart-popup__total span {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    text-align: right
}

@media only screen and (max-width: 1024px) {
    .fast-cart-popup__total span {
        font-size: 12px
    }
}

.fast-cart-popup__form {
    display: flex;
    flex-flow: column;
    margin-top: 24px
}

@media only screen and (max-width: 1024px) {
    .fast-cart-popup__form {
        margin-top: 39px
    }
}

.fast-cart-popup__input-wrapper {
    display: flex;
    flex-flow: column;
    gap: 8px
}

.fast-cart-popup__input-wrapper label {
    font-size: 14px;
    line-height: 20px
}

.fast-cart-popup__input {
    height: 52px;
    font-size: 14px;
    border-radius: 8px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center left 16px;
    background-color: #f1f5f9;
    padding: 0 16px 0 48px
}

@media only screen and (max-width: 1024px) {
    .fast-cart-popup__input {
        height: 44px
    }
}

.fast-cart-popup__input::placeholder {
    color: #81848a
}

.fast-cart-popup__input--phone {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.1185 14.702L14.0003 15.5C11.2186 14.1038 9.50032 12.5 8.50032 10L9.27027 5.8699L7.81484 2H4.06392C2.93637 2 2.04846 2.93178 2.21686 4.04668C2.63727 6.83 3.87685 11.8765 7.50032 15.5C11.3055 19.3052 16.786 20.9564 19.8023 21.6127C20.9671 21.8662 22.0003 20.9575 22.0003 19.7655V16.1812L18.1185 14.702Z' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.fast-cart-popup__submit-btn {
    height: 52px;
    margin-top: 24px;
    font-weight: 500;
    color: #fff;
    border-radius: 8px;
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%)
}

@media only screen and (max-width: 1024px) {
    .fast-cart-popup__submit-btn {
        height: 44px;
        font-size: 14px
    }
}

.fast-cart-popup__desc {
    margin-top: 24px;
    font-size: 12px;
    line-height: 16px;
    color: #81848a
}

@media only screen and (max-width: 1024px) {
    .fast-cart-popup__desc {
        margin-top: 16px
    }
}

.footer-wrapper {
    display: flex;
    flex-flow: column;
    margin-top: auto;
    padding: 80px 0;
    color: #fff;
    background-color: #161134
}

@media only screen and (max-width: 1024px) {
    .footer-wrapper {
        padding: 64px 0
    }
}

@media only screen and (max-width: 576px) {
    .footer-wrapper {
        padding: 40px 0
    }
}

.footer-container {
    display: flex;
    flex-flow: column;
    align-self: center;
    gap: 4px;
    width: calc(100% - 136px);
    max-width: 1688px;
    padding: 0 68px
}

@media only screen and (max-width: 1024px) {
    .footer-container {
        gap: 32px;
        width: calc(100% - 64px);
        padding: 0 32px
    }
}

@media only screen and (max-width: 576px) {
    .footer-container {
        padding: 0 16px;
        width: calc(100% - 32px)
    }
}

.footer-main-top,
.footer-main-bottom {
    display: flex;
    flex-flow: row nowrap
}

@media only screen and (max-width: 1024px) {
    .footer-main-top {
        flex-flow: column;
        gap: 32px
    }
}

@media only screen and (min-width: 576px) {
    .footer-main-bottom {
        justify-content: space-between;
        align-items: flex-end
    }
}

@media only screen and (max-width: 576px) {
    .footer-main-bottom {
        flex-flow: column-reverse;
        gap: 12px
    }
}

.footer-company {
    display: flex;
    flex-flow: column;
    gap: 24px
}

@media only screen and (max-width: 1024px) {
    .footer-company {
        flex-flow: row nowrap;
        align-items: flex-end;
        gap: 44px
    }
}

.footer-company-link {
    display: block;
    width: 140px
}

@media only screen and (max-width: 576px) {
    .footer-company-link {
        width: 102px
    }
}

.footer-company-link img {
    display: block;
    width: 100%;
    pointer-events: none
}

.footer-company-desc {
    font-size: 14px;
    opacity: .5
}

@media only screen and (max-width: 576px) {
    .footer-company-desc {
        display: none
    }
}

.footer-menu-grid {
    flex: 1;
    display: flex;
    flex-flow: row nowrap;
    gap: 40px
}

@media only screen and (min-width: 1024px) {
    .footer-menu-grid {
        justify-content: flex-end
    }
}

@media only screen and (max-width: 1024px) {
    .footer-menu-grid {
        gap: 44px
    }
}

@media only screen and (max-width: 576px) {
    .footer-menu-grid {
        flex-flow: column;
        gap: unset;
        border-top: 1px solid rgba(255, 255, 255, .1);
        border-bottom: 1px solid rgba(255, 255, 255, .1)
    }
}

.footer-menu-group {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    gap: 40px
}

@media only screen and (max-width: 1024px) {
    .footer-menu-group {
        gap: 32px
    }
}

@media only screen and (max-width: 1024px) and (min-width: 576px) {
    .footer-menu-group:nth-child(1) {
        flex-flow: column;
        justify-content: unset;
        min-width: 140px
    }

    .footer-menu-group:last-child {
        flex: 1
    }
}

@media only screen and (max-width: 576px) {
    .footer-menu-group {
        flex-flow: column;
        gap: unset
    }

    .footer-menu-group:last-child>*:last-child {
        border-bottom: none
    }
}

.footer-menu {
    display: flex;
    flex-flow: column;
    width: 100%
}

.footer-menu--contacts {
    min-width: 248px
}

@media only screen and (min-width: 1024px) {
    .footer-menu--contacts {
        margin-left: 78px
    }
}

@media only screen and (max-width: 576px) {
    .footer-menu {
        border-bottom: 1px solid rgba(255, 255, 255, .1)
    }
}

@media only screen and (min-width: 576px) {
    .footer-menu-title {
        margin-bottom: 12px
    }
}

@media only screen and (max-width: 576px) {
    .footer-menu-title {
        cursor: pointer;
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        padding: 16px 0
    }
}

.footer-menu-title__text {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px
}

@media only screen and (max-width: 576px) {
    .footer-menu-title__text {
        font-weight: 600
    }
}

.footer-menu-title__icon {
    width: 20px;
    height: 20px;
    stroke: #fff;
    transition: transform .3s ease
}

@media only screen and (min-width: 576px) {
    .footer-menu-title__icon {
        display: none
    }
}

.footer-menu-title.active .footer-menu-title__icon {
    transform: rotate(-180deg)
}

@media only screen and (max-width: 576px) {
    .footer-menu-hide {
        height: 0;
        opacity: 0;
        overflow: hidden;
        transition: height .3s ease, opacity .3s ease, padding-bottom .3s ease
    }

    .footer-menu-hide.active {
        padding-bottom: 16px
    }
}

.footer-menu-links {
    display: flex;
    flex-flow: column;
    gap: 12px
}

.footer-menu-link {
    font-size: 14px;
    line-height: 24px;
    opacity: .5
}

@media only screen and (min-width: 1280px) {
    .footer-menu-link {
        white-space: nowrap
    }

    .footer-menu-link:hover {
        opacity: 1
    }
}

.footer-menu-contacts {
    display: flex;
    flex-flow: column;
    gap: 16px
}

.footer-menu-contacts__phone-link {
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    background-image: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent
}

.footer-menu-contacts__call-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 44px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 8px;
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%)
}

.footer-menu-contacts__mail-link {
    font-size: 14px;
    font-weight: 500
}

.footer-menu-contacts__socials-links {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 8px
}

.footer-menu-contacts__social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    transition: transform .3s ease, box-shadow .3s ease
}

.footer-menu-contacts__social-link svg {
    display: block;
    fill: #fff
}

.footer-menu-contacts__social-link--telegram {
    background-color: #419fd9
}

.footer-menu-contacts__social-link--telegram svg {
    width: 20px;
    height: 18px
}

@media only screen and (min-width: 1280px) {
    .footer-menu-contacts__social-link--telegram:hover {
        transform: scale(.95);
        box-shadow: 0 2px 12px #419fd9bf
    }
}

.footer-menu-contacts__social-link--whatsapp {
    background-color: #0dc143
}

.footer-menu-contacts__social-link--whatsapp svg {
    width: 19px;
    height: 19px
}

@media only screen and (min-width: 1280px) {
    .footer-menu-contacts__social-link--whatsapp:hover {
        transform: scale(.95);
        box-shadow: 0 2px 12px #0dc143bf
    }
}

.footer-menu-contacts__social-link--youtube {
    background-color: red
}

.footer-menu-contacts__social-link--youtube svg {
    width: 20px;
    height: 14px
}

@media only screen and (min-width: 1280px) {
    .footer-menu-contacts__social-link--youtube:hover {
        transform: scale(.95);
        box-shadow: 0 2px 12px #ff0000bf
    }
}

.footer-menu-contacts__station {
    display: flex;
    flex-flow: column;
    gap: 4px
}

.footer-menu-contacts__station__title {
    font-size: 14px;
    line-height: 20px
}

.footer-menu-contacts__station__desc {
    font-size: 14px;
    line-height: 20px;
    opacity: .5
}

.footer-private {
    display: flex;
    flex-flow: column;
    gap: 12px
}

.footer-private-links {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 8px
}

.footer-private-link,
.footer-copyright {
    font-size: 14px;
    line-height: 24px;
    opacity: .5
}

@media only screen and (min-width: 1280px) {
    .footer-private-link:hover {
        opacity: 1
    }
}

.footer-pay {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 8px;
    width: 100%;
    max-width: 248px
}

.footer-pay img {
    display: block;
    width: 32px;
    pointer-events: none
}

.gallery-popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transform: scale(.85);
    background-color: #fff;
    z-index: 99999;
    transition: opacity .3s cubic-bezier(.175, .885, .32, 1.275), visibility .3s cubic-bezier(.175, .885, .32, 1.275), transform .3s cubic-bezier(.175, .885, .32, 1.275)
}

.gallery-popup.visible {
    opacity: 1;
    visibility: visible;
    transform: none
}

.gallery-popup-close-btn {
    position: absolute;
    top: 32px;
    right: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1.5px solid #81848a;
    z-index: 3;
    transition: border-color .3s ease
}

.gallery-popup-close-btn svg {
    width: 40px;
    height: 40px;
    stroke: #81848a;
    transition: stroke .3s ease
}

@media only screen and (max-width: 576px) {
    .gallery-popup-close-btn svg {
        width: 20px;
        height: 20px;
        stroke-width: 2px
    }
}

@media only screen and (min-width: 1280px) {
    .gallery-popup-close-btn:hover {
        border-color: #332947
    }

    .gallery-popup-close-btn:hover svg {
        stroke: #332947
    }
}

@media only screen and (max-width: 576px) {
    .gallery-popup-close-btn {
        top: 16px;
        right: 16px;
        width: 32px;
        height: 32px
    }
}

.gallery-popup-sliders {
    display: flex;
    flex-flow: row nowrap
}

@media only screen and (max-width: 1024px) {
    .gallery-popup-sliders {
        flex-flow: column-reverse;
        height: 100svh;
        max-height: 100svh
    }
}

.gallery-popup-thumbs {
    overflow: hidden
}

@media only screen and (min-width: 1024px) {
    .gallery-popup-thumbs {
        flex: 1;
        display: flex;
        max-width: 220px;
        height: 100svh;
        justify-content: flex-end
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1440px) {
    .gallery-popup-thumbs {
        max-width: 140px
    }
}

@media only screen and (max-width: 1024px) {
    .gallery-popup-thumbs {
        padding-bottom: 48px
    }
}

@media only screen and (max-width: 1024px) and (min-width: 576px) {
    .gallery-popup-thumbs {
        height: 72px
    }
}

@media only screen and (max-width: 576px) {
    .gallery-popup-thumbs {
        padding-bottom: 24px;
        padding-left: 16px;
        padding-right: 16px;
        box-sizing: border-box
    }
}

@media only screen and (min-width: 1024px) {
    .gallery-popup-thumbs-swiper {
        width: 100%;
        max-width: 103px;
        height: 563px;
        align-self: center;
        margin-left: unset !important;
        margin-right: unset !important
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1440px) {
    .gallery-popup-thumbs-swiper {
        max-width: 72px;
        height: 408px
    }
}

@media only screen and (min-width: 1024px) {
    .gallery-popup-thumbs-swiper .swiper-wrapper {
        flex-flow: column
    }
}

@media only screen and (max-width: 1024px) {
    .gallery-popup-thumbs-swiper {
        width: 100%
    }
}

@media only screen and (max-width: 1024px) and (min-width: 576px) {
    .gallery-popup-thumbs-swiper {
        max-width: 408px;
        height: 100%
    }
}

@media only screen and (max-width: 576px) {
    .gallery-popup-thumbs-swiper {
        overflow: unset !important
    }
}

.gallery-popup-thumb-slide {
    cursor: pointer;
    width: 100%;
    border-radius: 8px;
    border: 1.5px solid #c0c1c4;
    box-sizing: border-box
}

@media only screen and (min-width: 576px) {
    .gallery-popup-thumb-slide {
        height: 100%
    }
}

.gallery-popup-thumb-slide.swiper-slide-thumb-active {
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%) border-box;
    border: 1.5px solid transparent
}

.gallery-popup-thumb-slide:not(.swiper-slide-thumb-active) img {
    opacity: .3
}

.gallery-popup-thumb-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    transition: opacity .3s ease
}

@media only screen and (max-width: 576px) {
    .gallery-popup-thumb-slide {
        width: 48px !important;
        aspect-ratio: 2/2
    }
}

.gallery-popup-images {
    overflow: hidden
}

@media only screen and (min-width: 1024px) {
    .gallery-popup-images {
        flex: 1;
        height: 100svh
    }
}

@media only screen and (max-width: 1024px) {
    .gallery-popup-images {
        flex: 1;
        display: flex
    }
}

.gallery-popup-images-swiper {
    width: 100%
}

@media only screen and (min-width: 1024px) {
    .gallery-popup-images-swiper {
        height: 100%
    }
}

@media only screen and (max-width: 1024px) {
    .gallery-popup-images-swiper {
        flex: 1
    }
}

.gallery-popup-image-prev-btn,
.gallery-popup-image-next-btn {
    position: absolute;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1.5px solid #81848a;
    z-index: 3;
    box-sizing: border-box;
    transition: opacity .3s ease
}

.gallery-popup-image-prev-btn svg,
.gallery-popup-image-next-btn svg {
    width: 40px;
    height: 40px;
    stroke: #81848a;
    transition: border-color .3s ease, stroke .3s ease
}

@media only screen and (max-width: 576px) {

    .gallery-popup-image-prev-btn svg,
    .gallery-popup-image-next-btn svg {
        width: 24px;
        height: 24px;
        stroke-width: 1.5px
    }
}

.gallery-popup-image-prev-btn:disabled,
.gallery-popup-image-next-btn:disabled {
    opacity: .3;
    pointer-events: none
}

@media only screen and (min-width: 1280px) {

    .gallery-popup-image-prev-btn:hover,
    .gallery-popup-image-next-btn:hover {
        border-color: #332947
    }

    .gallery-popup-image-prev-btn:hover svg,
    .gallery-popup-image-next-btn:hover svg {
        stroke: #332947
    }
}

@media only screen and (max-width: 576px) {

    .gallery-popup-image-prev-btn,
    .gallery-popup-image-next-btn {
        width: 32px;
        height: 32px
    }
}

.gallery-popup-image-prev-btn {
    left: 62px
}

@media only screen and (max-width: 1440px) {
    .gallery-popup-image-prev-btn {
        left: 46px
    }
}

@media only screen and (max-width: 1024px) {
    .gallery-popup-image-prev-btn {
        left: 32px
    }
}

@media only screen and (max-width: 576px) {
    .gallery-popup-image-prev-btn {
        left: 8px
    }
}

.gallery-popup-image-next-btn {
    right: 62px
}

@media only screen and (max-width: 1440px) {
    .gallery-popup-image-next-btn {
        right: 46px
    }
}

@media only screen and (max-width: 1024px) {
    .gallery-popup-image-next-btn {
        right: 32px
    }
}

@media only screen and (max-width: 576px) {
    .gallery-popup-image-next-btn {
        right: 8px
    }
}

.gallery-popup-image-slide {
    display: flex !important;
    align-items: center;
    justify-content: center;
    box-sizing: border-box
}

.gallery-popup-image-slide img {
    display: block;
    width: 100%;
    max-width: 680px;
    aspect-ratio: 2/2;
    object-fit: contain;
    object-position: center
}

@media only screen and (max-width: 1024px) {
    .gallery-popup-image-slide img {
        max-width: 520px
    }
}

@media only screen and (max-width: 576px) {
    .gallery-popup-image-slide img {
        max-width: 288px
    }
}

.header-wrapper {
    position: relative;
    display: flex;
    flex-flow: column;
    padding: 12px 0 32px;
    color: #fff;
    background: linear-gradient(180deg, #1b1130, #281649);
    z-index: 10
}

@media only screen and (max-width: 1024px) {
    .header-wrapper {
        padding: 16px 0
    }
}

@media only screen and (max-width: 576px) {
    .header-wrapper {
        position: sticky;
        top: 0;
        z-index: 10
    }
}

.header-container {
    display: flex;
    flex-flow: column;
    align-self: center;
    gap: 24px;
    width: calc(100% - 136px);
    max-width: 1688px;
    padding: 0 68px
}

@media only screen and (max-width: 1024px) {
    .header-container {
        padding: 0 16px;
        width: calc(100% - 32px)
    }
}

.header-top-main,
.header-bottom-main {
    display: flex;
    flex-flow: row nowrap;
    align-items: center
}

@media only screen and (min-width: 1024px) {
    .header-top-main>:nth-child(2) {
        margin-left: 436px
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1600px) {
    .header-top-main>:nth-child(2) {
        margin-left: 128px
    }
}

@media only screen and (max-width: 1024px) {
    .header-top-main {
        justify-content: space-between
    }
}

@media only screen and (max-width: 576px) {
    .header-top-main {
        display: none
    }
}

@media only screen and (min-width: 1024px) {
    .header-bottom-main>:nth-child(2) {
        margin-left: 148px
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1600px) {
    .header-bottom-main>:nth-child(2) {
        margin-left: 128px
    }
}

@media only screen and (max-width: 1024px) {
    .header-bottom-main {
        position: relative;
        justify-content: space-between
    }
}

.header-location-btn {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 2px;
    opacity: .7;
    transition: opacity .3s ease
}

@media only screen and (min-width: 1024px) {
    .header-location-btn {
        margin-right: 56px
    }
}

.header-location-btn__point-icon,
.header-location-btn__angle-icon {
    width: 16px;
    height: 16px;
    stroke: #fff
}

.header-location-btn__text {
    flex: 1;
    font-size: 14px
}

.header-location-btn.active {
    opacity: 1;
    z-index: 11
}

@media only screen and (min-width: 1280px) {
    .header-location-btn:hover {
        opacity: 1
    }
}

.header-nav-links {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 24px
}

@media only screen and (min-width: 1024px) {
    .header-nav-links {
        flex: 1
    }
}

@media only screen and (max-width: 1024px) {
    .header-nav-links {
        gap: 16px
    }
}

.header-nav-link {
    opacity: .7;
    font-size: 14px
}

@media only screen and (min-width: 1280px) {
    .header-nav-link:hover {
        opacity: 1
    }
}

@media only screen and (max-width: 1024px) {
    .header-nav-link {
        font-size: 12px
    }
}

.header-contacts {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 24px
}

.header-whatsapp-link {
    flex: 1;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 8px;
    opacity: .7
}

.header-whatsapp-link__icon {
    width: 20px;
    height: 20px;
    fill: #fff
}

.header-whatsapp-link__text {
    flex: 1;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap
}

@media only screen and (min-width: 1280px) {
    .header-whatsapp-link:hover {
        opacity: 1
    }
}

.header-call-btn {
    flex: 1;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    padding: 8px;
    border-radius: 8px;
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    box-shadow: 0 0 5px #0000000d;
    box-sizing: border-box;
    min-width: 180px
}

@media only screen and (max-width: 1024px) {
    .header-call-btn {
        display: none
    }
}

.header-logo-link {
    display: block;
    width: 100%;
    max-width: 140px
}

.header-logo-link__img {
    display: block;
    width: 100%;
    pointer-events: none
}

@media only screen and (max-width: 1024px) {
    .header-logo-link {
        height: 44px
    }
}

@media only screen and (max-width: 576px) {
    .header-logo-link {
        display: none
    }
}

.header-multy-wrapper {
    flex: 1;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 40px;
    max-width: 968px
}

@media only screen and (max-width: 1440px) {
    .header-multy-wrapper {
        max-width: 588px
    }
}

@media only screen and (max-width: 1024px) {
    .header-multy-wrapper {
        gap: 24px
    }
}

@media only screen and (max-width: 1024px) and (min-width: 576px) {
    .header-multy-wrapper {
        margin: 0 24px
    }
}

@media only screen and (max-width: 576px) {
    .header-multy-wrapper {
        gap: 16px
    }
}

.header-catalog-btn {
    flex: 1;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    max-width: 248px;
    padding: 10px;
    border-radius: 8px;
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    box-sizing: border-box;
    box-shadow: 0 0 5px #0000000d
}

@media only screen and (max-width: 1600px) {
    .header-catalog-btn {
        max-width: 140px
    }
}

@media only screen and (max-width: 1024px) {
    .header-catalog-btn {
        max-width: 44px
    }
}

.header-catalog-btn__icon-wrapper {
    position: relative;
    width: 24px;
    height: 24px
}

.header-catalog-btn__hamburger-icon,
.header-catalog-btn__close-icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 24px;
    height: 24px;
    pointer-events: none;
    stroke: #fff;
    stroke-width: 1.5px;
    transition: opacity .3s cubic-bezier(.175, .885, .32, 1.275), visibility .3s cubic-bezier(.175, .885, .32, 1.275), transform .3s cubic-bezier(.175, .885, .32, 1.275)
}

.header-catalog-btn__text {
    font-weight: 500
}

@media only screen and (max-width: 1600px) {
    .header-catalog-btn__text__hide {
        display: none
    }
}

@media only screen and (max-width: 1024px) {
    .header-catalog-btn__text {
        display: none
    }
}

.header-catalog-btn:not(.active) .header-catalog-btn__close-icon {
    opacity: 0;
    visibility: hidden;
    transform: scale(0)
}

.header-catalog-btn.active .header-catalog-btn__hamburger-icon {
    opacity: 0;
    visibility: hidden;
    transform: scale(0)
}

.header-search-wrapper {
    flex: 1;
    position: relative;
    display: flex;
    flex-flow: column
}

@media only screen and (max-width: 1440px) and (min-width: 1024px) {
    .header-search-wrapper {
        transition: margin .3s cubic-bezier(.175, .885, .32, 1.275)
    }

    .header-search-wrapper.focused {
        margin-right: -42%
    }
}

@media only screen and (max-width: 1024px) {
    .header-search-wrapper {
        transition: left .3s cubic-bezier(.175, .885, .32, 1.275), right .3s cubic-bezier(.175, .885, .32, 1.275)
    }

    .header-search-wrapper.focused {
        position: absolute;
        left: 28px;
        right: 28px
    }
}

@media only screen and (max-width: 576px) {
    .header-search-wrapper.focused {
        left: -16px;
        right: -16px
    }

    .header-search-wrapper.focused .header-search-input__close-btn {
        opacity: 1;
        visibility: visible;
        transform: translateY(-50%)
    }

    .header-search-wrapper.focused .header-search-input__input {
        height: 44px;
        margin-bottom: 0;
        padding-left: 48px;
        padding-right: 44px;
        background-color: #f1f5f9;
        box-shadow: none
    }

    .header-search-wrapper.focused .header-search-input__input:focus {
        padding-left: 16px
    }

    .header-search-wrapper .header-search-input__btn {
        top: 4px;
        right: 4px;
        width: 36px;
        height: 36px
    }
}

.header-search-input {
    position: relative;
    display: flex;
    align-items: center
}

.header-search-input__input {
    width: 100%;
    height: 42px;
    font-size: 14px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 2px 2px 6px #00000026;
    box-sizing: border-box;
    padding-left: 48px;
    padding-right: 16px;
    transition: padding-left .3s cubic-bezier(.175, .885, .32, 1.275), background-color .3s ease, height .3s ease, box-shadow .3s ease, margin .3s ease;
    z-index: 1
}

.header-search-input__input::placeholder {
    color: #81848a
}

@media only screen and (min-width: 576px) {
    .header-search-input__input:focus {
        height: 50px;
        margin-bottom: -8px;
        padding-right: 38px;
        background-color: #f1f5f9;
        box-shadow: none
    }
}

@media only screen and (min-width: 576px) and (min-width: 576px) {
    .header-search-input__input:focus {
        padding-left: 16px
    }
}

.header-search-input__icon {
    display: block;
    position: absolute;
    left: 16px;
    width: 24px;
    height: 24px;
    stroke: #c0c1c4;
    stroke-width: 1.5px;
    pointer-events: none;
    transition: opacity .3s cubic-bezier(.175, .885, .32, 1.275), left .3s cubic-bezier(.175, .885, .32, 1.275), visibility .3s cubic-bezier(.175, .885, .32, 1.275);
    z-index: 2
}

.header-search-input__close-btn {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: scale(0) translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #d0d1d4;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
    transition: opacity .3s cubic-bezier(.175, .885, .32, 1.275), visibility .3s cubic-bezier(.175, .885, .32, 1.275), transform .3s cubic-bezier(.175, .885, .32, 1.275)
}

.header-search-input__close-btn svg {
    width: 65%;
    height: 65%;
    stroke: #81848a;
    stroke-width: 2px
}

@media only screen and (min-width: 576px) {
    .header-search-input__close-btn {
        display: none
    }
}

.header-search-input__btn {
    position: absolute;
    top: 2px;
    right: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    color: #fff;
    border-radius: 8px;
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    transition: opacity .3s cubic-bezier(.175, .885, .32, 1.275), visibility .3s cubic-bezier(.175, .885, .32, 1.275), transform .3s cubic-bezier(.175, .885, .32, 1.275);
    z-index: 2
}

.header-search-input__btn svg {
    width: 24px;
    height: 24px;
    stroke: #fff;
    stroke-width: 1.5px
}

.header-search-input__input:focus~.header-search-input__icon {
    opacity: 0;
    left: -8px;
    visibility: hidden
}

.header-search-input__input:focus~.header-search-input__btn {
    opacity: 1;
    visibility: visible;
    transform: scale(1)
}

.header-search-results {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-flow: column;
    border-radius: 8px;
    background-color: #fff;
    color: #332947;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 0 25px #0000001a, 6px -11px 10px -5px #0000000a;
    transition: padding-top .3s cubic-bezier(.175, .885, .32, 1.275), opacity .3s cubic-bezier(.175, .885, .32, 1.275), visibility .3s cubic-bezier(.175, .885, .32, 1.275)
}

.header-search-results.visible {
    opacity: 1;
    padding-top: 50px;
    visibility: visible
}

@media only screen and (max-width: 576px) {
    .header-search-results.visible {
        overflow: auto;
        box-sizing: border-box;
        height: calc(100svh - 86px)
    }
}

.header-search-results>*:not(:last-child) {
    border-bottom: 1.5px solid #f1f5f9
}

.header-search-results__links {
    display: flex;
    flex-flow: column;
    padding: 0 24px
}

.header-search-results__links__item {
    --text-color: #50426c;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 8px;
    padding: 16px 0
}

.header-search-results__links__item:not(:last-child) {
    border-bottom: 1.5px solid #f1f5f9
}

.header-search-results__links__item span {
    font-size: 14px;
    line-height: 24px;
    color: var(--text-color)
}

.header-search-results__links__item svg {
    width: 16px;
    aspect-ratio: 2/2;
    stroke: var(--text-color);
    transition: transform .3s ease
}

@media only screen and (min-width: 1280px) {
    .header-search-results__links__item:hover svg {
        transform: translate(4px)
    }
}

.header-search-results__products {
    display: flex;
    flex-flow: column
}

.header-search-results__products__head {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;
    margin: 0 24px;
    border-bottom: 1.5px solid #f1f5f9
}

.header-search-results__products__head__title {
    font-weight: 600;
    line-height: 24px
}

.header-search-results__products__head__link {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 8px
}

.header-search-results__products__head__link span {
    font-weight: 600;
    line-height: 24px;
    background-image: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent
}

.header-search-results__products__head__link svg {
    width: 16px;
    aspect-ratio: 2/2;
    stroke-width: 1.5px;
    stroke: url(#linear-gradient-brand);
    transition: transform .3s ease
}

@media only screen and (min-width: 1280px) {
    .header-search-results__products__head__link:hover svg {
        transform: translate(4px)
    }
}

.header-search-results__products__list {
    display: flex;
    flex-flow: column;
    padding: 0 24px
}

.header-search-results__products__list__item {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 16px;
    padding: 16px 0
}

.header-search-results__products__list__item:not(:last-child) {
    border-bottom: 1.5px solid #f1f5f9
}

.header-search-results__products__list__item__photo {
    width: 72px;
    height: 72px;
    padding: 8px;
    border-radius: 8px;
    background-color: #f1f5f9;
    box-sizing: border-box
}

.header-search-results__products__list__item__photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    pointer-events: none
}

.header-search-results__products__list__item__text {
    flex: 1
}

.header-search-results__products__list__item__text p {
    font-size: 14px;
    line-height: 20px
}

@media only screen and (max-width: 576px) {
    .header-search-results__products__list__item__text p {
        font-size: 12px;
        line-height: 16px
    }
}

.header-search-results__brands {
    display: flex;
    flex-flow: column
}

.header-search-results__brands__head {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;
    margin: 0 24px;
    border-bottom: 1.5px solid #f1f5f9
}

.header-search-results__brands__head__title {
    font-weight: 600;
    line-height: 24px
}

.header-search-results__brands__head__link {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 8px
}

.header-search-results__brands__head__link span {
    font-weight: 600;
    line-height: 24px;
    background-image: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent
}

.header-search-results__brands__head__link svg {
    width: 16px;
    aspect-ratio: 2/2;
    stroke-width: 1.5px;
    stroke: url(#linear-gradient-brand);
    transition: transform .3s ease
}

@media only screen and (min-width: 1280px) {
    .header-search-results__brands__head__link:hover svg {
        transform: translate(4px)
    }
}

.header-search-results__brands__list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 8px;
    padding: 16px 24px
}

@media only screen and (max-width: 576px) {
    .header-search-results__brands__list {
        grid-template-columns: repeat(2, 1fr)
    }
}

.header-search-results__brands__item {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background-color: #f1f5f9;
    padding: 14px 8px;
    box-sizing: border-box
}

@media only screen and (max-width: 576px) {
    .header-search-results__brands__item:not(:nth-child(1), :nth-child(2)) {
        display: none
    }
}

.header-search-results__brands__item img {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 44px;
    object-fit: contain;
    object-position: center;
    pointer-events: none;
    mix-blend-mode: multiply
}

.header-menu-links {
    flex: 1;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    max-width: 392px
}

@media only screen and (min-width: 1024px) {
    .header-menu-links {
        margin-left: 40px
    }
}

@media only screen and (max-width: 1440px) {
    .header-menu-links {
        max-width: 408px
    }
}

@media only screen and (max-width: 1024px) {
    .header-menu-links {
        gap: 8px;
        max-width: 200px
    }
}

@media only screen and (max-width: 576px) {
    .header-menu-links {
        display: none
    }
}

.header-menu-link {
    display: flex;
    flex-flow: column;
    align-items: center;
    gap: 4px;
    min-width: 76px
}

@media only screen and (max-width: 1024px) {
    .header-menu-link {
        min-width: 44px
    }
}

.header-menu-link__icon {
    width: 24px;
    height: 24px;
    stroke: #fff;
    stroke-width: 1.5px
}

.header-menu-link__text {
    font-size: 14px;
    font-weight: 500;
    text-align: center
}

@media only screen and (max-width: 1024px) {
    .header-menu-link__text {
        display: none
    }
}

@media only screen and (min-width: 1280px) {
    .header-menu-link:hover .header-menu-link__icon {
        stroke: url(#linear-gradient-brand)
    }

    .header-menu-link:hover .header-menu-link__text {
        background-image: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
        background-size: 100%;
        -webkit-background-clip: text;
        -moz-background-clip: text;
        -webkit-text-fill-color: transparent;
        -moz-text-fill-color: transparent
    }
}

.help-with-choosing-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 536px;
    display: flex;
    flex-flow: column;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 0 20px #0003;
    transform: translate(-50%, -50%);
    padding: 32px 24px;
    box-sizing: border-box;
    color: #332947;
    z-index: 9999;
    transition: opacity .3s cubic-bezier(.175, .885, .32, 1.275), visibility .3s cubic-bezier(.175, .885, .32, 1.275), transform .3s cubic-bezier(.175, .885, .32, 1.275)
}

@media only screen and (max-width: 1024px) {
    .help-with-choosing-popup {
        padding: 24px 16px
    }
}

.help-with-choosing-popup:not(.visible) {
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, -50%) scale(.75)
}

.help-with-choosing-popup__close-btn {
    position: absolute;
    top: 16px;
    right: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px
}

.help-with-choosing-popup__close-btn svg {
    width: 100%;
    height: 100%;
    stroke: #ccced1;
    stroke-width: 1.5px;
    transition: stroke .3s ease
}

@media only screen and (min-width: 1280px) {
    .help-with-choosing-popup__close-btn:hover svg {
        stroke: #81848a
    }
}

.help-with-choosing-popup__title {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px
}

@media only screen and (max-width: 1024px) {
    .help-with-choosing-popup__title {
        font-size: 20px;
        line-height: 24px
    }
}

.help-with-choosing-popup__form {
    display: flex;
    flex-flow: column;
    margin-top: 32px
}

@media only screen and (max-width: 1024px) {
    .help-with-choosing-popup__form {
        margin-top: 24px
    }
}

.help-with-choosing-popup__form__inputs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px 26px
}

@media only screen and (min-width: 1024px) {
    .help-with-choosing-popup__form__inputs {
        grid-template-areas: "input-name input-phone" "input-email input-email" "input-text input-text"
    }

    .help-with-choosing-popup__form__inputs>*:nth-child(1) {
        grid-area: input-name
    }

    .help-with-choosing-popup__form__inputs>*:nth-child(2) {
        grid-area: input-phone
    }

    .help-with-choosing-popup__form__inputs>*:nth-child(3) {
        grid-area: input-email
    }

    .help-with-choosing-popup__form__inputs>*:nth-child(4) {
        grid-area: input-text
    }
}

@media only screen and (max-width: 1024px) {
    .help-with-choosing-popup__form__inputs {
        grid-template-columns: 1fr;
        gap: 8px
    }
}

.help-with-choosing-popup__form__input-wrapper {
    display: flex;
    flex-flow: column;
    gap: 8px
}

@media only screen and (max-width: 1024px) {
    .help-with-choosing-popup__form__input-wrapper {
        margin-top: 8px
    }
}

.help-with-choosing-popup__form__input-label {
    font-size: 14px;
    line-height: 20px
}

.help-with-choosing-popup__form__input {
    height: 52px;
    font-size: 14px;
    border-radius: 8px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center left 16px;
    background-color: #f1f5f9;
    padding: 0 16px 0 48px
}

@media only screen and (max-width: 1024px) {
    .help-with-choosing-popup__form__input {
        height: 44px
    }
}

.help-with-choosing-popup__form__input::placeholder {
    color: #81848a
}

.help-with-choosing-popup__form__input--name {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 20V19C5 15.134 8.13401 12 12 12C15.866 12 19 15.134 19 19V20' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 12C14.2091 12 16 10.2091 16 8C16 5.79086 14.2091 4 12 4C9.79086 4 8 5.79086 8 8C8 10.2091 9.79086 12 12 12Z' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.help-with-choosing-popup__form__input--phone {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.1185 14.702L14.0003 15.5C11.2186 14.1038 9.50032 12.5 8.50032 10L9.27027 5.8699L7.81484 2H4.06392C2.93637 2 2.04846 2.93178 2.21686 4.04668C2.63727 6.83 3.87685 11.8765 7.50032 15.5C11.3055 19.3052 16.786 20.9564 19.8023 21.6127C20.9671 21.8662 22.0003 20.9575 22.0003 19.7655V16.1812L18.1185 14.702Z' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.help-with-choosing-popup__form__input--email {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 19.1245C15.9791 20.3003 14.0712 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 17.5 15 17.5 15 14C15 12 15 8 15 8' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 12V10.5C15 9.11929 13.6569 8 12 8C10.3431 8 9 9.11929 9 10.5V12' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 12V13.5C15 14.8807 13.6569 16 12 16C10.3431 16 9 14.8807 9 13.5V12' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.help-with-choosing-popup__form__input--textarea {
    height: 112px;
    padding: 16px;
    box-sizing: border-box
}

@media only screen and (max-width: 1024px) {
    .help-with-choosing-popup__form__input--textarea {
        height: 92px
    }
}

.help-with-choosing-popup__form__submit-btn {
    height: 52px;
    margin-top: 32px;
    font-weight: 500;
    color: #fff;
    border-radius: 8px;
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%)
}

@media only screen and (max-width: 1024px) {
    .help-with-choosing-popup__form__submit-btn {
        height: 44px;
        font-size: 14px;
        margin-top: 24px
    }
}

.help-with-choosing-popup__form__desc {
    margin-top: 24px;
    font-size: 12px;
    line-height: 16px;
    color: #81848a
}

@media only screen and (max-width: 1024px) {
    .help-with-choosing-popup__form__desc {
        margin-top: 16px
    }
}

.input-checkbox {
    cursor: pointer;
    display: flex;
    flex-flow: row nowrap;
    gap: 8px
}

.input-checkbox input {
    display: none
}

.input-checkbox input:checked~.input-checkbox__box {
    border: none;
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%)
}

.input-checkbox input:checked~.input-checkbox__box svg {
    display: block
}

.input-checkbox__box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    min-width: 24px;
    height: 24px;
    border-radius: 4px;
    border: 1.5px solid #81848a;
    box-sizing: border-box
}

.input-checkbox__box svg {
    display: none;
    width: 14px;
    height: 14px
}

.input-checkbox__text {
    font-size: 14px;
    line-height: 24px
}

.input-checkbox__counter {
    color: #81848a
}

.input-price-range-wrapper {
    display: flex;
    flex-flow: column;
    padding-bottom: 10px
}

.inputs-price-wrapper {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 8px
}

.inputs-price-wrapper__input {
    flex: 1;
    height: 52px
}

.inputs-price-wrapper__input input {
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #81848a;
    text-align: center;
    border-radius: 8px;
    -moz-appearance: textfield;
    box-shadow: 2px 2px 6px #00000026;
    box-sizing: border-box
}

.inputs-price-wrapper__input input[type=number]::-webkit-outer-spin-button,
.inputs-price-wrapper__input input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.input-price-slider {
    position: relative;
    height: 1.5px;
    border-radius: 5px;
    background-color: #ffffff80;
    margin-top: 28px;
    margin-bottom: 16px
}

.input-price-slider__progress {
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    border-radius: 5px;
    background-color: #fff
}

.input-price-range {
    position: relative;
    margin-top: -14px
}

.input-price-range input {
    position: absolute;
    width: 100%;
    height: 5px;
    top: -5px;
    background: none;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none
}

.input-price-range input[type=range]::-webkit-slider-thumb {
    height: 24px;
    width: 24px;
    border-radius: 50%;
    border: 1.5px solid #ffffff;
    background-color: #26193d;
    pointer-events: auto;
    -webkit-appearance: none;
    box-sizing: border-box
}

.input-price-range input[type=range]::-moz-range-thumb {
    height: 24px;
    width: 24px;
    border: 1.5px solid #ffffff;
    border-radius: 50%;
    background-color: #26193d;
    pointer-events: auto;
    -moz-appearance: none;
    box-sizing: border-box
}

.input-select-wrapper {
    position: relative
}

.input-select-wrapper--with-title {
    display: flex;
    flex-flow: column;
    gap: 8px
}

.input-select-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    color: #fff
}

.input-select {
    width: 100%;
    height: 44px;
    padding: 0 42px 0 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-weight: 500;
    line-height: 24px;
    color: #332947;
    border-radius: 8px;
    background-color: #fff;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center right 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23332947' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    box-sizing: border-box
}

@media only screen and (max-width: 1024px) {
    .input-select {
        font-size: 14px
    }
}

.location-popup {
    position: absolute;
    display: flex;
    flex-flow: column;
    width: 100%;
    max-width: 680px;
    opacity: 0;
    visibility: hidden;
    z-index: 11
}

@media only screen and (min-width: 576px) {
    .location-popup {
        transform: translateY(40px);
        transition: opacity .3s cubic-bezier(.175, .885, .32, 1.275), visibility .3s cubic-bezier(.175, .885, .32, 1.275), transform .3s cubic-bezier(.175, .885, .32, 1.275)
    }
}

@media only screen and (max-width: 576px) {
    .location-popup {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 99999
    }
}

.location-popup-triangle {
    position: relative;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 10px 12px 10px;
    border-color: transparent transparent #ffffff transparent;
    transform: rotate(0);
    z-index: 1
}

@media only screen and (max-width: 576px) {
    .location-popup-triangle {
        display: none
    }
}

.location-popup-container {
    position: relative;
    display: flex;
    flex-flow: column;
    gap: 24px;
    padding: 32px 24px 24px;
    color: #332947;
    background-color: #fff;
    box-sizing: border-box
}

@media only screen and (min-width: 576px) {
    .location-popup-container {
        border-radius: 8px;
        box-shadow: 0 0 20px #0003
    }
}

@media only screen and (max-width: 576px) {
    .location-popup-container {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: auto;
        padding: 24px 16px 16px
    }
}

.location-popup-close-btn {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 24px;
    height: 24px;
    z-index: 1
}

.location-popup-close-btn svg {
    width: 100%;
    height: 100%;
    stroke: #ccced1;
    transition: stroke .3s ease
}

@media only screen and (min-width: 1280px) {
    .location-popup-close-btn:hover>svg {
        stroke: #81848a
    }
}

.location-popup-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px
}

@media only screen and (max-width: 576px) {
    .location-popup-title {
        font-size: 20px;
        line-height: 24px;
        padding-right: 56px
    }
}

.location-popup-input-search {
    height: 52px;
    font-size: 14px;
    padding: 0 16px 0 48px;
    border-radius: 8px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center left 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 17L21 21' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 11C3 15.4183 6.58172 19 11 19C13.213 19 15.2161 18.1015 16.6644 16.6493C18.1077 15.2022 19 13.2053 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11Z' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-color: #f1f5f9;
    box-sizing: border-box
}

.location-popup-input-search::placeholder {
    color: #81848a
}

@media only screen and (max-width: 576px) {
    .location-popup-input-search {
        height: 44px;
        min-height: 44px
    }
}

.location-popup-cities-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px;
    justify-content: space-between
}

@media only screen and (max-width: 576px) {
    .location-popup-cities-grid {
        margin-bottom: auto;
        gap: 0 60px;
        grid-template-columns: repeat(2, 1fr)
    }
}

.location-popup-cities-list {
    display: flex;
    flex-flow: column;
    gap: 4px
}

.location-popup-city-link {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px
}

@media only screen and (min-width: 1280px) {
    .location-popup-city-link:hover {
        text-decoration: underline
    }
}

@media only screen and (max-width: 576px) {
    .location-popup-city-link {
        font-size: 12px
    }
}

.location-popup-footer {
    padding-top: 24px;
    border-top: 1.5px solid #f1f5f9
}

.location-popup-footer p {
    font-size: 14px;
    line-height: 20px;
    color: #81848a
}

@media only screen and (max-width: 576px) {
    .location-popup-footer {
        padding-top: 16px
    }
}

.nav-bar-mobile-wrapper {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    color: #81848a;
    padding-bottom: 8px;
    background-color: #fff;
    z-index: 1001;
    transition: background-color .3s ease, box-shadow .3s ease
}

.nav-bar-mobile-wrapper--primary {
    background-color: #f1f5f9;
    box-shadow: 0 0 5px #0000001a
}

@media only screen and (min-width: 576px) {
    .nav-bar-mobile-wrapper {
        display: none
    }
}

.nav-bar-mobile-container {
    display: flex;
    flex-flow: row nowrap;
    align-items: center
}

.nav-bar-mobile-link {
    position: relative;
    flex: 1;
    display: flex;
    flex-flow: column;
    align-items: center;
    gap: 4px;
    height: 48px;
    padding-top: 6px;
    box-sizing: border-box
}

.nav-bar-mobile-link__icon {
    width: 24px;
    height: 24px;
    stroke: #81848a
}

.nav-bar-mobile-link__text {
    font-size: 10px;
    font-weight: 500;
    text-align: center
}

.nav-bar-mobile-link:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 0;
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    pointer-events: none;
    opacity: 0;
    transition: opacity .3s ease, height .3s ease
}

.nav-bar-mobile-link.active .nav-bar-mobile-link__icon {
    stroke: url(#linear-gradient-brand)
}

.nav-bar-mobile-link.active .nav-bar-mobile-link__text {
    background-image: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent
}

.nav-bar-mobile-link.active:before {
    height: 1.5px;
    opacity: 1
}

@media only screen and (min-width: 1024px) {
    .pagination-wrapper {
        position: relative;
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        justify-content: space-between
    }
}

@media only screen and (max-width: 1024px) {
    .pagination-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0;
        grid-template-areas: "loadmore loadmore" "pagination next-more"
    }
}

@media only screen and (max-width: 576px) {
    .pagination-wrapper {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0;
        grid-template-areas: "loadmore" "pagination"
    }
}

.pagination-numbers-grid {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 8px
}

@media only screen and (max-width: 1024px) {
    .pagination-numbers-grid {
        grid-area: pagination;
        margin-right: auto
    }
}

@media only screen and (max-width: 576px) {
    .pagination-numbers-grid {
        margin-left: auto
    }
}

.pagination-prev-link,
.pagination-next-link {
    width: 24px;
    aspect-ratio: 2/2
}

.pagination-prev-link svg,
.pagination-next-link svg {
    width: 100%;
    height: 100%;
    stroke: #fff;
    transition: stroke .3s ease
}

.pagination-prev-link.disabled,
.pagination-next-link.disabled {
    pointer-events: none
}

.pagination-prev-link.disabled svg,
.pagination-next-link.disabled svg {
    stroke: #81848a
}

.pagination-number-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 52px;
    font-weight: 500;
    color: #81848a;
    border-radius: 8px;
    border-width: 1.5px;
    border-style: solid;
    border-color: transparent;
    box-sizing: border-box;
    transition: color .3s ease, border-color .3s ease
}

.pagination-number-link.active {
    color: #fff;
    border-color: #fff
}

@media only screen and (min-width: 1280px) {
    .pagination-number-link:hover {
        color: #fff
    }
}

@media only screen and (max-width: 1024px) {
    .pagination-number-link {
        height: 44px
    }
}

.pagination-loadmore-btn {
    height: 52px;
    font-weight: 500;
    color: #332947;
    border-radius: 8px;
    background-color: #fff
}

@media only screen and (min-width: 1600px) {
    .pagination-loadmore-btn {
        position: absolute;
        left: 316px;
        right: 316px
    }
}

@media only screen and (max-width: 1600px) {
    .pagination-loadmore-btn {
        flex: 1;
        margin: 0 40px
    }
}

@media only screen and (max-width: 1024px) {
    .pagination-loadmore-btn {
        grid-area: loadmore;
        margin: 0 0 32px;
        height: 44px;
        font-size: 14px
    }
}

.pagination-next-more-btn {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 8px;
    padding: 10px 0;
    box-sizing: border-box
}

.pagination-next-more-btn__text {
    flex: 1;
    font-weight: 500;
    color: #fff
}

.pagination-next-more-btn__icon {
    width: 24px;
    height: 24px;
    stroke: #fff
}

@media only screen and (max-width: 1024px) {
    .pagination-next-more-btn {
        grid-area: next-more;
        margin-left: auto
    }
}

@media only screen and (max-width: 576px) {
    .pagination-next-more-btn {
        display: none
    }
}

.post-item {
    display: flex;
    flex-flow: column;
    border-radius: 8px;
    background-color: #fff
}

.post-item-cover {
    height: 206px
}

.post-item-cover img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    pointer-events: none;
    border-radius: 8px 8px 0 0
}

.post-item-head {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 16px;
    padding: 0 16px;
    margin-top: 16px
}

.post-item-head__row {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 8px
}

.post-item-head__row svg {
    width: 24px;
    height: 24px;
    stroke: #81848a;
    stroke-width: 1.5px
}

.post-item-head__row span {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #81848a
}

.post-item-main {
    display: flex;
    flex-flow: column;
    gap: 12px;
    color: #332947;
    padding: 12px 16px 16px
}

.post-item-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px
}

.post-item-desc {
    opacity: .8;
    font-size: 12px;
    line-height: 20px
}

.product-item {
    display: flex;
    flex-flow: column;
    gap: 16px;
    padding: 16px;
    border-radius: 8px;
    background-color: #fff;
    box-sizing: border-box;
    color: #332947
}

.product-item-cover {
    display: flex;
    flex-flow: column;
    gap: 16px
}

.product-item-labels {
    display: flex;
    flex-flow: row wrap;
    gap: 8px
}

.product-item-label {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    height: 20px;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    color: #fff;
    padding: 0 6px;
    border-radius: 8px;
    background-color: #81848a;
    box-sizing: border-box
}

.product-item-label__icon {
    width: 16px;
    height: 16px;
    fill: #fff
}

.product-item-label__text {
    flex: 1
}

.product-item-label--gradient {
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%)
}

.product-item-label--orange {
    background-color: #ff9700
}

.product-item-label--green {
    background-color: #02b513
}

.product-item-img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 8px;
    background-color: #f1f5f9;
    padding: 16px 0
}

.product-item-img img {
    display: block;
    width: 100%;
    max-width: 240px;
    aspect-ratio: 2/2;
    pointer-events: none
}

.product-item-inf {
    display: flex;
    flex-flow: column;
    gap: 16px
}

.product-item-name {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px
}

.product-item-functions {
    display: flex;
    flex-flow: column;
    gap: 8px
}

.product-item-function {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    gap: 16px;
    font-size: 12px;
    line-height: 16px
}

.product-item-function span:nth-child(1) {
    color: #81848a;
    text-align: left;
}

.product-item-footer {
    display: flex;
    flex-flow: row nowrap
}

.product-item-price {
    flex: 1;
    display: flex;
    flex-flow: column
}

.product-item-amount {
    margin: auto 0;
    font-size: 20px;
    line-height: 28px;
    background-image: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent
}

.product-item-amount-sale {
    font-size: 16px;
    line-height: 20px;
    color: #81848a;
    text-decoration: line-through
}

.product-item-sale {
    position: relative;
    display: none;
    align-items: center;
    justify-content: flex-end;
    margin-left: auto;
    width: 66px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
    background-image: url(/rbs/dist/images/sale.svg)
}

.product-item-sale span {
    font-weight: 600;
    line-height: 24px;
    color: #fff;
    margin-right: 11px
}

.product-item-sale span sup {
    position: absolute;
    top: -4px;
    right: 4px
}

.product-item-status {
    display: none;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    line-height: 24px;
    margin-top: 12px
}

.product-item-status__ext--green {
    color: #02b513
}

.product-item-status__ext--red {
    color: #f54b4b
}

.product-item-status__nds {
    color: #81848a
}

.product-item-group {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 4px
}

.product-item-like-btn,
.product-item-compare-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    aspect-ratio: 2/2;
    border-radius: 8px;
    background-color: #f1f5f9
}

.product-item-like-btn__icon,
.product-item-compare-btn__icon {
    width: 24px;
    height: 24px;
    stroke: #81848a;
    stroke-width: 1.5px
}

.product-item-cart-btn {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    height: 44px;
    aspect-ratio: 2/2;
    border-radius: 8px;
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    box-sizing: border-box
}

.product-item-cart-btn__icon {
    width: 24px;
    height: 24px;
    stroke: #fff;
    stroke-width: 1.5px
}

.product-item-cart-btn__text {
    display: none;
    font-weight: 500;
    color: #fff
}

.product-item-more-btn {
    display: none;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 16px;
    height: 52px;
    font-weight: 500;
    color: #332947;
    border-radius: 8px;
    background-color: #f1f5f9
}

.products-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px
}

@media only screen and (max-width: 1440px) {
    .products-grid {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media only screen and (max-width: 1024px) {
    .products-grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (max-width: 576px) {
    .products-grid {
        grid-template-columns: 1fr
    }
}

@media only screen and (min-width: 1024px) {
    .products-grid--rows {
        grid-template-columns: 1fr
    }

    .products-grid--rows .product-item {
        flex-flow: row nowrap;
        gap: 24px;
        padding: 24px
    }

    .products-grid--rows .product-item-cover {
        position: relative
    }

    .products-grid--rows .product-item-labels {
        position: absolute
    }

    .products-grid--rows .product-item-label:not(#product-hit) {
        display: none
    }

    .products-grid--rows .product-item-img {
        max-width: 220px;
        aspect-ratio: 2/2;
        padding: 16px;
        box-sizing: border-box
    }

    .products-grid--rows .product-item-img img {
        max-width: 188px
    }

    .products-grid--rows .product-item-inf {
        flex: 1;
        max-width: 308px
    }

    .products-grid--rows .product-item-footer {
        flex: 1;
        flex-flow: column;
        max-width: 344px;
        margin-left: auto
    }

    .products-grid--rows .product-item-price {
        flex: unset;
        flex-flow: row nowrap;
        gap: 12px
    }

    .products-grid--rows .product-item-amount {
        font-size: 36px;
        line-height: 32px
    }

    .products-grid--rows .product-item-amount-sale {
        font-size: 20px;
        line-height: 24px;
        font-weight: 700;
        margin-top: auto;
        margin-bottom: -2px
    }

    .products-grid--rows .product-item-sale,
    .products-grid--rows .product-item-status {
        display: flex
    }

    .products-grid--rows .product-item-group {
        gap: 8px;
        margin-top: 24px
    }

    .products-grid--rows .product-item-like-btn,
    .products-grid--rows .product-item-compare-btn {
        width: 52px
    }

    .products-grid--rows .product-item-cart-btn {
        flex: 1;
        height: 52px;
        padding: 0 16px
    }

    .products-grid--rows .product-item-cart-btn__icon {
        display: none
    }

    .products-grid--rows .product-item-cart-btn__text {
        display: unset
    }

    .products-grid--rows .product-item-more-btn {
        display: flex
    }
}

.products-slider {
    display: flex;
    flex-flow: column
}

.products-slider-head {
    display: flex;
    flex-flow: row nowrap
}

@media only screen and (max-width: 1440px) and (min-width: 576px) {
    .products-slider-head {
        margin: -2px 0
    }
}

@media only screen and (max-width: 1024px) {
    .products-slider-head {
        margin: -4px 0
    }
}

@media only screen and (min-width: 576px) {
    .products-slider-head {
        align-items: center;
        justify-content: space-between
    }
}

@media only screen and (max-width: 576px) {
    .products-slider-head {
        flex-flow: column;
        gap: 24px
    }
}

.products-slider-title {
    font-weight: 600;
    font-size: 36px;
    line-height: 40px
}

@media only screen and (max-width: 1024px) {
    .products-slider-title {
        font-size: 32px;
        line-height: 36px
    }
}

@media only screen and (max-width: 576px) {
    .products-slider-title {
        font-size: 28px;
        line-height: 32px
    }
}

.products-slider-nav-buttons {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 24px
}

.products-slider-nav-buttons .products-slider-prev-btn,
.products-slider-nav-buttons .products-slider-next-btn {
    position: unset;
    left: unset;
    right: unset;
    top: unset;
    display: flex;
    transform: unset
}

@media only screen and (max-width: 576px) {

    .products-slider-nav-buttons .products-slider-prev-btn,
    .products-slider-nav-buttons .products-slider-next-btn {
        width: 32px;
        height: 32px
    }
}

.products-slider-nav-buttons .products-slider-prev-btn,
.products-slider-nav-buttons .products-slider-next-btn {
    transition: opacity .3s ease
}

.products-slider-nav-buttons .products-slider-prev-btn:disabled,
.products-slider-nav-buttons .products-slider-next-btn:disabled {
    opacity: .5 !important;
    visibility: visible
}

@media only screen and (min-width: 1920px) {
    .products-slider-nav-buttons:not(.products-slider-nav-buttons--visible) {
        display: none
    }
}

@media only screen and (max-width: 576px) {
    .products-slider-nav-buttons:not(.products-slider-nav-buttons--visible) {
        gap: 16px
    }
}

.products-slider-container {
    position: relative
}

@media only screen and (min-width: 1920px) {

    .products-slider-container .products-slider-prev-btn,
    .products-slider-container .products-slider-next-btn {
        display: flex
    }
}

.products-slider-prev-btn,
.products-slider-next-btn {
    position: absolute;
    display: none;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    border: 1.5px solid #ffffff;
    box-sizing: border-box
}

.products-slider-prev-btn svg,
.products-slider-next-btn svg {
    width: 16px;
    height: 16px;
    stroke: #fff;
    stroke-width: 1.5px
}

@media only screen and (min-width: 1920px) {
    .products-slider-prev-btn {
        left: -76px;
        transition: opacity .3s ease, visibility .3s ease, left .3s ease
    }

    .products-slider-prev-btn:disabled {
        opacity: 0;
        visibility: hidden;
        left: -116px
    }
}

@media only screen and (min-width: 1920px) {
    .products-slider-next-btn {
        right: -76px;
        transition: opacity .3s ease, visibility .3s ease, right .3s ease
    }

    .products-slider-next-btn:disabled {
        opacity: 0;
        visibility: hidden;
        right: -116px
    }
}

.promo-code-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 536px;
    border-radius: 8px;
    background-color: #fff;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 20px #0003;
    padding: 32px 24px;
    box-sizing: border-box;
    color: #332947;
    z-index: 99999;
    transition: opacity .3s cubic-bezier(.175, .885, .32, 1.275), visibility .3s cubic-bezier(.175, .885, .32, 1.275), transform .3s cubic-bezier(.175, .885, .32, 1.275)
}

.promo-code-popup:not(.visible) {
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, -50%) scale(.75)
}

.promo-code-popup__title {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px
}

@media only screen and (max-width: 1024px) {
    .promo-code-popup__title {
        font-size: 20px;
        line-height: 24px
    }
}

.promo-code-popup__close-btn {
    position: absolute;
    top: 16px;
    right: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    z-index: 1
}

.promo-code-popup__close-btn svg {
    width: 100%;
    height: 100%;
    stroke: #ccced1;
    transition: stroke .3s ease
}

@media only screen and (min-width: 1280px) {
    .promo-code-popup__close-btn:hover svg {
        stroke: #81848a
    }
}

.promo-code-popup__form {
    display: grid;
    grid-template-columns: 1fr 133px;
    gap: 8px;
    margin-top: 24px
}

@media only screen and (max-width: 576px) {
    .promo-code-popup__form {
        grid-template-columns: 1fr;
        gap: 16px
    }
}

.promo-code-popup__form input,
.promo-code-popup__form button {
    height: 52px
}

@media only screen and (max-width: 1024px) {

    .promo-code-popup__form input,
    .promo-code-popup__form button {
        height: 44px
    }
}

.promo-code-popup__form input {
    padding: 0 16px 0 48px;
    font-size: 14px;
    border-radius: 8px;
    background-color: #f1f5f9;
    background-repeat: no-repeat;
    background-position: center left 16px;
    background-size: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 14L15 8M9.50003 8.5H9.51003M14.5 13.5H14.51M19 21V5C19 3.89543 18.1046 3 17 3H7C5.89543 3 5 3.89543 5 5V21L8.5 19L12 21L15.5 19L19 21ZM10 8.5C10 8.77614 9.77614 9 9.5 9C9.22386 9 9 8.77614 9 8.5C9 8.22386 9.22386 8 9.5 8C9.77614 8 10 8.22386 10 8.5ZM15 13.5C15 13.7761 14.7761 14 14.5 14C14.2239 14 14 13.7761 14 13.5C14 13.2239 14.2239 13 14.5 13C14.7761 13 15 13.2239 15 13.5Z' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.promo-code-popup__form input::placeholder {
    color: #81848a
}

.promo-code-popup__form button {
    font-weight: 500;
    line-height: 24px;
    color: #fff;
    border-radius: 8px;
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%)
}

.question-popup__form {
    padding: 32px 24px !important;
    margin: 32px -24px 0 !important;
    border-top: 1.5px solid #f1f5f9
}

@media only screen and (max-width: 576px) {
    .question-popup__form {
        padding-top: 24px !important;
        margin-top: 24px !important
    }
}

.question-popup__form__input-wrapper--q {
    margin-top: 24px !important
}

.review-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100%;
    display: flex;
    flex-flow: column;
    background-color: #fff;
    box-shadow: 0 0 20px #0003;
    transform: translate(-50%, -50%);
    padding: 32px 24px;
    box-sizing: border-box;
    color: #332947;
    z-index: 9999;
    transition: opacity .3s cubic-bezier(.175, .885, .32, 1.275), visibility .3s cubic-bezier(.175, .885, .32, 1.275), transform .3s cubic-bezier(.175, .885, .32, 1.275)
}

@media only screen and (min-width: 576px) {
    .review-popup {
        border-radius: 8px;
        max-width: 536px;
        max-height: calc(100svh - 48px)
    }
}

@media only screen and (max-width: 1024px) {
    .review-popup {
        padding: 24px 16px
    }
}

@media only screen and (max-width: 576px) {
    .review-popup {
        height: 100svh
    }
}

.review-popup:not(.visible) {
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, -50%) scale(.75)
}

.review-popup__close-btn {
    position: absolute;
    top: 16px;
    right: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px
}

.review-popup__close-btn svg {
    width: 100%;
    height: 100%;
    stroke: #ccced1;
    stroke-width: 1.5px;
    transition: stroke .3s ease
}

@media only screen and (min-width: 1280px) {
    .review-popup__close-btn:hover svg {
        stroke: #81848a
    }
}

.review-popup__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px
}

@media only screen and (max-width: 576px) {
    .review-popup__title {
        font-size: 20px;
        line-height: 24px
    }
}

.review-popup__products {
    display: flex;
    flex-flow: column;
    gap: 16px;
    margin: 24px -24px 0;
    padding: 0 24px 32px;
    border-bottom: 1.5px solid #f1f5f9
}

@media only screen and (max-width: 576px) {
    .review-popup__products {
        padding-bottom: 24px
    }
}

.review-popup__product {
    display: grid;
    grid-template-columns: 60px 1fr;
    align-items: flex-start;
    gap: 12px
}

.review-popup__product__photo {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 2/2;
    padding: 8px;
    border-radius: 8px;
    background-color: #f1f5f9;
    box-sizing: border-box
}

.review-popup__product__photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none
}

.review-popup__product__inf {
    display: flex;
    flex-flow: row nowrap;
    gap: 16px
}

@media only screen and (min-width: 576px) {
    .review-popup__product__inf {
        align-items: center;
        justify-content: space-between
    }
}

@media only screen and (max-width: 576px) {
    .review-popup__product__inf {
        flex-flow: column;
        align-items: flex-start
    }
}

.review-popup__product__name {
    font-weight: 600;
    line-height: 20px
}

@media only screen and (min-width: 576px) {
    .review-popup__product__name {
        flex: 1;
        max-width: 325px
    }
}

.review-popup__product__price-wrapper {
    display: flex;
    flex-flow: column;
    gap: 4px
}

@media only screen and (min-width: 576px) {
    .review-popup__product__price-wrapper {
        text-align: right
    }
}

@media only screen and (max-width: 576px) {
    .review-popup__product__price-wrapper {
        flex-flow: row nowrap;
        align-items: flex-end
    }
}

.review-popup__product__price {
    font-size: 20px;
    line-height: 20px
}

.review-popup__product__sale {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #81848a
}

.review-popup__form-wrapper {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 24px;
    margin: 0 -24px
}

.review-popup__form {
    display: flex;
    flex-flow: column;
    padding: 32px 0
}

@media only screen and (max-width: 576px) {
    .review-popup__form {
        padding: 24px 0
    }
}

.review-popup__form__input-wrapper {
    display: flex;
    flex-flow: column;
    gap: 16px
}

.review-popup__form__input-wrapper--rating {
    margin-top: 24px
}

.review-popup__form__input-wrapper--more {
    margin-top: 32px
}

@media only screen and (max-width: 576px) {
    .review-popup__form__input-wrapper--more {
        margin-top: 24px
    }
}

.review-popup__form__input-wrapper--more .review-popup__form__input-group {
    grid-template-columns: 1fr
}

.review-popup__form__input-label {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px
}

.review-popup__form__input-group {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px
}

@media only screen and (max-width: 576px) {
    .review-popup__form__input-group {
        grid-template-columns: 1fr
    }
}

.review-popup__form__input,
.review-popup__form__textarea {
    height: 52px;
    padding: 0 16px 0 48px;
    font-size: 14px;
    border-radius: 8px;
    background-color: #f1f5f9;
    box-sizing: border-box
}

@media only screen and (max-width: 576px) {

    .review-popup__form__input,
    .review-popup__form__textarea {
        height: 44px
    }
}

.review-popup__form__input::placeholder,
.review-popup__form__textarea::placeholder {
    color: #81848a
}

.review-popup__form__input--name,
.review-popup__form__input--email {
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center left 16px
}

.review-popup__form__input--name {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 20V19C5 15.134 8.13401 12 12 12C15.866 12 19 15.134 19 19V20' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 12C14.2091 12 16 10.2091 16 8C16 5.79086 14.2091 4 12 4C9.79086 4 8 5.79086 8 8C8 10.2091 9.79086 12 12 12Z' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.review-popup__form__input--email {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 19.1245C15.9791 20.3003 14.0712 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 17.5 15 17.5 15 14C15 12 15 8 15 8' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 12V10.5C15 9.11929 13.6569 8 12 8C10.3431 8 9 9.11929 9 10.5V12' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 12V13.5C15 14.8807 13.6569 16 12 16C10.3431 16 9 14.8807 9 13.5V12' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.review-popup__form__textarea {
    height: 88px;
    padding: 14px 16px;
    box-sizing: border-box
}

@media only screen and (max-width: 576px) {
    .review-popup__form__textarea {
        height: 80px;
        padding: 10px 16px
    }
}

.review-popup__form__rating {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 16px
}

.review-popup__form__stars {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    margin: -4px
}

.review-popup__form__star {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    width: 32px;
    height: 32px
}

.review-popup__form__star input {
    display: none
}

.review-popup__form__star label {
    cursor: pointer;
    display: block;
    width: 32px;
    height: 32px
}

.review-popup__form__star label svg {
    color: #bbb8c3;
    aspect-ratio: 2/2;
    transition: color .3s ease
}

.review-popup__form__star input:checked~label>svg,
.review-popup__form__star.active>label>svg {
    color: #ffc700
}

.review-popup__form__stars:hover>.review-popup__form__star>label>svg {
    color: #ffc700
}

.review-popup__form__star~.review-popup__form__star:hover>label>svg {
    color: #ffc700
}

.review-popup__form__star:hover~.review-popup__form__star>label>svg {
    color: #bbb8c3
}

.review-popup__form__rating__value {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: #bbb8c3
}

.review-popup__footer {
    display: flex;
    flex-flow: column;
    gap: 24px;
    padding: 32px 24px 0;
    margin: auto -24px 0;
    border-top: 1.5px solid #f1f5f9
}

@media only screen and (max-width: 576px) {
    .review-popup__footer {
        gap: 16px;
        padding-top: 24px
    }
}

.review-popup__submit-btn {
    height: 52px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    border-radius: 8px;
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%)
}

@media only screen and (max-width: 576px) {
    .review-popup__submit-btn {
        height: 44px;
        font-size: 14px
    }
}

.review-popup__footer__police {
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #81848a
}

@media only screen and (max-width: 576px) {
    .review-popup__footer__police {
        max-width: 300px;
        margin: 0 auto
    }
}

.search-subpopup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-flow: column;
    background-color: #fff;
    transition: opacity .3s cubic-bezier(.175, .885, .32, 1.275), visibility .3s cubic-bezier(.175, .885, .32, 1.275), transform .3s cubic-bezier(.175, .885, .32, 1.275)
}

.search-subpopup:not(.visible) {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: scale(.95)
}

.search-subpopup-head {
    display: grid;
    grid-template-columns: 1fr 44px;
    align-items: center;
    gap: 8px;
    height: 76px;
    padding: 16px;
    box-sizing: border-box;
    border-bottom: 1.5px solid #f1f5f9
}

.search-subpopup-head__input {
    height: 44px;
    font-size: 12px;
    padding: 0 16px;
    border-radius: 8px;
    background-color: #f1f5f9;
    text-overflow: ellipsis
}

.search-subpopup-head__input::placeholder {
    color: #81848a
}

.search-subpopup-head__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 2/2;
    border-radius: 8px;
    background-color: #f1f5f9
}

.search-subpopup-head__btn svg {
    width: 24px;
    height: 24px;
    stroke: #81848a;
    stroke-width: 1.5px
}

.search-subpopup-wrapper {
    height: calc(100vh - 132px)
}

.search-subpopup-wrapper .header-search-results {
    position: unset;
    top: unset;
    bottom: unset;
    left: unset;
    right: unset;
    padding: unset !important;
    box-shadow: none
}

.search-subpopup-wrapper .header-search-results .header-search-results__links,
.search-subpopup-wrapper .header-search-results .header-search-results__products__list {
    padding: 0 16px
}

.search-subpopup-wrapper .header-search-results .header-search-results__products__head,
.search-subpopup-wrapper .header-search-results .header-search-results__brands__head {
    margin: 0 16px
}

.search-subpopup-wrapper .header-search-results .header-search-results__brands__slider {
    padding: 16px
}

.success-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 536px;
    display: flex;
    flex-flow: column;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 0 20px #0003;
    transform: translate(-50%, -50%);
    padding: 32px 24px;
    box-sizing: border-box;
    color: #332947;
    z-index: 9999;
    transition: opacity .3s cubic-bezier(.175, .885, .32, 1.275), visibility .3s cubic-bezier(.175, .885, .32, 1.275), transform .3s cubic-bezier(.175, .885, .32, 1.275)
}

@media only screen and (max-width: 1024px) {
    .success-popup {
        padding: 24px 16px
    }
}

.success-popup:not(.visible) {
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, -50%) scale(.75)
}

.success-popup__close-btn {
    position: absolute;
    top: 16px;
    right: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px
}

.success-popup__close-btn svg {
    width: 100%;
    height: 100%;
    stroke: #ccced1;
    stroke-width: 1.5px;
    transition: stroke .3s ease
}

@media only screen and (min-width: 1280px) {
    .success-popup__close-btn:hover svg {
        stroke: #81848a
    }
}

.success-popup__main {
    display: flex;
    flex-flow: column;
    align-items: center;
    text-align: center
}

.success-popup__check-icon {
    width: 120px;
    aspect-ratio: 2/2;
    margin-top: 32px
}

@media only screen and (max-width: 1024px) {
    .success-popup__check-icon {
        margin-top: 24px;
        width: 92px
    }
}

.success-popup__title {
    margin-top: 32px;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px
}

@media only screen and (max-width: 1024px) {
    .success-popup__title {
        font-size: 20px;
        line-height: 24px;
        margin-top: 24px
    }
}

.success-popup__desc {
    margin-top: 16px;
    opacity: .8;
    font-size: 14px;
    line-height: 20px
}

@media only screen and (max-width: 1024px) {
    .success-popup__desc {
        font-size: 12px;
        line-height: 16px
    }
}

.success-popup__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 52px;
    margin-top: 32px;
    font-weight: 500;
    line-height: 24px;
    color: #fff;
    border-radius: 8px;
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    box-sizing: border-box
}

@media only screen and (max-width: 1024px) {
    .success-popup__btn {
        margin-top: 24px;
        height: 44px;
        font-size: 14px
    }
}

.survey-slider {
    display: flex;
    flex-flow: column;
    padding: 80px 0;
    overflow: hidden
}

@media only screen and (max-width: 1024px) {
    .survey-slider {
        padding: 64px 0
    }
}

@media only screen and (max-width: 576px) {
    .survey-slider {
        padding: 40px 0
    }
}

.survey-slider-container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    gap: 40px
}

@media only screen and (max-width: 1024px) {
    .survey-slider-container {
        gap: 32px
    }
}

@media only screen and (max-width: 576px) {
    .survey-slider-container {
        gap: 24px;
        width: 100%;
        overflow: hidden
    }
}

.survey-slider-head {
    display: flex;
    flex-flow: row nowrap
}

@media only screen and (min-width: 576px) {
    .survey-slider-head {
        align-items: center;
        justify-content: space-between
    }
}

@media only screen and (max-width: 576px) {
    .survey-slider-head {
        flex-flow: column;
        gap: 24px
    }
}

.survey-slider-nav-buttons {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 24px
}

.survey-slider-prev-btn,
.survey-slider-next-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1.5px solid #ffffff;
    box-sizing: border-box;
    transition: opacity .3s ease
}

.survey-slider-prev-btn svg,
.survey-slider-next-btn svg {
    width: 16px;
    height: 16px;
    stroke: #fff;
    stroke-width: 1.5px
}

.survey-slider-prev-btn:disabled,
.survey-slider-next-btn:disabled {
    opacity: .5
}

@media only screen and (max-width: 576px) {

    .survey-slider-prev-btn,
    .survey-slider-next-btn {
        width: 32px;
        height: 32px
    }
}

.survey-slider-content {
    width: 100%;
    overflow: unset !important
}

.survey-slider-item {
    display: flex !important;
    flex-flow: column;
    gap: 16px
}

.survey-slider-item__poster {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 1.79/1
}

.survey-slider-item__poster img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    pointer-events: none;
    border-radius: 20px
}

.survey-slider-item__play-btn {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 55%;
    aspect-ratio: 2/2;
    border-radius: 50%;
    background-color: #0006;
    box-sizing: border-box
}

.survey-slider-item__play-btn svg {
    width: 80%;
    aspect-ratio: 2/2;
    fill: #fff;
    stroke: #fff;
    transition: transform .3s cubic-bezier(.175, .885, .32, 1.275)
}

@media only screen and (min-width: 1280px) {
    .survey-slider-item__play-btn {
        transition: transform .3s cubic-bezier(.175, .885, .32, 1.275), background-color .3s cubic-bezier(.175, .885, .32, 1.275)
    }

    .survey-slider-item__play-btn:hover {
        transform: scale(1.1);
        background-color: #0009
    }

    .survey-slider-item__play-btn:hover svg {
        transform: scale(.8)
    }

    @supports (-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px)) {
        .survey-slider-item__play-btn:hover {
            -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px)
        }
    }
}

.survey-slider-item__name {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px
}

@media only screen and (max-width: 1024px) {
    .tags-wrapper {
        margin: 0 -32px;
        padding-left: 32px
    }

    .tags-wrapper .simplebar-track {
        visibility: hidden !important
    }
}

@media only screen and (max-width: 576px) {
    .tags-wrapper {
        margin: 0 -16px;
        padding-left: 16px
    }
}

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

@media only screen and (max-width: 1024px) {
    .tags-list {
        flex-flow: row nowrap
    }

    .tags-list:after {
        content: "";
        display: block;
        max-width: 24px;
        min-width: 24px;
        height: auto
    }
}

@media only screen and (max-width: 1024px) and (max-width: 576px) {
    .tags-list:after {
        max-width: 8px;
        min-width: 8px
    }
}

.tag-item-link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    line-height: 24px;
    text-align: center;
    border-radius: 8px;
    border: 1.5px solid #ffffff;
    padding: 0 16px;
    box-sizing: border-box
}

@media only screen and (max-width: 1024px) {
    .tag-item-link {
        height: 44px;
        font-size: 14px;
        line-height: 20px;
        white-space: nowrap
    }
}

.title-l {
    font-size: 36px;
    font-weight: 600;
    line-height: 40px
}

@media only screen and (max-width: 1024px) {
    .title-l {
        font-size: 32px;
        line-height: 36px
    }
}

@media only screen and (max-width: 576px) {
    .title-l {
        font-size: 28px;
        line-height: 32px
    }
}

.title-m {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px
}

@media only screen and (max-width: 1024px) {
    .title-m {
        font-size: 24px;
        line-height: 28px
    }
}

@media only screen and (max-width: 576px) {
    .title-m {
        font-size: 20px;
        line-height: 24px
    }
}

.tooltip {
    position: absolute;
    width: 100%;
    max-width: 338px;
    padding: 16px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 0 20px #0003;
    font-size: 14px;
    line-height: 20px;
    color: #332947cc;
    pointer-events: none;
    box-sizing: border-box;
    z-index: 99999;
    transition: transform .3s cubic-bezier(.175, .885, .32, 1.275), opacity .3s cubic-bezier(.175, .885, .32, 1.275), visibility .3s cubic-bezier(.175, .885, .32, 1.275)
}

@media only screen and (max-width: 1024px) {
    .tooltip {
        max-width: 288px;
        font-size: 12px;
        line-height: 16px
    }
}

.tooltip:not(.visible) {
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px)
}

.type-list-select {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 11px
}

.type-list-select-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    aspect-ratio: 2/2;
    color: #81848a;
    border-radius: 8px;
    border: 1.5px solid #81848a;
    transition: border .3s ease, color .3s ease
}

.type-list-select-btn__icon {
    width: 24px;
    height: 24px;
    stroke: #81848a;
    transition: transform .3s ease, stroke .3s ease
}

.type-list-select-btn:disabled {
    color: #fff;
    border: 1.5px solid #ffffff
}

.type-list-select-btn:disabled .type-list-select-btn__icon {
    stroke: #fff
}

@media only screen and (min-width: 1280px) {
    .type-list-select-btn:not(:disabled):hover {
        color: #fff;
        border: 1.5px solid #ffffff
    }

    .type-list-select-btn:not(:disabled):hover .type-list-select-btn__icon {
        stroke: #fff;
        transform: scale(1.1)
    }
}

.account-title {
    margin-bottom: 40px
}

@media only screen and (max-width: 1024px) {
    .account-title {
        margin-bottom: 24px
    }
}

.account-content {
    display: grid;
    grid-template-columns: 392px 1fr;
    gap: 40px
}

@media only screen and (max-width: 1440px) {
    .account-content {
        grid-template-columns: 408px 1fr
    }
}

@media only screen and (max-width: 1024px) {
    .account-content {
        grid-template-columns: 1fr;
        gap: 24px
    }
}

.account-side {
    display: flex;
    flex-flow: column
}

@media only screen and (min-width: 1024px) {
    .account-nav-wrapper {
        border-radius: 6px;
        border: 1px solid #f8f8f8;
        background-color: #fff;
        box-shadow: 0 0 20px #0000000d
    }

    .account-nav-wrapper .simplebar-content-wrapper,
    .account-nav-wrapper .simplebar-mask,
    .account-nav-wrapper .simplebar-wrapper {
        overflow: unset !important
    }
}

@media only screen and (max-width: 1024px) {
    .account-nav-wrapper {
        margin: 0 -32px;
        padding: 0 32px
    }

    .account-nav-wrapper .simplebar-track {
        display: none
    }
}

@media only screen and (max-width: 576px) {
    .account-nav-wrapper {
        margin: 0 -16px;
        padding: 0 16px
    }
}

.account-nav {
    display: flex;
    flex-flow: column
}

@media only screen and (min-width: 1024px) {
    .account-nav {
        padding: 24px 0
    }
}

@media only screen and (max-width: 1024px) {
    .account-nav {
        flex-flow: row nowrap;
        align-items: center;
        gap: 8px
    }

    .account-nav:after {
        content: "";
        display: block;
        min-width: 32px;
        height: 1px;
        margin-left: -8px
    }
}

@media only screen and (max-width: 576px) {
    .account-nav:after {
        content: "";
        display: block;
        min-width: 16px;
        height: 1px;
        margin-left: -8px
    }
}

.account-nav-link {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 22px
}

@media only screen and (min-width: 1024px) {
    .account-nav-link {
        padding: 10px 24px
    }
}

@media only screen and (max-width: 1024px) {
    .account-nav-link {
        gap: 8px;
        height: 44px;
        padding: 0 16px;
        box-sizing: border-box;
        border-radius: 8px;
        border: 1.5px solid #ffffff
    }
}

.account-nav-link svg {
    width: 24px;
    height: 24px;
    stroke: #332947;
    stroke-width: 1.5px
}

@media only screen and (max-width: 1024px) {
    .account-nav-link svg {
        width: 20px;
        height: 20px;
        stroke: #fff
    }
}

.account-nav-link span {
    font-weight: 500;
    line-height: 24px;
    color: #332947
}

@media only screen and (max-width: 1024px) {
    .account-nav-link span {
        white-space: nowrap;
        font-size: 14px;
        color: #fff
    }
}

@media only screen and (min-width: 1024px) {
    .account-nav-link.active {
        position: relative;
        pointer-events: none
    }

    .account-nav-link.active:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: -1px;
        width: 2px;
        background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%)
    }

    .account-nav-link.active svg {
        stroke: url(#linear-gradient-brand)
    }

    .account-nav-link.active span {
        background-image: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
        background-size: 100%;
        -webkit-background-clip: text;
        -moz-background-clip: text;
        -webkit-text-fill-color: transparent;
        -moz-text-fill-color: transparent
    }
}

@media only screen and (max-width: 1024px) {
    .account-nav-link.active {
        border: none;
        background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%)
    }
}

@media only screen and (min-width: 1280px) {
    .account-nav-link:hover svg {
        stroke: url(#linear-gradient-brand)
    }

    .account-nav-link:hover span {
        background-image: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
        background-size: 100%;
        -webkit-background-clip: text;
        -moz-background-clip: text;
        -webkit-text-fill-color: transparent;
        -moz-text-fill-color: transparent
    }
}

.account-main {
    display: flex;
    flex-flow: column;
    gap: 4px
}

.account-profile-block {
    display: flex;
    flex-flow: column;
    gap: 32px;
    padding: 32px;
    color: #332947;
    border-radius: 8px;
    background: #fff
}

@media only screen and (max-width: 1024px) {
    .account-profile-block {
        gap: 24px
    }
}

@media only screen and (max-width: 576px) {
    .account-profile-block {
        padding: 24px
    }
}

.account-profile-block__head {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: space-between
}

.account-profile-block__head__title {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px
}

@media only screen and (max-width: 1024px) {
    .account-profile-block__head__title {
        font-size: 20px;
        line-height: 24px
    }
}

.account-profile-block__head__edit-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 8px;
    background-color: #f1f5f9;
    margin-bottom: -20px
}

@media only screen and (max-width: 1024px) {
    .account-profile-block__head__edit-btn {
        width: 44px;
        height: 44px;
        margin-bottom: -12px
    }
}

@media only screen and (max-width: 576px) {
    .account-profile-block__head__edit-btn {
        margin-bottom: -20px
    }
}

.account-profile-block__head__edit-btn svg {
    width: 24px;
    height: 24px;
    stroke: #81848a;
    stroke-width: 1.5px
}

.account-profile-block__params {
    display: flex;
    flex-flow: column;
    gap: 32px
}

@media only screen and (max-width: 576px) {
    .account-profile-block__params {
        gap: 24px
    }
}

.account-profile-block__params__item {
    display: flex;
    flex-flow: column;
    gap: 8px
}

.account-profile-block__params__item span {
    font-size: 14px;
    line-height: 20px;
    color: #81848a
}

.account-profile-block__params__item p {
    font-weight: 500;
    line-height: 20px
}

.account-profile-block__form {
    display: flex;
    flex-flow: column;
    gap: 32px
}

@media only screen and (max-width: 1024px) {
    .account-profile-block__form {
        gap: 24px
    }
}

.account-profile-block__form__grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 16px
}

@media only screen and (min-width: 576px) {
    .account-profile-block__form__grid {
        grid-template-areas: "input-surname input-surname input-name input-name input-patronymic input-patronymic" "input-phone input-phone input-phone input-email input-email input-email"
    }
}

@media only screen and (max-width: 576px) {
    .account-profile-block__form__grid {
        grid-template-columns: 1fr
    }
}

.account-profile-block__form__grid input {
    height: 52px;
    padding: 0 16px 0 48px;
    font-size: 14px;
    border-radius: 8px;
    background-color: #f1f5f9;
    background-repeat: no-repeat;
    background-position: center left 16px;
    background-size: 24px
}

@media only screen and (max-width: 1024px) {
    .account-profile-block__form__grid input {
        height: 44px
    }
}

.account-profile-block__form__grid input::placeholder {
    color: #81848a
}

.account-profile-block__form__grid input:nth-child(1),
.account-profile-block__form__grid input:nth-child(2),
.account-profile-block__form__grid input:nth-child(3) {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 20V19C5 15.134 8.13401 12 12 12C15.866 12 19 15.134 19 19V20' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 12C14.2091 12 16 10.2091 16 8C16 5.79086 14.2091 4 12 4C9.79086 4 8 5.79086 8 8C8 10.2091 9.79086 12 12 12Z' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

@media only screen and (min-width: 576px) {
    .account-profile-block__form__grid input:nth-child(1) {
        grid-area: input-surname
    }
}

@media only screen and (min-width: 576px) {
    .account-profile-block__form__grid input:nth-child(2) {
        grid-area: input-name
    }
}

@media only screen and (min-width: 576px) {
    .account-profile-block__form__grid input:nth-child(3) {
        grid-area: input-patronymic
    }
}

.account-profile-block__form__grid input:nth-child(4) {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.1175 14.702L13.9993 15.5C11.2176 14.1038 9.49934 12.5 8.49934 10L9.26929 5.8699L7.81386 2H4.06294C2.93539 2 2.04748 2.93178 2.21588 4.04668C2.63629 6.83 3.87587 11.8765 7.49934 15.5C11.3045 19.3052 16.785 20.9564 19.8013 21.6127C20.9661 21.8662 21.9993 20.9575 21.9993 19.7655V16.1812L18.1175 14.702Z' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

@media only screen and (min-width: 576px) {
    .account-profile-block__form__grid input:nth-child(4) {
        grid-area: input-phone
    }
}

.account-profile-block__form__grid input:nth-child(5) {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 19.1245C15.9791 20.3003 14.0712 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 17.5 15 17.5 15 14C15 12 15 8 15 8' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 12V10.5C15 9.11929 13.6569 8 12 8C10.3431 8 9 9.11929 9 10.5V12' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 12V13.5C15 14.8807 13.6569 16 12 16C10.3431 16 9 14.8807 9 13.5V12' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

@media only screen and (min-width: 576px) {
    .account-profile-block__form__grid input:nth-child(5) {
        grid-area: input-email
    }
}

.account-profile-block__form__buttons {
    display: grid;
    grid-template-columns: repeat(2, 260px);
    gap: 24px
}

@media only screen and (max-width: 1024px) {
    .account-profile-block__form__buttons {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px
    }
}

@media only screen and (max-width: 576px) {
    .account-profile-block__form__buttons {
        grid-template-columns: 1fr;
        gap: 12px
    }
}

.account-profile-block__form__buttons__btn {
    height: 52px;
    font-weight: 500;
    color: #fff;
    border-radius: 8px
}

@media only screen and (max-width: 1024px) {
    .account-profile-block__form__buttons__btn {
        height: 44px
    }
}

.account-profile-block__form__buttons__btn:not(.account-profile-block__form__buttons__btn--primary) {
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%)
}

.account-profile-block__form__buttons__btn--primary {
    color: #332947;
    background-color: #f1f5f9
}

.account-change-password-block {
    border-radius: 8px;
    background-color: #fff
}

.account-change-password-block__edit-btn {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 24px;
    color: #81848a;
    box-sizing: border-box;
    transition: color .3s ease
}

.account-change-password-block__edit-btn svg {
    width: 24px;
    height: 24px;
    stroke: #81848a;
    stroke-width: 1.5px;
    transition: stroke .3s ease, transform .3s ease
}

.account-change-password-block__edit-btn span {
    flex: 1;
    font-weight: 500;
    line-height: 24px;
    text-align: left
}

@media only screen and (min-width: 1280px) {
    .account-change-password-block__edit-btn:hover {
        color: #332947
    }

    .account-change-password-block__edit-btn:hover svg {
        stroke: #332947
    }

    .account-change-password-block__edit-btn:hover>*:last-child {
        transform: translate(4px)
    }
}

.account-change-password-block__form {
    display: flex;
    flex-flow: column;
    gap: 32px;
    padding: 32px;
    color: #332947
}

@media only screen and (min-width: 1024px) {
    .account-change-password-block__form {
        width: 100%;
        max-width: 544px
    }
}

@media only screen and (max-width: 1024px) {
    .account-change-password-block__form {
        gap: 24px
    }
}

@media only screen and (max-width: 576px) {
    .account-change-password-block__form {
        padding: 24px
    }
}

.account-change-password-block__form__inputs {
    display: flex;
    flex-flow: column;
    gap: 16px
}

.account-change-password-block__form__input {
    display: flex;
    flex-flow: column;
    gap: 8px
}

.account-change-password-block__form__input span {
    font-size: 14px;
    line-height: 20px
}

.account-change-password-block__form__input input {
    height: 52px;
    font-size: 14px;
    padding: 0 16px 0 48px;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-position: center left 16px;
    background-size: 24px;
    background-color: #f1f5f9;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6H20C21.1046 6 22 6.89543 22 8V16C22 17.1046 21.1046 18 20 18H4C2.89543 18 2 17.1046 2 16V8C2 6.89543 2.89543 6 4 6Z' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 8.5H6.5M6.5 8.5H8M6.5 8.5V15.5M6.5 15.5H5M6.5 15.5H8' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    box-sizing: border-box
}

.account-change-password-block__form__input input::placeholder {
    color: #81848a
}

@media only screen and (max-width: 1024px) {
    .account-change-password-block__form__input input {
        height: 44px
    }
}

.account-change-password-block__form__buttons {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px
}

@media only screen and (max-width: 1024px) {
    .account-change-password-block__form__buttons {
        gap: 16px
    }
}

@media only screen and (max-width: 576px) {
    .account-change-password-block__form__buttons {
        grid-template-columns: 1fr;
        gap: 12px
    }
}

.account-change-password-block__form__btn {
    height: 52px;
    font-weight: 500;
    color: #fff;
    border-radius: 8px;
    box-sizing: border-box
}

@media only screen and (max-width: 1024px) {
    .account-change-password-block__form__btn {
        height: 44px
    }
}

.account-change-password-block__form__btn:not(.account-change-password-block__form__btn--primary) {
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%)
}

.account-change-password-block__form__btn--primary {
    color: #332947;
    background-color: #f1f5f9
}

.account-change-password-block__title {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px
}

@media only screen and (max-width: 1024px) {
    .account-change-password-block__title {
        font-size: 20px;
        line-height: 24px
    }
}

.account-profile-order {
    display: flex;
    flex-flow: column;
    gap: 32px;
    padding: 32px;
    border-radius: 8px;
    background-color: #fff;
    color: #332947
}

@media only screen and (max-width: 576px) {
    .account-profile-order {
        gap: 24px;
        padding: 32px 24px 24px
    }
}

.account-profile-order__head {
    display: flex;
    flex-flow: row nowrap;
    gap: 48px
}

@media only screen and (min-width: 576px) {
    .account-profile-order__head {
        align-items: center
    }
}

@media only screen and (max-width: 1024px) {
    .account-profile-order__head {
        gap: 56px
    }
}

@media only screen and (max-width: 576px) {
    .account-profile-order__head {
        gap: 32px
    }
}

.account-profile-order__head__group {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

@media only screen and (max-width: 1024px) and (min-width: 576px) {
    .account-profile-order__head__group {
        align-items: center
    }
}

@media only screen and (max-width: 576px) {
    .account-profile-order__head__group {
        grid-template-columns: 1fr;
        gap: 16px
    }
}

.account-profile-order__head__num {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px
}

@media only screen and (max-width: 1024px) {
    .account-profile-order__head__num {
        font-size: 20px;
        line-height: 24px
    }
}

.account-profile-order__head__amount {
    font-size: 36px;
    line-height: 32px
}

@media only screen and (min-width: 576px) {
    .account-profile-order__head__amount {
        text-align: right
    }
}

@media only screen and (max-width: 576px) {
    .account-profile-order__head__amount {
        font-size: 24px;
        line-height: 24px
    }
}

.account-profile-order__head__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 8px;
    background-color: #f1f5f9
}

@media only screen and (max-width: 1024px) {
    .account-profile-order__head__btn {
        width: 44px;
        height: 44px
    }
}

.account-profile-order__head__btn svg {
    width: 24px;
    height: 24px;
    stroke: #81848a;
    transition: transform .3s ease
}

.account-profile-order__head__btn.active svg {
    transform: rotate(-180deg)
}

.account-profile-order__photos {
    height: 0;
    opacity: 0;
    visibility: hidden;
    margin-top: -32px !important;
    transition: height .3s ease, opacity .3s ease, visibility .3s ease, margin-top .3s ease
}

.account-profile-order__photos.visible {
    height: auto;
    opacity: 1;
    visibility: visible;
    margin-top: unset !important
}

@media only screen and (max-width: 1024px) {
    .account-profile-order__photos {
        width: 100%;
        margin-top: -24px;
        max-width: calc(100vw - 128px)
    }
}

@media only screen and (max-width: 576px) {
    .account-profile-order__photos {
        max-width: calc(100vw - 80px);
        margin: 0 -24px;
        padding: 0 24px
    }
}

.account-profile-order__photos .simplebar-track {
    display: none
}

.account-profile-order__photos__grid {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 8px
}

@media only screen and (max-width: 1024px) {
    .account-profile-order__photos__grid:after {
        content: "";
        display: block;
        width: 32px;
        min-width: 32px;
        height: 1px;
        margin-left: -8px
    }
}

@media only screen and (max-width: 1024px) and (max-width: 576px) {
    .account-profile-order__photos__grid:after {
        width: 24px;
        min-width: 24px
    }
}

.account-profile-order__photos__item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 112px;
    aspect-ratio: 2/2;
    padding: 16px;
    border-radius: 8px;
    background-color: #f1f5f9;
    box-sizing: border-box;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    color: #81848a
}

@media only screen and (max-width: 1024px) {
    .account-profile-order__photos__item {
        min-width: 100px;
        max-width: 100px
    }
}

.account-profile-order__photos__item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    pointer-events: none;
    mix-blend-mode: multiply
}

.account-profile-order__wrapper {
    height: 0;
    opacity: 0;
    visibility: hidden;
    margin-top: -32px !important;
    transition: height .3s ease, opacity .3s ease, visibility .3s ease, margin-top .3s ease;
    overflow: hidden
}

.account-profile-order__wrapper.visible {
    opacity: 1;
    visibility: visible;
    margin-top: unset !important
}

.account-profile-order__main {
    display: flex;
    flex-flow: column;
    gap: 32px;
    padding-top: 32px;
    border-top: 1.5px solid #f1f5f9
}

@media only screen and (max-width: 576px) {
    .account-profile-order__main {
        gap: 24px;
        padding-top: 24px
    }
}

.account-profile-order__main__group {
    display: grid;
    grid-template-columns: 1fr 360px
}

@media only screen and (min-width: 1440px) {
    .account-profile-order__main__group {
        align-items: center
    }
}

@media only screen and (max-width: 1440px) {
    .account-profile-order__main__group {
        grid-template-columns: 1fr;
        gap: 32px
    }
}

@media only screen and (max-width: 576px) {
    .account-profile-order__main__group {
        gap: 24px
    }
}

.account-profile-order__main__params-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 48px;
    max-width: 600px
}

@media only screen and (max-width: 576px) {
    .account-profile-order__main__params-grid {
        grid-template-columns: 1fr;
        gap: 8px
    }
}

.account-profile-order__main__params {
    display: flex;
    flex-flow: column;
    gap: 8px
}

.account-profile-order__main__params li {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    gap: 16px
}

.account-profile-order__main__params li span {
    font-size: 12px;
    line-height: 16px
}

.account-profile-order__main__params li span:nth-child(1) {
    color: #81848a
}

.account-profile-order__main__params li span:nth-child(2) {
    margin-left: auto;
    text-align: right
}

.account-profile-order__main__cancel-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 360px;
    height: 52px;
    text-align: center;
    border-radius: 8px;
    border: 1.5px solid transparent;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%) border-box;
    box-sizing: border-box
}

.account-profile-order__main__cancel-btn span {
    font-weight: 500;
    line-height: 24px
}

@media only screen and (max-width: 1024px) {
    .account-profile-order__main__cancel-btn {
        height: 44px
    }

    .account-profile-order__main__cancel-btn span {
        font-size: 14px
    }
}

.account-profile-order__main__list {
    display: flex;
    flex-flow: column;
    border-top: 1.5px solid #f1f5f9
}

.account-profile-order__main__list__item {
    display: grid;
    grid-template-columns: 112px 1fr 260px;
    gap: 24px;
    padding: 32px 100px 32px 0
}

.account-profile-order__main__list__item:not(:last-child) {
    border-bottom: 1.5px solid #f1f5f9
}

.account-profile-order__main__list__item:last-child {
    padding-bottom: 0
}

@media only screen and (max-width: 1440px) {
    .account-profile-order__main__list__item {
        grid-template-columns: 112px 1fr 217px
    }
}

@media only screen and (max-width: 1024px) {
    .account-profile-order__main__list__item {
        gap: 16px
    }
}

@media only screen and (max-width: 576px) {
    .account-profile-order__main__list__item {
        grid-template-columns: 1fr;
        padding: 24px 0
    }
}

.account-profile-order__main__list__item__photo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 2/2;
    padding: 16px;
    border-radius: 8px;
    background-color: #f1f5f9;
    box-sizing: border-box
}

@media only screen and (max-width: 576px) {
    .account-profile-order__main__list__item__photo {
        max-width: 104px
    }
}

.account-profile-order__main__list__item__photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    pointer-events: none;
    mix-blend-mode: multiply
}

.account-profile-order__main__list__item__inf {
    display: flex;
    flex-flow: column;
    gap: 16px
}

@media only screen and (min-width: 576px) {
    .account-profile-order__main__list__item__inf {
        max-width: 276px
    }
}

@media only screen and (min-width: 576px) and (max-width: 1024px) {
    .account-profile-order__main__list__item__inf {
        max-width: 235px
    }
}

.account-profile-order__main__list__item__inf__name {
    display: -webkit-box;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.account-profile-order__main__list__item__inf__params {
    display: flex;
    flex-flow: column;
    gap: 8px
}

.account-profile-order__main__list__item__inf__params li {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 16px
}

.account-profile-order__main__list__item__inf__params li span {
    font-size: 12px;
    line-height: 16px
}

.account-profile-order__main__list__item__inf__params li span:nth-child(1) {
    color: #81848a
}

.account-profile-order__main__list__item__inf__params li span:nth-child(2) {
    text-align: right;
    margin-left: auto
}

@media only screen and (min-width: 576px) {
    .account-profile-order__main__list__item__group {
        display: grid;
        grid-template-columns: 52px 1fr;
        gap: 84px
    }
}

@media only screen and (min-width: 576px) and (max-width: 1440px) {
    .account-profile-order__main__list__item__group {
        gap: 40px
    }
}

@media only screen and (min-width: 576px) and (max-width: 1024px) {
    .account-profile-order__main__list__item__group {
        grid-template-columns: 44px 1fr
    }
}

@media only screen and (min-width: 576px) and (max-width: 1024px) and (min-width: 576px) {
    .account-profile-order__main__list__item__group {
        gap: 33px
    }
}

@media only screen and (max-width: 576px) {
    .account-profile-order__main__list__item__group {
        display: flex;
        flex-flow: row-reverse nowrap;
        align-items: flex-start;
        justify-content: space-between
    }
}

.account-profile-order__main__list__item__counter {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 500;
    color: #81848a;
    width: 100%;
    aspect-ratio: 2/2;
    border-radius: 8px;
    background-color: #f1f5f9
}

@media only screen and (max-width: 576px) {
    .account-profile-order__main__list__item__counter {
        max-width: 44px
    }
}

.account-profile-order__main__list__item__sum {
    display: flex;
    flex-flow: column;
    gap: 16px
}

@media only screen and (min-width: 576px) {
    .account-profile-order__main__list__item__sum {
        align-items: flex-end;
        text-align: right;
        margin-top: 10px
    }
}

@media only screen and (max-width: 1024px) {
    .account-profile-order__main__list__item__sum {
        margin-top: 6px
    }
}

@media only screen and (max-width: 576px) {
    .account-profile-order__main__list__item__sum {
        gap: 32px;
        margin-top: 10px
    }
}

.account-profile-order__main__list__item__sum__group {
    display: flex;
    flex-flow: column;
    gap: 8px;
    height: 64px
}

@media only screen and (max-width: 576px) {
    .account-profile-order__main__list__item__sum__group {
        height: 56px
    }
}

.account-profile-order__main__list__item__amount {
    font-size: 36px;
    line-height: 32px
}

@media only screen and (max-width: 576px) {
    .account-profile-order__main__list__item__amount {
        font-size: 24px;
        line-height: 24px
    }
}

.account-profile-order__main__list__item__sale {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    color: #81848a;
    text-decoration: line-through
}

.account-profile-order__main__list__item__review-btn {
    font-weight: 600;
    line-height: 24px;
    text-align: right;
    width: max-content
}

.account-company-block {
    display: flex;
    flex-flow: column;
    gap: 32px;
    padding: 32px;
    border-radius: 8px;
    background-color: #fff;
    color: #332947
}

@media only screen and (max-width: 1024px) {
    .account-company-block {
        gap: 24px
    }
}

@media only screen and (max-width: 576px) {
    .account-company-block {
        padding: 24px
    }
}

.account-company-block__title {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px
}

@media only screen and (max-width: 1024px) {
    .account-company-block__title {
        font-size: 20px;
        line-height: 24px
    }
}

.account-company-block__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 16px
}

@media only screen and (max-width: 1024px) {
    .account-company-block__grid {
        gap: 16px
    }
}

@media only screen and (max-width: 576px) {
    .account-company-block__grid {
        grid-template-columns: 1fr
    }
}

.account-company-block__grid__item {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px
}

.account-company-block__grid__item__label {
    font-size: 14px;
    line-height: 20px
}

.account-company-block__grid__item__value {
    display: flex;
    align-items: center;
    height: 52px;
    padding: 0 16px;
    border-radius: 8px;
    background-color: #f1f5f9;
    box-sizing: border-box;
    overflow: hidden
}

@media only screen and (max-width: 1024px) {
    .account-company-block__grid__item__value {
        height: 44px
    }
}

.account-company-block__grid__item__value p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px
}

.blog-post-container {
    display: grid !important;
    grid-template-columns: 392px 1fr;
    gap: 40px
}

@media only screen and (max-width: 1440px) {
    .blog-post-container {
        grid-template-columns: 408px 1fr
    }
}

@media only screen and (max-width: 1024px) {
    .blog-post-container {
        grid-template-columns: 1fr;
        gap: 32px
    }
}

@media only screen and (min-width: 1024px) {
    .blog-post-title {
        display: none
    }
}

@media only screen and (max-width: 1024px) {
    .blog-post-title {
        margin-bottom: -8px
    }
}

.blog-post-menu-wrapper {
    box-sizing: border-box
}

.blog-post-menu-wrapper .simplebar-track {
    display: none
}

@media only screen and (min-width: 1024px) {
    .blog-post-menu-wrapper {
        padding: 24px 0;
        border-radius: 6px;
        border: 1px solid #f8f8f8;
        background-color: #fff;
        box-shadow: 0 0 20px #0000000d
    }

    .blog-post-menu-wrapper .simplebar-wrapper,
    .blog-post-menu-wrapper .simplebar-mask,
    .blog-post-menu-wrapper .simplebar-content-wrapper {
        overflow: unset !important
    }
}

@media only screen and (max-width: 1024px) {
    .blog-post-menu-wrapper {
        margin: 0 -32px;
        padding-left: 32px
    }
}

@media only screen and (max-width: 576px) {
    .blog-post-menu-wrapper {
        margin: 0 -16px;
        padding-left: 16px
    }
}

.blog-post-menu-grid {
    display: flex;
    flex-flow: column
}

@media only screen and (max-width: 1024px) {
    .blog-post-menu-grid {
        flex-flow: row nowrap;
        align-items: center;
        gap: 8px
    }

    .blog-post-menu-grid:after {
        content: "";
        min-width: 32px;
        height: 1px;
        margin-left: -8px
    }
}

@media only screen and (max-width: 1024px) and (max-width: 576px) {
    .blog-post-menu-grid:after {
        min-width: 16px
    }
}

.blog-post-menu-link {
    font-weight: 500;
    line-height: 24px;
    color: #332947;
    box-sizing: border-box
}

@media only screen and (min-width: 1024px) {
    .blog-post-menu-link {
        margin: 0 -1px;
        padding: 10px 32px 10px 24px
    }

    .blog-post-menu-link.active {
        position: relative;
        background-image: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
        background-size: 100%;
        -webkit-background-clip: text;
        -moz-background-clip: text;
        -webkit-text-fill-color: transparent;
        -moz-text-fill-color: transparent;
        z-index: 1
    }

    .blog-post-menu-link.active:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 2px;
        background: radial-gradient(100% 100% at 0% 0%, #ec36b5 70%, #6f5aff);
        z-index: 999
    }
}

@media only screen and (max-width: 1024px) {
    .blog-post-menu-link {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 44px;
        font-size: 14px;
        color: #fff;
        white-space: nowrap;
        padding: 0 16px;
        border-radius: 8px
    }

    .blog-post-menu-link:not(.active) {
        border: 1.5px solid #ffffff
    }

    .blog-post-menu-link.active {
        background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%)
    }
}

.blog-post-main {
    overflow: hidden
}

.blog-post-main>*:last-child {
    margin-bottom: 0 !important
}

@media only screen and (min-width: 1024px) {
    .blog-post-main .blog-post-title {
        display: block;
        margin-top: 60px
    }
}

@media only screen and (max-width: 1024px) {
    .blog-post-main .blog-post-title {
        display: none
    }
}

.blog-post-subtitle {
    margin-top: 48px
}

@media only screen and (max-width: 1024px) {
    .blog-post-subtitle {
        margin-top: 40px
    }
}

@media only screen and (max-width: 576px) {
    .blog-post-subtitle {
        margin-top: 48px
    }
}

.blog-post-subtitle--mt80 {
    margin-top: 80px
}

@media only screen and (max-width: 1024px) {
    .blog-post-subtitle--mt80 {
        margin-top: 60px
    }
}

@media only screen and (max-width: 576px) {
    .blog-post-subtitle--mt80 {
        margin-top: 48px
    }
}

.blog-post-subtitle--mt120 {
    margin-top: 120px
}

@media only screen and (max-width: 1024px) {
    .blog-post-subtitle--mt120 {
        margin-top: 80px
    }
}

@media only screen and (max-width: 576px) {
    .blog-post-subtitle--mt120 {
        margin-top: 64px
    }
}

@media only screen and (min-width: 576px) {
    .blog-post-subtitle--center {
        text-align: center
    }
}

.blog-max-width {
    max-width: 824px
}

.blog-max-width--968 {
    max-width: 968px
}

.blog-max-width--center {
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 1440px) {
    .blog-max-width {
        max-width: none
    }
}

.blog-post-banner {
    display: flex;
    flex-flow: column;
    gap: 16px
}

.blog-post-banner__cover {
    height: 360px
}

@media only screen and (max-width: 1440px) {
    .blog-post-banner__cover {
        height: 376px
    }
}

@media only screen and (max-width: 1024px) {
    .blog-post-banner__cover {
        height: 312px
    }
}

.blog-post-banner__cover img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    pointer-events: none;
    border-radius: 8px
}

.blog-post-banner__stat {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 16px
}

.blog-post-banner__stat__item {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 8px
}

.blog-post-banner__stat__item svg {
    width: 24px;
    height: 24px;
    stroke: #81848a;
    stroke-width: 1.5px
}

.blog-post-banner__stat__item span {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #81848a
}

.blog-post-text {
    display: flex;
    flex-flow: column;
    gap: 12px;
    line-height: 24px;
    margin-top: 32px
}

.blog-post-text a {
    position: relative;
    background-image: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent
}

.blog-post-text a:not(:hover):after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 1px;
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    pointer-events: none
}

.blog-post-text ol {
    display: flex;
    flex-flow: column;
    gap: 4px;
    counter-reset: item
}

.blog-post-text ol li {
    display: flex;
    flex-flow: row nowrap;
    gap: 8px;
    line-height: 24px
}

.blog-post-text ol li:before {
    display: inline-block;
    content: counter(item) ". ";
    counter-increment: item;
    min-width: 14px
}

.blog-products-slider {
    gap: 38px;
    margin: 46px 0 48px
}

@media only screen and (max-width: 1024px) {
    .blog-products-slider {
        gap: 28px;
        margin: 36px 0 40px
    }
}

@media only screen and (max-width: 576px) {
    .blog-products-slider {
        gap: 24px;
        margin: 48px 0
    }
}

@media only screen and (max-width: 576px) {
    .blog-products-slider .products-slider-nav-buttons {
        gap: 16px
    }
}

.blog-post-call-banner {
    display: flex;
    flex-flow: row nowrap;
    border-radius: 8px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(/rbs/dist/images/banners/b-3.png);
    margin: 48px 0
}

@media only screen and (max-width: 1024px) {
    .blog-post-call-banner {
        margin: 40px 0
    }
}

@media only screen and (max-width: 576px) {
    .blog-post-call-banner {
        position: relative;
        margin: 48px 0
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .blog-post-call-banner {
        background-image: url(/rbs/dist/images/banners/b-3@2x.png)
    }
}

.blog-post-call-banner__main {
    padding: 32px
}

@media only screen and (min-width: 576px) {
    .blog-post-call-banner__main {
        flex: 1;
        display: flex;
        flex-flow: column;
        align-items: flex-start;
        gap: 24px
    }
}

@media only screen and (max-width: 576px) {
    .blog-post-call-banner__main {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "title img" "button button";
        padding: 24px
    }
}

.blog-post-call-banner__title {
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    color: #332947;
    max-width: 383px
}

@media only screen and (max-width: 576px) {
    .blog-post-call-banner__title {
        grid-area: title;
        font-size: 16px;
        line-height: 24px
    }
}

.blog-post-call-banner__woman-img-mobile {
    grid-area: img;
    width: 100%;
    max-width: 114px;
    pointer-events: none;
    margin-left: auto
}

@media only screen and (min-width: 576px) {
    .blog-post-call-banner__woman-img-mobile {
        display: none
    }
}

.blog-post-call-banner__btn {
    height: 52px;
    font-weight: 600;
    line-height: 24px;
    color: #fff;
    border-radius: 8px;
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    padding: 0 24px;
    box-sizing: border-box
}

@media only screen and (max-width: 576px) {
    .blog-post-call-banner__btn {
        grid-area: button;
        height: 44px;
        width: 100%;
        font-size: 14px;
        z-index: 1
    }
}

.blog-post-call-banner__woman-img {
    width: 100%;
    max-width: 184px
}

@media only screen and (max-width: 576px) {
    .blog-post-call-banner__woman-img {
        display: none
    }
}

.blog-post-call-banner__woman-img img {
    display: block;
    width: 100%;
    pointer-events: none
}

.blog-post-banner-company {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    margin-bottom: 60px;
    padding: 0 60px;
    min-height: 312px;
    border-radius: 8px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/rbs/dist/images/banners/b-4.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .blog-post-banner-company {
        background-image: url(/rbs/dist/images/banners/b-4@2x.png)
    }
}

@media only screen and (min-width: 576px) {
    .blog-post-banner-company {
        justify-content: space-between
    }
}

@media only screen and (max-width: 1440px) {
    .blog-post-banner-company {
        padding: 0 36px;
        gap: 24px
    }
}

@media only screen and (max-width: 1024px) {
    .blog-post-banner-company {
        margin-bottom: 32px;
        padding: 0 32px;
        min-height: 260px
    }
}

@media only screen and (max-width: 576px) {
    .blog-post-banner-company {
        flex-flow: column;
        gap: 32px;
        padding: 32px;
        min-height: auto;
        background-image: url(/rbs/dist/images/banners/b-4-mobile.png)
    }
}

@media only screen and (max-width: 576px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 576px) and (min--moz-device-pixel-ratio: 2),
only screen and (max-width: 576px) and (min-device-pixel-ratio: 2),
only screen and (max-width: 576px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 576px) and (min-resolution: 192dpi),
only screen and (max-width: 576px) and (min-resolution: 2dppx) {
    .blog-post-banner-company {
        background-image: url(/rbs/dist/images/banners/b-4-mobile@2x.png)
    }
}

.blog-post-banner-company__logo {
    display: block;
    width: 100%;
    max-width: 256px;
    pointer-events: none
}

@media only screen and (max-width: 1024px) {
    .blog-post-banner-company__logo {
        max-width: 230px
    }
}

@media only screen and (max-width: 576px) {
    .blog-post-banner-company__logo {
        max-width: none
    }
}

.blog-post-banner-company__text {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    color: #fff;
    max-width: 500px;
    padding-left: 18px
}

@media only screen and (min-width: 576px) {
    .blog-post-banner-company__text {
        border-left: 2px solid #ffffff
    }
}

@media only screen and (max-width: 1440px) {
    .blog-post-banner-company__text {
        max-width: 506px;
        padding-left: 24px
    }
}

@media only screen and (max-width: 1024px) {
    .blog-post-banner-company__text {
        max-width: 388px;
        font-size: 16px;
        line-height: 20px
    }
}

@media only screen and (max-width: 576px) {
    .blog-post-banner-company__text {
        max-width: none;
        font-size: 14px;
        padding-left: 0;
        padding-top: 32px;
        border-top: 2px solid #ffffff
    }
}

.blog-post-pluses {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 66px 40px;
    margin-top: 32px
}

@media only screen and (max-width: 1440px) {
    .blog-post-pluses {
        grid-template-columns: repeat(2, 1fr);
        gap: 32px
    }
}

@media only screen and (max-width: 576px) {
    .blog-post-pluses {
        grid-template-columns: 1fr;
        gap: 24px;
        margin-top: 24px
    }
}

.blog-post-pluses li {
    display: flex;
    flex-flow: column;
    gap: 8px
}

.blog-post-pluses li svg {
    width: 40px;
    height: 40px;
    stroke: url(#linear-gradient-brand);
    stroke-width: 2px
}

.blog-post-pluses li b {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px
}

.blog-post-pluses li p {
    opacity: .8;
    font-size: 14px;
    line-height: 24px
}

.blog-post-banner-default {
    width: 100%;
    height: 440px;
    margin: 32px 0
}

@media only screen and (max-width: 1440px) {
    .blog-post-banner-default {
        height: 320px
    }
}

@media only screen and (max-width: 1024px) {
    .blog-post-banner-default {
        height: 410px
    }
}

@media only screen and (max-width: 576px) {
    .blog-post-banner-default {
        height: 168px;
        margin: 24px 0
    }
}

.blog-post-banner-default img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    pointer-events: none;
    border-radius: 8px
}

.blog-post-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: max-content;
    height: 52px;
    padding: 0 24px;
    font-weight: 500;
    line-height: 24px;
    color: #fff;
    border-radius: 8px;
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%)
}

.blog-post-btn--m40 {
    margin: 40px 0
}

.blog-post-clients {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 8px;
    margin-top: 32px
}

@media only screen and (max-width: 1440px) {
    .blog-post-clients {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media only screen and (max-width: 576px) {
    .blog-post-clients {
        grid-template-columns: repeat(2, 1fr);
        margin-top: 24px
    }
}

.blog-post-clients__item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 112px;
    border-radius: 8px;
    background-color: #f1f5f9
}

.blog-post-clients__item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    pointer-events: none;
    mix-blend-mode: multiply
}

.blog-post-clients__item:nth-child(1) img {
    max-width: 169px
}

.blog-post-clients__item:nth-child(2) img {
    max-width: 192px
}

.blog-post-clients__item:nth-child(3) img {
    max-width: 160px
}

.blog-post-clients__item:nth-child(4) img {
    max-width: 205px
}

.blog-post-clients__item:nth-child(5) img {
    max-width: 181px
}

.blog-post-clients__item:nth-child(6) img {
    max-width: 72px;
    max-height: 87px
}

.blog-post-certs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px 8px;
    margin-top: 32px
}

@media only screen and (max-width: 576px) {
    .blog-post-certs {
        grid-template-columns: 1fr;
        gap: 16px;
        margin-top: 24px
    }
}

.blog-post-certs__item {
    display: flex;
    flex-flow: column;
    gap: 8px
}

.blog-post-certs__item img {
    display: block;
    width: 100%;
    height: 260px;
    object-fit: cover;
    object-position: center;
    pointer-events: none;
    border-radius: 8px
}

@media only screen and (max-width: 1440px) {
    .blog-post-certs__item img {
        height: 200px
    }
}

@media only screen and (max-width: 1024px) {
    .blog-post-certs__item img {
        height: 180px
    }
}

@media only screen and (max-width: 576px) {
    .blog-post-certs__item img {
        height: 212px
    }
}

.blog-post-certs__item span {
    font-weight: 600;
    line-height: 24px;
    text-align: center
}

.blog-post-banner-default-2 {
    height: 312px
}

@media only screen and (max-width: 1024px) {
    .blog-post-banner-default-2 {
        height: 260px
    }
}

@media only screen and (max-width: 576px) {
    .blog-post-banner-default-2 {
        height: 288px
    }
}

.blog-post-banner-default-2 img {
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
    border-radius: 8px;
    object-fit: cover;
    object-position: center
}

.blog-post-vacancy-group {
    display: flex;
    flex-flow: column;
    gap: 8px;
    margin: 32px 0
}

@media only screen and (max-width: 1024px) {
    .blog-post-vacancy-group {
        margin: 24px 0
    }
}

.blog-post-vacancy {
    display: flex;
    flex-flow: column;
    gap: 32px;
    border-radius: 8px;
    background-color: #fff;
    padding: 32px;
    color: #332947
}

.blog-post-vacancy__head {
    display: flex;
    flex-flow: column;
    gap: 32px
}

@media only screen and (max-width: 1024px) and (min-width: 576px) {
    .blog-post-vacancy__head {
        flex-flow: row nowrap
    }
}

@media only screen and (max-width: 576px) {
    .blog-post-vacancy__head {
        gap: 24px
    }
}

.blog-post-vacancy__head__group {
    display: flex;
    flex-flow: row nowrap
}

@media only screen and (min-width: 1024px) {
    .blog-post-vacancy__head__group {
        align-items: center;
        justify-content: space-between
    }
}

@media only screen and (max-width: 1024px) {
    .blog-post-vacancy__head__group {
        flex-flow: column;
        gap: 23px
    }
}

@media only screen and (max-width: 576px) {
    .blog-post-vacancy__head__group {
        gap: 24px
    }
}

.blog-post-vacancy__head__title {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px
}

.blog-post-vacancy__head__salary {
    font-size: 36px;
    line-height: 32px
}

.blog-post-vacancy__head__btn {
    width: 100%;
    max-width: 196px;
    height: 52px;
    border-radius: 8px;
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    font-weight: 500;
    line-height: 24px;
    color: #fff
}

@media only screen and (min-width: 576px) {
    .blog-post-vacancy__head__btn {
        margin-left: auto
    }
}

@media only screen and (max-width: 1024px) {
    .blog-post-vacancy__head__btn {
        height: 44px;
        font-size: 14px
    }
}

.blog-post-vacancy__main {
    display: flex;
    flex-flow: column;
    gap: 32px;
    max-width: 649px
}

@media only screen and (min-width: 1024px) {
    .blog-post-vacancy__main {
        margin-top: -84px
    }
}

@media only screen and (max-width: 1440px) {
    .blog-post-vacancy__main {
        max-width: 488px
    }
}

@media only screen and (max-width: 576px) {
    .blog-post-vacancy__main {
        gap: 24px
    }
}

.blog-post-vacancy__block {
    display: flex;
    flex-flow: column;
    gap: 16px
}

@media only screen and (max-width: 576px) {
    .blog-post-vacancy__block {
        gap: 12px
    }
}

.blog-post-vacancy__block__title {
    font-weight: 600;
    line-height: 24px
}

.blog-post-vacancy__block__list {
    display: flex;
    flex-flow: column;
    gap: 4px
}

.blog-post-vacancy__block__list li {
    display: flex;
    flex-flow: row nowrap;
    gap: 8px;
    opacity: .8;
    line-height: 24px
}

.blog-post-vacancy__block__list li:before {
    content: "";
    display: inline-block;
    min-width: 4px;
    height: 4px;
    margin-top: 10px;
    border-radius: 50%;
    background: #332947
}

.blog-posts-title {
    margin-bottom: 60px
}

@media only screen and (max-width: 1440px) {
    .blog-posts-title {
        margin-bottom: 40px
    }
}

@media only screen and (max-width: 1024px) {
    .blog-posts-title {
        margin-bottom: 24px
    }
}

.blog-posts-banner {
    margin-bottom: 40px
}

@media only screen and (max-width: 1024px) {
    .blog-posts-banner {
        margin-bottom: 24px
    }
}

@media only screen and (max-width: 576px) {
    .blog-posts-banner {
        margin-bottom: 16px
    }
}

.blog-posts-banner .banner-primary-text {
    max-width: 648px
}

@media only screen and (max-width: 1440px) {
    .blog-posts-banner .banner-primary-text {
        max-width: 389px
    }
}

.blog-posts-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 8px
}

@media only screen and (max-width: 1440px) {
    .blog-posts-grid {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media only screen and (max-width: 1024px) {
    .blog-posts-grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (max-width: 576px) {
    .blog-posts-grid {
        grid-template-columns: 1fr
    }
}

.brands-tags-wrapper {
    margin-top: 40px
}

@media only screen and (max-width: 1024px) {
    .brands-tags-wrapper {
        margin-top: 24px
    }
}

@media only screen and (max-width: 576px) {
    .brands-tags-wrapper {
        margin-top: 16px
    }
}

.brands-main {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 8px;
    margin-top: 60px
}

@media only screen and (max-width: 1440px) {
    .brands-main {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media only screen and (max-width: 1024px) {
    .brands-main {
        grid-template-columns: repeat(2, 1fr);
        margin-top: 48px
    }
}

@media only screen and (max-width: 576px) {
    .brands-main {
        grid-template-columns: 1fr;
        margin-top: 24px
    }
}

.cart-empty {
    display: flex;
    flex-flow: column;
    align-items: center;
    text-align: center
}

.cart-empty__title {
    font-size: 36px;
    font-weight: 600;
    line-height: 40px
}

@media only screen and (max-width: 1024px) {
    .cart-empty__title {
        font-size: 32px;
        line-height: 36px
    }
}

@media only screen and (max-width: 576px) {
    .cart-empty__title {
        font-size: 28px;
        line-height: 32px
    }
}

.cart-empty__desc {
    margin-top: 32px;
    max-width: 472px;
    opacity: .8;
    font-weight: 500;
    line-height: 24px
}

@media only screen and (max-width: 1024px) {
    .cart-empty__desc {
        margin-top: 24px;
        font-size: 14px;
        line-height: 20px
    }
}

@media only screen and (max-width: 576px) {
    .cart-empty__desc {
        margin-top: 16px
    }
}

.cart-empty__footer {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    margin-top: 48px;
    width: 100%;
    max-width: 712px
}

@media only screen and (max-width: 1024px) {
    .cart-empty__footer {
        grid-template-columns: 1fr;
        gap: 16px;
        margin-top: 32px;
        max-width: 344px
    }
}

@media only screen and (max-width: 576px) {
    .cart-empty__footer {
        margin-top: 24px;
        max-width: none
    }
}

.cart-empty__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 52px;
    font-weight: 500;
    color: #fff;
    border-radius: 8px
}

@media only screen and (max-width: 1024px) {
    .cart-empty__btn {
        height: 44px
    }
}

.cart-empty__btn:not(.cart-empty__btn--primary) {
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%)
}

.cart-empty__btn--primary {
    border: 1.5px solid #ffffff;
    box-sizing: border-box
}

.cart-head {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px
}

@media only screen and (max-width: 1024px) {
    .cart-head {
        margin-bottom: 32px
    }
}

@media only screen and (max-width: 576px) {
    .cart-head {
        margin-bottom: 24px
    }
}

.cart-title {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 16px
}

@media only screen and (max-width: 576px) {
    .cart-title {
        gap: 8px
    }
}

.cart-title__counter {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    color: #81848a
}

.cart-clear-btn {
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    background-image: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent
}

@media only screen and (min-width: 1024px) {
    .cart-clear-btn {
        display: none
    }
}

.cart-content {
    display: grid;
    grid-template-columns: 1fr 392px;
    gap: 40px
}

@media only screen and (max-width: 1440px) {
    .cart-content {
        grid-template-columns: 1fr 408px
    }
}

@media only screen and (max-width: 1024px) {
    .cart-content {
        grid-template-columns: 1fr;
        gap: 24px
    }
}

.cart-main {
    display: flex;
    flex-flow: column;
    gap: 24px
}

.cart-control {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    padding: 24px;
    border-radius: 8px;
    background: #fff
}

@media only screen and (max-width: 1024px) {
    .cart-control {
        display: none
    }
}

.cart-control__checkbox {
    color: #332947
}

.cart-control__clear-btn {
    font-weight: 600;
    line-height: 24px;
    background-image: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent
}

.cart-products {
    display: flex;
    flex-flow: column;
    gap: 4px
}

.cart-product {
    padding: 24px;
    border-radius: 8px;
    background: #fff;
    color: #332947
}

@media only screen and (min-width: 576px) {
    .cart-product {
        display: grid;
        grid-template-columns: 24px 1fr 492px;
        align-items: flex-start;
        gap: 24px
    }
}

@media only screen and (min-width: 576px) and (max-width: 1440px) {
    .cart-product {
        grid-template-columns: 24px 1fr 208px
    }
}

@media only screen and (min-width: 576px) and (max-width: 1024px) {
    .cart-product {
        grid-template-columns: 1fr 192px
    }
}

@media only screen and (max-width: 576px) {
    .cart-product {
        display: flex;
        flex-flow: column;
        gap: 16px
    }
}

.cart-product__checkbox {
    margin-top: 40px
}

@media only screen and (max-width: 1024px) {
    .cart-product__checkbox {
        display: none
    }
}

.cart-product__main {
    display: grid;
    grid-template-columns: 104px minmax(auto, 308px);
    gap: 24px
}

@media only screen and (max-width: 576px) {
    .cart-product__main {
        grid-template-columns: 60px 1fr;
        gap: 12px
    }
}

.cart-product__photo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 2/2;
    border-radius: 8px;
    background-color: #f1f5f9;
    padding: 16px;
    box-sizing: border-box
}

@media only screen and (max-width: 576px) {
    .cart-product__photo {
        padding: 8px
    }
}

.cart-product__photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    pointer-events: none
}

.cart-product__inf {
    display: flex;
    flex-flow: column;
    gap: 16px
}

.cart-product__name {
    display: -webkit-box;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@media only screen and (max-width: 576px) {
    .cart-product__name {
        font-size: 16px;
        line-height: 20px;
        -webkit-line-clamp: 3
    }
}

.cart-product__params {
    display: flex;
    flex-flow: column;
    gap: 8px
}

@media only screen and (min-width: 576px) {
    .cart-product__params--visible-only-mobile {
        display: none
    }
}

.cart-product__params li {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between
}

.cart-product__params li span {
    font-size: 12px;
    line-height: 16px
}

.cart-product__params li span:nth-child(1) {
    color: #81848a
}

.cart-product__control {
    display: grid;
    grid-template-columns: 220px 124px 52px;
    gap: 48px
}

@media only screen and (min-width: 576px) {
    .cart-product__control {
        align-items: flex-start
    }
}

@media only screen and (max-width: 1440px) {
    .cart-product__control {
        grid-template-columns: 1fr 52px;
        gap: 24px 32px;
        grid-template-areas: "amount remove-btn" "counter counter"
    }
}

@media only screen and (max-width: 1024px) {
    .cart-product__control {
        grid-template-columns: 1fr 44px;
        gap: 24px
    }
}

@media only screen and (max-width: 576px) {
    .cart-product__control {
        grid-template-columns: 1fr 32px;
        gap: 16px;
        grid-template-areas: "amount amount" "counter remove-btn"
    }
}

.cart-product__counter {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 8px
}

@media only screen and (min-width: 1440px) {
    .cart-product__counter {
        margin-top: 8px
    }
}

@media only screen and (max-width: 1440px) {
    .cart-product__counter {
        grid-area: counter
    }
}

@media only screen and (max-width: 1024px) and (min-width: 576px) {
    .cart-product__counter {
        justify-content: flex-end
    }
}

@media only screen and (max-width: 576px) {
    .cart-product__counter {
        gap: 4px
    }
}

.cart-product__counter__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    aspect-ratio: 2/2;
    border-radius: 8px;
    background-color: #f1f5f9;
    color: #81848a
}

@media only screen and (max-width: 1024px) {
    .cart-product__counter__btn {
        width: 44px;
        height: 44px
    }
}

@media only screen and (max-width: 576px) {
    .cart-product__counter__btn {
        width: 32px;
        height: 32px
    }
}

.cart-product__counter__btn svg {
    width: 24px;
    height: 24px;
    transition: color .3s ease
}

@media only screen and (max-width: 576px) {
    .cart-product__counter__btn svg {
        width: 16px;
        height: 16px
    }
}

@media only screen and (min-width: 1280px) {
    .cart-product__counter__btn:hover {
        color: #332947
    }
}

.cart-product__counter__value {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    border-radius: 8px;
    background-color: #f1f5f9;
    color: #81848a;
    font-weight: 500
}

@media only screen and (min-width: 1024px) {
    .cart-product__counter__value {
        flex: 1
    }
}

@media only screen and (max-width: 1024px) {
    .cart-product__counter__value {
        min-width: 44px;
        height: 44px;
        padding: 0 16px;
        box-sizing: border-box
    }
}

@media only screen and (max-width: 576px) {
    .cart-product__counter__value {
        min-width: 32px;
        height: 32px;
        padding: 0 8px;
        font-size: 12px;
        line-height: 16px
    }
}

.cart-product__sum {
    display: flex;
    flex-flow: column;
    align-items: flex-end;
    gap: 12px
}

@media only screen and (max-width: 1440px) {
    .cart-product__sum {
        grid-area: amount
    }
}

@media only screen and (max-width: 1024px) {
    .cart-product__sum {
        gap: 8px
    }
}

@media only screen and (max-width: 576px) {
    .cart-product__sum {
        flex-flow: row nowrap;
        align-items: center;
        gap: 8px
    }
}

.cart-product__amount {
    font-size: 36px;
    line-height: 32px;
    background-image: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent
}

@media only screen and (min-width: 576px) {
    .cart-product__amount {
        margin-top: 18px
    }
}

@media only screen and (min-width: 576px) and (max-width: 1440px) {
    .cart-product__amount {
        margin-top: 8px
    }
}

@media only screen and (max-width: 1024px) {
    .cart-product__amount {
        font-size: 32px;
        line-height: 28px
    }
}

@media only screen and (max-width: 576px) {
    .cart-product__amount {
        font-size: 20px;
        line-height: 20px
    }
}

.cart-product__sale {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    color: #81848a;
    text-decoration: line-through
}

@media only screen and (max-width: 576px) {
    .cart-product__sale {
        font-size: 12px;
        line-height: 16px
    }
}

.cart-product__remove-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 2/2;
    border-radius: 8px;
    background-color: #f1f5f9
}

@media only screen and (min-width: 1440px) {
    .cart-product__remove-btn {
        margin-top: 8px
    }
}

@media only screen and (max-width: 1440px) {
    .cart-product__remove-btn {
        grid-area: remove-btn
    }
}

.cart-product__remove-btn svg {
    width: 24px;
    height: 24px;
    stroke: #81848a;
    stroke-width: 1.5px;
    transition: stroke .3s ease
}

@media only screen and (max-width: 576px) {
    .cart-product__remove-btn svg {
        width: 16px;
        height: 16px
    }
}

@media only screen and (min-width: 1280px) {
    .cart-product__remove-btn:hover svg {
        stroke: #332947
    }
}

.cart-product-removed {
    display: grid;
    grid-template-columns: 24px 1fr;
    gap: 24px;
    padding: 24px;
    border-radius: 8px;
    background: #fff
}

@media only screen and (max-width: 1024px) {
    .cart-product-removed {
        grid-template-columns: 1fr
    }
}

@media only screen and (max-width: 576px) {
    .cart-product-removed {
        display: flex;
        flex-flow: column
    }
}

@media only screen and (max-width: 1024px) {
    .cart-product-removed__checkbox {
        display: none
    }
}

.cart-product-removed__main {
    display: flex
}

@media only screen and (min-width: 576px) {
    .cart-product-removed__main {
        flex-flow: row nowrap;
        align-items: center;
        justify-content: space-between
    }
}

@media only screen and (max-width: 576px) {
    .cart-product-removed__main {
        flex-flow: column;
        align-items: flex-start;
        gap: 16px
    }
}

.cart-product-removed__main p {
    font-size: 14px;
    line-height: 24px;
    color: #81848a
}

.cart-product-removed__main p a {
    text-decoration: underline
}

@media only screen and (max-width: 576px) {
    .cart-product-removed__main p {
        font-size: 12px;
        line-height: 16px
    }
}

.cart-product-removed__main button {
    font-weight: 600;
    line-height: 24px;
    color: #81848a
}

@media only screen and (max-width: 576px) {
    .cart-product-removed__main button {
        font-size: 14px
    }
}

.cart-side {
    display: flex;
    flex-flow: column;
    gap: 8px
}

.cart-details-block {
    display: flex;
    flex-flow: column;
    color: #332947;
    border-radius: 6px;
    border: 1px solid #f8f8f8;
    background-color: #fff;
    box-shadow: 0 0 20px #0000000d;
    padding: 24px;
    box-sizing: border-box
}

.cart-details-block__title {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px
}

@media only screen and (max-width: 1024px) {
    .cart-details-block__title {
        font-size: 20px;
        line-height: 24px
    }
}

.cart-details-block__list {
    display: flex;
    flex-flow: column;
    gap: 8px;
    margin-top: 24px
}

@media only screen and (max-width: 1024px) {
    .cart-details-block__list {
        margin-top: 16px
    }
}

.cart-details-block__list li {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between
}

.cart-details-block__list li span {
    line-height: 24px
}

@media only screen and (max-width: 1024px) {
    .cart-details-block__list li span {
        font-size: 14px
    }
}

.cart-details-block__list li span:nth-child(1) {
    color: #81848a
}

.cart-details-block__total {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 16px
}

.cart-details-block__total span {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    color: #81848a
}

@media only screen and (max-width: 1024px) {
    .cart-details-block__total span {
        font-size: 16px
    }
}

.cart-details-block__total b {
    font-size: 36px;
    line-height: 32px;
    background-image: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent
}

@media only screen and (max-width: 1024px) {
    .cart-details-block__total b {
        font-size: 32px;
        line-height: 28px
    }
}

@media only screen and (max-width: 576px) {
    .cart-details-block__total b {
        font-size: 24px;
        line-height: 24px
    }
}

.cart-details-block__btn {
    height: 52px;
    padding: 0 16px;
    margin-top: 32px;
    font-weight: 500;
    line-height: 24px;
    color: #fff;
    border-radius: 8px;
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    box-sizing: border-box
}

@media only screen and (max-width: 1024px) {
    .cart-details-block__btn {
        height: 44px;
        margin-top: 24px;
        font-size: 14px
    }
}

.cart-promo-code-btn {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 8px;
    border-radius: 6px;
    border: 1px solid #f8f8f8;
    background-color: #fff;
    box-shadow: 0 0 20px #0000000d;
    padding: 24px;
    box-sizing: border-box
}

.cart-promo-code-btn__sale-icon,
.cart-promo-code-btn__angle-icon,
.cart-promo-code-btn__remove-icon {
    width: 24px;
    height: 24px;
    stroke: #81848a;
    stroke-width: 1.5px;
    transition: stroke .3s ease
}

.cart-promo-code-btn__text {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    color: #81848a;
    transition: color .3s ease
}

.cart-promo-code-btn__text--applied {
    background-image: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent
}

.cart-promo-code-btn__angle-icon,
.cart-promo-code-btn__remove-icon {
    margin-left: auto;
    transition: stroke .3s ease, transform .3s ease
}

@media only screen and (min-width: 1280px) {

    .cart-promo-code-btn:hover .cart-promo-code-btn__sale-icon,
    .cart-promo-code-btn:hover .cart-promo-code-btn__angle-icon,
    .cart-promo-code-btn:hover .cart-promo-code-btn__remove-icon {
        stroke: #332947
    }

    .cart-promo-code-btn:hover .cart-promo-code-btn__text {
        color: #332947
    }

    .cart-promo-code-btn:hover .cart-promo-code-btn__angle-icon,
    .cart-promo-code-btn:hover .cart-promo-code-btn__remove-icon {
        transform: translate(4px)
    }
}

.cart-products-slider {
    display: flex;
    flex-flow: column;
    gap: 40px;
    margin-top: 80px;
    padding-top: 40px
}

@media only screen and (max-width: 1024px) {
    .cart-products-slider {
        gap: 32px;
        margin-top: 64px;
        padding-top: 32px
    }
}

@media only screen and (max-width: 576px) {
    .cart-products-slider {
        gap: 24px;
        margin-top: 60px;
        padding-top: 16px
    }
}

.catalog-title {
    margin-bottom: 40px
}

@media only screen and (max-width: 1024px) {
    .catalog-title {
        margin-bottom: 24px
    }
}

@media only screen and (max-width: 576px) {
    .catalog-title {
        margin-bottom: 16px
    }
}

.catalog-content {
    display: grid;
    grid-template-columns: 247px 1fr;
    gap: 184px
}

@media only screen and (max-width: 1600px) {
    .catalog-content {
        grid-template-columns: 296px 1fr;
        gap: 40px
    }
}

@media only screen and (max-width: 1024px) {
    .catalog-content {
        gap: unset;
        grid-template-columns: 1fr
    }
}

.catalog-side,
.catalog-main {
    display: flex;
    flex-flow: column
}

.catalog-tags {
    margin-bottom: 40px
}

@media only screen and (max-width: 1024px) {
    .catalog-tags {
        margin-bottom: 24px
    }
}

@media only screen and (max-width: 576px) {
    .catalog-tags {
        margin-bottom: 16px
    }
}

.catalog-nav-container {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 24px;
    margin-bottom: 60px
}

@media only screen and (max-width: 1024px) {
    .catalog-nav-container {
        gap: 16px;
        margin-bottom: 48px
    }
}

@media only screen and (max-width: 576px) {
    .catalog-nav-container {
        margin-bottom: 32px
    }

    .catalog-nav-container>* {
        flex: 1
    }
}

.catalog-nav-container__filters-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    max-height: 44px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 8px;
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    padding: 0 16px;
    box-sizing: border-box
}

@media only screen and (min-width: 1024px) {
    .catalog-nav-container__filters-btn {
        display: none
    }
}

@media only screen and (max-width: 1024px) {
    .catalog-nav-container__filters-btn {
        flex: 1
    }
}

@media only screen and (max-width: 576px) {
    .catalog-nav-container__filters-btn {
        max-width: 124px
    }
}

.catalog-type-list-select {
    margin-left: auto
}

.catalog-banner-primary,
.catalog-banner-secondary {
    margin-bottom: 40px
}

@media only screen and (max-width: 1024px) {

    .catalog-banner-primary,
    .catalog-banner-secondary {
        margin-bottom: 24px
    }
}

.catalog-pagination-wrapper {
    margin-top: 60px
}

@media only screen and (max-width: 1024px) {
    .catalog-pagination-wrapper {
        margin-top: 32px
    }
}

.checkout-title {
    margin-bottom: 40px
}

@media only screen and (max-width: 1024px) {
    .checkout-title {
        margin-bottom: 32px
    }
}

@media only screen and (max-width: 576px) {
    .checkout-title {
        margin-bottom: 24px
    }
}

.checkout-content {
    display: grid;
    grid-template-columns: 1fr 392px;
    gap: 40px
}

@media only screen and (max-width: 1440px) {
    .checkout-content {
        grid-template-columns: 1fr 408px
    }
}

@media only screen and (max-width: 1024px) {
    .checkout-content {
        grid-template-columns: 1fr;
        gap: 24px
    }
}

.checkout-main {
    display: flex;
    flex-flow: column;
    gap: 4px
}

.checkout-block {
    display: flex;
    flex-flow: column;
    gap: 32px;
    border-radius: 8px;
    background-color: #fff;
    padding: 32px;
    color: #332947
}

@media only screen and (max-width: 1024px) {
    .checkout-block {
        gap: 24px
    }
}

@media only screen and (max-width: 576px) {
    .checkout-block {
        padding: 24px
    }
}

.checkout-block__title {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px
}

@media only screen and (max-width: 1024px) {
    .checkout-block__title {
        font-size: 20px;
        line-height: 24px
    }
}

.checkout-block__login-form {
    display: flex;
    flex-flow: column;
    gap: 32px
}

@media only screen and (min-width: 1024px) {
    .checkout-block__login-form {
        max-width: 588px
    }
}

@media only screen and (max-width: 1024px) {
    .checkout-block__login-form {
        gap: 24px
    }
}

.checkout-block__login-form__inputs {
    display: flex;
    flex-flow: column;
    gap: 16px
}

.checkout-block__login-form__inputs input {
    height: 52px;
    font-size: 14px;
    border-radius: 8px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center left 16px;
    background-color: #f1f5f9;
    padding: 0 16px 0 48px
}

@media only screen and (max-width: 1024px) {
    .checkout-block__login-form__inputs input {
        height: 44px
    }
}

.checkout-block__login-form__inputs input::placeholder {
    color: #81848a
}

.checkout-block__login-form__inputs input:nth-child(1) {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 19.1245C15.9791 20.3003 14.0712 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 17.5 15 17.5 15 14C15 12 15 8 15 8' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 12V10.5C15 9.11929 13.6569 8 12 8C10.3431 8 9 9.11929 9 10.5V12' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 12V13.5C15 14.8807 13.6569 16 12 16C10.3431 16 9 14.8807 9 13.5V12' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.checkout-block__login-form__inputs input:nth-child(2) {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6H20C21.1046 6 22 6.89543 22 8V16C22 17.1046 21.1046 18 20 18H4C2.89543 18 2 17.1046 2 16V8C2 6.89543 2.89543 6 4 6Z' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 8.5H6.5M6.5 8.5H8M6.5 8.5V15.5M6.5 15.5H5M6.5 15.5H8' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.checkout-block__login-form__buttons {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px
}

@media only screen and (max-width: 576px) {
    .checkout-block__login-form__buttons {
        grid-template-columns: 1fr;
        gap: 12px
    }
}

.checkout-block__login-form__btn {
    height: 52px;
    font-weight: 500;
    line-height: 24px;
    color: #fff;
    border-radius: 8px;
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%)
}

@media only screen and (max-width: 1024px) {
    .checkout-block__login-form__btn {
        height: 44px
    }
}

.checkout-block__login-form__btn--primary {
    color: #332947;
    background: #f1f5f9
}

.checkout-block__location-form {
    display: grid;
    grid-template-columns: 1fr 286px;
    gap: 24px
}

@media only screen and (max-width: 1440px) {
    .checkout-block__location-form {
        grid-template-columns: 1fr 220px;
        gap: 16px
    }
}

@media only screen and (max-width: 576px) {
    .checkout-block__location-form {
        grid-template-columns: 1fr
    }
}

.checkout-block__location-form input {
    height: 52px;
    font-size: 14px;
    border-radius: 8px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center left 16px;
    background-color: #f1f5f9;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 10C20 14.4183 12 22 12 22C12 22 4 14.4183 4 10C4 5.58172 7.58172 2 12 2C16.4183 2 20 5.58172 20 10Z' stroke='%23C0C1C4' stroke-width='1.5'/%3E%3Cpath d='M12 11C12.5523 11 13 10.5523 13 10C13 9.44772 12.5523 9 12 9C11.4477 9 11 9.44772 11 10C11 10.5523 11.4477 11 12 11Z' fill='%23C0C1C4' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    padding: 0 16px 0 48px
}

@media only screen and (max-width: 1024px) {
    .checkout-block__location-form input {
        height: 44px
    }
}

.checkout-block__location-form input::placeholder {
    color: #81848a
}

.checkout-block__location-form button {
    height: 52px;
    font-weight: 500;
    line-height: 24px;
    color: #fff;
    border-radius: 8px;
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%)
}

@media only screen and (max-width: 1024px) {
    .checkout-block__location-form button {
        height: 44px
    }
}

.checkout-block__delivery-form {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px
}

@media only screen and (max-width: 1440px) {
    .checkout-block__delivery-form {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (max-width: 576px) {
    .checkout-block__delivery-form {
        grid-template-columns: 1fr;
        gap: 8px
    }
}

.checkout-block__delivery-form__method {
    cursor: pointer;
    position: relative;
    padding: 24px;
    min-height: 219px;
    box-sizing: border-box
}

@media only screen and (min-width: 576px) {
    .checkout-block__delivery-form__method {
        display: grid;
        grid-template-rows: auto 1fr;
        grid-template-areas: "logo price" "inf inf" "date date"
    }
}

@media only screen and (max-width: 1024px) {
    .checkout-block__delivery-form__method {
        min-height: 220px
    }
}

@media only screen and (max-width: 576px) {
    .checkout-block__delivery-form__method {
        display: flex;
        flex-flow: column;
        min-height: 256px
    }
}

.checkout-block__delivery-form__method input[type=radio] {
    display: none
}

.checkout-block__delivery-form__method__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 8px;
    background-color: #f1f5f9;
    transition: background-color .3s ease
}

input[type=radio]:checked~.checkout-block__delivery-form__method__bg {
    background-color: #dfe8f1
}

.checkout-block__delivery-form__method__logo,
.checkout-block__delivery-form__method__price,
.checkout-block__delivery-form__method__inf,
.checkout-block__delivery-form__method__date {
    z-index: 1
}

.checkout-block__delivery-form__method__logo {
    transition: transform .3s cubic-bezier(.175, .885, .32, 1.275)
}

@media only screen and (min-width: 576px) {
    .checkout-block__delivery-form__method__logo {
        grid-area: logo;
        height: 44px
    }
}

@media only screen and (max-width: 576px) {
    .checkout-block__delivery-form__method__logo {
        order: 1
    }
}

.checkout-block__delivery-form__method__logo--rbs {
    width: 100%;
    max-width: 140px
}

@media only screen and (max-width: 576px) {
    .checkout-block__delivery-form__method__logo--rbs {
        max-width: 102px
    }
}

.checkout-block__delivery-form__method__logo--express {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 7px
}

.checkout-block__delivery-form__method__logo--express svg {
    width: 34px;
    height: 34px;
    stroke: url(#linear-gradient-brand);
    stroke-width: 2px
}

.checkout-block__delivery-form__method__logo--express span {
    font-weight: 600;
    line-height: 24px;
    white-space: nowrap
}

@media only screen and (max-width: 576px) {
    .checkout-block__delivery-form__method__logo--express svg {
        width: 32px;
        height: 32px
    }

    .checkout-block__delivery-form__method__logo--express span {
        font-size: 15px
    }
}

@media only screen and (min-width: 576px) {
    .checkout-block__delivery-form__method__logo--linii {
        width: 259px
    }
}

@media only screen and (max-width: 576px) {
    .checkout-block__delivery-form__method__logo--linii {
        width: 100%;
        max-width: 192px
    }
}

.checkout-block__delivery-form__method__logo--cdek {
    width: 100%;
    max-width: 186px
}

@media only screen and (max-width: 576px) {
    .checkout-block__delivery-form__method__logo--cdek {
        max-width: 134px
    }
}

.checkout-block__delivery-form__method__logo--boxberry {
    width: 100%;
    max-width: 140px
}

@media only screen and (max-width: 576px) {
    .checkout-block__delivery-form__method__logo--boxberry {
        max-width: 99px
    }
}

.checkout-block__delivery-form__method__logo img {
    display: block;
    width: 100%;
    pointer-events: none
}

.checkout-block__delivery-form__method__price {
    font-weight: 600;
    line-height: 24px
}

@media only screen and (min-width: 576px) {
    .checkout-block__delivery-form__method__price {
        grid-area: price;
        text-align: right
    }
}

@media only screen and (max-width: 576px) {
    .checkout-block__delivery-form__method__price {
        order: 3;
        margin-top: 24px
    }
}

.checkout-block__delivery-form__method__inf {
    display: flex;
    flex-flow: column;
    gap: 8px
}

@media only screen and (min-width: 576px) {
    .checkout-block__delivery-form__method__inf {
        grid-area: inf;
        margin-top: 16px;
        margin-bottom: auto
    }
}

@media only screen and (max-width: 576px) {
    .checkout-block__delivery-form__method__inf {
        order: 2;
        margin-top: 24px;
        margin-bottom: auto
    }
}

.checkout-block__delivery-form__method__inf b {
    font-weight: 600;
    line-height: 24px
}

.checkout-block__delivery-form__method__inf p {
    font-size: 12px;
    line-height: 16px;
    color: #81848a
}

.checkout-block__delivery-form__method__inf--rbs p {
    max-width: 258px
}

.checkout-block__delivery-form__method__inf--express p {
    max-width: 287px
}

.checkout-block__delivery-form__method__inf--boxberry p {
    max-width: 258px
}

.checkout-block__delivery-form__method__date {
    font-size: 12px;
    line-height: 16px;
    color: #81848a;
    margin-top: 16px
}

@media only screen and (min-width: 576px) {
    .checkout-block__delivery-form__method__date {
        grid-area: date
    }
}

@media only screen and (max-width: 576px) {
    .checkout-block__delivery-form__method__date {
        order: 4;
        margin-top: 8px
    }
}

.checkout-block__delivery-desc {
    font-size: 12px;
    line-height: 16px;
    color: #81848a
}

@media only screen and (min-width: 1024px) {
    .checkout-block__delivery-desc {
        margin-top: -8px
    }
}

.checkout-block__contacts-data-head {
    display: flex;
    flex-flow: row nowrap
}

@media only screen and (min-width: 576px) {
    .checkout-block__contacts-data-head {
        align-items: center;
        justify-content: space-between
    }
}

@media only screen and (max-width: 1024px) and (min-width: 576px) {
    .checkout-block__contacts-data-head {
        margin-top: -4px
    }
}

@media only screen and (max-width: 576px) {
    .checkout-block__contacts-data-head {
        flex-flow: column;
        gap: 24px
    }
}

.checkout-block__contacts-data-head__methods {
    flex: 1;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 8px
}

@media only screen and (min-width: 576px) {
    .checkout-block__contacts-data-head__methods {
        max-width: 396px
    }
}

.checkout-block__contacts-data-head__method {
    flex: 1;
    cursor: pointer
}

.checkout-block__contacts-data-head__method input[type=radio] {
    display: none
}

.checkout-block__contacts-data-head__method__main {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #81848a;
    border-radius: 8px;
    background: #f1f5f9
}

input[type=radio]:checked~.checkout-block__contacts-data-head__method__main {
    color: #fff;
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%)
}

.checkout-block__contacts-data-form {
    display: flex;
    flex-flow: column
}

@media only screen and (max-width: 1024px) and (min-width: 576px) {
    .checkout-block__contacts-data-form {
        margin-top: -4px
    }
}

.checkout-block__contacts-data-form__inputs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px
}

@media only screen and (min-width: 576px) {
    .checkout-block__contacts-data-form__inputs {
        grid-template-areas: "input-name input-comment" "input-phone input-comment" "input-email input-comment"
    }
}

@media only screen and (max-width: 576px) {
    .checkout-block__contacts-data-form__inputs {
        grid-template-columns: 1fr;
        margin-bottom: 4px
    }
}

.checkout-block__contacts-data-form__inputs>* {
    height: 52px;
    border-radius: 8px;
    background-color: #f1f5f9;
    padding: 0 16px 0 48px;
    font-size: 14px;
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: center left 16px
}

@media only screen and (max-width: 1024px) {
    .checkout-block__contacts-data-form__inputs>* {
        height: 44px
    }
}

.checkout-block__contacts-data-form__inputs>*::placeholder {
    color: #81848a
}

.checkout-block__contacts-data-form__inputs>*:nth-child(1) {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 20V19C5 15.134 8.13401 12 12 12C15.866 12 19 15.134 19 19V20' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 12C14.2091 12 16 10.2091 16 8C16 5.79086 14.2091 4 12 4C9.79086 4 8 5.79086 8 8C8 10.2091 9.79086 12 12 12Z' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

@media only screen and (min-width: 576px) {
    .checkout-block__contacts-data-form__inputs>*:nth-child(1) {
        grid-area: input-name
    }
}

.checkout-block__contacts-data-form__inputs>*:nth-child(2) {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.1175 14.702L13.9993 15.5C11.2176 14.1038 9.49934 12.5 8.49934 10L9.26929 5.8699L7.81386 2H4.06294C2.93539 2 2.04748 2.93178 2.21588 4.04668C2.63629 6.83 3.87587 11.8765 7.49934 15.5C11.3045 19.3052 16.785 20.9564 19.8013 21.6127C20.9661 21.8662 21.9993 20.9575 21.9993 19.7655V16.1812L18.1175 14.702Z' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

@media only screen and (min-width: 576px) {
    .checkout-block__contacts-data-form__inputs>*:nth-child(2) {
        grid-area: input-phone
    }
}

.checkout-block__contacts-data-form__inputs>*:nth-child(3) {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 19.1245C15.9791 20.3003 14.0712 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 17.5 15 17.5 15 14C15 12 15 8 15 8' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 12V10.5C15 9.11929 13.6569 8 12 8C10.3431 8 9 9.11929 9 10.5V12' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 12V13.5C15 14.8807 13.6569 16 12 16C10.3431 16 9 14.8807 9 13.5V12' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

@media only screen and (min-width: 576px) {
    .checkout-block__contacts-data-form__inputs>*:nth-child(3) {
        grid-area: input-email
    }
}

.checkout-block__contacts-data-form__inputs>*:nth-child(4) {
    height: auto;
    padding-top: 20px;
    padding-bottom: 16px;
    background-position: top 16px left 16px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 12H17' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 8H13' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 20.2895V5C3 3.89543 3.89543 3 5 3H19C20.1046 3 21 3.89543 21 5V15C21 16.1046 20.1046 17 19 17H7.96125C7.35368 17 6.77906 17.2762 6.39951 17.7506L4.06852 20.6643C3.71421 21.1072 3 20.8567 3 20.2895Z' stroke='%23C0C1C4' stroke-width='1.5'/%3E%3C/svg%3E")
}

@media only screen and (min-width: 576px) {
    .checkout-block__contacts-data-form__inputs>*:nth-child(4) {
        grid-area: input-comment
    }
}

@media only screen and (max-width: 576px) {
    .checkout-block__contacts-data-form__inputs>*:nth-child(4) {
        height: 112px;
        box-sizing: border-box
    }
}

.checkout-block__payment-form {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px
}

@media only screen and (max-width: 1440px) {
    .checkout-block__payment-form {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (max-width: 576px) {
    .checkout-block__payment-form {
        grid-template-columns: 1fr
    }
}

.checkout-block__payment-form__method {
    cursor: pointer
}

.checkout-block__payment-form__method input[type=radio] {
    display: none
}

input[type=radio]:checked~.checkout-block__payment-form__method__main {
    background-color: #e8eff5
}

.checkout-block__payment-form__method__main {
    display: flex;
    flex-flow: column;
    gap: 8px;
    border-radius: 8px;
    background-color: #f1f5f9;
    padding: 24px;
    transition: background-color .3s ease
}

.checkout-block__payment-form__method__main b {
    font-weight: 600;
    line-height: 24px
}

.checkout-block__payment-form__method__main p {
    max-width: 250px;
    font-size: 12px;
    line-height: 16px;
    color: #81848a
}

.checkout-side {
    display: flex;
    flex-flow: column;
    color: #332947
}

.checkout-side__group {
    display: flex;
    flex-flow: column;
    gap: 8px
}

@media only screen and (min-width: 1024px) {
    .checkout-side__group {
        position: sticky;
        top: 8px
    }
}

.checkout-side__title-block,
.checkout-side__positions-block,
.checkout-side__total-block {
    border-radius: 6px;
    border: 1px solid #f8f8f8;
    background-color: #fff;
    box-shadow: 0 0 20px #0000000d;
    padding: 24px
}

.checkout-side__title-block {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px
}

@media only screen and (max-width: 1024px) {
    .checkout-side__title-block {
        font-size: 20px;
        line-height: 24px
    }
}

.checkout-side__positions-block {
    padding: 24px
}

.checkout-side__positions-block .simplebar-track {
    display: none
}

@media only screen and (min-width: 1024px) {
    .checkout-side__positions-block {
        overflow: unset !important
    }
}

.checkout-side__positions-block__grid {
    gap: 8px
}

@media only screen and (min-width: 1024px) {
    .checkout-side__positions-block__grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr)
    }
}

@media only screen and (max-width: 1024px) {
    .checkout-side__positions-block__grid {
        display: flex;
        flex-flow: row nowrap
    }

    .checkout-side__positions-block__grid:after {
        content: "";
        width: 24px;
        min-width: 24px;
        height: 1px;
        margin-left: -8px
    }
}

.checkout-side__positions-block__grid__item {
    aspect-ratio: 2/2;
    padding: 16px;
    border-radius: 8px;
    background-color: #f1f5f9;
    box-sizing: border-box
}

@media only screen and (max-width: 1024px) {
    .checkout-side__positions-block__grid__item {
        width: 103px;
        min-width: 103px
    }
}

.checkout-side__positions-block__grid__item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    pointer-events: none;
    mix-blend-mode: multiply
}

.checkout-side__total-block {
    display: flex;
    flex-flow: column;
    gap: 24px
}

.checkout-side__total-block__params {
    display: flex;
    flex-flow: column;
    gap: 8px
}

.checkout-side__total-block__params li {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    gap: 8px
}

.checkout-side__total-block__params li span {
    line-height: 24px
}

.checkout-side__total-block__params li span:nth-child(1) {
    color: #81848a
}

@media only screen and (max-width: 576px) {
    .checkout-side__total-block__params li span {
        font-size: 14px
    }
}

.checkout-side__total-block__params li i {
    flex: 1;
    height: 16px;
    border-bottom: 1px dashed #f1f5f9
}

.checkout-side__total-block__params li:last-child {
    margin-top: 8px;
    align-items: flex-end
}

.checkout-side__total-block__params li:last-child span:nth-child(1) {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px
}

@media only screen and (max-width: 576px) {
    .checkout-side__total-block__params li:last-child span:nth-child(1) {
        font-size: 16px;
        line-height: 24px
    }
}

.checkout-side__total-block__params li:last-child span:last-child {
    font-size: 36px;
    line-height: 32px
}

@media only screen and (max-width: 576px) {
    .checkout-side__total-block__params li:last-child span:last-child {
        font-size: 24px;
        line-height: 24px
    }
}

.checkout-side__total-block__submit-btn {
    height: 52px;
    border-radius: 8px;
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    font-weight: 500;
    color: #fff
}

@media only screen and (max-width: 1024px) {
    .checkout-side__total-block__submit-btn {
        height: 44px;
        font-size: 14px
    }
}

.favorites-title {
    margin-bottom: 40px
}

@media only screen and (max-width: 1024px) {
    .favorites-title {
        margin-bottom: 24px
    }
}

.favorites-content {
    display: flex;
    flex-flow: column;
    gap: 24px;
    max-width: 1256px
}

@media only screen and (max-width: 1440px) {
    .favorites-content {
        max-width: none
    }
}

.favorites-alert {
    display: flex;
    flex-flow: row nowrap;
    gap: 8px;
    border-radius: 8px;
    background-color: #fff;
    padding: 24px
}

@media only screen and (min-width: 576px) {
    .favorites-alert {
        align-items: center
    }
}

@media only screen and (max-width: 576px) {
    .favorites-alert {
        gap: 16px;
        padding: 16px
    }
}

.favorites-alert__warn-icon {
    width: 24px;
    height: 24px
}

@media only screen and (max-width: 576px) {
    .favorites-alert__warn-icon {
        display: none
    }
}

.favorites-alert__text {
    flex: 1;
    line-height: 24px;
    color: #161134
}

@media only screen and (max-width: 1024px) {
    .favorites-alert__text {
        font-size: 14px;
        line-height: 20px
    }
}

@media only screen and (max-width: 576px) {
    .favorites-alert__text {
        font-size: 12px;
        line-height: 16px
    }
}

.favorites-alert__close-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px
}

.favorites-alert__close-btn svg {
    width: 100%;
    height: 100%;
    stroke: #81848a;
    stroke-width: 1.5px
}

.favorites-control {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    border-radius: 8px;
    background-color: #fff;
    padding: 24px;
    color: #332947
}

@media only screen and (max-width: 1024px) {
    .favorites-control {
        display: none
    }
}

.favorites-control__add-btn {
    font-weight: 600;
    line-height: 24px
}

.favorites-products {
    display: grid;
    grid-template-columns: 1fr;
    gap: 4px
}

@media only screen and (max-width: 1024px) {
    .favorites-products {
        gap: 8px
    }
}

@media only screen and (max-width: 1024px) and (min-width: 576px) {
    .favorites-products {
        grid-template-columns: repeat(2, 1fr)
    }
}

.favorites-product {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 24px;
    border-radius: 8px;
    background-color: #fff
}

@media only screen and (max-width: 1024px) {
    .favorites-product {
        padding: 16px
    }
}

.favorites-product .input-checkbox {
    margin: auto 0
}

@media only screen and (max-width: 1024px) {
    .favorites-product .input-checkbox {
        display: none
    }
}

.favorites-product .product-item {
    padding: 0;
    border-radius: unset;
    background-color: unset
}

@media only screen and (min-width: 1024px) {
    .favorites-product {
        grid-template-columns: 24px 1fr
    }

    .favorites-product .product-item {
        flex-flow: row nowrap;
        gap: 24px
    }

    .favorites-product .product-item-cover {
        position: relative
    }

    .favorites-product .product-item-labels {
        position: absolute
    }

    .favorites-product .product-item-label:not(#product-hit) {
        display: none
    }

    .favorites-product .product-item-img {
        max-width: 220px;
        aspect-ratio: 2/2;
        padding: 16px;
        box-sizing: border-box
    }

    .favorites-product .product-item-img img {
        max-width: 188px
    }

    .favorites-product .product-item-inf {
        flex: 1;
        max-width: 308px
    }

    .favorites-product .product-item-footer {
        flex: 1;
        flex-flow: column;
        max-width: 344px;
        margin-left: auto
    }

    .favorites-product .product-item-price {
        flex: unset;
        flex-flow: row nowrap;
        gap: 12px
    }

    .favorites-product .product-item-amount {
        font-size: 36px;
        line-height: 32px
    }

    .favorites-product .product-item-amount-sale {
        font-size: 20px;
        line-height: 24px;
        font-weight: 700;
        margin-top: auto;
        margin-bottom: -2px
    }

    .favorites-product .product-item-sale,
    .favorites-product .product-item-status {
        display: flex
    }

    .favorites-product .product-item-group {
        gap: 8px;
        margin-top: 24px
    }

    .favorites-product .product-item-like-btn,
    .favorites-product .product-item-compare-btn {
        width: 52px
    }

    .favorites-product .product-item-cart-btn {
        flex: 1;
        height: 52px;
        padding: 0 16px
    }

    .favorites-product .product-item-cart-btn__icon {
        display: none
    }

    .favorites-product .product-item-cart-btn__text {
        display: unset
    }

    .favorites-product .product-item-more-btn {
        display: flex
    }
}

@media only screen and (max-width: 1024px) {
    .home-container {
        padding-bottom: 0 !important
    }
}

@media only screen and (max-width: 1024px) and (min-width: 576px) {
    .home-container {
        padding-top: 32px !important
    }
}

@media only screen and (max-width: 576px) {
    .home-big-slider {
        margin: -16px -16px 0
    }
}

.home-categories-grid {
    display: flex;
    flex-flow: column;
    gap: 16px;
    margin-top: 16px
}

.home-categories-wrapper .simplebar-track {
    visibility: hidden !important
}

@media only screen and (max-width: 1024px) {
    .home-categories-wrapper {
        margin: 0 -32px;
        padding: 0 32px
    }

    .home-categories-wrapper:nth-child(1) .home-category-link,
    .home-categories-wrapper:nth-child(3) .home-category-link {
        width: 314px;
        min-width: 314px
    }

    .home-categories-wrapper:nth-child(2) .home-category-link {
        width: 424px;
        min-width: 424px
    }
}

@media only screen and (max-width: 576px) {
    .home-categories-wrapper {
        margin: 0 -16px;
        padding: 0 16px
    }

    .home-categories-wrapper:nth-child(1) .home-category-link,
    .home-categories-wrapper:nth-child(3) .home-category-link {
        width: 288px;
        min-width: 288px
    }

    .home-categories-wrapper:nth-child(2) .home-category-link {
        width: 430px;
        min-width: 430px
    }
}

.home-categories-list {
    display: flex;
    flex-flow: row nowrap;
    gap: 16px
}

@media only screen and (max-width: 1024px) {
    .home-categories-list:after {
        content: "";
        display: block;
        width: 16px;
        min-width: 16px
    }
}

@media only screen and (max-width: 576px) {
    .home-categories-list {
        gap: 8px
    }

    .home-categories-list:after {
        width: 8px;
        min-width: 8px
    }
}

.home-category-link {
    flex: 1;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    gap: 14px;
    height: 204px;
    padding: 32px;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center left;
    box-sizing: border-box
}

.home-category-link__title {
    width: 100%;
    max-width: 177px;
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
    color: #f1f5f9
}

.home-category-link__title--max {
    max-width: 267px
}

.home-category-link__text {
    width: 100%;
    max-width: 216px;
    line-height: 24px
}

.home-category-link__text--min {
    max-width: 177px
}

@media only screen and (min-width: 1280px) {

    .home-category-link,
    .home-category-link .home-category-link__title,
    .home-category-link .home-category-link__text {
        transition: transform .3s cubic-bezier(.175, .885, .32, 1.275)
    }

    .home-category-link:hover {
        border-radius: 8px;
        border: 1.5px solid rgba(255, 255, 255, .5);
        filter: drop-shadow(0px 0px 20px rgba(255, 255, 255, .3));
        box-sizing: border-box
    }
}

.home-products-slider {
    gap: 40px;
    margin-top: 40px;
    padding-top: 40px
}

@media only screen and (max-width: 1024px) {
    .home-products-slider {
        gap: 32px;
        margin-top: 32px;
        padding-top: 32px
    }
}

@media only screen and (max-width: 576px) {
    .home-products-slider {
        gap: 24px;
        margin-top: 20px;
        padding-top: 20px
    }
}

.not-found-container {
    padding-top: 120px !important;
    padding-bottom: 120px !important
}

@media only screen and (min-width: 1024px) {
    .not-found-container {
        align-items: center
    }
}

@media only screen and (max-width: 1024px) {
    .not-found-container {
        padding-top: 80px !important;
        padding-bottom: 64px !important
    }
}

@media only screen and (max-width: 576px) {
    .not-found-container {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }
}

.not-found-code {
    font-size: 100px;
    font-weight: 600;
    line-height: 100px;
    text-align: center;
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent
}

@media only screen and (max-width: 1024px) {
    .not-found-code {
        font-size: 80px;
        line-height: 80px
    }
}

.not-found-title {
    margin-top: 24px;
    font-size: 48px;
    font-weight: 600;
    line-height: 48px;
    text-align: center
}

@media only screen and (max-width: 1024px) {
    .not-found-title {
        margin-top: 32px;
        font-size: 40px
    }
}

@media only screen and (max-width: 576px) {
    .not-found-title {
        font-size: 32px;
        line-height: 36px
    }
}

.not-found-desc {
    margin-top: 32px;
    line-height: 24px;
    max-width: 506px;
    text-align: center;
    align-self: center
}

.not-found-desc a {
    background-image: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent
}

@media only screen and (max-width: 1024px) {
    .not-found-desc {
        margin-top: 24px;
        font-size: 14px;
        line-height: 20px
    }
}

.not-found-back-link {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 32px;
    height: 52px;
    width: 100%;
    max-width: 288px;
    font-weight: 500;
    line-height: 24px;
    color: #fff;
    border-radius: 8px;
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    box-sizing: border-box;
    align-self: center
}

@media only screen and (max-width: 1024px) {
    .not-found-back-link {
        height: 44px;
        font-size: 14px
    }
}

.not-found-banner {
    width: 100%;
    max-width: 824px;
    margin: 120px 0 0
}

@media only screen and (max-width: 1024px) {
    .not-found-banner {
        margin-top: 80px
    }
}

@media only screen and (max-width: 576px) {
    .not-found-banner {
        margin-top: 40px
    }
}

.product-comparison-head {
    display: flex;
    flex-flow: column;
    gap: 24px;
    margin-bottom: 60px
}

@media only screen and (max-width: 1024px) {
    .product-comparison-head {
        margin-bottom: 24px
    }
}

.product-comparison-head__top {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between
}

.product-comparison-head__control {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 8px
}

@media only screen and (max-width: 576px) {
    .product-comparison-head__control {
        display: none
    }
}

.product-comparison-head__control__radio {
    cursor: pointer;
    position: relative;
    box-sizing: border-box
}

.product-comparison-head__control__radio input {
    display: none
}

input:checked~.product-comparison-head__control__radio__main {
    color: #fff;
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%)
}

.product-comparison-head__control__radio__main {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 32px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #81848a;
    border-radius: 8px;
    background: #fff;
    padding: 0 16px;
    z-index: -1
}

.product-comparison-head__clear-btn {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-left: 8px
}

.product-comparison-head__bottom {
    display: grid;
    grid-template-columns: 1fr 112px
}

@media only screen and (max-width: 1024px) {
    .product-comparison-head__bottom {
        grid-template-columns: 1fr
    }
}

.product-comparison-head__menu-wrapper .simplebar-track {
    display: none
}

@media only screen and (max-width: 1024px) {
    .product-comparison-head__menu-wrapper {
        margin: 0 -32px;
        padding-left: 32px
    }
}

@media only screen and (max-width: 576px) {
    .product-comparison-head__menu-wrapper {
        margin: 0 -16px;
        padding-left: 16px
    }
}

.product-comparison-head__menu {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 8px
}

@media only screen and (max-width: 1024px) {
    .product-comparison-head__menu:after {
        content: "";
        min-width: 32px;
        height: 1px;
        margin-left: -8px
    }
}

@media only screen and (max-width: 1024px) and (max-width: 576px) {
    .product-comparison-head__menu:after {
        min-width: 16px
    }
}

.product-comparison-head__menu-btn {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 8px;
    height: 52px;
    padding: 0 16px;
    font-weight: 500;
    line-height: 24px;
    color: #fff;
    white-space: nowrap;
    border-radius: 8px;
    box-sizing: border-box
}

.product-comparison-head__menu-btn svg {
    cursor: pointer;
    width: 24px;
    height: 24px;
    stroke: #fff;
    stroke-width: 1.5px
}

.product-comparison-head__menu-btn:not(.active) {
    border: 1.5px solid #ffffff
}

.product-comparison-head__menu-btn.active {
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%)
}

.product-comparison-head__nav {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 24px
}

@media only screen and (max-width: 1024px) {
    .product-comparison-head__nav {
        display: none
    }
}

.product-comparison-head__nav-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1.5px solid #ffffff;
    box-sizing: border-box;
    transition: opacity .3s ease
}

.product-comparison-head__nav-btn:disabled {
    opacity: .3;
    pointer-events: none
}

.product-comparison-head__nav-btn svg {
    width: 16px;
    height: 16px;
    stroke: #fff;
    stroke-width: 1.5px
}

.product-comparison-content {
    display: flex;
    flex-flow: column;
    gap: 24px
}

@media only screen and (min-width: 576px) {
    .product-comparison-list .swiper {
        overflow: unset !important
    }
}

.product-comparison-list__item {
    display: flex !important;
    flex-flow: column;
    gap: 4px
}

@media only screen and (max-width: 576px) {
    .product-comparison-list__item .product-item {
        padding: unset;
        border-radius: unset;
        background-color: unset;
        gap: 4px
    }

    .product-comparison-list__item .product-item-cover .product-item-img {
        aspect-ratio: 2/2;
        box-sizing: border-box;
        padding: 16px
    }

    .product-comparison-list__item .product-item-cover .product-item-img img {
        width: 100%;
        height: 100%;
        max-width: none;
        aspect-ratio: unset
    }

    .product-comparison-list__item .product-item-labels {
        display: none
    }

    .product-comparison-list__item .product-item-name {
        padding: 16px;
        border-radius: 8px;
        background-color: #fff;
        font-size: 14px;
        line-height: 20px;
        overflow: unset;
        display: unset;
        -webkit-line-clamp: unset;
        -webkit-box-orient: unset
    }

    .product-comparison-list__item .product-item-footer {
        display: none
    }
}

.product-comparison-list__item__pagination {
    display: flex;
    flex-flow: column;
    gap: 8px;
    padding: 0 8px;
    margin-bottom: 4px
}

@media only screen and (min-width: 576px) {
    .product-comparison-list__item__pagination {
        display: none
    }
}

.product-comparison-list__item__pagination__num {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    color: #81848a
}

.product-comparison-list__item__pagination__list {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 4px
}

.product-comparison-list__item__pagination__item {
    flex: 1;
    height: 2px;
    border-radius: 2px;
    background: #81848a
}

.product-comparison-list__item__pagination__item.active {
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%)
}

.product-comparison-list__item__remove-btn {
    height: 52px;
    font-weight: 600;
    line-height: 24px;
    color: #fff;
    border-radius: 8px;
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%)
}

@media only screen and (max-width: 576px) {
    .product-comparison-list__item__remove-btn span {
        display: none
    }
}

.product-comparison-list__item__params {
    display: flex;
    flex-flow: column;
    gap: 24px;
    border-radius: 8px;
    background-color: #fff;
    color: #332947;
    padding: 16px
}

.product-comparison-list__item__params__title {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-transform: uppercase
}

@media only screen and (max-width: 576px) {
    .product-comparison-list__item__params__title {
        display: none
    }
}

.product-comparison-list__item__params__list {
    display: flex;
    flex-flow: column;
    gap: 16px
}

@media only screen and (max-width: 576px) {
    .product-comparison-list__item__params__list {
        gap: 12px
    }
}

.product-comparison-list__item__params__list li {
    display: flex;
    flex-flow: column;
    gap: 4px
}

.product-comparison-list__item__params__list li span {
    font-size: 12px;
    line-height: 16px
}

.product-comparison-list__item__params__list li span:nth-child(1) {
    color: #81848a
}

.product-comparison-list__item-add {
    display: flex !important;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border-radius: 8px;
    border: 1.5px solid #ffffff;
    height: 464px !important;
    box-sizing: border-box
}

@media only screen and (max-width: 576px) {
    .product-comparison-list__item-add {
        height: 296px !important;
        margin-top: 34px
    }
}

.product-comparison-list__item-add svg {
    width: 24px;
    height: 24px
}

.product-comparison-list__item-add p {
    max-width: 130px;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px
}

.product-comparison-remove-all-btn {
    height: 52px;
    font-weight: 500;
    line-height: 16px;
    color: #332947;
    border-radius: 8px;
    background-color: #f1f5f9
}

@media only screen and (min-width: 576px) {
    .product-comparison-remove-all-btn {
        display: none
    }
}

.product-view-section__main {
    display: flex;
    flex-flow: row nowrap;
    gap: 184px
}

@media only screen and (max-width: 1440px) {
    .product-view-section__main {
        gap: 40px
    }
}

@media only screen and (max-width: 1024px) {
    .product-view-section__main {
        flex-flow: column;
        gap: 16px
    }
}

@media only screen and (max-width: 576px) {
    .product-view-section__main {
        gap: 24px
    }
}

@media only screen and (max-width: 1024px) and (min-width: 576px) {
    .product-view-section__main .product-view-section__main {
        flex-flow: row nowrap
    }
}

@media only screen and (min-width: 576px) {
    .product-view-section__grid {
        display: grid;
        grid-template-columns: 536px 1fr;
        grid-template-rows: auto 1fr;
        gap: 40px;
        grid-template-areas: "gallery inf" "survey inf"
    }
}

@media only screen and (min-width: 576px) and (min-width: 1024px) {
    .product-view-section__grid {
        flex: 1
    }
}

@media only screen and (min-width: 576px) and (max-width: 1440px) {
    .product-view-section__grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (min-width: 576px) and (max-width: 1024px) {
    .product-view-section__grid {
        gap: 32px;
        grid-template-columns: 428px;
        grid-template-areas: "gallery" "inf" "survey"
    }
}

@media only screen and (max-width: 576px) {
    .product-view-section__grid {
        display: flex;
        flex-flow: column;
        gap: 24px;
        width: 100%
    }
}

.product-view-section__gallery {
    overflow: hidden
}

@media only screen and (min-width: 576px) {
    .product-view-section__gallery {
        grid-area: gallery
    }
}

.product-view-section__gallery__sliders {
    display: flex;
    flex-flow: column;
    gap: 16px;
    width: 100%
}

.product-view-section__gallery__main-slider {
    display: flex !important;
    flex-flow: column;
    gap: 8px;
    width: 100%;
    overflow: hidden
}

.product-view-section__gallery__main-slider .swiper-wrapper {
    width: 100%;
    aspect-ratio: 2/2
}

.product-view-section__gallery__main-slider__pagination {
    position: unset !important;
    top: unset !important;
    bottom: unset !important;
    left: unset !important;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    gap: 4px
}

.product-view-section__gallery__main-slider__pagination .swiper-pagination-bullet {
    width: 100%;
    max-width: 19.2px;
    height: 2px;
    border-radius: 4px;
    margin: 0 !important;
    opacity: 1;
    background: #c0c1c4
}

.product-view-section__gallery__main-slider__pagination .swiper-pagination-bullet-active {
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%)
}

@media only screen and (min-width: 576px) {
    .product-view-section__gallery__main-slider__pagination {
        display: none
    }
}

.product-view-section__gallery__slide {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 24px;
    box-sizing: border-box;
    border-radius: 8px;
    background-color: #f1f5f9
}

.product-view-section__gallery__slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    pointer-events: none
}

.product-view-section__gallery__thumbs-slider {
    width: 100%
}

@media only screen and (max-width: 576px) {
    .product-view-section__gallery__thumbs-slider {
        display: none !important
    }
}

.product-view-section__gallery__thumb-slide {
    cursor: pointer;
    aspect-ratio: 2/2;
    padding: 1.5px;
    border-radius: 8px;
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    box-sizing: border-box
}

.product-view-section__gallery__thumb-slide__main {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    background-color: #fff
}

.product-view-section__gallery__thumb-slide:not(.swiper-slide-thumb-active) {
    background: #c0c1c4
}

.product-view-section__gallery__thumb-slide:not(.swiper-slide-thumb-active) img {
    opacity: .3
}

@media only screen and (min-width: 1280px) {
    .product-view-section__gallery__thumb-slide:not(.swiper-slide-thumb-active):hover img {
        opacity: 1
    }
}

.product-view-section__gallery__thumb-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    pointer-events: none;
    transition: opacity .3s ease
}

.product-view-section__survey {
    display: flex;
    flex-flow: column;
    gap: 16px;
    width: 100%
}

@media only screen and (min-width: 576px) {
    .product-view-section__survey {
        grid-area: survey
    }
}

@media only screen and (max-width: 576px) {
    .product-view-section__survey {
        order: 1
    }
}

.product-view-section__survey__title {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px
}

.product-view-section__video {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.product-view-section__video__img {
    display: block;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
    pointer-events: none
}

.product-view-section__video__play-btn {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 55%;
    aspect-ratio: 2/2;
    border-radius: 50%;
    background-color: #0006;
    box-sizing: border-box
}

.product-view-section__video__play-btn svg {
    width: 80%;
    aspect-ratio: 2/2;
    fill: #fff;
    stroke: #fff;
    transition: transform .3s cubic-bezier(.175, .885, .32, 1.275)
}

@media only screen and (min-width: 1280px) {
    .product-view-section__video .product-view-section__video__play-btn {
        transition: transform .3s cubic-bezier(.175, .885, .32, 1.275), background-color .3s cubic-bezier(.175, .885, .32, 1.275)
    }

    .product-view-section__video:hover .product-view-section__video__play-btn {
        transform: scale(1.1);
        background-color: #0009
    }

    .product-view-section__video:hover .product-view-section__video__play-btn svg {
        transform: scale(.8)
    }

    @supports (-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px)) {
        .product-view-section__video:hover .product-view-section__video__play-btn {
            -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px)
        }
    }
}

@media only screen and (max-width: 1024px) and (min-width: 576px) {
    .product-view-section__video {
        max-width: 408px
    }
}

@media only screen and (min-width: 576px) {
    .product-view-section__inf {
        grid-area: inf
    }
}

.product-view-section__head {
    display: flex;
    flex-flow: column
}

@media only screen and (max-width: 1024px) {
    .product-view-section__head:not(.product-view-section__head--with-tablet) {
        display: none
    }
}

@media only screen and (min-width: 1024px) {
    .product-view-section__head--with-tablet {
        display: none
    }
}

.product-view-section__head__guarantee {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 8px;
    margin-top: 16px
}

.product-view-section__head__guarantee__icon {
    width: 24px;
    height: 24px
}

@media only screen and (max-width: 576px) {
    .product-view-section__head__guarantee__icon {
        width: 16px;
        height: 16px
    }
}

.product-view-section__head__guarantee__text {
    font-size: 14px;
    font-weight: 600;
    line-height: 24px
}

@media only screen and (max-width: 576px) {
    .product-view-section__head__guarantee__text {
        font-size: 12px;
        line-height: 16px
    }
}

.product-view-section__head__group {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 4px 16px;
    margin-top: 8px
}

@media only screen and (max-width: 1440px) and (min-width: 1024px) {
    .product-view-section__head__group {
        flex-flow: column;
        align-items: unset
    }
}

@media only screen and (min-width: 1024px) {
    .product-view-section__head__group .product-view-section__head__buttons {
        display: none
    }
}

@media only screen and (max-width: 1024px) {
    .product-view-section__head__group {
        align-items: flex-end;
        gap: 4px 24px
    }
}

@media only screen and (max-width: 1024px) and (min-width: 576px) {
    .product-view-section__head__group {
        margin-top: -12px
    }
}

@media only screen and (max-width: 576px) {
    .product-view-section__head__group {
        align-items: flex-start;
        flex-flow: column;
        gap: 4px
    }
}

.product-view-section__head__article {
    font-size: 14px;
    font-weight: 600;
    line-height: 24px
}

@media only screen and (max-width: 576px) {
    .product-view-section__head__article {
        font-size: 12px;
        line-height: 16px
    }
}

.product-view-section__head__article b {
    color: #81848a
}

.product-view-section__head__article span {
    background-image: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent
}

.product-view-section__head__rating-wrapper {
    display: flex;
    gap: 8px
}

@media only screen and (min-width: 576px) {
    .product-view-section__head__rating-wrapper {
        flex-flow: row nowrap;
        align-items: center
    }
}

@media only screen and (max-width: 576px) {
    .product-view-section__head__rating-wrapper {
        flex-flow: column;
        gap: 4px
    }
}

.product-view-section__head__stars {
    position: relative
}

.product-view-section__head__stars-progress {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 24px;
    overflow: hidden;
    z-index: 1
}

.product-view-section__head__stars-progress__grid {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 4px
}

.product-view-section__head__stars-progress__grid svg {
    width: 24px;
    min-width: 24px;
    height: 24px;
    color: #ffc700
}

.product-view-section__head__stars-bg {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 4px
}

.product-view-section__head__stars-bg svg {
    width: 24px;
    min-width: 24px;
    height: 24px;
    color: #bbb8c3
}

.product-view-section__head__counters {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 8px
}

.product-view-section__head__counters__rating {
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    background-image: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent
}

.product-view-section__head__counters__reviews {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    color: #81848a
}

@media only screen and (min-width: 1280px) {
    .product-view-section__head__counters__reviews:hover {
        text-decoration: underline
    }
}

.product-view-section__head__not-available {
    margin-top: 16px;
    padding: 10px 24px;
    border-radius: 8px;
    background-color: #f1f5f9;
    box-sizing: border-box
}

@media only screen and (max-width: 1440px) {
    .product-view-section__head__not-available {
        padding: 16px
    }
}

@media only screen and (max-width: 1440px) and (min-width: 1024px) {
    .product-view-section__head__not-available {
        max-width: 269px
    }
}

@media only screen and (max-width: 1024px) {
    .product-view-section__head__not-available {
        align-self: flex-start;
        padding: 10px 24px
    }
}

@media only screen and (max-width: 576px) {
    .product-view-section__head__not-available {
        padding: 16px 24px
    }
}

.product-view-section__head__not-available p {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    color: #81848a
}

@media only screen and (max-width: 1440px) {
    .product-view-section__head__not-available p {
        line-height: 20px
    }
}

.product-view-section__head__not-available p a {
    background-image: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent
}

.product-view-section__head__buttons {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 8px;
    margin-left: auto
}

@media only screen and (max-width: 576px) {
    .product-view-section__head__buttons {
        margin-top: -46px
    }
}

.product-view-section__heart-btn,
.product-view-section__stat-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    aspect-ratio: 2/2;
    border-radius: 8px;
    background-color: #f1f5f9
}

@media only screen and (max-width: 576px) {

    .product-view-section__heart-btn,
    .product-view-section__stat-btn {
        width: 40px
    }
}

.product-view-section__heart-btn svg,
.product-view-section__stat-btn svg {
    width: 24px;
    height: 24px;
    stroke: #81848a;
    stroke-width: 1.5px
}

.product-view-section__characteristics {
    display: flex;
    flex-flow: column;
    gap: 12px
}

@media only screen and (min-width: 1024px) {
    .product-view-section__characteristics {
        margin-top: 40px
    }
}

.product-view-section__characteristics__item {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    gap: 44px
}

.product-view-section__characteristics__item__text,
.product-view-section__characteristics__item__value {
    flex: 1;
    font-size: 14px;
    line-height: 20px
}

@media only screen and (max-width: 576px) {

    .product-view-section__characteristics__item__text,
    .product-view-section__characteristics__item__value {
        font-size: 12px;
        line-height: 16px
    }
}

.product-view-section__characteristics__item__text {
    width: 100%;
    max-width: 293px;
    color: #81848a;
    flex: unset
}

@media only screen and (max-width: 1440px) {
    .product-view-section__characteristics__item__text {
        max-width: 205px
    }
}

@media only screen and (max-width: 1024px) {
    .product-view-section__characteristics__item__text {
        max-width: 225px
    }
}

@media only screen and (max-width: 576px) {
    .product-view-section__characteristics__item__text {
        max-width: 125px
    }
}

.product-view-section__characteristics__item__value__brand {
    display: inline-block;
    height: 20px;
    pointer-events: none;
    vertical-align: middle
}

@media only screen and (max-width: 576px) {
    .product-view-section__characteristics__item__value__brand {
        height: 16px
    }
}

.product-view-section__characteristics__item-more {
    cursor: pointer;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 8px;
    margin-top: 4px
}

.product-view-section__characteristics__item-more span {
    font-weight: 600;
    line-height: 24px;
    background-image: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent
}

@media only screen and (max-width: 576px) {
    .product-view-section__characteristics__item-more span {
        font-size: 14px;
        line-height: 20px
    }
}

.product-view-section__characteristics__item-more svg {
    width: 16px;
    height: 16px;
    stroke: url(#linear-gradient-brand);
    stroke-width: 1.5px
}

@media only screen and (max-width: 576px) {
    .product-view-section__characteristics__item-more svg {
        width: 14px;
        height: 14px
    }
}

.product-view-section__params {
    display: flex;
    flex-flow: column;
    gap: 16px;
    margin-top: 40px
}

@media only screen and (max-width: 1024px) {
    .product-view-section__params {
        margin-top: 0;
        margin-bottom: 32px
    }
}

@media only screen and (max-width: 576px) {
    .product-view-section__params {
        margin-bottom: 24px
    }
}

.product-view-section__params__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px
}

.product-view-section__params__grid--2 {
    grid-template-columns: repeat(2, 1fr)
}

.product-view-section__params__grid__item {
    display: flex;
    flex-flow: column;
    gap: 8px
}

.product-view-section__params__grid__item span {
    font-size: 14px;
    line-height: 20px
}

.product-view-section__params__grid__item select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-left: 16px;
    padding-right: 56px;
    height: 52px;
    font-size: 14px;
    border-radius: 8px;
    background-color: #f1f5f9;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center right 14px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23332947' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

@media only screen and (max-width: 1024px) {
    .product-view-section__params__grid__item select {
        height: 44px
    }
}

.product-view-section__modifications {
    display: flex;
    flex-flow: column;
    gap: 16px;
    margin-top: 40px
}

@media only screen and (max-width: 1024px) {
    .product-view-section__modifications {
        margin-top: 32px
    }
}

@media only screen and (max-width: 576px) {
    .product-view-section__modifications {
        margin-top: 24px
    }
}

.product-view-section__modifications__list {
    display: flex;
    flex-flow: column;
    gap: 16px
}

.product-view-section__modifications__list__item {
    cursor: pointer;
    display: flex;
    flex-flow: row nowrap;
    gap: 12px
}

.product-view-section__modifications__list__item input[type=radio] {
    display: none
}

.product-view-section__modifications__list__item__radio {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin-top: 2px;
    border-radius: 50%;
    border: 1.5px solid #c0c1c4;
    box-sizing: border-box
}

.product-view-section__modifications__list__item__radio:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    transform: scale(0);
    opacity: 0;
    visibility: hidden;
    transition: transform .3s cubic-bezier(.175, .885, .32, 1.275), opacity .3s cubic-bezier(.175, .885, .32, 1.275), visibility .3s cubic-bezier(.175, .885, .32, 1.275)
}

input[type=radio]:checked~.product-view-section__modifications__list__item__radio:before {
    opacity: 1;
    transform: none;
    visibility: visible
}

.product-view-section__modifications__list__item__main {
    flex: 1;
    display: flex;
    flex-flow: column;
    gap: 8px
}

.product-view-section__modifications__list__item__name {
    font-weight: 500;
    line-height: 24px
}

.product-view-section__modifications__list__item__desc {
    font-size: 14px;
    line-height: 20px;
    color: #81848a
}

.product-view-section__modifications__list__item__price {
    font-weight: 600;
    line-height: 24px;
    color: #575252
}

.product-view-section__instructions {
    display: flex;
    flex-flow: column;
    gap: 16px;
    margin-top: 40px
}

@media only screen and (max-width: 1024px) {
    .product-view-section__instructions {
        margin-top: 32px
    }
}

@media only screen and (max-width: 576px) {
    .product-view-section__instructions {
        margin-top: 24px
    }
}

.product-view-section__instructions__text {
    font-size: 14px;
    line-height: 20px;
    color: #81848a
}

.product-view-section__instructions__more-btn {
    margin-top: 8px
}

.product-view-section__more-btn {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 8px
}

.product-view-section__more-btn span {
    font-weight: 600;
    line-height: 24px;
    background-image: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent
}

@media only screen and (max-width: 576px) {
    .product-view-section__more-btn span {
        font-size: 14px;
        line-height: 20px
    }
}

.product-view-section__more-btn svg {
    width: 16px;
    height: 16px;
    stroke: url(#linear-gradient-brand);
    stroke-width: 1.5px
}

@media only screen and (max-width: 576px) {
    .product-view-section__more-btn svg {
        width: 14px;
        height: 14px
    }
}

.product-view-section__side {
    display: flex;
    flex-flow: column;
    gap: 8px
}

@media only screen and (min-width: 1024px) {
    .product-view-section__side {
        width: 100%;
        max-width: 392px
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1440px) {
    .product-view-section__side {
        max-width: 408px
    }
}

@media only screen and (max-width: 1024px) and (min-width: 576px) {
    .product-view-section__side {
        width: 100%;
        max-width: 260px
    }
}

.product-view-section__side__block {
    display: flex;
    padding: 24px;
    border-radius: 8px;
    border: 1px solid #f8f8f8
}

@media only screen and (min-width: 1024px) {
    .product-view-section__side__block {
        box-shadow: 0 0 20px #0000000d
    }
}

@media only screen and (max-width: 1024px) {
    .product-view-section__side__block {
        background-color: #f1f5f9
    }
}

.product-view-section__side__price {
    flex-flow: column
}

.product-view-section__side__price__help-btn {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 52px;
    text-align: center;
    border-radius: 8px;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%) border-box;
    border: 1.5px solid transparent;
    box-sizing: border-box
}

@media only screen and (max-width: 1024px) {
    .product-view-section__side__price__help-btn {
        height: 44px;
        background: linear-gradient(#f1f5f9, #f1f5f9) padding-box, linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%) border-box
    }
}

.product-view-section__side__price__help-btn svg {
    width: 24px;
    aspect-ratio: 2/2;
    stroke: url(#linear-gradient-brand)
}

@media only screen and (max-width: 1024px) {
    .product-view-section__side__price__help-btn svg {
        width: 16px
    }
}

.product-view-section__side__price__help-btn span {
    font-weight: 500;
    line-height: 24px;
    background-image: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent
}

@media only screen and (max-width: 1024px) {
    .product-view-section__side__price__help-btn span {
        font-size: 14px
    }
}

.product-view-section__side__price__sum {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin-top: 40px
}

@media only screen and (min-width: 1024px) {
    .product-view-section__side__price__sum {
        align-items: center
    }
}

@media only screen and (max-width: 1024px) {
    .product-view-section__side__price__sum {
        margin-top: 32px
    }
}

@media only screen and (max-width: 576px) {
    .product-view-section__side__price__sum {
        margin-top: 24px
    }
}

.product-view-section__side__price__sum__group {
    display: flex;
    flex-flow: row nowrap;
    gap: 16px
}

@media only screen and (max-width: 1024px) {
    .product-view-section__side__price__sum__group {
        flex-flow: column;
        gap: 8px
    }
}

@media only screen and (max-width: 576px) {
    .product-view-section__side__price__sum__group {
        gap: unset
    }
}

.product-view-section__side__price__sum__amount {
    font-size: 36px;
    line-height: 32px;
    color: #c0c1c4
}

.product-view-section__side__price__sum__amount:not(.product-view-section__side__price__sum__amount--gray) {
    background-image: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent
}

@media only screen and (max-width: 1024px) {
    .product-view-section__side__price__sum__amount {
        font-size: 32px;
        line-height: 28px
    }
}

@media only screen and (max-width: 576px) {
    .product-view-section__side__price__sum__amount {
        font-size: 24px;
        line-height: 24px
    }
}

.product-view-section__side__price__sum__sale {
    margin-top: auto;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #81848a;
    text-decoration: line-through
}

@media only screen and (max-width: 1024px) {
    .product-view-section__side__price__sum__sale {
        font-size: 20px;
        line-height: 24px
    }
}

@media only screen and (max-width: 576px) {
    .product-view-section__side__price__sum__sale {
        font-size: 12px;
        line-height: 20px
    }
}

.product-view-section__side__price__sum__percent {
    position: relative;
    display: flex;
    align-items: center;
    width: 66px;
    height: 32px;
    font-weight: 600;
    line-height: 24px;
    padding-left: 16px;
    color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(/rbs/dist/images/sale.svg);
    box-sizing: border-box
}

.product-view-section__side__price__sum__percent sup {
    position: absolute;
    top: -4px;
    right: 4px
}

.product-view-section__side__price__status {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin-top: 12px
}

@media only screen and (min-width: 1024px) {
    .product-view-section__side__price__status {
        align-items: center
    }
}

@media only screen and (max-width: 1024px) and (min-width: 576px) {
    .product-view-section__side__price__status {
        flex-flow: column-reverse;
        gap: 4px
    }
}

@media only screen and (max-width: 576px) {
    .product-view-section__side__price__status {
        margin-top: 8px
    }
}

.product-view-section__side__price__status__label {
    line-height: 24px;
    color: #81848a
}

@media only screen and (max-width: 576px) {
    .product-view-section__side__price__status__label {
        font-size: 12px;
        line-height: 16px
    }
}

.product-view-section__side__price__status__label--green {
    color: #02b513
}

.product-view-section__side__price__status__label--red {
    color: #f54b4b
}

.product-view-section__side__price__add-to-cart {
    margin-top: 24px
}

@media only screen and (min-width: 1024px) {
    .product-view-section__side__price__add-to-cart {
        display: flex;
        flex-flow: row nowrap;
        gap: 8px
    }
}

.product-view-section__side__price__add-to-cart__btn {
    height: 52px;
    font-weight: 500;
    line-height: 24px;
    color: #fff;
    border-radius: 8px;
    box-sizing: border-box
}

.product-view-section__side__price__add-to-cart__btn:not(.product-view-section__side__price__add-to-cart__btn--gray) {
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%)
}

.product-view-section__side__price__add-to-cart__btn--gray {
    color: #332947;
    background-color: #f1f5f9
}

@media only screen and (max-width: 1024px) {
    .product-view-section__side__price__add-to-cart__btn--gray {
        color: #fff;
        background-color: #81848a
    }
}

@media only screen and (min-width: 1024px) {
    .product-view-section__side__price__add-to-cart__btn {
        flex: 1;
        padding: 14px
    }
}

@media only screen and (max-width: 1024px) {
    .product-view-section__side__price__add-to-cart__btn {
        width: 100%;
        height: 44px;
        font-size: 14px
    }
}

@media only screen and (max-width: 576px) {
    .product-view-section__side__price__add-to-cart__btn {
        height: 40px
    }
}

.product-view-section__side__price__add-to-cart .product-view-section__heart-btn,
.product-view-section__side__price__add-to-cart .product-view-section__stat-btn {
    width: 52px
}

@media only screen and (max-width: 1024px) {

    .product-view-section__side__price__add-to-cart .product-view-section__heart-btn,
    .product-view-section__side__price__add-to-cart .product-view-section__stat-btn {
        display: none
    }
}

.product-view-section__side__price__quick-order {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 52px;
    margin-top: 24px;
    text-align: center;
    border-radius: 8px;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%) border-box;
    border: 1.5px solid transparent;
    box-sizing: border-box
}

@media only screen and (max-width: 1024px) {
    .product-view-section__side__price__quick-order {
        margin-top: 12px;
        height: 44px;
        background: linear-gradient(#f1f5f9, #f1f5f9) padding-box, linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%) border-box
    }
}

@media only screen and (max-width: 576px) {
    .product-view-section__side__price__quick-order {
        height: 40px
    }
}

.product-view-section__side__price__quick-order span {
    font-weight: 500;
    line-height: 24px;
    background-image: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent
}

@media only screen and (max-width: 1024px) {
    .product-view-section__side__price__quick-order span {
        font-size: 14px
    }
}

.product-view-section__side__cheaper {
    cursor: pointer;
    flex-flow: row nowrap;
    align-items: center;
    gap: 8px
}

.product-view-section__side__cheaper__icon,
.product-view-section__side__cheaper__arrow-icon {
    width: 24px;
    aspect-ratio: 2/2;
    stroke: #81848a;
    stroke-width: 1.5px;
    transition: stroke .3s ease
}

.product-view-section__side__cheaper__text {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    color: #81848a;
    transition: color .3s ease
}

.product-view-section__side__cheaper__arrow-icon {
    margin-left: auto;
    transition: transform .3s ease
}

@media only screen and (min-width: 1280px) {

    .product-view-section__side__cheaper:hover .product-view-section__side__cheaper__icon,
    .product-view-section__side__cheaper:hover .product-view-section__side__cheaper__arrow-icon {
        stroke: #332947
    }

    .product-view-section__side__cheaper:hover .product-view-section__side__cheaper__text {
        color: #332947
    }

    .product-view-section__side__cheaper:hover .product-view-section__side__cheaper__arrow-icon {
        transform: translate(4px)
    }
}

.product-view-section__side__addresses {
    flex-flow: column;
    gap: 16px
}

.product-view-section__side__addresses__title {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    gap: 8px
}

.product-view-section__side__addresses__title span {
    flex: 1;
    font-weight: 500;
    line-height: 24px
}

@media only screen and (max-width: 1024px) {
    .product-view-section__side__addresses__title span {
        line-height: 20px
    }
}

.product-view-section__side__addresses__title svg {
    width: 24px;
    height: 24px;
    color: #c0c1c4;
    stroke-width: 1.5px
}

.product-view-section__side__addresses__list {
    display: flex;
    flex-flow: column;
    gap: 16px
}

.product-view-section__side__addresses__list__item {
    display: flex;
    flex-flow: column
}

.product-view-section__side__addresses__list__item span {
    line-height: 24px;
    background-image: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent
}

.product-view-section__side__addresses__list__item p {
    font-size: 14px;
    line-height: 20px;
    color: #81848a
}

@media only screen and (max-width: 1024px) {
    .product-view-section__side__addresses__list__item {
        gap: 4px
    }

    .product-view-section__side__addresses__list__item span,
    .product-view-section__side__addresses__list__item p {
        font-size: 12px;
        line-height: 16px
    }
}

.product-view-section__side__test-drive {
    flex-flow: column;
    gap: 8px
}

@media only screen and (max-width: 1024px) {
    .product-view-section__side__test-drive {
        gap: 16px
    }
}

.product-view-section__side__test-drive__title {
    display: flex;
    flex-flow: row nowrap;
    gap: 8px;
    font-weight: 500;
    line-height: 24px
}

@media only screen and (min-width: 1024px) {
    .product-view-section__side__test-drive__title {
        align-items: center
    }
}

@media only screen and (max-width: 1024px) {
    .product-view-section__side__test-drive__title {
        flex-flow: column;
        gap: 4px
    }
}

.product-view-section__side__test-drive__title span {
    font-size: 12px;
    font-weight: 600;
    line-height: 24px;
    text-transform: uppercase;
    color: #02b513
}

@media only screen and (max-width: 1024px) {
    .product-view-section__side__test-drive__title span {
        line-height: 16px
    }
}

.product-view-section__side__test-drive__desc {
    font-size: 14px;
    line-height: 20px;
    color: #81848a
}

@media only screen and (max-width: 1024px) {
    .product-view-section__side__test-drive__desc {
        font-size: 12px;
        line-height: 16px
    }
}

.product-view-section__side__dealer {
    display: flex;
    flex-flow: column;
    gap: 8px
}

@media only screen and (max-width: 1024px) {
    .product-view-section__side__dealer {
        gap: 12px
    }
}

.product-view-section__side__dealer__title {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 8px
}

.product-view-section__side__dealer__title span {
    font-weight: 500;
    line-height: 24px
}

.product-view-section__side__dealer__title svg {
    width: 24px;
    height: 24px
}

.product-view-section__side__dealer__desc {
    font-size: 14px;
    line-height: 20px;
    color: #81848a
}

.product-view-section__side__dealer__btn {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 52px;
    margin-top: 16px;
    border-radius: 8px;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%) border-box;
    border: 1.5px solid transparent;
    box-sizing: border-box
}

@media only screen and (max-width: 1024px) {
    .product-view-section__side__dealer__btn {
        margin-top: 12px;
        background: linear-gradient(#f1f5f9, #f1f5f9) padding-box, linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%) border-box
    }
}

@media only screen and (max-width: 576px) {
    .product-view-section__side__dealer__btn {
        height: 44px
    }
}

.product-view-section__side__dealer__btn svg {
    width: 20px;
    height: 20px;
    stroke: url(#linear-gradient-brand);
    stroke-width: 1.5px
}

.product-view-section__side__dealer__btn span {
    font-weight: 500;
    line-height: 24px;
    background-image: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent
}

@media only screen and (max-width: 1024px) {
    .product-view-section__side__dealer__btn span {
        font-size: 14px
    }
}

.product-view-inf-section {
    display: flex;
    flex-flow: column;
    color: #fff;
    background: linear-gradient(180deg, #1c1132, #2d1a51 100%, #271547)
}

.product-view-inf-section__container {
    gap: 60px;
    padding-top: 80px !important;
    padding-bottom: 80px !important
}

@media only screen and (max-width: 1024px) {
    .product-view-inf-section__container {
        gap: 48px;
        padding-top: 64px !important;
        padding-bottom: 64px !important
    }
}

@media only screen and (max-width: 576px) {
    .product-view-inf-section__container {
        gap: 32px;
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }
}

.product-view-inf-section__tabs-wrapper {
    margin: 0 -68px;
    padding-left: 68px
}

@media only screen and (max-width: 1024px) {
    .product-view-inf-section__tabs-wrapper {
        margin: 0 -64px;
        padding-left: 64px
    }
}

@media only screen and (max-width: 576px) {
    .product-view-inf-section__tabs-wrapper {
        margin: 0 -16px;
        padding-left: 16px
    }
}

.product-view-inf-section__tabs-wrapper .simplebar-track {
    display: none
}

.product-view-inf-section__tabs {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 8px
}

.product-view-inf-section__tabs:after {
    content: "";
    display: block;
    width: 1px;
    min-width: 1px;
    height: 4px;
    margin-left: -1px;
    padding-right: 60px
}

@media only screen and (max-width: 1024px) {
    .product-view-inf-section__tabs:after {
        padding-right: 56px
    }
}

@media only screen and (max-width: 576px) {
    .product-view-inf-section__tabs:after {
        padding-right: 8px
    }
}

.product-view-inf-section__tab-item {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    padding: 0 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    white-space: nowrap;
    border-radius: 8px;
    box-sizing: border-box;
    background: #332947
}

.product-view-inf-section__tab-item.active {
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    pointer-events: none
}

@media only screen and (min-width: 1280px) {
    .product-view-inf-section__tab-item:not(.active):hover {
        background: #392e4f
    }
}

.product-view-inf-section__tab-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px
}

@media only screen and (max-width: 576px) {
    .product-view-inf-section__tab-title {
        font-size: 20px;
        line-height: 24px
    }
}

.product-view-inf-section__tab-desc {
    display: flex;
    flex-flow: column;
    gap: 32px
}

@media only screen and (max-width: 1024px) {
    .product-view-inf-section__tab-desc {
        gap: 24px
    }
}

@media only screen and (max-width: 576px) {
    .product-view-inf-section__tab-desc {
        gap: 16px
    }
}

.product-view-inf-section__tab-desc__text {
    display: flex;
    flex-flow: column;
    gap: 12px
}

.product-view-inf-section__tab-desc__text p {
    opacity: .8;
    font-size: 14px;
    line-height: 24px
}

@media only screen and (max-width: 576px) {
    .product-view-inf-section__tab-desc__text p {
        font-size: 12px;
        line-height: 16px
    }
}

.product-view-inf-section__tab-characteristics {
    display: flex;
    flex-flow: column;
    gap: 40px
}

@media only screen and (max-width: 1024px) {
    .product-view-inf-section__tab-characteristics {
        gap: 32px
    }
}

@media only screen and (max-width: 576px) {
    .product-view-inf-section__tab-characteristics {
        position: relative;
        gap: 24px
    }

    .product-view-inf-section__tab-characteristics:not(.visible) {
        height: 440px;
        overflow: hidden
    }
}

.product-view-inf-section__tab-characteristics__hide-btn-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    padding-top: 120px;
    background: linear-gradient(180deg, #2c1a5000, #2c1a50);
    z-index: 1
}

@media only screen and (min-width: 576px) {
    .product-view-inf-section__tab-characteristics__hide-btn-wrapper {
        display: none
    }
}

.product-view-inf-section__tab-characteristics__hide-btn-wrapper button {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 4px
}

.product-view-inf-section__tab-characteristics__hide-btn-wrapper button span {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #fff
}

.product-view-inf-section__tab-characteristics__hide-btn-wrapper button svg {
    width: 20px;
    height: 20px;
    stroke-width: 1.5px;
    stroke: #fff
}

.product-view-inf-section__tab-characteristics__columns {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px
}

@media only screen and (max-width: 1024px) {
    .product-view-inf-section__tab-characteristics__columns {
        gap: 32px;
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (max-width: 576px) {
    .product-view-inf-section__tab-characteristics__columns {
        gap: 24px;
        grid-template-columns: 1fr
    }
}

.product-view-inf-section__tab-characteristics__column {
    display: flex;
    flex-flow: column;
    gap: 40px
}

@media only screen and (max-width: 1024px) {
    .product-view-inf-section__tab-characteristics__column {
        gap: 32px
    }
}

@media only screen and (max-width: 576px) {
    .product-view-inf-section__tab-characteristics__column {
        gap: 24px
    }
}

.product-view-inf-section__tab-characteristics__row {
    display: flex;
    flex-flow: column;
    gap: 24px
}

.product-view-inf-section__tab-characteristics__row__title {
    font-weight: 500;
    line-height: 24px;
    text-transform: uppercase
}

@media only screen and (max-width: 576px) {
    .product-view-inf-section__tab-characteristics__row__title {
        font-size: 14px;
        line-height: 20px
    }
}

.product-view-inf-section__tab-characteristics__row__grid {
    display: flex;
    flex-flow: column;
    gap: 24px
}

@media only screen and (max-width: 1024px) {
    .product-view-inf-section__tab-characteristics__row__grid {
        gap: 16px
    }
}

.product-view-inf-section__tab-characteristics__row__grid li {
    display: grid;
    grid-template-columns: 160px 1fr;
    gap: 24px
}

@media only screen and (max-width: 1024px) {
    .product-view-inf-section__tab-characteristics__row__grid li {
        grid-template-columns: 120px 1fr;
        gap: 24px
    }
}

@media only screen and (max-width: 576px) {
    .product-view-inf-section__tab-characteristics__row__grid li {
        grid-template-columns: 92px 1fr;
        gap: 16px
    }
}

.product-view-inf-section__tab-characteristics__row__grid li span {
    line-height: 20px
}

@media only screen and (max-width: 1024px) {
    .product-view-inf-section__tab-characteristics__row__grid li span {
        font-size: 14px
    }
}

@media only screen and (max-width: 576px) {
    .product-view-inf-section__tab-characteristics__row__grid li span {
        font-size: 12px;
        line-height: 16px
    }
}

.product-view-inf-section__tab-characteristics__row__grid li span:nth-child(1) {
    color: #81848a
}

.product-view-inf-section__tab-characteristics__row__grid li span:nth-child(2) {
    opacity: .8
}

.product-view-inf-section__tab-drivers {
    display: flex;
    flex-flow: column;
    gap: 60px
}

@media only screen and (max-width: 1024px) {
    .product-view-inf-section__tab-drivers {
        gap: 48px
    }
}

@media only screen and (max-width: 576px) {
    .product-view-inf-section__tab-drivers {
        gap: 32px
    }
}

.product-view-inf-section__tab-drivers__block {
    display: flex;
    flex-flow: column;
    gap: 24px
}

@media only screen and (max-width: 576px) {
    .product-view-inf-section__tab-drivers__block {
        gap: 16px
    }
}

.product-view-inf-section__tab-drivers__block__list {
    display: flex;
    flex-flow: column;
    gap: 8px
}

.product-view-inf-section__tab-drivers__block__list__item {
    display: grid;
    grid-template-columns: 24px 1fr 115px;
    gap: 8px;
    padding: 16px;
    border-radius: 8px;
    background-color: #332947;
    max-width: 1112px;
    box-sizing: border-box
}

@media only screen and (min-width: 576px) {
    .product-view-inf-section__tab-drivers__block__list__item {
        align-items: center
    }
}

@media only screen and (max-width: 1024px) {
    .product-view-inf-section__tab-drivers__block__list__item {
        grid-template-columns: 24px 1fr 48px
    }
}

.product-view-inf-section__tab-drivers__block__list__item__doc-icon {
    width: 24px;
    height: 24px;
    stroke: #fff;
    opacity: .5
}

.product-view-inf-section__tab-drivers__block__list__item__group {
    display: flex;
    flex-flow: row nowrap
}

@media only screen and (min-width: 576px) {
    .product-view-inf-section__tab-drivers__block__list__item__group {
        align-items: center
    }
}

@media only screen and (max-width: 576px) {
    .product-view-inf-section__tab-drivers__block__list__item__group {
        flex-flow: column;
        gap: 8px
    }
}

.product-view-inf-section__tab-drivers__block__list__item__text {
    flex: 1;
    line-height: 24px
}

@media only screen and (max-width: 1024px) {
    .product-view-inf-section__tab-drivers__block__list__item__text {
        font-size: 14px;
        line-height: 16px
    }
}

.product-view-inf-section__tab-drivers__block__list__item__stat {
    display: flex;
    flex-flow: row nowrap;
    gap: 8px
}

@media only screen and (min-width: 576px) {
    .product-view-inf-section__tab-drivers__block__list__item__stat {
        width: 292px
    }
}

@media only screen and (min-width: 576px) and (max-width: 1024px) {
    .product-view-inf-section__tab-drivers__block__list__item__stat {
        width: 220px
    }
}

@media only screen and (max-width: 576px) {
    .product-view-inf-section__tab-drivers__block__list__item__stat {
        flex-flow: column
    }
}

.product-view-inf-section__tab-drivers__block__list__item__stat li {
    gap: 8px
}

@media only screen and (min-width: 576px) {
    .product-view-inf-section__tab-drivers__block__list__item__stat li {
        display: grid;
        align-items: center
    }

    .product-view-inf-section__tab-drivers__block__list__item__stat li:nth-child(1) {
        width: 144px;
        grid-template-columns: 48px 88px
    }
}

@media only screen and (min-width: 576px) and (max-width: 1024px) {
    .product-view-inf-section__tab-drivers__block__list__item__stat li:nth-child(1) {
        grid-template-columns: 32px 80px
    }
}

@media only screen and (min-width: 576px) {
    .product-view-inf-section__tab-drivers__block__list__item__stat li:nth-child(2) {
        width: 140px;
        grid-template-columns: 32px 100px
    }
}

@media only screen and (min-width: 576px) and (max-width: 1024px) {
    .product-view-inf-section__tab-drivers__block__list__item__stat li:nth-child(2) {
        grid-template-columns: 24px 60px
    }
}

@media only screen and (max-width: 576px) {
    .product-view-inf-section__tab-drivers__block__list__item__stat li {
        display: flex;
        flex-flow: row nowrap;
        align-items: center
    }
}

.product-view-inf-section__tab-drivers__block__list__item__stat li span {
    opacity: .5;
    line-height: 24px
}

@media only screen and (max-width: 1024px) {
    .product-view-inf-section__tab-drivers__block__list__item__stat li span {
        font-size: 14px;
        line-height: 16px
    }
}

.product-view-inf-section__tab-drivers__block__list__item__download-btn {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 115px;
    height: 36px;
    border-radius: 8px;
    background-color: #261f35
}

@media only screen and (max-width: 1024px) {
    .product-view-inf-section__tab-drivers__block__list__item__download-btn {
        width: 48px
    }
}

.product-view-inf-section__tab-drivers__block__list__item__download-btn span {
    line-height: 24px
}

@media only screen and (max-width: 1024px) {
    .product-view-inf-section__tab-drivers__block__list__item__download-btn span {
        display: none
    }
}

.product-view-inf-section__tab-drivers__block__list__item__download-btn svg {
    width: 24px;
    height: 24px;
    stroke: #fff
}

@media only screen and (min-width: 1280px) {
    .product-view-inf-section__tab-drivers__block__list__item__download-btn {
        transition: background-color .3s ease
    }

    .product-view-inf-section__tab-drivers__block__list__item__download-btn:hover {
        background-color: #1a1625
    }
}

.product-view-inf-section__tab-modifications,
.product-view-inf-section__tab-consumables {
    display: flex;
    flex-flow: column;
    gap: 40px
}

@media only screen and (max-width: 1024px) {

    .product-view-inf-section__tab-modifications,
    .product-view-inf-section__tab-consumables {
        gap: 24px
    }
}

.product-view-inf-section__tab-modifications__filters,
.product-view-inf-section__tab-consumables__filters {
    display: flex;
    flex-flow: row nowrap;
    gap: 16px
}

.product-view-inf-section__tab-modifications__filters .input-checkbox,
.product-view-inf-section__tab-consumables__filters .input-checkbox {
    margin-top: auto;
    margin-bottom: 10px
}

@media only screen and (max-width: 1024px) {

    .product-view-inf-section__tab-modifications__filters,
    .product-view-inf-section__tab-consumables__filters {
        display: none
    }
}

.product-view-inf-section__tab-modifications__filters-mobile,
.product-view-inf-section__tab-consumables__filters-mobile {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 16px
}

@media only screen and (min-width: 1024px) {

    .product-view-inf-section__tab-modifications__filters-mobile,
    .product-view-inf-section__tab-consumables__filters-mobile {
        display: none
    }
}

.product-view-inf-section__tab-modifications__filters-btn,
.product-view-inf-section__tab-modifications__filters-select,
.product-view-inf-section__tab-consumables__filters-btn,
.product-view-inf-section__tab-consumables__filters-select {
    flex: 1
}

.product-view-inf-section__tab-modifications__filters-btn,
.product-view-inf-section__tab-consumables__filters-btn {
    height: 44px;
    padding: 0 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    color: #fff;
    border-radius: 8px;
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    box-sizing: border-box
}

@media only screen and (max-width: 576px) {

    .product-view-inf-section__tab-modifications__filters-btn,
    .product-view-inf-section__tab-consumables__filters-btn {
        max-width: 124px
    }
}

.product-view-inf-section__tab-modifications__products,
.product-view-inf-section__tab-consumables__products {
    display: flex;
    flex-flow: column;
    gap: 8px
}

.product-view-inf-section__tab-modifications__product,
.product-view-inf-section__tab-consumables__product {
    display: flex;
    flex-flow: row nowrap;
    gap: 24px;
    padding: 16px;
    max-width: 1112px;
    border-radius: 8px;
    background-color: #fff;
    box-sizing: border-box;
    color: #332947
}

@media only screen and (max-width: 1024px) {

    .product-view-inf-section__tab-modifications__product,
    .product-view-inf-section__tab-consumables__product {
        align-items: flex-start
    }
}

@media only screen and (max-width: 576px) {

    .product-view-inf-section__tab-modifications__product,
    .product-view-inf-section__tab-consumables__product {
        flex-flow: column
    }
}

.product-view-inf-section__tab-modifications__product__group,
.product-view-inf-section__tab-consumables__product__group {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 24px
}

@media only screen and (max-width: 1024px) {

    .product-view-inf-section__tab-modifications__product__group,
    .product-view-inf-section__tab-consumables__product__group {
        flex: 1;
        align-items: flex-start
    }
}

@media only screen and (max-width: 576px) {

    .product-view-inf-section__tab-modifications__product__group,
    .product-view-inf-section__tab-consumables__product__group {
        gap: 16px
    }
}

.product-view-inf-section__tab-modifications__product__photo,
.product-view-inf-section__tab-consumables__product__photo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    min-width: 52px;
    aspect-ratio: 2/2;
    border-radius: 8px;
    background-color: #f1f5f9;
    padding: 4px;
    box-sizing: border-box
}

.product-view-inf-section__tab-modifications__product__photo img,
.product-view-inf-section__tab-consumables__product__photo img {
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
    object-fit: contain;
    object-position: center;
    mix-blend-mode: multiply
}

.product-view-inf-section__tab-modifications__product__group-primary,
.product-view-inf-section__tab-consumables__product__group-primary {
    flex: 1;
    display: flex
}

@media only screen and (min-width: 1024px) {

    .product-view-inf-section__tab-modifications__product__group-primary,
    .product-view-inf-section__tab-consumables__product__group-primary {
        flex-flow: row nowrap;
        align-items: center;
        gap: 24px
    }
}

@media only screen and (max-width: 1024px) {

    .product-view-inf-section__tab-modifications__product__group-primary,
    .product-view-inf-section__tab-consumables__product__group-primary {
        flex-flow: column;
        gap: 4px
    }
}

@media only screen and (max-width: 576px) {

    .product-view-inf-section__tab-modifications__product__group-primary,
    .product-view-inf-section__tab-consumables__product__group-primary {
        gap: 8px
    }
}

.product-view-inf-section__tab-modifications__product__group-secondary,
.product-view-inf-section__tab-consumables__product__group-secondary {
    display: flex;
    flex-flow: row nowrap;
    gap: 24px
}

.product-view-inf-section__tab-modifications__product__group-secondary--center,
.product-view-inf-section__tab-consumables__product__group-secondary--center {
    align-self: center;
    align-items: center !important
}

@media only screen and (min-width: 1024px) {

    .product-view-inf-section__tab-modifications__product__group-secondary,
    .product-view-inf-section__tab-consumables__product__group-secondary {
        align-items: center;
        justify-content: flex-end
    }
}

@media only screen and (min-width: 1024px) and (min-width: 576px) {

    .product-view-inf-section__tab-modifications__product__group-secondary,
    .product-view-inf-section__tab-consumables__product__group-secondary {
        flex: 1
    }
}

@media only screen and (max-width: 576px) {

    .product-view-inf-section__tab-modifications__product__group-secondary,
    .product-view-inf-section__tab-consumables__product__group-secondary {
        align-self: stretch;
        align-items: center;
        gap: 12px
    }
}

.product-view-inf-section__tab-modifications__product__mod,
.product-view-inf-section__tab-consumables__product__mod {
    display: flex;
    flex-flow: column
}

@media only screen and (max-width: 1024px) {

    .product-view-inf-section__tab-modifications__product__mod,
    .product-view-inf-section__tab-consumables__product__mod {
        flex-flow: row nowrap;
        gap: 12px
    }
}

@media only screen and (max-width: 1024px) and (min-width: 576px) {

    .product-view-inf-section__tab-modifications__product__mod,
    .product-view-inf-section__tab-consumables__product__mod {
        align-items: center
    }
}

@media only screen and (max-width: 576px) {

    .product-view-inf-section__tab-modifications__product__mod,
    .product-view-inf-section__tab-consumables__product__mod {
        flex-flow: column;
        gap: 8px
    }
}

.product-view-inf-section__tab-modifications__product__mod span,
.product-view-inf-section__tab-consumables__product__mod span {
    font-weight: 600
}

.product-view-inf-section__tab-modifications__product__mod span:nth-child(1),
.product-view-inf-section__tab-consumables__product__mod span:nth-child(1) {
    font-size: 20px;
    line-height: 28px
}

@media only screen and (min-width: 1024px) {

    .product-view-inf-section__tab-modifications__product__mod span:nth-child(1),
    .product-view-inf-section__tab-consumables__product__mod span:nth-child(1) {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 188px
    }
}

@media only screen and (max-width: 576px) {

    .product-view-inf-section__tab-modifications__product__mod span:nth-child(1),
    .product-view-inf-section__tab-consumables__product__mod span:nth-child(1) {
        font-size: 16px;
        line-height: 24px
    }
}

.product-view-inf-section__tab-modifications__product__mod span:nth-child(2),
.product-view-inf-section__tab-consumables__product__mod span:nth-child(2) {
    font-size: 14px;
    line-height: 20px;
    color: #02b513
}

@media only screen and (max-width: 1024px) {

    .product-view-inf-section__tab-modifications__product__mod span i,
    .product-view-inf-section__tab-consumables__product__mod span i {
        display: none
    }
}

.product-view-inf-section__tab-modifications__product__desc,
.product-view-inf-section__tab-consumables__product__desc {
    font-size: 12px;
    line-height: 16px;
    color: #81848a
}

@media only screen and (min-width: 576px) {

    .product-view-inf-section__tab-modifications__product__desc,
    .product-view-inf-section__tab-consumables__product__desc {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden
    }
}

@media only screen and (min-width: 1024px) {

    .product-view-inf-section__tab-modifications__product__desc,
    .product-view-inf-section__tab-consumables__product__desc {
        flex: 1;
        max-width: 305px
    }
}

.product-view-inf-section__tab-modifications__product__amount,
.product-view-inf-section__tab-consumables__product__amount {
    font-size: 20px;
    line-height: 28px;
    background-image: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent
}

@media only screen and (max-width: 576px) {

    .product-view-inf-section__tab-modifications__product__amount,
    .product-view-inf-section__tab-consumables__product__amount {
        flex: 1
    }
}

.product-view-inf-section__tab-modifications__product__buttons,
.product-view-inf-section__tab-consumables__product__buttons {
    flex: 1;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 12px
}

@media only screen and (min-width: 1024px) {

    .product-view-inf-section__tab-modifications__product__buttons,
    .product-view-inf-section__tab-consumables__product__buttons {
        max-width: 340px
    }
}

@media only screen and (max-width: 1024px) and (min-width: 576px) {

    .product-view-inf-section__tab-modifications__product__buttons,
    .product-view-inf-section__tab-consumables__product__buttons {
        max-width: 156px
    }
}

.product-view-inf-section__tab-modifications__product__like-btn,
.product-view-inf-section__tab-modifications__product__stat-btn,
.product-view-inf-section__tab-consumables__product__like-btn,
.product-view-inf-section__tab-consumables__product__stat-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    aspect-ratio: 2/2;
    border-radius: 8px;
    background-color: #f1f5f9
}

@media only screen and (max-width: 1024px) {

    .product-view-inf-section__tab-modifications__product__like-btn,
    .product-view-inf-section__tab-modifications__product__stat-btn,
    .product-view-inf-section__tab-consumables__product__like-btn,
    .product-view-inf-section__tab-consumables__product__stat-btn {
        width: 44px
    }
}

.product-view-inf-section__tab-modifications__product__like-btn svg,
.product-view-inf-section__tab-modifications__product__stat-btn svg,
.product-view-inf-section__tab-consumables__product__like-btn svg,
.product-view-inf-section__tab-consumables__product__stat-btn svg {
    width: 24px;
    height: 24px;
    stroke: #81848a;
    stroke-width: 1.5px
}

.product-view-inf-section__tab-modifications__product__add-to-cart-btn,
.product-view-inf-section__tab-consumables__product__add-to-cart-btn {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    gap: 4px;
    height: 52px;
    padding: 0 16px;
    font-weight: 500;
    line-height: 24px;
    color: #fff;
    border-radius: 8px;
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    box-sizing: border-box
}

@media only screen and (min-width: 1024px) {

    .product-view-inf-section__tab-modifications__product__add-to-cart-btn,
    .product-view-inf-section__tab-consumables__product__add-to-cart-btn {
        flex: 1
    }
}

@media only screen and (max-width: 1024px) {

    .product-view-inf-section__tab-modifications__product__add-to-cart-btn,
    .product-view-inf-section__tab-consumables__product__add-to-cart-btn {
        width: 44px;
        height: 44px;
        padding: 0
    }

    .product-view-inf-section__tab-modifications__product__add-to-cart-btn span,
    .product-view-inf-section__tab-consumables__product__add-to-cart-btn span {
        display: none
    }
}

.product-view-inf-section__tab-modifications__product__add-to-cart-btn svg,
.product-view-inf-section__tab-consumables__product__add-to-cart-btn svg {
    width: 24px;
    height: 24px;
    stroke: #fff;
    stroke-width: 1.5px
}

@media only screen and (min-width: 1024px) {

    .product-view-inf-section__tab-modifications__product__add-to-cart-btn svg,
    .product-view-inf-section__tab-consumables__product__add-to-cart-btn svg {
        display: none
    }
}

.product-view-inf-section__tab-modifications__more-btn,
.product-view-inf-section__tab-consumables__more-btn {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 1112px;
    gap: 4px
}

.product-view-inf-section__tab-modifications__more-btn span,
.product-view-inf-section__tab-consumables__more-btn span {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #fff
}

.product-view-inf-section__tab-modifications__more-btn svg,
.product-view-inf-section__tab-consumables__more-btn svg {
    width: 20px;
    height: 20px;
    stroke: #fff
}

.product-view-inf-section__tab-consumables {
    gap: 24px
}

@media only screen and (max-width: 576px) {
    .product-view-inf-section__tab-consumables {
        gap: 16px
    }
}

.product-view-inf-section__tab-accessories {
    display: flex;
    flex-flow: column;
    gap: 24px
}

.product-view-inf-section__tab-accessories__nav-wrapper {
    margin: 0 -68px;
    padding-left: 68px
}

@media only screen and (max-width: 1024px) {
    .product-view-inf-section__tab-accessories__nav-wrapper {
        margin: 0 -64px;
        padding-left: 64px
    }
}

@media only screen and (max-width: 576px) {
    .product-view-inf-section__tab-accessories__nav-wrapper {
        margin: 0 -16px;
        padding-left: 16px
    }
}

.product-view-inf-section__tab-accessories__nav-wrapper .simplebar-track {
    display: none
}

.product-view-inf-section__tab-accessories__nav {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 8px
}

.product-view-inf-section__tab-accessories__nav:after {
    content: "";
    display: block;
    width: 1px;
    min-width: 1px;
    height: 4px;
    margin-left: -1px;
    padding-right: 60px
}

@media only screen and (max-width: 1024px) {
    .product-view-inf-section__tab-accessories__nav:after {
        padding-right: 56px
    }
}

@media only screen and (max-width: 576px) {
    .product-view-inf-section__tab-accessories__nav:after {
        padding-right: 8px
    }
}

.product-view-inf-section__tab-accessories__nav-btn {
    height: 44px;
    padding: 0 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    white-space: nowrap;
    border-radius: 8px;
    background: #332947;
    box-sizing: border-box
}

.product-view-inf-section__tab-accessories__nav-btn.active {
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    pointer-events: none
}

@media only screen and (min-width: 1280px) {
    .product-view-inf-section__tab-accessories__nav-btn:hover {
        background: #392e4f
    }
}

.product-view-inf-section__tab-accessories__grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 8px
}

@media only screen and (max-width: 1440px) {
    .product-view-inf-section__tab-accessories__grid {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media only screen and (max-width: 1024px) {
    .product-view-inf-section__tab-accessories__grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (max-width: 576px) {
    .product-view-inf-section__tab-accessories__grid {
        grid-template-columns: 1fr
    }
}

.product-view-inf-section__tab-analogs {
    display: flex;
    flex-flow: column;
    gap: 40px
}

@media only screen and (max-width: 1024px) {
    .product-view-inf-section__tab-analogs {
        gap: 32px
    }
}

@media only screen and (max-width: 576px) {
    .product-view-inf-section__tab-analogs {
        gap: 24px
    }
}

.product-view-inf-section__tab-analogs__grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 8px
}

@media only screen and (max-width: 1440px) {
    .product-view-inf-section__tab-analogs__grid {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media only screen and (max-width: 1024px) {
    .product-view-inf-section__tab-analogs__grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (max-width: 576px) {
    .product-view-inf-section__tab-analogs__grid {
        grid-template-columns: 1fr
    }
}

.product-view-inf-section__tab-reviews {
    display: flex;
    flex-flow: column;
    gap: 24px
}

@media only screen and (max-width: 576px) {
    .product-view-inf-section__tab-reviews {
        gap: 16px
    }
}

.product-view-inf-section__tab-reviews__help-btn,
.product-view-inf-section__tab-reviews__review-btn {
    width: 100%;
    max-width: 248px;
    height: 52px;
    padding: 0 16px;
    font-weight: 500;
    line-height: 24px;
    color: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    border-radius: 8px;
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    box-sizing: border-box
}

.product-view-inf-section__tab-reviews__help-btn {
    margin-top: -12px;
    margin-bottom: -16px
}

.product-view-inf-section__tab-reviews__review-btn {
    max-width: none;
    margin-top: 18px
}

@media only screen and (min-width: 576px) {
    .product-view-inf-section__tab-reviews__review-btn {
        display: none
    }
}

@media only screen and (max-width: 576px) {
    .product-view-inf-section__tab-reviews__review-btn {
        height: 44px;
        font-size: 14px
    }
}

.product-view-inf-section__tab-reviews__head {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between
}

@media only screen and (max-width: 576px) {
    .product-view-inf-section__tab-reviews__head {
        margin-bottom: 8px
    }
}

@media only screen and (min-width: 576px) {
    .product-view-inf-section__tab-reviews__head--1112 {
        max-width: 1112px
    }
}

@media only screen and (min-width: 576px) and (max-width: 1440px) {
    .product-view-inf-section__tab-reviews__head--1112 {
        max-width: 1004px
    }
}

.product-view-inf-section__tab-reviews__head__sort {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 16px
}

.product-view-inf-section__tab-reviews__head__sort__title {
    opacity: .5;
    line-height: 24px
}

@media only screen and (max-width: 576px) {
    .product-view-inf-section__tab-reviews__head__sort__title {
        font-size: 14px
    }
}

.product-view-inf-section__tab-reviews__head__sort__btn {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 6px
}

.product-view-inf-section__tab-reviews__head__sort__btn span {
    line-height: 24px
}

@media only screen and (max-width: 576px) {
    .product-view-inf-section__tab-reviews__head__sort__btn span {
        font-size: 14px
    }
}

.product-view-inf-section__tab-reviews__head__sort__btn svg {
    width: 24px;
    height: 24px;
    stroke: #fff;
    transition: rotate .3s cubic-bezier(.175, .885, .32, 1.275)
}

.product-view-inf-section__tab-reviews__head__sort__btn.active svg {
    rotate: -180deg
}

@media only screen and (max-width: 576px) {
    .product-view-inf-section__tab-reviews__head .product-view-inf-section__tab-reviews__help-btn {
        display: none
    }
}

.product-view-inf-section__tab-reviews__group {
    display: flex;
    flex-flow: row nowrap;
    gap: 8px;
    max-width: 1412px
}

@media only screen and (min-width: 576px) {
    .product-view-inf-section__tab-reviews__group {
        align-items: flex-start
    }
}

@media only screen and (max-width: 576px) {
    .product-view-inf-section__tab-reviews__group {
        flex-flow: column-reverse
    }
}

.product-view-inf-section__tab-reviews__list {
    flex: 1;
    display: flex;
    flex-flow: column;
    gap: 8px
}

@media only screen and (min-width: 576px) {
    .product-view-inf-section__tab-reviews__list--1112 {
        max-width: 1112px
    }
}

@media only screen and (min-width: 576px) and (max-width: 1440px) {
    .product-view-inf-section__tab-reviews__list--1112 {
        max-width: 1004px
    }
}

.product-view-inf-section__tab-reviews__item {
    display: flex;
    flex-flow: column;
    gap: 16px;
    padding: 24px;
    border-radius: 8px;
    background-color: #332947
}

.product-view-inf-section__tab-reviews__item__head {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    gap: 24px
}

@media only screen and (min-width: 1024px) {
    .product-view-inf-section__tab-reviews__item__head {
        align-items: center
    }
}

.product-view-inf-section__tab-reviews__item__name {
    display: flex;
    flex-flow: row nowrap;
    gap: 12px;
    margin-right: auto
}

@media only screen and (min-width: 1024px) {
    .product-view-inf-section__tab-reviews__item__name {
        align-items: center
    }
}

@media only screen and (max-width: 1024px) {
    .product-view-inf-section__tab-reviews__item__name {
        flex-flow: column;
        gap: 4px
    }
}

@media only screen and (max-width: 576px) {
    .product-view-inf-section__tab-reviews__item__name {
        flex: 1
    }
}

.product-view-inf-section__tab-reviews__item__name span {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px
}

@media only screen and (max-width: 576px) {
    .product-view-inf-section__tab-reviews__item__name span {
        font-size: 16px;
        line-height: 20px
    }
}

.product-view-inf-section__tab-reviews__item__name__star {
    position: relative
}

.product-view-inf-section__tab-reviews__item__name__star__front-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    overflow: hidden
}

.product-view-inf-section__tab-reviews__item__name__star__front-grid,
.product-view-inf-section__tab-reviews__item__name__star__bg-grid {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 4px
}

.product-view-inf-section__tab-reviews__item__name__star__front-grid svg,
.product-view-inf-section__tab-reviews__item__name__star__bg-grid svg {
    width: 24px;
    min-width: 24px;
    height: 24px;
    color: #ffc700
}

.product-view-inf-section__tab-reviews__item__name__star__bg-grid svg {
    color: #81848a
}

.product-view-inf-section__tab-reviews__item__date {
    opacity: .3;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px
}

@media only screen and (max-width: 576px) {
    .product-view-inf-section__tab-reviews__item__date {
        font-size: 12px;
        line-height: 20px
    }
}

.product-view-inf-section__tab-reviews__item__ya-market {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 8px
}

@media only screen and (max-width: 1024px) {
    .product-view-inf-section__tab-reviews__item__ya-market {
        position: absolute;
        top: calc(100% + 16px);
        flex-flow: row-reverse nowrap
    }
}

.product-view-inf-section__tab-reviews__item__ya-market__text {
    opacity: .3;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px
}

.product-view-inf-section__tab-reviews__item__ya-market__label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 137px;
    height: 32px;
    border-radius: 8px;
    background-color: #fff
}

.product-view-inf-section__tab-reviews__item__ya-market__label img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    pointer-events: none
}

.product-view-inf-section__tab-reviews__item__main {
    display: flex;
    flex-flow: column;
    gap: 12px
}

@media only screen and (max-width: 1024px) {
    .product-view-inf-section__tab-reviews__item__main--with-ya-market {
        margin-top: 48px
    }
}

.product-view-inf-section__tab-reviews__item__main li {
    display: flex;
    flex-flow: column
}

@media only screen and (max-width: 576px) {
    .product-view-inf-section__tab-reviews__item__main li {
        gap: 4px
    }
}

.product-view-inf-section__tab-reviews__item__main li span {
    line-height: 24px
}

@media only screen and (max-width: 576px) {
    .product-view-inf-section__tab-reviews__item__main li span {
        line-height: 20px
    }
}

.product-view-inf-section__tab-reviews__item__main li span:nth-child(1) {
    opacity: .3;
    font-size: 14px;
    font-weight: 500
}

@media only screen and (max-width: 576px) {
    .product-view-inf-section__tab-reviews__item__main li span:nth-child(1) {
        font-size: 12px
    }
}

@media only screen and (max-width: 576px) {
    .product-view-inf-section__tab-reviews__item__main li span:nth-child(2) {
        font-size: 14px
    }
}

.product-view-inf-section__tab-reviews__item__good-btn {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 8px;
    opacity: .3;
    align-self: flex-end
}

.product-view-inf-section__tab-reviews__item__good-btn svg {
    width: 24px;
    height: 24px;
    stroke: #fff
}

.product-view-inf-section__tab-reviews__item__good-btn span {
    font-weight: 500;
    line-height: 24px
}

@media only screen and (max-width: 576px) {
    .product-view-inf-section__tab-reviews__item__good-btn span {
        font-size: 14px
    }
}

@media only screen and (min-width: 1280px) {
    .product-view-inf-section__tab-reviews__item__good-btn {
        transition: opacity .3s ease
    }

    .product-view-inf-section__tab-reviews__item__good-btn:hover {
        opacity: 1
    }
}

.product-view-inf-section__tab-reviews__rating {
    flex: 1;
    display: flex;
    flex-flow: column;
    gap: 24px;
    padding: 24px;
    border-radius: 8px;
    background-color: #332947;
    box-sizing: border-box
}

@media only screen and (min-width: 576px) {
    .product-view-inf-section__tab-reviews__rating {
        max-width: 292px
    }
}

@media only screen and (max-width: 1024px) and (min-width: 576px) {
    .product-view-inf-section__tab-reviews__rating {
        max-width: 244px
    }
}

@media only screen and (max-width: 576px) {
    .product-view-inf-section__tab-reviews__rating {
        gap: 16px
    }
}

.product-view-inf-section__tab-reviews__rating__title {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    color: #f1f5f9
}

@media only screen and (max-width: 576px) {
    .product-view-inf-section__tab-reviews__rating__title {
        font-size: 16px
    }
}

.product-view-inf-section__tab-reviews__rating__progress {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.product-view-inf-section__tab-reviews__rating__progress__bar {
    width: 160px;
    aspect-ratio: 2/2;
    --progress-bar-size: 160px;
    --progress-bar-half-size: calc(var(--progress-bar-size) / 2);
    --progress-bar-stroke-width: 8px;
    --progress-bar-radius: calc((var(--progress-bar-size) - var(--progress-bar-stroke-width)) / 2);
    --progress-bar-circumference: calc(var(--progress-bar-radius) * pi * 2);
    --progress-bar-dash: calc((var(--progress-bar-percent) * var(--progress-bar-circumference)) / 100)
}

@media only screen and (max-width: 576px) {
    .product-view-inf-section__tab-reviews__rating__progress__bar {
        width: 120px
    }
}

.product-view-inf-section__tab-reviews__rating__progress__bar circle {
    cx: var(--progress-bar-half-size);
    cy: var(--progress-bar-half-size);
    r: var(--progress-bar-radius);
    stroke-width: var(--progress-bar-stroke-width);
    fill: none;
    stroke-linecap: round
}

.product-view-inf-section__tab-reviews__rating__progress__bar__bg {
    stroke: #50426c
}

.product-view-inf-section__tab-reviews__rating__progress__bar__fg {
    transform: rotate(-90deg);
    transform-origin: var(--progress-bar-half-size) var(--progress-bar-half-size);
    stroke-dasharray: var(--progress-bar-dash) calc(var(--progress-bar-circumference) - var(--progress-bar-dash));
    transition: stroke-dasharray .3s linear 0s;
    stroke: url(#linear-gradient-brand)
}

.product-view-inf-section__tab-reviews__rating__progress__num {
    position: absolute;
    font-size: 48px;
    line-height: 48px;
    color: #f1f5f9
}

.product-view-inf-section__tab-reviews__rating__counter {
    line-height: 24px;
    text-align: center
}

@media only screen and (min-width: 576px) {
    .product-view-inf-section__tab-reviews__rating__counter {
        margin-top: -8px
    }
}

@media only screen and (max-width: 576px) {
    .product-view-inf-section__tab-reviews__rating__counter {
        font-size: 12px;
        line-height: 16px
    }
}

.product-view-inf-section__tab-reviews__rating__list {
    display: flex;
    flex-flow: column;
    gap: 8px
}

@media only screen and (max-width: 576px) {
    .product-view-inf-section__tab-reviews__rating__list {
        display: none
    }
}

.product-view-inf-section__tab-reviews__rating__list__item {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 8px
}

.product-view-inf-section__tab-reviews__rating__list__item__num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 24px;
    line-height: 24px;
    opacity: .5
}

.product-view-inf-section__tab-reviews__rating__list__item__progress {
    position: relative;
    flex: 1;
    height: 8px;
    border-radius: 4px;
    background-color: #ffffff1a
}

.product-view-inf-section__tab-reviews__rating__list__item__progress:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: var(--progress-bar-percent);
    border-radius: 4px;
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%)
}

.product-view-inf-section__tab-reviews__rating__btn {
    height: 52px;
    font-weight: 500;
    line-height: 24px;
    color: #fff;
    border-radius: 8px;
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%)
}

@media only screen and (max-width: 576px) {
    .product-view-inf-section__tab-reviews__rating__btn {
        height: 44px;
        font-size: 14px
    }
}

.product-view-price-section {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
    background-color: #f1f5f9;
    box-shadow: 0 0 5px #0000001a;
    z-index: 3;
    transition: opacity .3s ease, visibility .3s ease, transform .3s ease
}

.product-view-price-section:not(.visible) {
    opacity: 0;
    visibility: hidden;
    transform: translateY(40px)
}

@media only screen and (min-width: 1024px) {
    .product-view-price-section {
        display: none
    }
}

@media only screen and (max-width: 576px) {
    .product-view-price-section {
        bottom: 56px;
        padding: 8px 16px
    }
}

.product-view-price-section__price-wrapper {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 12px
}

@media only screen and (max-width: 576px) {
    .product-view-price-section__price-wrapper {
        align-items: flex-end;
        gap: 4px
    }
}

.product-view-price-section__amount {
    font-size: 32px;
    line-height: 28px
}

@media only screen and (max-width: 576px) {
    .product-view-price-section__amount {
        font-size: 24px;
        line-height: 24px
    }
}

.product-view-price-section__old-amount {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    color: #81848a;
    text-decoration: line-through
}

@media only screen and (max-width: 576px) {
    .product-view-price-section__old-amount {
        font-size: 12px;
        line-height: 16px
    }
}

.product-view-price-section__sale {
    position: relative;
    display: flex;
    align-items: center;
    width: 66px;
    height: 32px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center right;
    background-image: url(/rbs/dist/images/sale.svg)
}

@media only screen and (max-width: 576px) {
    .product-view-price-section__sale {
        display: none
    }
}

.product-view-price-section__sale span {
    flex: 1;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #fff;
    margin: 0 11px 0 17px;
    text-align: center
}

.product-view-price-section__sale sup {
    position: absolute;
    top: -4px;
    right: 4px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #fff
}

.product-view-price-section__btn {
    height: 44px;
    width: 100%;
    max-width: 260px;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    color: #fff;
    border-radius: 8px;
    background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    box-sizing: border-box
}

@media only screen and (max-width: 576px) {
    .product-view-price-section__btn {
        height: 40px;
        max-width: 120px
    }
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    outline: none
}

:focus,
:active {
    outline: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none;
    -moz-appearance: none
}

input[type=search] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical
}

audio,
canvas,
video {
    display: inline-block;
    max-width: 100%
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

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

a:active,
a:hover {
    outline: 0
}

img {
    border: 0;
    -ms-mulishpolation-mode: bicubic
}

figure,
form {
    margin: 0
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
    margin-left: -7px
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    box-shadow: none;
    border: none;
    color: currentColor
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: poMulish;
    overflow: visible
}

button[disabled],
html input[disabled] {
    cursor: default
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    height: 13px;
    width: 13px
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

::-moz-selection,
::selection {
    background: #b3d4fc;
    text-shadow: none
}

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

textarea {
    resize: vertical
}

textarea,
input {
    font-family: Arimo, sans-serif;
    font-size: 16px;
    line-height: normal;
    color: #332947
}

button {
    cursor: pointer;
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: normal;
    background-color: transparent;
    font-family: Arimo, sans-serif
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    display: flex;
    flex-flow: column;
    min-height: 100vh;
    font-size: 16px;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-overflow-scrolling: touch
}

:root {
    color: #fff
}

body {
    font-family: Arimo, sans-serif;
    background-color: #26193d
}

@media only screen and (max-width: 576px) {
    body {
        padding-bottom: 56px
    }
}

body.body--white-bg {
    color: #332947;
    background-color: #fff
}

body:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #00000080;
    opacity: 0;
    visibility: hidden;
    z-index: 10;
    transition: opacity .3s ease, visibility .3s ease
}

body.body--with-cover {
    position: relative
}

body.body--with-cover:after {
    opacity: 1;
    visibility: visible
}

.wrapper {
    position: relative;
    flex: 1;
    display: flex;
    flex-flow: column
}

@media only screen and (max-width: 1024px) {
    .wrapper {
        overflow: hidden
    }
}

.wrapper:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #00000080;
    opacity: 0;
    visibility: hidden;
    z-index: 9;
    transition: opacity .3s ease, visibility .3s ease
}

.wrapper--with-cover:after {
    opacity: 1;
    visibility: visible
}

.container {
    display: flex;
    flex-flow: column;
    align-self: center;
    width: calc(100% - 136px);
    max-width: 1688px;
    padding: 40px 68px 80px
}

@media only screen and (max-width: 1024px) {
    .container {
        width: calc(100% - 64px);
        padding: 16px 32px 64px
    }
}

@media only screen and (max-width: 576px) {
    .container {
        width: calc(100% - 32px);
        padding: 16px 16px 40px
    }
}

@media only screen and (max-width: 576px) {
    .hide-for-mobile {
        display: none
    }
}

@media only screen and (max-width: 1024px) {
    .hide-for-tablet {
        display: none
    }
}

.linear-gradient-text {
    background-image: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent
}

.simplebar-track .simplebar-scrollbar:before {
    background: currentColor !important
}

.simplebar-track .simplebar-scrollbar.simplebar-visible:before {
    opacity: 1 !important
}

.simplebar-track.simplebar-vertical,
.simplebar-track.simplebar-horizontal {
    background: #f1f5f9 !important
}

.simplebar-track.simplebar-vertical {
    width: 8px !important
}

.simplebar-track.simplebar-horizontal {
    height: 8px !important
}

@font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: #00000026
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, #00000080, #0000)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
    display: none !important
}

.swiper-button-prev svg,
.swiper-button-next svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center
}

.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
    transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-vertical>.swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translate(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.swiper-vertical>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-vertical>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

[data-simplebar] {
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start
}

.simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit
}

.simplebar-mask {
    direction: inherit;
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    z-index: 0
}

.simplebar-offset {
    direction: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch
}

.simplebar-content-wrapper {
    direction: inherit;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0
}

.simplebar-content:before,
.simplebar-content:after {
    content: " ";
    display: table
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none
}

.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit !important;
    height: 100%;
    width: 100%;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    flex-grow: inherit;
    flex-shrink: 0;
    flex-basis: 0
}

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1
}

.simplebar-track {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden
}

[data-simplebar].simplebar-dragging,
[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all
}

.simplebar-scrollbar {
    position: absolute;
    left: 0;
    right: 0;
    min-height: 10px
}

.simplebar-scrollbar:before {
    position: absolute;
    content: "";
    background: #000;
    border-radius: 7px;
    left: 2px;
    right: 2px;
    opacity: 0;
    transition: opacity .2s .5s linear
}

.simplebar-scrollbar.simplebar-visible:before {
    opacity: .5;
    transition-delay: 0s;
    transition-duration: 0s
}

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px
}

.simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px;
    left: 2px;
    right: 2px
}

.simplebar-track.simplebar-horizontal {
    left: 0;
    height: 11px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 0;
    bottom: 0;
    min-height: 0;
    min-width: 10px;
    width: auto
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0
}

.simplebar-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: scrollbar !important
}

.simplebar-dummy-scrollbar-size>div {
    width: 200%;
    height: 200%;
    margin: 10px 0
}

.simplebar-hide-scrollbar {
    position: fixed;
    left: 0;
    visibility: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none
}
/* End */


/* Start:/local/templates/rbsgroup/css/jquery.fancybox.min.css?176518539913213*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:calc(50% - 7px);top:calc(50% - 6px);border:2px solid;background:none}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-button--pause:before,.fancybox-button--play:before{top:calc(50% - 6px);left:calc(50% - 4px);background:transparent}.fancybox-button--play:before{width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px}.fancybox-button--pause:before{width:7px;height:11px;border-style:solid;border-width:0 2px}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */


/* Start:/local/templates/rbsgroup/css/custom.css?176518539971720*/
body {
	color: #fff
}

*,
*::before,
*::after {
	box-sizing: unset;
}

a:hover,
a:focus {
	color: unset;
	text-decoration: unset
}

a:focus {
	outline: unset;
}

.hidden {
	display: none;
}

.error {
	border: 1px solid red;
}

/* ----- 404 ----- */
.blog-post-call-banner {
	background-image: url('/local/templates/rbsgroup/images/banners/b-3.png');
}

/* ----- MAIN_PAGE -----*/
.call-big-banner {
	background-image: url('/local/templates/rbsgroup/images/banners/b-3.png');
}

.call-big-banner:after {
	background-image: url('/local/templates/rbsgroup/images/banners/woman.png');
}

.swiper-slide.products-slider-item {
	height: auto;
}

.product-item {
	height: 100%;
	justify-content: space-between;
}

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

.container:before,
.container:after {
	content: none;
}

.home-category-link {
	border: 1.5px solid transparent;
}

/* блочит скрол на мобилках  */
@media only screen and (min-width: 1025px) {

	.home-categories-wrapper .simplebar-wrapper,
	.home-categories-wrapper .simplebar-mask,
	.home-categories-wrapper .simplebar-content-wrapper,
	.search-subpopup-wrapper .simplebar-mask {
		overflow: unset !important;
	}
}

.catalog-popup.open-call-back {
	overflow: hidden;
}

.catalog-popup.open-call-back::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1;
	pointer-events: none;
}

.catalog-popup-menu-mobile__section {
	display: flex;
	flex-flow: row;
	align-items: center;
	justify-content: space-between;
	padding: 10px 24px 10px 16px;
	border-bottom: 1.5px solid #f1f5f9;
}

.catalog-popup-menu-link {
	width: max-content;
}

@media only screen and (max-width: 576px) {
	.catalog-popup-menu-mobile__section-link {
		font-size: 14px;
	}

	.catalog-popup-menu-link {
		padding: 0;
		border-bottom: none;
		flex: 1;
		justify-content: end;
	}
}

.mobile-show {
	display: none;
}

.mobile-hidden {
	display: block;
}

.captcha__block {
	display: flex;
	gap: 16px;
	flex-direction: column;
	margin-top: 16px;
}

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

.captcha__wrapper .inputtext {
	padding: 0 16px;
	width: 45%;
}

.update_captcha {
	width: 24px;
	align-content: center;
	cursor: pointer;
}

#amo_brand {
	display: none !important;
}

@media only screen and (max-width: 1024px) {
	.big-slider-item__cover {
		filter: none;
	}

	.captcha__wrapper img {
		height: 44px;
	}
}

@media only screen and (max-width: 576px) {
	.amo-button-holder {
		bottom: 80px !important;
	}

	.home-categories-wrapper:nth-child(1) .home-category-link,
	.home-categories-wrapper:nth-child(3) .home-category-link {
		max-height: 188px;
	}

	.mobile-show {
		display: block;
	}

	.mobile-hidden {
		display: none;
	}

	.captcha__wrapper {
		flex-wrap: wrap;
		gap: 8px;
		justify-content: unset;
	}

	.captcha__wrapper .inputtext {
		width: 100%;
	}
}

/* ----- CATALOG ----- */
.btn.catalog-filter-footer__btn {
	font-size: unset;
	padding: 0;
	border: none;
}

.catalog-filter-footer__btn:nth-child(2) {
	border: 1.5px solid #ffffff;
	color: #fff;
}

.catalog-popup-banner {
	background-image: url(/local/templates/rbsgroup/images/catalog-popup-banner.png);
}

@media only screen and (min-width: 1025px) {

	.catalog-filters-scroll .simplebar-wrapper,
	.catalog-filters-scroll .simplebar-mask,
	.catalog-filters-scroll .simplebar-content-wrapper {
		overflow: visible !important;
	}
}

.catalog-filter-block__wrapper {
	overflow: visible;
}

.bx-filter .bx-filter-param-label {
	position: relative;
	width: 100%;
}

.bx-filter .bx-filter-popup-result.left {
	font-size: 10px;
	right: 10%;
	border: none;
	padding: 0;
	margin: 0;
	top: 50%;
	transform: translate(0, -50%);
	align-items: center;
}

.bx-filter .bx-filter-popup-result a {
	color: #000;
	position: absolute;
	background-image: url(/local/templates/rbsgroup/css/../images/popup_filter.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 145px;
	text-align: center;
	line-height: 3.2;
	padding-left: 10px;
	font-size: 12px;
}

.bx-filter .bx-ui-slider-handle {
	z-index: 80;
}

.bx-filter .bx-ui-slider-handle.left {
	margin-left: -23px;
}

.bx-filter .bx-ui-slider-handle.right {
	margin-right: -23px;
}

@media only screen and (min-width: 1025px) and (max-width: 1600px) {
	.bx-filter .bx-filter-popup-result.left {
		left: 70%;
	}

	.bx-filter .bx-filter-popup-result a {
		font-size: 10px;
	}
}

@media only screen and (max-width: 1024px) {
	.bx-filter .bx-filter-popup-result.left {
		right: 180px !important;
		left: unset !important;
		position: absolute !important;
		background: unset;
		top: 40% !important;
	}

	.bx-filter .bx-filter-parameters-box.catalog-filter-block:last-child .bx-filter-popup-result.left {
		top: -5% !important;
	}

	.catalog-filters-wrapper {
		z-index: 1002;
	}

	.catalog-filters-scroll {
		height: calc(100svh - 144px);
	}
}

@media only screen and (max-width: 575px) {
	.catalog-filter-footer {
		margin: unset;
	}

	.catalog-filter-footer__btn:nth-child(2) {
		display: flex;
	}
}

.product-item-like-btn.active,
.product-view-section__heart-btn.active,
.product-item-compare-btn.active,
.product-view-section__stat-btn.active,
.product-view-inf-section__tab-modifications__product__like-btn.active {
	background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
}

.product-item-like-btn.active .product-item-like-btn__icon,
.product-view-section__heart-btn.active svg,
.product-item-compare-btn.active svg,
.product-view-section__stat-btn.active svg,
.product-view-inf-section__tab-modifications__product__like-btn.active svg {
	stroke: #fff;
}

.banner-primary-cover {
	height: 100%;
}

.banner-primary {
	min-height: 320px;
	background-size: cover;
	background-position: center;
}

.banner-primary-cover img {
	height: 100%;
	object-fit: cover;
	object-position: right;
}

.header-menu-link {
	position: relative;
}

.header-menu-link .wishcount,
.header-menu-link .basketcount,
.header-menu-link .comparecount {
	position: absolute;
	right: 10px;
	top: -3px;
	width: 15px;
	height: 15px;
	font-size: 11px;
	line-height: 15px;
	background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
	text-align: center;
	border-radius: 50%;
}

.product-item-label--blue {
	background-color: #007FFF;
}

.product-item-name {
	word-break: break-word;
}

.product-item-cart-btn {
	border: none;
}

.product-item-cart-btn.disabled {
	opacity: 0.5;
}

.product-item-cart-btn.disabled .product-item-cart-btn__text {
	color: #332947;
}

/* .product-item-cart-btn:not(.added):not(.disabled) {
    background: #f1f5f9;
}

.product-item-cart-btn:not(.added):not(.disabled) span {
    color: #332947;
} */

/* .product-item-cart-btn:not(.added):not(.disabled) .product-item-cart-btn__icon {
    stroke: #81848a;
} */

.product-item-cart-btn.added {
	background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
}

.product-item-cart-btn.added .product-item-cart-btn__icon {
	stroke: #fff;
}

.product-item-img {
	padding: 16px;
	width: unset;
}

.product-item-img img {
	max-height: 240px;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	max-width: unset;
}

.search-page .product-item-img img {
	/*width: auto;*/
}

.product-item-inf a {
	min-height: 48px;
}

.product-item-labels {
	min-height: 20px;
}

.product-item-group div[data-entity="buttons-block"] {
	flex: 1;
}

.product-item-compare-btn,
.product-view-section__stat-btn {
	cursor: pointer;
}

.product-item-function-value {
	word-break: break-word;
	text-align: right;
}

.product-item-price-request {
	margin: auto 0;
	font-size: 20px;
	line-height: 28px;
	background-image: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
	background-size: 100%;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-text-fill-color: transparent;
}

.product-item-price-request .product-view-section__side__request-price-text {
	background-image: none
}

.product-item-body {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.product-item-modification-link {
	font-size: 16px;
	line-height: 24px;
	color: #332947;
}

.product-item-modification-link:hover {
	background-image: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 21.2%, #ec36b6 94.52%);
	background-size: 100%;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-text-fill-color: transparent;
}

.product-item-cart-btn__count {
	font-size: 18px;
}

.nav-bar-mobile-link {
	flex: unset;
	display: flex;
	flex-flow: column;
	align-items: center;
	height: 48px;
	flex-shrink: 0;
}

.catalog-products-grid.products-grid--rows .product-item-header {
	flex-direction: row;
}

.banner-primary-btn {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 100%;
	max-width: 224px;
	height: 52px;
	font-size: 16px;
	font-weight: 500;
	border-radius: 8px;
	background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
}

@media only screen and (min-width: 1024px) {
	.products-grid--rows .product-item-cart-btn {
		width: 100%;
	}

	.products-grid--rows .product-item-cart-btn__count {
		display: none;
	}

	.favorites-product .product-item-label:not(#product-hit) {
		display: flex;
	}
}

@media only screen and (min-width: 576px) {
	.banner-primary-btn--mobile {
		display: none;
	}
}

@media only screen and (max-width: 576px) {
	.catalog-tags {
		max-width: 100%;
	}

	.product-item-img img {
		max-height: unset;
	}

	.catalog-pagination-wrapper .input-select-wrapper {
		display: none;
	}

	.pagination-numbers-grid {
		justify-content: center;
	}

	.banner-primary {
		min-height: 265px;
	}

	.banner-primary-btn--mobile {
		height: 44px;
		align-self: center;
		font-size: 14px;
		max-width: calc(100% - 112px);
		order: 2;
	}
}

/* ----- DETAIL PAGE -----*/
.bx_soc_comments_div .bx-catalog-tab-body-container .bx-catalog-tab-container>div {
	padding: unset;
}

.product-view-section__head .title-l {
	word-break: break-word;
}

.product-view-section__gallery__thumb-slide img {
	border-radius: 8px;
}

.product-view-section__side__price__add-to-cart-btn {
	display: flex;
	flex: 1;
}

.product-view-section__side__price__add-to-cart__btn {
	cursor: pointer;
}

.product-view-section__side__price__add-to-cart__btn:hover,
.product-item-cart-btn:hover,
.offers-popup__submit-btn:hover,
.product-view-inf-section__tab-modifications__product__add-to-cart-btn:hover {
	background: linear-gradient(91.88deg, #4D3BC9 8.64%, #A027D6 59.14%, #DD2C81 106.57%);
	color: #fff;
}

.blog-comment {
	padding: unset;
}

.gallery-popup-thumb-slide img {
	border-radius: 8px;
}

.product-view-section__video {
	height: 300px;
	background: black;
	border-radius: 20px;
}

.product-view-section__gallery__main-slider .swiper-wrapper {
	max-width: 100%;
}

.product-view-section__gallery__main-slider .product-item-labels {
	position: absolute;
	z-index: 3;
	left: 25px;
	top: 2px;
}

.product-view-section__sku__more-btn {
	margin-top: 12px;
}

.product-view-inf-section__tab-modifications__products .product-view-section__side__price__sum__group {
	width: 100%;
	justify-content: flex-end;
	align-items: baseline;
	gap: 8px;
}

@media only screen and (max-width: 1024px) {
	.product-view-inf-section__tab-modifications__products .product-view-section__side__price__sum__group {
		align-items: flex-end;
	}
}

.product-view-inf-section__tab-desc ul,
.product-view-inf-section__tab-desc ul {
	list-style: inside;
}

.product-view-inf-section__tab-desc ul {
	list-style-type: disc;
}

.product-view-inf-section__tab-desc ol {
	list-style-type: decimal;
	list-style-position: inside;
}

.product-view-inf-section__tab-desc__text li {
	/* opacity: .8; */
	font-size: 14px;
	line-height: 24px;
	color: #383838;
}

.product-view-inf-section__tab-desc i {
	font-style: italic;
}

.product-view-inf-section__tab-desc__text h1,
.product-view-inf-section__tab-desc__text h1 * {
	font-size: 34px !important;
	font-family: inherit !important;
}

.product-view-inf-section__tab-desc__text h2,
.product-view-inf-section__tab-desc__text h2 * {
	font-size: 28px !important;
	font-family: inherit !important;
}

.product-view-inf-section__tab-desc__text h3,
.product-view-inf-section__tab-desc__text h3 * {
	font-size: 22px !important;
	font-family: inherit !important;
}

.product-view-inf-section__tab-desc__text h4,
.product-view-inf-section__tab-desc__text h4 * {
	font-size: 18px !important;
	font-family: inherit !important;
}

.product-view-inf-section__tab-desc__text h5,
.product-view-inf-section__tab-desc__text h5 * {
	font-size: 14px !important;
	font-family: inherit !important;
}

.product-view-inf-section__tab-desc b {
	font-weight: bold;
}

.product-view-section__side__price__request-price {
	height: 52px;
	font-weight: 500;
	line-height: 24px;
	color: #fff;
	border-radius: 8px;
	box-sizing: border-box;
	background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
}

.product-view-section__side__request-price {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	margin-top: 40px;
}

.product-view-section__side__request-price-text {
	font-size: 20px;
	line-height: 32px;
	color: #c0c1c4;
	background-image: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
	background-size: 100%;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-text-fill-color: transparent;
}

.product-view-inf-section__tab-modifications__product__group,
.product-view-inf-section__tab-consumables__product__group {
	width: 100%;
	flex: 1;
}

.product-view-inf-section__tab-modifications__product__mod,
.product-view-inf-section__tab-consumables__product__mod {
	flex: 0.25;
	min-width: 165px;
}

.product-view-inf-section__tab-modifications__product__add-to-cart-btn .product-item-cart-btn__count {
	display: none;
}

.product-view-section__side__price__help-btn:hover,
.product-view-section__side__price__quick-order:hover,
.product-view-section__side__dealer__btn:hover {
	background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
	border: none;
}

.product-view-section__side__price__help-btn:active,
.product-view-section__side__price__quick-order:active,
.product-view-section__side__dealer__btn:active {
	background: linear-gradient(91.88deg, #4D3BC9 8.64%, #A027D6 59.14%, #DD2C81 106.57%);
	border: none;
}

.product-view-section__side__price__help-btn:hover span,
.product-view-section__side__price__quick-order:hover span,
.product-view-section__side__dealer__btn:hover span,
.product-view-section__side__price__help-btn:active span,
.product-view-section__side__price__quick-order:active span,
.product-view-section__side__dealer__btn:active span {
	-webkit-text-fill-color: #fff;
	-moz-text-fill-color: #fff;
}

.product-view-section__side__price__help-btn:hover svg,
.product-view-section__side__price__help-btn:active svg {
	stroke: unset;
	fill: #fff;
}

.product-view-section__side__dealer__btn:hover svg,
.product-view-section__side__dealer__btn:active svg {
	stroke: #fff;
}

@media only screen and (min-width: 1024px) and (min-width: 576px) {

	.product-view-inf-section__tab-modifications__product__group-primary,
	.product-view-inf-section__tab-consumables__product__group-primary,
	.product-view-inf-section__tab-modifications__product__group-secondary,
	.product-view-inf-section__tab-consumables__product__group-secondary {
		flex: unset;
	}
}

@media only screen and (min-width: 1441px) and (max-width: 1700px) {
	.product-view-section__grid {
		grid-template-columns: 45% 1fr;
	}

	.product-view-section__main {
		gap: 5%;
	}
}

@media only screen and (max-width: 576px) {
	.product-view-inf-section__tab-reviews__head {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}

	.product-view-inf-section__tab-reviews__head .product-view-inf-section__tab-reviews__help-btn {
		display: block;
	}

	.product-view-inf-section__tab-reviews__help-btn {
		margin: 0;
	}
}

@media only screen and (min-width: 1024px) {
	.product-view-section__side__price__add-to-cart__btn {
		text-align: center;
	}

	.product-view-section__side__price__request-price {
		flex: 1;
		padding: 14px;
	}

	.product-view-section__side__request-price {
		align-items: center;
	}

	.product-view-inf-section__tab-modifications__product [data-entity="buttons-block"] {
		min-width: 200px;
	}

	.product-view-inf-section__tab-modifications__product__add-to-cart-btn__text.product-item-cart-btn__text {
		display: inherit;
	}
}

@media only screen and (max-width: 1024px) {

	.product-view-section__side__price__add-to-cart__btn,
	.product-view-section__side__price__request-price {
		height: 40px;
		align-items: center;
		justify-content: center;
	}

	.product-view-section__side__price__request-price {
		width: 100%;
		height: 44px;
		font-size: 14px;
	}

	.product-view-inf-section__tab-modifications__product__add-to-cart-btn .product-item-cart-btn__count {
		display: inherit;
	}

	.product-view-inf-section__tab-modifications__product,
	.product-view-inf-section__tab-consumables__product,
	.product-view-inf-section__tab-modifications__product__group-secondary,
	.product-view-inf-section__tab-consumables__product__group-secondary {
		align-items: center;
	}
}

@media only screen and (max-width: 576px) {
	.product-view-inf-section__tab-characteristics:not(.visible) {
		height: unset;
	}

	.product-view-inf-section__tab-modifications__products .product-view-section__side__price__sum__group {
		gap: unset;
	}
}

.tooltip {
	opacity: 1;
}

.product-view-section__side__price__sum__percent {
	background-image: url(/local/templates/rbsgroup/images/sale.svg);
}

/* ------ BASKET ------ */
.basket-items-list-table tbody {
	display: flex !important;
	flex-flow: column;
	gap: 4px;
}

.basket-items-list-item-notification {
	align-self: end;
}

.cart-product.basket-items-list-item-container-expend {
	grid-template-columns: 24px 1fr;
}

.cart-promo-code-block {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	gap: 8px;
	border-radius: 6px;
	border: 1px solid #f8f8f8;
	background-color: #fff;
	box-shadow: 0 0 20px #0000000d;
	padding: 24px;
	box-sizing: border-box;
}

.cart-product__amount {
	font-size: 1.45rem;
}

.basket-item-amount-filed {
	border: none;
}

.cart-empty__footer {
	display: flex;
	margin: 48px auto 0 auto;
	justify-content: center;
}

.cart-empty__btn {
	width: 50%;
}

.cart-product__remove-btn,
.cart-product__counter__btn {
	cursor: pointer;
}

.basket-items-list-item-container>td {
	border: none;
	width: 100%;
}

.basket-items-list-item-container.basket-items-list-item-container-expend {
	display: grid;
}

@media only screen and (max-width: 1024px) {
	td.label {
		display: none;
	}
}

/* правка верстки на 768 */
@media screen and (max-width: 768px) {
	.header-contacts {
		gap: 0;
	}
}

@media only screen and (max-width: 576px) {
	.cart-empty__footer {
		flex-direction: column;
	}

	.cart-empty__btn {
		width: 100%;
	}
}

/* ----- ORDER -----*/
.checkout-block__login-form .toggle-password {
	position: absolute;
	right: 14px;
	top: 85px;
	max-height: 24px;
}

.checkout-block__login-form__inputs {
	position: relative;
}

.checkout-side__total-block__submit-btn {
	align-content: center;
	text-align: center;
}

.checkout-side__total-block__submit-btn:hover {
	color: #fff;
}

.checkout-block__delivery-form__method__logo img {
	object-fit: cover;
	max-height: 100%;
	width: unset;
}

.checkout-block__title.clickable {
	cursor: pointer;
}

.checkout-block__title.clickable:hover {
	background-image: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 21.2%, #ec36b6 94.52%);
	background-size: 100%;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-text-fill-color: transparent;
}

.bx-sls .bx-ui-sls-fake {
	background: transparent;
}

.bx-soa-customer-field[name="LOCATION"] {
	display: none;
}

.dropdown-block.bx-ui-sls-input-block {
	background-color: #f1f5f9;
	border: none;
	box-shadow: none;
	border-radius: 8px;
	height: 52px;
	padding: 0;
}

.bx-sls .bx-ui-sls-container {
	overflow: hidden;
	min-height: 50px;
}

.bx-sls .bx-ui-sls-route {
	padding: 0 16px 0 48px !important;
}

.bx-sls .bx-ui-sls-fake,
.bx-sls .bx-ui-sls-route {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 10C20 14.4183 12 22 12 22C12 22 4 14.4183 4 10C4 5.58172 7.58172 2 12 2C16.4183 2 20 5.58172 20 10Z' stroke='%23C0C1C4' stroke-width='1.5'/%3E%3Cpath d='M12 11C12.5523 11 13 10.5523 13 10C13 9.44772 12.5523 9 12 9C11.4477 9 11 9.44772 11 10C11 10.5523 11.4477 11 12 11Z' fill='%23C0C1C4' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
	padding: 0 16px 0 48px !important;
	background-position: right 1px !important;
	background-size: 24px !important;
	background-repeat: no-repeat !important;
	background-position: center left 16px !important;
	height: 52px;
}

.bx-sls .bx-ui-sls-clear {
	top: 10px;
	z-index: 100;
}

.bx-soa-customer-field.has-error {
	border: 1.5px #ff373a solid;
}

textarea.form-control {
	height: 100%;
}

.checkout-block__contacts-data-form__inputs>* {
	display: flex;
	align-items: center;
}

.checkout-block__contacts-data-form__inputs>*>* {
	flex: 1;
}

.bx-soa-customer-field textarea:not(#orderDescription)::placeholder {
	line-height: 40px;
}

.has-error .form-control {
	box-shadow: none;
}

.checkout-block__contacts-data-form__inputs>*:nth-child(2),
.checkout-block__contacts-data-form__inputs>*:nth-child(3) {
	background-image: none;
}

.form-group.bx-soa-customer-field[name="PHONE"] {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.1175 14.702L13.9993 15.5C11.2176 14.1038 9.49934 12.5 8.49934 10L9.26929 5.8699L7.81386 2H4.06294C2.93539 2 2.04748 2.93178 2.21588 4.04668C2.63629 6.83 3.87587 11.8765 7.49934 15.5C11.3045 19.3052 16.785 20.9564 19.8013 21.6127C20.9661 21.8662 21.9993 20.9575 21.9993 19.7655V16.1812L18.1175 14.702Z' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.form-group.bx-soa-customer-field[name="EMAIL"] {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 19.1245C15.9791 20.3003 14.0712 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 17.5 15 17.5 15 14C15 12 15 8 15 8' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 12V10.5C15 9.11929 13.6569 8 12 8C10.3431 8 9 9.11929 9 10.5V12' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 12V13.5C15 14.8807 13.6569 16 12 16C10.3431 16 9 14.8807 9 13.5V12' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.disabled .checkout-block__delivery-form__method,
.disabled .checkout-block__payment-form__method,
.bx-soa-section.disabled input,
.bx-soa-section.disabled textarea,
.bx-soa-section.disabled .checkout-block__contacts-data-head__method {
	pointer-events: none;
	cursor: not-allowed;
}

.checkout-block__login-form__btn.auth-btn[disabled],
.checkout-side__total-block__submit-btn[disabled] {
	color: #332947;
	background: #f1f5f9;
	cursor: default;
}

@media only screen and (max-width: 1024px) {
	.checkout-block__contacts-data-form__inputs .form-control {
		height: unset;
	}
}

.dellin-popup:not(.visible) {
	opacity: 0;
	visibility: hidden;
	transform: translate(-50%, -50%) scale(.75);
}

.dellin-popup {
	overflow: auto;
	max-height: 100%;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 100%;
	max-width: 1256px;
	display: flex;
	flex-flow: column;
	background-color: #fff;
	box-shadow: 0 0 20px #0003;
	transform: translate(-50%, -50%);
	padding: 32px 24px;
	box-sizing: border-box;
	color: #332947;
	z-index: 9999;
	border-radius: 8px;
	transition: opacity .3s cubic-bezier(.175, .885, .32, 1.275), visibility .3s cubic-bezier(.175, .885, .32, 1.275), transform .3s cubic-bezier(.175, .885, .32, 1.275);
}

.dellin-popup__title {
	font-size: 24px;
	font-weight: 600;
	line-height: 32px;
	margin-bottom: 24px;
}

#bx-soa-delivery .bx-soa-pp-company {
	z-index: 9;
}

#pvzBoxberry {
	display: none !important;
}

.form-group.bx-soa-customer-field input,
.form-group.bx-soa-customer-field textarea {
	background-color: #f1f5f9 !important;
}



/* ----- PERSONAL ----- */
.modal_change_pass {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 100%;
	max-width: 536px;
	display: flex;
	flex-flow: column;
	border-radius: 8px;
	background-color: #fff;
	box-shadow: 0 0 20px #0003;
	transform: translate(-50%, -50%);
	padding: 32px 24px;
	box-sizing: border-box;
	color: #332947;
	z-index: 9999;
	transition: opacity .3s cubic-bezier(.175, .885, .32, 1.275), visibility .3s cubic-bezier(.175, .885, .32, 1.275), transform .3s cubic-bezier(.175, .885, .32, 1.275);
}

.modal_change_pass:not(.visible) {
	opacity: 1;
	visibility: hidden;
	transform: translate(-50%, -50%) scale(.75);
}

.modal_change_pass-btn {
	height: 52px;
	margin-top: 16px;
	font-weight: 500;
	color: #fff;
	border-radius: 8px;
	background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
	width: 50%;
}

.modal_change_pass-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
}

.account-nav-link.hide {
	display: none;
}

.account-profile-order__main__list__item__amount {
	font-size: 1.45rem;
}

.account-profile-order__main__list__item__sum__group {
	height: unset;
}

.account-company-block__head {
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
	justify-content: space-between;
}

.account-company-block__head__edit-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	border-radius: 8px;
	background-color: #f1f5f9;
	margin-bottom: -20px;
}

.account-company-block__head__edit-btn svg {
	width: 24px;
	height: 24px;
	stroke: #81848a;
	stroke-width: 1.5px;
}

.account-company-block__form__buttons {
	display: grid;
	grid-template-columns: repeat(2, 260px);
	gap: 24px;
}

.account-company-block__form__buttons__btn {
	height: 52px;
	font-weight: 500;
	color: #fff;
	border-radius: 8px;
	cursor: pointer;
}

.account-company-block__form__buttons__btn:not(.account-company-block__form__buttons__btn--primary) {
	background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
}

.account-company-block__form__buttons__btn--primary {
	color: #332947;
	background-color: #f1f5f9;
}

.account-company-block__grid input {
	height: 52px;
	padding: 0 16px;
	font-size: 14px;
	border-radius: 8px;
	background-color: #f1f5f9;
	background-repeat: no-repeat;
	background-position: center left 16px;
	background-size: 24px;
	width: 100%;
	box-sizing: border-box;
}

.account_cancel_order {
	display: flex;
	flex-flow: column;
	gap: 32px;
	padding: 32px;
	border-radius: 8px;
	background-color: #fff;
	color: #332947;
}

.account_cancel_order form {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

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

.account_cancel_order-textarea textarea {
	padding: 16px;
	font-size: 14px;
	border-radius: 8px;
	background-color: #f1f5f9;
	background-repeat: no-repeat;
	background-position: center left 16px;
	background-size: 24px;
	width: 100%;
	box-sizing: border-box;
}

.account_cancel_order-buttons {
	display: flex;
	gap: 8px;
}

.account_cancel_order-buttons .btn {
	height: 52px;
	font-weight: 500;
	color: #fff;
	border-radius: 8px;
	cursor: pointer;
	flex: 1;
}

.account_cancel_order-submit {
	background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
}

.account_cancel_order-buttons a.btn {
	color: #332947;
	background-color: #f1f5f9;
	text-align: center;
	align-content: center;
}

@media only screen and (max-width: 1200px) {
	.account-company-block__form__buttons {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* ----- FAVORITES ----- */
.favorites-product label[disabled=disabled] {
	cursor: not-allowed;
}

.favorites-content_empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 50%;
	margin: 0 auto;
}

.product-item-cart-btn {
	font-weight: 500;
	color: #fff;
}

@media only screen and (min-width: 1024px) {
	.favorites-product .product-item-name {
		overflow: unset;
		width: 180%;
		display: flex;
	}

	.favorites-product .product-item-cart-btn__count {
		display: none;
	}
}

@media only screen and (min-width: 1025px) and (max-width: 1440px) {
	.favorites-product .product-item-name {
		width: calc(50vw - 3rem* 4);
	}
}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {
	.favorites-product .product-item-name {
		width: calc(50vw - 3rem* 5);
	}
}

@media only screen and (min-width: 1024px) {
	.favorites-product .product-item-cart-btn {
		width: 100%;
	}
}

@media only screen and (max-width: 576px) {
	.favorites-content_empty {
		width: unset;
	}
}

/* ----- COMPARE ----- */
.product-comparison-head__control__radio__main {
	z-index: unset;
}

.product-comparison-head__control__radio__main:hover,
.product-comparison-head__control__radio__main:focus {
	color: #81848a;
}

.product-comparison-head__control__radio__main.current {
	color: #fff;
	background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
}

.product-comparison-list__item__remove-btn {
	text-align: center;
	align-content: center;
}

.product-comparison-head__menu-btn span {
	cursor: pointer;
}

.product-comparison-list__item__params {
	box-sizing: border-box;
}

.notetext {
	display: flex;
	max-width: 1688px;
	margin: 0 auto;
	color: #fff !important;
}

.without--pagination {
	padding-top: 34px;
}

.product-comparison-list__item .product-item-inf a {
	height: 100%;
}

@media only screen and (max-width: 576px) {
	.product-comparison-list__item .product-item-cover .product-item-img {
		max-width: 100%;
	}

	.product-comparison-list__item .product-item-cover .product-item-img img {
		max-width: 100%;
		max-height: 100%;
		object-fit: contain;
	}
}

/* ----- BRANDS ----- */
.brand-item-options li.hidden {
	display: none;
}

/* ----- BLOG ----- */
.template-page-main .products-slider-container .products-slider-prev-btn,
.template-page-main .products-slider-container .products-slider-next-btn {
	display: none;
}

.blog-post-menu-wrapper {
	position: sticky;
	top: 15px;
}

.blog-post-menu-link:hover {
	color: initial;
}

.blog-post-main h1 {
	font-size: 48px;
	font-weight: 600;
	line-height: 3rem;
}

.blog-post_detail-text h2 {
	font-size: 36px;
	font-weight: 600;
	line-height: 2.5rem;
}

.blog-post_detail-text h3 {
	font-size: 30px;
	font-weight: 600;
	line-height: 2.25rem;
}

.blog-post_detail-text h4 {
	font-size: 24px;
	font-weight: 600 !important;
	line-height: 2rem;
}

.blog-post_detail-text b {
	font-weight: bold;
}

.blog-post_detail-text i {
	font-style: italic;
}

/* .blog-post_detail-text ul {
    list-style: inside;
} */

.blog-post_detail-text ol {
	list-style-type: decimal;
}

.blog-post_detail-text ul,
.blog-post_detail-text ol {
	display: flex;
	flex-direction: column;
	gap: 12px;
	list-style: inside;
}

.blog-post_detail-text .product-item-labels {
	flex-direction: unset;
	gap: 8px;
}

.blog-post_detail-text .products-slider-item a {
	position: unset;
	background-image: unset;
	-webkit-background-clip: unset;
	-moz-background-clip: unset;
	-webkit-text-fill-color: unset;
	-moz-text-fill-color: unset;
}

.blog-post_detail-text .products-slider-item .product-item-cart-btn {
	background-image: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
}

.blog-post_detail-text .blog-posts-banner {
	margin: 20px 0px;
}

.blog-post_detail-text .banner-primary-title {
	font-size: 24px;
	line-height: 28px;
}

.blog-post_detail-text .banner-primary-inf {
	padding: 32px 0 32px 32px;
}

.blog-post_detail-text .banner-primary-btn {
	position: unset;
	background-clip: unset;
	-webkit-text-fill-color: unset;
}

.blog-post-main .products-slider-container .products-slider-prev-btn,
.blog-post-main .products-slider-container .products-slider-next-btn {
	display: none;
}

.blog-post-main .product-item-functions {
	display: none;
}

@media only screen and (max-width: 1024px) {
	h1.title-l {
		font-size: 36px;
		font-weight: 600;
		line-height: 2.5rem;
	}

	.blog-post_detail-text h2 {
		font-size: 30px;
		font-weight: 600;
		line-height: 2.25rem;
	}

	.blog-post_detail-text h3 {
		font-size: 24px;
		font-weight: 600;
		line-height: 2rem;
	}

	.blog-post_detail-text h4 {
		font-size: 20px;
		font-weight: 600 !important;
		line-height: 1.75rem;
	}
}

@media only screen and (min-width: 576px) {
	.blog-post_detail-text .blog-posts-banner {
		grid-template-columns: 1fr 1fr;
		min-height: 200px;
	}
}

/* ----- POPUPS ----- */
.fast-cart-popup__input-wrapper {
	position: relative;
}

.fast-cart-popup__input-wrapper .input_email-icon {
	position: absolute;
	left: 16px;
	top: 74px;
}

.fast-cart-popup__input-wrapper .input_phone-icon {
	position: absolute;
	left: 16px;
	top: 14px;
}

.fast-cart-popup__input--phone,
.vacancy-popup__form__input--email {
	background-image: none;
}

.fast-cart-popup .fast-cart-popup__input-wrapper .input_phone-icon {
	top: 42px;
}

.authorization-popup:not(.visible) {
	opacity: 0;
	visibility: hidden;
	transform: translate(-50%, -50%) scale(.75);
}

.authorization-popup {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 100%;
	display: flex;
	flex-flow: column;
	background-color: #fff;
	box-shadow: 0 0 20px #0003;
	transform: translate(-50%, -50%);
	padding: 32px 24px;
	box-sizing: border-box;
	color: #332947;
	z-index: 9999;
	border-radius: 8px;
	transition: opacity .3s cubic-bezier(.175, .885, .32, 1.275), visibility .3s cubic-bezier(.175, .885, .32, 1.275), transform .3s cubic-bezier(.175, .885, .32, 1.275);
}

.authorization-popup__close-btn {
	position: absolute;
	top: 16px;
	right: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
}

.authorization-popup__close-btn svg {
	width: 100%;
	height: 100%;
	stroke: #ccced1;
	stroke-width: 1.5px;
	transition: stroke .3s ease;
}

.authorization-popup__title {
	font-weight: 600;
	font-size: 24px;
	line-height: 32px;
}

.authorization-popup__form {
	margin: 32px 0 0;
	border-top: 1.5px solid #f1f5f9;
}

.authorization-popup__form__input-wrapper {
	display: flex;
	flex-flow: column;
	gap: 16px;
	margin-top: 32px;
	position: relative;
}

#authorization_form .authorization-popup__form__input-wrapper {
	margin-bottom: 32px;
}

.authorization-popup__form__input {
	height: 52px;
	font-size: 14px;
	border-radius: 8px;
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: center left 16px;
	background-color: #f1f5f9;
	padding: 0 16px 0 48px;
}

.authorization-popup__form__input.error {
	border: 1.5px solid #FF373A;
	color: #FF373A;
}

.authorization-popup__form__input--login,
.authorization-popup__form__input--password {
	background-image: none;
}

#registration_form .authorization-popup__form__input--login {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 19.1245C15.9791 20.3003 14.0712 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 17.5 15 17.5 15 14C15 12 15 8 15 8' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 12V10.5C15 9.11929 13.6569 8 12 8C10.3431 8 9 9.11929 9 10.5V12' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 12V13.5C15 14.8807 13.6569 16 12 16C10.3431 16 9 14.8807 9 13.5V12' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

#registration_form .authorization-popup__form__input--password {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6H20C21.1046 6 22 6.89543 22 8V16C22 17.1046 21.1046 18 20 18H4C2.89543 18 2 17.1046 2 16V8C2 6.89543 2.89543 6 4 6Z' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 8.5H6.5M6.5 8.5H8M6.5 8.5V15.5M6.5 15.5H5M6.5 15.5H8' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.authorization-popup__form__input-wrapper .input_login-icon {
	position: absolute;
	left: 17px;
	top: 15px;
}

.authorization-popup__form__input-wrapper .input_password-icon {
	position: absolute;
	left: 17px;
	top: 84px;
}

.authorization-popup__form__input-wrapper .input_login-icon svg,
.authorization-popup__form__input-wrapper .input_password-icon svg,
.fast-cart-popup__input-wrapper .input_email-icon svg,
.fast-cart-popup__input-wrapper .input_phone-icon svg {
	height: 24px;
}

.authorization-popup__form__input--login:-webkit-autofill,
.authorization-popup__form__input--password:-webkit-autofill,
.fast-cart-popup__input:-webkit-autofill,
.vacancy-popup__form__input:-webkit-autofill,
form input:-webkit-autofill {
	border: none;
	-webkit-text-fill-color: black !important;
	-webkit-box-shadow: 0 0 0px 1000px #f1f5f9 inset !important;
}

.authorization-popup__footer {
	display: flex;
	flex-flow: column;
	gap: 16px;
	border-top: 1.5px solid #f1f5f9;
}

.authorization-popup__submit-btn {
	height: 52px;
	margin-top: 32px;
	font-weight: 500;
	color: #fff;
	border-radius: 8px;
	background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
}

.authorization-popup__footer__text {
	margin-top: 8px;
	font-size: 12px;
	line-height: 16px;
	color: #81848a;
	text-align: center;
}

.authorization-popup__form-licence_block {
	display: flex;
	align-items: center;
	gap: 8px;
}

.authorization-popup__form-licence_block label {
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	color: #332947;
}

.input-checkbox input:checked~.input-checkbox__box {
	fill: #fff;
}

.authorization-popup__submit-btn.disabled {
	background: #f1f5f9;
	color: #332947;
	cursor: not-allowed;
}

.authorization-popup__form__input-wrapper .toggle-password {
	position: absolute;
	right: 14px;
	top: 85px;
	max-height: 24px;
}

.authorization-popup__form__input-wrapper .toggle-password.confirm {
	top: 150px;
}

.toggle-password svg {
	cursor: pointer;
	stroke: #332947;
}

.cheaper-popup__form__inputs {
	position: relative;
}

.cheaper-popup__form__inputs .input_login-icon {
	position: absolute;
	left: 15px;
	bottom: 15px;
	height: 24px;
	width: 24px;
}

.help-with-choosing-popup__form__input--email {
	background-image: none;
}

.help-with-choosing-popup,
.fast-cart-popup,
.cheaper-popup {
	max-height: 100%;
	overflow: auto;
}

.help-with-choosing-popup .success-popup,
.fast-cart-popup .success-popup,
.cheaper-popup .success-popup {
	position: relative;
	transform: unset;
	top: unset;
	left: unset;
	width: unset;
	margin: -32px -24px;
}

@media only screen and (max-width: 1024px) {

	.help-with-choosing-popup .success-popup,
	.fast-cart-popup .success-popup,
	.cheaper-popup .success-popup {
		margin: -24px -16px;
	}
}

.vacancy-popup:not(.visible) {
	opacity: 0;
	visibility: hidden;
	transform: translate(-50%, -50%) scale(.75);
}

.vacancy-popup {
	overflow: auto;
	max-height: 100%;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 100%;
	max-width: 540px;
	display: flex;
	flex-flow: column;
	background-color: #fff;
	box-shadow: 0 0 20px #0003;
	transform: translate(-50%, -50%);
	padding: 32px 24px;
	box-sizing: border-box;
	color: #332947;
	z-index: 9999;
	border-radius: 8px;
	transition: opacity .3s cubic-bezier(.175, .885, .32, 1.275), visibility .3s cubic-bezier(.175, .885, .32, 1.275), transform .3s cubic-bezier(.175, .885, .32, 1.275);
}

.vacancy-popup__close-btn {
	position: absolute;
	top: 16px;
	right: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
}

.vacancy-popup__close-btn svg {
	width: 100%;
	height: 100%;
	stroke: #ccced1;
	stroke-width: 1.5px;
	transition: stroke .3s ease;
}

.vacancy-popup__title {
	font-weight: 600;
	font-size: 24px;
	line-height: 32px;
}

.vacancy-popup__form {
	display: flex;
	flex-flow: column;
	gap: 16px;
	margin-top: 32px;
}

.vacancy-popup__form__input {
	height: 52px;
	font-size: 14px;
	border-radius: 8px;
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: center left 16px;
	background-color: #f1f5f9;
	padding: 0 16px 0 48px;
}

.vacancy-popup__form__input--name {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 20V19C5 15.134 8.13401 12 12 12C15.866 12 19 15.134 19 19V20' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 12C14.2091 12 16 10.2091 16 8C16 5.79086 14.2091 4 12 4C9.79086 4 8 5.79086 8 8C8 10.2091 9.79086 12 12 12Z' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.vacancy-popup__form__input--phone {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.1185 14.702L14.0003 15.5C11.2186 14.1038 9.50032 12.5 8.50032 10L9.27027 5.8699L7.81484 2H4.06392C2.93637 2 2.04846 2.93178 2.21686 4.04668C2.63727 6.83 3.87685 11.8765 7.50032 15.5C11.3055 19.3052 16.786 20.9564 19.8023 21.6127C20.9671 21.8662 22.0003 20.9575 22.0003 19.7655V16.1812L18.1185 14.702Z' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.vacancy-popup__form__input--email {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 19.1245C15.9791 20.3003 14.0712 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 17.5 15 17.5 15 14C15 12 15 8 15 8' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 12V10.5C15 9.11929 13.6569 8 12 8C10.3431 8 9 9.11929 9 10.5V12' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 12V13.5C15 14.8807 13.6569 16 12 16C10.3431 16 9 14.8807 9 13.5V12' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.vacancy-popup__form__submit-btn {
	height: 52px;
	margin-top: 16px;
	font-weight: 500;
	color: #fff;
	border-radius: 8px;
	background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
}

.vacancy-popup__form__desc {
	margin-top: 8px;
	font-size: 12px;
	line-height: 16px;
	color: #81848a;
}

.offers-popup:not(.visible) {
	opacity: 0;
	visibility: hidden;
	transform: translate(-50%, -50%) scale(.75);
}

.offers-popup {
	overflow: auto;
	max-height: 100%;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 100%;
	max-width: 540px;
	display: flex;
	flex-flow: column;
	background-color: #fff;
	box-shadow: 0 0 20px #0003;
	transform: translate(-50%, -50%);
	padding: 32px 24px;
	box-sizing: border-box;
	color: #332947;
	z-index: 9999;
	border-radius: 8px;
	transition: opacity .3s cubic-bezier(.175, .885, .32, 1.275), visibility .3s cubic-bezier(.175, .885, .32, 1.275), transform .3s cubic-bezier(.175, .885, .32, 1.275);
}

.offers-popup__close-btn {
	position: absolute;
	top: 16px;
	right: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
}

.offers-popup__close-btn svg {
	width: 100%;
	height: 100%;
	stroke: #ccced1;
	stroke-width: 1.5px;
	transition: stroke .3s ease;
}

.offers-popup__title {
	font-weight: 600;
	font-size: 24px;
	line-height: 32px;
}

.offers-popup__main {
	display: grid;
	grid-template-columns: auto auto auto;
	gap: 12px;
	margin-top: 24px;
}

.offers-popup__photo {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	aspect-ratio: 1 / 1;
	border-radius: 8px;
	background-color: #f1f5f9;
	padding: 8px;
	box-sizing: border-box;
	max-width: 60px;
}

.offers-popup__photo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
	pointer-events: none;
}

.offers-popup__inf {
	display: flex;
	flex-flow: column;
	gap: 16px;
	margin-right: 12px;
}

.offers-popup__name {
	display: -webkit-box;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.offers-popup__params {
	display: flex;
	flex-flow: column;
	gap: 8px;
}

.offers-popup__params li {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	gap: 16px;
	font-size: 12px;
	line-height: 16px;
}

.offers-popup__params li span:nth-child(1) {
	color: #81848a;
}

.offers-popup-price-block {
	flex: 1;
	display: flex;
	flex-flow: column;
	gap: 16px;
}

.offers-popup-prices {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.offers-popup-amount {
	font-size: 20px;
	line-height: 28px;
	white-space: nowrap;
	background-image: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
	background-size: 100%;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-text-fill-color: transparent;
}

.offers-popup-amount-sale {
	font-size: 12px;
	line-height: 20px;
	color: #81848a;
	text-decoration: line-through;
}

.offers-popup-sale {
	position: relative;
	display: none;
	align-items: center;
	justify-content: flex-end;
	margin-left: auto;
	width: 66px;
	height: 32px;
	background-repeat: no-repeat;
	background-position: center right;
	background-size: cover;
	background-image: url(/rbs/dist/images/sale.svg);
}

.offers-popup-sale span {
	font-weight: 600;
	line-height: 24px;
	color: #fff;
	margin-right: 11px;
}

.offers-popup .product-view-inf-section__tab-modifications__products {
	padding: 16px 24px !important;
	margin: 32px -24px 32px !important;
	border-top: 1.5px solid #f1f5f9;
	border-bottom: 1.5px solid #f1f5f9;
	display: flex;
	flex-flow: column;
	gap: 16px;
	max-height: 300px;
	overflow-y: auto;
}

.offers-popup .product-view-inf-section__tab-modifications__product {
	cursor: pointer;
	display: flex;
	flex-flow: row nowrap;
	gap: 12px;
	padding: 0;
	max-width: unset;
	border-radius: unset;
	background-color: unset;
	box-sizing: unset;
	color: unset;
}

.offers-popup .product-view-inf-section__tab-modifications__product:not(:last-child) {
	border-bottom: 1.5px solid #f1f5f9;
	padding-bottom: 16px;
}

.offers-popup .product-view-inf-section__tab-modifications__product input[type=radio] {
	display: none;
}

.offers-popup__modifications__list__item__radio {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	margin-top: 2px;
	border-radius: 50%;
	border: 1.5px solid #c0c1c4;
	box-sizing: border-box;
}

.offers-popup__modifications__list__item__radio:before {
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
	transform: scale(0);
	opacity: 0;
	visibility: hidden;
	transition: transform .3s cubic-bezier(.175, .885, .32, 1.275), opacity .3s cubic-bezier(.175, .885, .32, 1.275), visibility .3s cubic-bezier(.175, .885, .32, 1.275);
}

input[type=radio]:checked~.offers-popup__modifications__list__item__radio:before {
	opacity: 1;
	transform: none;
	visibility: visible;
}

.offers-popup__modifications__list__item__main {
	flex: 1;
	display: flex;
	flex-flow: column;
	gap: 8px;
}

.offers-popup__modifications__list__item__main-head {
	display: flex;
	justify-content: space-between;
	gap: 12px;
}

.offers-popup__modifications__list__item__main-title {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.offers-popup__modifications__list__item__name {
	font-weight: 500;
	line-height: 24px;
}

.offers-popup__modifications__list__item__availible {
	font-size: 12px;
	line-height: 16px;
	color: #F54B4B;
}

.offers-popup__modifications__list__item__desc {
	font-size: 12px;
	line-height: 16px;
	color: #81848a;
}

.offers-popup__modifications__list__item__main-head .offers-popup-price {
	flex: unset
}

.offers-popup__submit-btn {
	min-height: 52px;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	border-radius: 8px;
	background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
}

.offers-popup__submit-btn.disabled {
	background: #f1f5f9;
	color: #332947;
	cursor: not-allowed;
}

.review-popup__form__input--name,
.review-popup__form__input--email {
	min-width: 70%;
}

.review__popup {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 100%;
	max-width: 536px;
	display: flex;
	flex-flow: column;
	border-radius: 8px;
	background-color: #fff;
	box-shadow: 0 0 20px #0003;
	transform: translate(-50%, -50%);
	padding: 32px 24px;
	box-sizing: border-box;
	color: #332947;
	z-index: 9999;
	transition: opacity .3s cubic-bezier(.175, .885, .32, 1.275), visibility .3s cubic-bezier(.175, .885, .32, 1.275), transform .3s cubic-bezier(.175, .885, .32, 1.275);
}

.review-popup__product__sale {
	text-decoration: line-through;
}

.review__popup:not(.visible) {
	opacity: 0;
	visibility: hidden;
	transform: translate(-50%, -50%) scale(.75);
}

.review-popup:not(.question-popup) {
	height: 100%;
}

.review-popup__form-wrapper {
	height: 100%;
}

.product-view-inf-section__tab-modifications__product__buttons,
.product-view-inf-section__tab-consumables__product__buttons {
	justify-content: flex-end;
}

.help-with-choosing-popup__form__input {
	min-width: 70%;
}

.fast-cart-popup {
	position: fixed;
	top: 50% !important;
	transform: translate(-50%, -50%);
}

.request-price-popup:not(.visible) {
	opacity: 0;
	visibility: hidden;
	transform: translate(-50%, -50%) scale(.75);
}

.request-price-popup {
	position: fixed;
	left: 50%;
	width: 100%;
	max-width: 536px;
	display: flex;
	flex-flow: column;
	border-radius: 8px;
	background-color: #fff;
	box-shadow: 0 0 20px #0003;
	transform: translate(-50%, -50%);
	padding: 32px 24px;
	box-sizing: border-box;
	color: #332947;
	top: 50% !important;
	z-index: 9999;
	transition: opacity .3s cubic-bezier(.175, .885, .32, 1.275), visibility .3s cubic-bezier(.175, .885, .32, 1.275), transform .3s cubic-bezier(.175, .885, .32, 1.275);
}

.review-popup .simplebar-placeholder {
	height: 100% !important;
}

.form__input--error {
	border: 1.5px #ff373a solid;
	outline: none;
}

.review-popup__form__rating--error {
	border: 1.5px #ff373a solid;
	border-radius: 5px;
}

@media only screen and (max-width: 576px) {
	.catalog-popup-menu-wrapper .simplebar-placeholder {
		height: 100% !important;
	}
}

.success_addtocart-popup:not(.visible) {
	opacity: 0;
	visibility: hidden;
	transform: translate(-50%, -50%) scale(.75);
}

.success_addtocart-popup {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 100%;
	max-width: 536px;
	display: flex;
	flex-flow: column;
	border-radius: 8px;
	background-color: #fff;
	box-shadow: 0 0 20px #0003;
	transform: translate(-50%, -50%);
	padding: 32px 24px;
	box-sizing: border-box;
	color: #332947;
	z-index: 9999;
	transition: opacity .3s cubic-bezier(.175, .885, .32, 1.275), visibility .3s cubic-bezier(.175, .885, .32, 1.275), transform .3s cubic-bezier(.175, .885, .32, 1.275);
}

.success_addtocart__close-btn {
	position: absolute;
	top: 16px;
	right: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
}

.success_addtocart__main {
	display: flex;
	flex-flow: column;
	align-items: center;
	text-align: center;
}

.success_addtocart__check-icon {
	width: 120px;
	aspect-ratio: 2 / 2;
	margin-top: 32px;
}

.success_addtocart__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 52px;
	margin-top: 32px;
	font-weight: 500;
	line-height: 24px;
	color: #fff;
	border-radius: 8px;
	background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
	box-sizing: border-box;
}

.popup__form__input--phone {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.1185 14.702L14.0003 15.5C11.2186 14.1038 9.50032 12.5 8.50032 10L9.27027 5.8699L7.81484 2H4.06392C2.93637 2 2.04846 2.93178 2.21686 4.04668C2.63727 6.83 3.87685 11.8765 7.50032 15.5C11.3055 19.3052 16.786 20.9564 19.8023 21.6127C20.9671 21.8662 22.0003 20.9575 22.0003 19.7655V16.1812L18.1185 14.702Z' stroke='%23C0C1C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: center left 16px;
}

@media only screen and (min-width: 576px) {
	.authorization-popup {
		border-radius: 8px;
		max-width: 536px;
		max-height: calc(100svh - 48px);
	}
}

@media only screen and (max-width: 576px) {
	.offers-popup__main {
		display: flex;
		flex-direction: column;
	}

	.offers-popup__inf {
		flex-direction: row;
	}

	.offers-popup-prices {
		flex-direction: row;
	}

	.offers-popup .product-view-inf-section__tab-modifications__products {
		margin: 24px -24px 24px !important;
	}

	.offers-popup .product-view-inf-section__tab-modifications__products {
		max-height: unset;
		overflow-y: visible;
	}
}

/* ----- SEARCH ----- */
.header-search-input__close-btn svg {
	transform: translateX(0.5px);
}

.header-search-results.visible {
	z-index: 11 !important;
	padding-top: 0px;
	max-height: max-content;
}

.header-search-input__btn {
	transform: unset;
	width: 46px;
	height: 46px;
}

.title-search-result {
	z-index: 9999;
}

/* .header-search-input__input:focus~.header-search-input__btn {
    transform: unset;
} */

.header-search-results__products__list__item,
.header-search-results__products__head__title {
	color: #332947;
}

.search-page .input-select-wrapper {
	max-width: max-content;
	margin-bottom: 24px;
}

.search-page.container {
	margin: 0 auto;
}

.header-search-input__close-btn {
	position: absolute;
	top: 2px;
	right: 2px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	color: #fff;
	border-radius: 8px;
	background: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
	opacity: 0;
	visibility: hidden;
	transform: scale(0);
	transition: opacity .3s cubic-bezier(.175, .885, .32, 1.275), visibility .3s cubic-bezier(.175, .885, .32, 1.275), transform .3s cubic-bezier(.175, .885, .32, 1.275);
	z-index: 2;
}

.header-search-input__close-btn svg {
	width: 70%;
	height: 70%;
	stroke: #fff;
	stroke-width: 1px;
}

@media only screen and (max-width: 576px) {
	.hide-for-mobile {
		display: none;
	}

	.header-search-results.visible {
		overflow: auto;
		height: calc(100svh - 120px);
	}

	.header-search-input__close-btn {
		top: 22px;
		right: 3px;
		width: 40px;
		height: 40px;
	}
}

@media only screen and (min-width: 576px) {
	.hide-for-desktop {
		display: none;
	}

	.header-search-input__btn {
		display: none;
	}
}

/* ----- TEMPLATE PAGE ----- */
.template-page-container {
	display: grid !important;
	grid-template-columns: 392px 1fr;
	gap: 40px;
}

.template-page-main {
	overflow: hidden;
}

.template-page-banner {
	display: flex;
	flex-flow: column;
	gap: 16px;
}

.template-page-banner__cover img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	pointer-events: none;
	border-radius: 8px;
	max-height: 360px;
	display: inline-block;
	margin-bottom: 32px;
}

.template-page-text {
	display: flex;
	flex-flow: column;
	gap: 12px;
	line-height: 24px;

}

.template-page-main>*:last-child {
	margin-bottom: 0 !important;
}

.template-page-main a {
	background-image: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
	background-size: 100%;
	background-clip: text;
	color: transparent;
}

.template-page-main h2 {
	font-size: 28px;
}

.template-page-main ul {
	list-style: inside;
}

@media only screen and (max-width: 1440px) {
	.template-page-container {
		grid-template-columns: 408px 1fr;
	}
}

@media only screen and (min-width: 1024px) {
	.template-page-title {
		display: none;
	}
}

@media only screen and (max-width: 1024px) {
	.template-page-container {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.template-page-title {
		margin-bottom: -8px;
	}
}

/* ------ FOOTER ------ */
.footer-menu-contacts__social-link--rutube:hover {
	transform: scale(.95);
	box-shadow: 0 2px 12px #1e0d99;
}

.footer-menu-contacts__social-link--rutube img {
	max-width: 32px;
}

/* google recaptcha */
.g-recaptcha-container {
	margin: 16px 0;
}

/* Смена заголовков на разной ширине экрана */
div[data-title="desktop"] {
	display: block;
}

div[data-title="mobile"] {
	display: none;
}

@media (max-width: 1024px) {
	div[data-title="desktop"] {
		display: none;
	}

	div[data-title="mobile"] {
		display: block;
	}
}

/* Детальная страница */
.product-view-section__side__wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.product-view-section__side__wrapper .product-view-section__side__price__status {
	margin-top: 0;
}

/* Заголовной на главной странице */
.title-l.title-main {
	text-align: center;
	margin: 24px 0 8px 0;
}

/* Согласие в формах */
.form-agree label {
	display: inline;
	font-size: 14px;
}

/* Amo crm buttons */
.amo-button-holder {
	z-index: 999999 !important;
}

/* Иконка телефона на мобилке */
.header-mobile-phone-link {
	display: none;
}

.header-mobile-phone-link__icon {
	display: flex;
	width: 44px;
	height: 44px;
	fill: #fff;
}

@media (max-width: 576px) {
	.header-mobile-phone-link {
		display: inline-block;
	}
}

/* Обёртка для видео с iframe */
.video-wrapper {
	height: 60vw;
	max-width: 720px;
	max-height: 405px;
	min-height: 240px;
}

.video-wrapper>iframe {
	width: 100%;
	height: 100%;
}

/* Дополнительная стилизация для элементов */
.product-view-inf-section__tab-desc__text ol {
	margin: 1em 0;
	padding-left: 0;
	list-style-type: decimal;
}

.product-view-inf-section__tab-desc__text ol li {
	margin-bottom: 0.5em;
	line-height: 1.5;
}

.product-view-inf-section__tab-desc__text table {
	/* border-collapse: collapse; */
	width: 100%;
	/* border: 1px solid white; */
	/* color: white; */
}

.product-view-inf-section__tab-desc__text table th,
.product-view-inf-section__tab-desc__text table td {
	border: 1px solid white;
	padding: 8px;
	text-align: left;
}

.product-view-inf-section__tab-desc__text {
	display: block;
}

.product-view-inf-section__tab-desc__text>* {
	margin-bottom: 12px;
}


/* Контейнер слайдера */
.product-view-section__gallery__sliders {
	position: relative;
	min-height: 300px;
}

/* Блок с текстом поверх слайдера */
.free_delivery {
	position: absolute;
	bottom: 76px;
	right: 5px;
	transform: translateY(-50%);
	z-index: 100;
	width: auto;
	height: 30px;
	background: linear-gradient(90.44deg, #6F5AFF 0.38%, #F91BBD 102.67%);
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 10px;
}

@media (max-width: 576px) {
	.free_delivery {
		bottom: 0;
	}
}

/* Блок в карточке товара */
.product-item-inf {
	text-align: center;
	position: relative;
}

.free_delivery_list {
	width: 222px;
	height: 30px;
	background: linear-gradient(90.44deg, #6F5AFF 0.38%, #F91BBD 102.67%);
	border-radius: 10px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* Текст внутри обоих блоков */
.free_delivery_text,
.free_delivery_list_text {
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 0.8rem;
	line-height: 15px;
	color: #FFFFFF;
}

.product-view-section__characteristics__item__text {
	max-width: 40%;
}

@media only screen and (min-width: 576px) and (max-width: 1342px) {
	.product-view-section__grid {
		gap: 32px;
		grid-template-columns: 428px;
		grid-template-areas:
			"gallery"
			"inf"
			"survey";
	}
}

@media only screen and (max-width: 1160px) {
	.products-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media only screen and (max-width: 520px) {
	.products-grid {
		grid-template-columns: repeat(1, 1fr);
	}
}

.product-view-section__video {
	height: 300px;
	background: black;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
}

.product-view-section__video div {
	z-index: 100;
	position: absolute;
	top: 50%;
	left: 50%;
	background: linear-gradient(91.88deg, #4D3BC9 8.64%, #A027D6 59.14%, #DD2C81 106.57%);
	width: 58px;
	height: 58px;
	border-radius: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translate(-50%, -50%);
}

.fancybox-content {
	width: 800px !important;
	height: 452px !important;
}

/* Карточка товара - Restyle */
.product-view-inf-section__tab-characteristics__columns {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 40px;
}

.header-catalog-btn:hover,
.big-slider-item__btn:hover,
.header-call-btn:hover,
.call-big-form__submit-btn:hover {
	background: linear-gradient(91.88deg, #4D3BC9 8.64%, #A027D6 59.14%, #DD2C81 106.57%);
}

.big-slider-item__btn {
	cursor: pointer;
}

@media only screen and (max-width: 576px) {
	.product-view-inf-section__tab-characteristics__columns {
		grid-template-columns: repeat(1, 1fr);
	}
}

.product-view-inf-section__tab-characteristics__row__title {
	text-transform: none;
}

.product-view-inf-section__tab-characteristics__row__grid li {
	display: grid;
	grid-template-columns: 50% 1fr;
	gap: 24px;
}

@media only screen and (max-width: 1024px) {
	.product-view-inf-section__tab-characteristics__row__grid li {
		grid-template-columns: 50% 1fr;
		gap: 24px;
	}
}

@media only screen and (max-width: 576px) {
	.product-view-inf-section__tab-characteristics__row__grid li {
		grid-template-columns: 50% 1fr;
		gap: 16px;
	}
}

.product-view-inf-section__tab-drivers__block__list__item {
	background-color: #F1F5F9;
	max-width: unset;
	position: relative;
	z-index: 0;
}

.product-view-inf-section__tab-drivers__block__list__item:hover:before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 8px;
	padding: 2px;
	margin: 1px;
	background: linear-gradient(90deg, #6F5AFF, #B33BFF, #EC36B6);
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	z-index: -1;
}

.product-view-inf-section__tab-drivers__block__list__item__doc-icon {
	stroke: #50426C;
	opacity: 1;
}

.product-view-inf-section__tab-drivers__block__list__item__stat li span {
	opacity: 1;
}

.product-view-inf-section__tab-drivers__block__list__item__download-btn {
	background-color: transparent;
	gap: 16px;
}

.product-view-inf-section__tab-drivers__block__list__item__download-btn svg {
	stroke: #50426C;
	width: 20px;
}

.product-view-inf-section__tab-accessories__nav-btn.active {
	color: #fff;
}

.product-view-inf-section__tab-accessories__nav-btn {
	background: #F1F5F9;
}

@media only screen and (min-width: 1280px) {
	.product-view-inf-section__tab-drivers__block__list__item__download-btn:hover {
		background-color: transparent;
	}
}

.product-view-inf-section__tab-accessories__nav-btn:hover {
	background: #e1e5e9;
}

@media only screen and (min-width: 1280px) {
	.product-view-inf-section__tab-accessories__nav-btn:hover {
		background: #e1e5e9;
	}
}

.product-view-inf-section__tab-accessories__grid {
	gap: 8px;
	display: flex;
	flex-direction: column;
}

@media only screen and (max-width: 576px) {
	.product-view-inf-section__tab-accessories__grid {
		flex-direction: row;
		overflow-x: auto;
	}
}

.product-view-inf-section__tab-accessories__grid .product-item-amount {
	white-space: nowrap;
	color: #000;
	font-weight: 500;
	background-image: unset;
	background-size: unset;
	-webkit-background-clip: unset;
	-moz-background-clip: unset;
	-webkit-text-fill-color: unset;
	-moz-text-fill-color: unset;
}

.product-view-inf-section__tab-download-btn {
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	aspect-ratio: 2 / 2;
	border-radius: 8px;
}


.product-view-inf-section__tab-accessories__cards-block .product-item {
	display: flex;
	flex-flow: row;
	gap: 16px;
	padding: 0;
	border-radius: 8px;
	background-color: #fff;
	box-sizing: border-box;
	color: #332947;
	flex-flow: row;
	background-color: #F1F5F9;
	border-radius: 8px;
	position: relative;
	z-index: 0;
}

@media only screen and (max-width: 576px) {
	.product-view-inf-section__tab-accessories__cards-block .product-item {
		flex-flow: column;
		padding: 12px;
	}
}

.product-view-inf-section__tab-accessories__cards-block .product-item:hover:before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 8px;
	padding: 2px;
	margin: 1px;
	background: linear-gradient(90deg, #6F5AFF, #B33BFF, #EC36B6);
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	z-index: -1;
}

.product-view-inf-section__tab-accessories__cards-block .product-item-img {
	background-color: unset;
}

@media only screen and (max-width: 576px) {
	.product-view-inf-section__tab-accessories__cards-block .product-item-img {
		padding: 0;
	}
}

.product-view-inf-section__tab-accessories__cards-block .product-item-img img {
	max-height: 68px;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	max-width: unset;
	width: unset;
	margin-right: 10px;
}

@media only screen and (max-width: 576px) {
	.product-view-inf-section__tab-accessories__cards-block .product-item-img img {
		max-height: 240px;
	}
}

.product-view-inf-section__tab-accessories__cards-block .product-item-inf {
	display: flex;
	flex-flow: column;
	gap: 16px;
	justify-content: center;
	margin-right: auto;
}

.product-view-inf-section__tab-accessories__cards-block .product-item-inf a {
	min-height: unset;
}

.product-view-inf-section__tab-accessories__cards-block .product-item-labels {
	display: none;
}

.product-view-inf-section__tab-accessories__cards-block .product-item-like-btn,
.product-view-inf-section__tab-accessories__cards-block .product-item-compare-btn {
	background-color: #fff;
}

.product-view-inf-section__tab-accessories__cards-block .product-item-cart-btn {
	margin-right: 16px;
}

@media only screen and (max-width: 576px) {
	.product-view-inf-section__tab-accessories__cards-block .product-item-cart-btn {
		margin-right: 0;
	}
}

.product-view-inf-section__tab-accessories__cards-block .product-item-footer {
	display: flex;
	flex-flow: row nowrap;
	gap: 16px;
}

@media only screen and (max-width: 576px) {
	.product-view-inf-section__tab-accessories__cards-block .product-item-footer {
		gap: 4px;
	}
}

.product-view-inf-section__tab-accessories__cards-block .product-item-group {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	gap: 12px;
}

@media only screen and (max-width: 576px) {
	.product-view-inf-section__tab-accessories__cards-block .product-item-group {
		gap: 4px;
	}
}

.product-view-inf-section__tab-reviews__item {
	display: flex;
	flex-flow: column;
	gap: 16px;
	padding: 24px;
	border-radius: 8px;
	background-color: unset;
	position: relative;
	z-index: 0;
}

.product-view-inf-section__tab-reviews__item:before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 8px;
	padding: 2px;
	margin: 1px;
	background: linear-gradient(90deg, #6F5AFF, #B33BFF, #EC36B6);
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	z-index: -1;
}

.product-view-inf-section__tab-reviews__rating {
	border-radius: 8px;
	background-color: #F1F5F9;
}

.product-view-inf-section__tab-reviews__help-btn,
.product-view-inf-section__tab-reviews__review-btn {
	color: #fff;
}

.product-view-inf-section__tab-modifications__product__add-to-cart-btn svg,
.product-view-inf-section__tab-consumables__product__add-to-cart-btn svg {
	stroke: #fff !important;
}

.product-view-inf-section__tab-modifications__product,
.product-view-inf-section__tab-consumables__product {
	background-color: #F1F5F9;
	max-width: unset;
	position: relative;
	z-index: 0;
}

@media only screen and (max-width: 576px) {

	.product-view-inf-section__tab-modifications__product,
	.product-view-inf-section__tab-consumables__product {
		padding: 16px;
		gap: 8px;
	}
}

.product-view-inf-section__tab-modifications__product:hover:before,
.product-view-inf-section__tab-consumables__product:hover:before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 8px;
	padding: 2px;
	margin: 1px;
	background: linear-gradient(90deg, #6F5AFF, #B33BFF, #EC36B6);
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	z-index: -1;
}


@media only screen and (max-width: 576px) {

	.product-view-inf-section__tab-modifications__filters-mobile,
	.product-view-inf-section__tab-consumables__filters-mobile {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}

	.product-view-inf-section__tab-modifications__filters-mobile .input-select {
		padding: 0 42px 0 0;
	}

	.product-view-inf-section__tab-modifications,
	.product-view-inf-section__tab-consumables {
		gap: 16px;
	}
}

.product-view-inf-section__tab-modifications__product__amount,
.product-view-inf-section__tab-consumables__product__amount {
	color: #000;
	background-image: unset;
	background-size: unset;
	-webkit-background-clip: unset;
	-moz-background-clip: unset;
	-webkit-text-fill-color: unset;
	-moz-text-fill-color: unset;
}

.product-view-inf-section__tab-desc__text {
	font-size: 14px;
	line-height: 24px;
	color: #383838;
}

.product-view-inf-section__tab-desc__text p {
	opacity: unset;
}

@media only screen and (max-width: 400px) {
	.pagination-number-link {
		width: 32px;
		height: 32px;
	}
}

@media only screen and (max-width: 768px) {
	.product-view-section__side__price__sum__amount:not(.product-view-section__side__price__sum__amount--gray) {
		font-size: 32px;
	}
}

.footer-menu-contacts__social-link--telegram {
	background: transparent;
	width: 29px;
	height: 29px;
}

.footer-menu-contacts__social-link--telegram svg {
	width: 28px;
	height: 28px;
	scale: 1.16;
}

.survey-slider-item__poster div {
	z-index: 100;
	position: absolute;
	top: 50%;
	left: 50%;
	background: linear-gradient(91.88deg, #4D3BC9 8.64%, #A027D6 59.14%, #DD2C81 106.57%);
	width: 58px;
	height: 58px;
	border-radius: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translate(-50%, -50%);
}

.product-view-inf-section__tab-accessories__cards-block .product-item {
	padding: 20px 5px;
}

.product-view-inf-section__tab-accessories__cards-block .product-item-img .mod-name {
	font-weight: 400;
	display: block;
	width: 250px;
	font-size: 20px;
	line-height: 28px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 188px;
}

.product-view-inf-section__tab-accessories__cards-block .product-item-inf a {
	font-size: 16px;
	font-weight: 400;
	text-align: left;
}

.product-comparison-list__item .product-view-section__side__price__add-to-cart__btn {
	height: 44px;
}
/* End */


/* Start:/local/components/forumedia/cookie.agree/templates/.default/style.css?17651853993163*/
:root {
	--cookie-color-primary: rgba(22, 17, 52, 1);
	--cookie-color-text: rgba(255, 255, 255, 1);
	--cookie-color-btn: linear-gradient(90deg, #6F5AFF 0%, #E836BB 100%);
	--cookie-color-btn-hover: linear-gradient(91.88deg, #4D3BC9 8.64%, #A027D6 59.14%, #DD2C81 106.57%);
}

.alert {
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: .5rem;
}

.alert-primary {
	color: var(--cookie-color-text);
	background-color: var(--cookie-color-primary);
	border-color: var(--cookie-color-primary);
}

.cookie-warning {
	box-sizing: border-box;
	position: fixed;
	bottom: -100%;
	left: 40px;
	width: 100%;
	max-width: 305px;
	padding: 1.25rem 1.75rem;
	z-index: 9999999999;
	box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 1);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 16px;
	margin: 0;
	transition: bottom 1s ease;
}

.cookie-warning * {
	box-sizing: border-box;
}

.cookie-warning.active {
	bottom: 40px;
}

.cookie-warning .cookie-warning__agree-text {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	gap: 16px;
}

.cookie-warning .logo {
	flex: 0 0 auto;
	width: 32px;
	height: 32px;
}

.cookie-warning p {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.32;
	color: var(--cookie-color-text);
	margin: 0;
	flex: 1 1 auto;
}

.cookie-warning p a {
	font-weight: 700;
	color: rgba(111, 90, 255, 1);
	text-decoration: underline;
	transition: color .15s ease-in-out;
}

.cookie-warning p a:hover {
	color: rgba(111, 90, 255, 0.8);
	text-decoration: underline;
}

.cookie-warning .cookie-warning__agree-btn {
	flex: 0 0 auto;
}

.cookie-warning .btn {
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.32;
	color: var(--cookie-color-primary);
	text-align: center;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	padding: .625rem 1.75rem;
	margin: 0;
	border-radius: .5rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.cookie-warning .btn:not(:disabled):not(.disabled) {
	cursor: pointer;
}

.cookie-warning .btn.btn-primary {
	color: var(--cookie-color-text);
	background: var(--cookie-color-btn);
	border: none;
}

.cookie-warning .btn.btn-primary:hover {
	color: var(--cookie-color-text);
	background: var(--cookie-color-btn-hover);
	border: none;
}

.cookie-warning .btn.btn-outline {
	color: var(--cookie-color-text);
	background: var(--cookie-color-primary);
	border-color: var(--cookie-color-text);
}

.cookie-warning .btn.btn-outline:hover {
	color: var(--cookie-color-text);
	background: var(--cookie-color-btn);
	border-color: var(--cookie-color-text);
}

@media (max-width: 992px) {
	.cookie-warning {
		max-width: none;
		left: 0%;
	}

	.cookie-warning.active {
		bottom: 0%;
	}
}
/* End */


/* Start:/local/templates/rbsgroup/styles.css?17793685064843*/
.description-category h2 {
    font-size: 36px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.description-category h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.description-category {
    line-height: 24px;
}

.description-category iframe {
    width: 100%;
} 

.description-category p {
    margin-bottom: 10px;
}

.description-category strong,
.description-category b {
    font-weight: 600;
}

.description-category ul {
    list-style-type: disc;
    margin: 10px 0 10px 30px;
}

.description-category ol {
    list-style-type: decimal;
    margin: 10px 0 10px 30px;
}

.description-category a {
    color: #6ccff7;
    text-decoration: none;
}

@media(min-width:576px) {

    header.fixed .header-container {
        gap: 0;
    }

    header.fixed .header-top-main {
        height: 0;
        overflow: hidden;
    }

    header.fixed {
        transition: 1.5s;
    }

    header.fixed {
        position: fixed;
        top: 0;
        width: 100%;
        opacity: 1;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    header.fixedEff {
        opacity: 0;
        padding-top: 5px;
        padding-bottom: 5px;
    }

}

#toTop {
    left: auto;
    top: auto;
    border-radius: 25px;
    border: 1px solid #ccc;
    position: fixed;
    bottom: 106px;
    right: 36px;
    display: none;
    z-index: 1000;
    opacity: 0.8;
    width: 50px;
    height: 50px;
    color: #FFF;
    cursor: pointer;
    border: 2px solid #6f5aff;
    transition: all .7s ease-in-out;
    background-position: center center;
    background-repeat: no-repeat;
    box-shadow: 0 0 5px #0000000d;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDQ0NC44MTkgNDQ0LjgxOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDQ0LjgxOSA0NDQuODE5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTQzMy45NjgsMjc4LjY1N0wyNDguMzg3LDkyLjc5Yy03LjQxOS03LjA0NC0xNi4wOC0xMC41NjYtMjUuOTc3LTEwLjU2NmMtMTAuMDg4LDAtMTguNjUyLDMuNTIxLTI1LjY5NywxMC41NjYgICBMMTAuODQ4LDI3OC42NTdDMy42MTUsMjg1Ljg4NywwLDI5NC41NDksMCwzMDQuNjM3YzAsMTAuMjgsMy42MTksMTguODQzLDEwLjg0OCwyNS42OTNsMjEuNDExLDIxLjQxMyAgIGM2Ljg1NCw3LjIzLDE1LjQyLDEwLjg1MiwyNS42OTcsMTAuODUyYzEwLjI3OCwwLDE4Ljg0Mi0zLjYyMSwyNS42OTctMTAuODUyTDIyMi40MSwyMTMuMjcxTDM2MS4xNjgsMzUxLjc0ICAgYzYuODQ4LDcuMjI4LDE1LjQxMywxMC44NTIsMjUuNywxMC44NTJjMTAuMDgyLDAsMTguNzQ3LTMuNjI0LDI1Ljk3NS0xMC44NTJsMjEuNDA5LTIxLjQxMiAgIGM3LjA0My03LjA0MywxMC41NjctMTUuNjA4LDEwLjU2Ny0yNS42OTNDNDQ0LjgxOSwyOTQuNTQ1LDQ0MS4yMDUsMjg1Ljg4NCw0MzMuOTY4LDI3OC42NTd6IiBmaWxsPSIjRkZGRkZGIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==), linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);

}

@media(max-width:576px) {
    #toTop {
        bottom: 146px;
        width: 44px;
        height: 44px;
        border-radius: 22px;
    }
}

div.catalog-popup-main {
    flex-direction: row;
    flex-wrap: wrap;
}

div.catalog-popup-banner {
    height: 200px;
}

.catalog-popup {}

.catalog-popup-content {
    height: 100%;
    margin-top: 30px;
    padding-left: 0;
    padding-right: 0;
}

.catalog-popup-content.l2 {
    width: 400px;
    min-width: 400px;
}

.catalog-popup-content.l3 {
    max-width: 250px;
    padding-top: 55px;
}

.exist3:after {
    content: url("/local/templates/rbsgroup/images/to.svg");
    font-size: 14px;
    line-height: 4px;
    right: -10px;
    display: block;
    width: 14px;
    height: 8px;
    text-align: center;
    font-weight: 800;
    display: inline-block;
}

.catalog-popup-content.l2 .catalog-popup-submenu-link {
    display: flex;
    align-items: center;
}

.catalog-popup-submenu-link__count {
    padding-left: 5px;
    padding-right: 5px;
}

.catalog-popup-menu-mobile__main svg {
    margin-left: 5px;
}

.menu-block {
    display: flex;
    height: 100%;
}

button.pagination-loadmore-btn {
    left: 416px;
}

div.pagination-numbers-grid {
    gap: 3px;
}

.gradient-color {
    background-image: linear-gradient(110.05deg, #6f5aff 11.5%, #b33bff 52.2%, #ec36b6 94.52%);
    background-size: 100%;
    background-clip: text;
    color: transparent;
}
/* End */


/* Start:/local/templates/rbsgroup/template_styles.css?1779368506762*/
.wrapper .product-view-inf-section{
	background: #fff;	
}

.container.product-view-inf-section__container {
	background: #fff;	
	box-shadow: 0 0 20px #0000000d;
	color: #332947;
}
.product-view-inf-section__tabs .product-view-inf-section__tab-item.active {
  background: linear-gradient(110.05deg,#6f5aff 11.5%,#b33bff 52.2%,#ec36b6 94.52%);
  pointer-events: none;
  color: #fff;
}

.product-view-inf-section__tabs .product-view-inf-section__tab-item {
  background: #f1f5f9;
}

@media only screen and (min-width: 1280px) {
  .product-view-inf-section__tabs .product-view-inf-section__tab-item:not(.active):hover {
    background: #e1e5e9;
  }
}

.shadow_block {
  background: #fff;
  color: #332947;
  padding: 20px;
  margin-top: 20px;
  border-radius: 8px;
}
/* End */
/* /local/templates/rbsgroup/css/main.css?1765185399377932 */
/* /local/templates/rbsgroup/css/jquery.fancybox.min.css?176518539913213 */
/* /local/templates/rbsgroup/css/custom.css?176518539971720 */
/* /local/components/forumedia/cookie.agree/templates/.default/style.css?17651853993163 */
/* /local/templates/rbsgroup/styles.css?17793685064843 */
/* /local/templates/rbsgroup/template_styles.css?1779368506762 */