/* Start:/local/templates/BravOFF/distr/css/all.css?1751300447408414*/
.page_theme_main { 
  /* Константы */
  --Primary-font-family: "Montserrat", sans-serif;
  --Secondary-font-family: "Inter", sans-serif;
  --Brand-color: #ff4a00;
  --Secondary-color: #ffe3d7;
  --Black: #000000;
  --Dark: #02040e;
  --Light: #f2f4f8;
  --White: #ffffff;
  --Grey100: #d8dee4;
  --Grey200: #bec3c8;
  --Grey300: #a4a9ad;
  --Grey400: #8a8e92;
  --Grey500: #717477;
  --Grey600: #56595b;
  --Grey700: #3c3e3f;
  --Grey800: #232425;

  font-family: var(--Secondary-font-family);
  color: #232425;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  overflow-x: hidden;
  height: 100%;
  min-width: 375px;
  -webkit-overflow-scrolling: touch;
}

  .page_theme_main::-webkit-scrollbar {
    display: none;
    /* Для Chrome, Safari и новых версий Edge */
  }

  .page_theme_main .h1,
  .page_theme_main .h2,
  .page_theme_main .h3,
  .page_theme_main .h4 {
    margin: 0;
  }

  .page_theme_main .h1 {
    font-family: var(--Primary-font-family);
    font-weight: 700;
    font-size: 24px;
    line-height: 133%;
  }

  @media (min-width: 1279px) {

  .page_theme_main .h1 {
      font-size: 32px;
      line-height: 125%
  }
    }

  .page_theme_main .h2 {
    font-family: var(--Primary-font-family);
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
  }

  @media (min-width: 1279px) {

  .page_theme_main .h2 {
      font-size: 24px;
      line-height: 133%
  }
    }

  .page_theme_main .h3 {
    font-family: var(--Secondary-font-family);
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
  }

  .page_theme_main .h4 {
    font-family: var(--Secondary-font-family);
    font-weight: 700;
    font-size: 16px;
    line-height: 125%;
  }

.page_theme_main.page_lock {
  overflow: hidden;
}

html {
  scroll-behavior: smooth;
}

@font-face {
  font-family: 'Montserrat';
  src: url(/local/templates/BravOFF/distr/css/../fonts/Montserrat-VariableFont_wght.ttf);
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url(/local/templates/BravOFF/distr/css/../fonts/Montserrat-Italic-VariableFont_wght.ttf);
  font-style: italic;
}

@font-face {
  font-family: 'Inter';
  src: url(/local/templates/BravOFF/distr/css/../fonts/Inter-VariableFont_opsz_wght.ttf);
  font-style: normal;
}

@font-face {
  font-family: 'Inter';
  src: url(/local/templates/BravOFF/distr/css/../fonts/Inter-Italic-VariableFont_opsz_wght.ttf);
  font-style: italic;
}

.header {
    position: sticky;
    top: 0;
    z-index: 10;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    background: #fff;
}

.header__wrap {
        position: relative;
        background: #fff;
        z-index: 1;
        padding-top: 8px;
        padding-bottom: 8px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        gap: 8px;
    }

@media (min-width: 1279px) {

.header__wrap {
            gap: 12px;
            padding-top: 16px;
            padding-bottom: 13px
    }
        }

.header__logo {
        width: 151px;
    }

@media (min-width: 1279px) {

.header__logo {
            width: 181px;
            margin-right: 15px
    }
        }

.header__city-choice {
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 8px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

.header__city-choice .icon {
            width: 20px;
            height: 20px;
            color: var(--Brand-color);
        }

@media (min-width: 1279px) {

.header__city-choice .icon {
                width: 24px;
                height: 24px
        }
            }

.header__location {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 8px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;        
    }

@media (min-width: 1279px) {

.header__location {
            -webkit-box-ordinal-group: 0;
                -ms-flex-order: -1;
                    order: -1;
            min-width: 200px        
    }
        }

.header__city {
        font-family: var(--Secondary-font-family);
        font-size: 12px;
        font-weight: 400;
        line-height: 133%;
        color: #000000;
    }

@media (min-width: 1279px) {

.header__city {
            font-size: 14px;
            line-height: 143%;
            color: #3c3e3f
    }
        }

.header__phone {
        font-family: var(--Secondary-font-family);
        font-weight: 400;
        font-size: 14px;
        line-height: 143%;
        color: #3c3e3f;
        display: none;
    }

@media (min-width: 1279px) {

.header__phone {
            display: block
    }
        }

.header__row {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 16px;
    }

@media (min-width: 1279px) {

.header__row {
            width: auto;
            -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                    flex-grow: 1
    }
        }

.header__row_menu {
            display: none;
        }

@media (min-width: 1279px) {

.header__row_menu {
                display: block
        }
            }

@media (max-width: 1278px) {

.header__menu-top {
            display: none!important
    }
        }

@media (min-width: 1279px) {

.header__menu-top {
            margin-left: auto;
            min-width: 68%;
            -webkit-box-pack: end;
                -ms-flex-pack: end;
                    justify-content: flex-end
    }
        }

@media (min-width: 1279px) {

.header__burger {
            display: none
    }
        }

.header__search-cancel {
        display: none;
    }

.header__controls {
        display: none;
    }

@media (min-width: 1279px) {

.header__controls {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 12px
    }
        }

@media (max-width: 1278px) {

.header__catalog {
            display: none!important
    }
        }

.header__search {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
    }

.content {
    padding-left: 16px;
    padding-right: 16px;
    max-width: 1328px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

@media (min-width: 767px){

.content {
      padding-left: 24px;
      padding-right: 24px
}
    }

@media (min-width: 1279px){

.content {
        margin: 0 auto
}
    }

.logo {
    aspect-ratio: 192/48;
    width: 100%;
}

.logo .link {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: 100%;
        height: 100%;
        gap: 3.65%;
        padding: 4.17% 0;
        -webkit-box-align: baseline;
            -ms-flex-align: baseline;
                align-items: baseline;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }

.logo__icon {
        background-color: #ff4a00;
        width: 17.68%;
        aspect-ratio: 1/1;
        display: inline-block;
        border-radius: 2px;
        position: relative;
        overflow: hidden;
   }

.logo__icon::before,
        .logo__icon::after {
            content: '';
            position: absolute;
            width: 100%;
            aspect-ratio: 1/1;
            top: 0;
            background-position: center;
            background-repeat: no-repeat;
            background-size: 75% 75%;
            -webkit-transition: all .8s ease;
            transition: all .8s ease;
        }

.logo__icon::before {
            background-image: url(/local/templates/BravOFF/distr/css/../img/icon/misign.svg);
            left: 0;
        }

.logo__icon::after {
            background-image: url(/local/templates/BravOFF/distr/css/../img/icon/Home.svg);
            top: 0;
            left: 100%;
        }

.logo__words {
        width: 78.67%;
        aspect-ratio: 142/26;
        display: inline-block;
        background-image: url(/local/templates/BravOFF/distr/css/../img/icon/logo_words.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
   }

.logo:hover .logo__icon::before,
    .logo:hover .logo__icon::after {
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
    }

.icon {
    display: inline-block;

    text-align: center;

    background: 50% no-repeat;
}

/* Hack for correct baseline positioning */

.icon:empty:after {
        visibility: hidden;

        content: '\00A0';
    }

/*
     * Чтобы иконка правильно позиционировалась внутри блочного контекста,
     * нужно прописать родителю свойство line-height со значением, равным высоте иконки
     */

.icon > img,
    .icon > svg {
        margin: -5.15em 0 -5em; /* 0.15 — magic number, empirically found */

        vertical-align: middle;
    }

.icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-size: contain;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

.icon_size_xxxs {
        width: 5px;
        height: 5px;
    }

.icon_size_xxs {
        width: 10px;
        height: 10px;
    }

.icon_size_xs {
        width: 12px;
        height: 12px;
    }

.icon_size_s {
        width: 16px;
        height: 16px;
    }

.icon_size_m {
        width: 20px;
        height: 20px;
    }

.icon_size_l {
        width: 24px;
        height: 24px;
    }

.icon_size_xl {
        width: 32px;
        height: 32px;
    }

.icon_size_xl-xxl {
        width: 32px;
        height: 32px;
    }

@media (min-width: 1279px) {

.icon_size_xl-xxl {
          width: 40px;
          height: 40px
    }
        }

.icon_size_xxl {
        width: 40px;
        height: 40px;
    }

.icon_size_xxxl {
        width: 50px;
        height: 50px;
    }

.icon_size_xxxxl, .icon_size_4xl {
        width: 65px;
        height: 65px;
    }

.icon_size_xxxxxl, .icon_size_5xl {
        width: 92px;
        height: 92px;
    }

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

.icon_info {
    background-image: url(/local/templates/BravOFF/distr/css/../img/icon/Info.svg);
  }

.icon_gift {
    background-image: url(/local/templates/BravOFF/distr/css/../img/icon/Gift.svg);
  }

.icon_chevron {
    background-image: url(/local/templates/BravOFF/distr/css/../img/icon/Down.svg);
  }

.icon_check {
    background-image: url(/local/templates/BravOFF/distr/css/../img/icon/Check.svg);
  }

.icon_box {
    background-image: url(/local/templates/BravOFF/distr/css/../img/icon/Package.svg);
  }

.icon_ring {
    background-image: url(/local/templates/BravOFF/distr/css/../img/icon/BellRinging.svg);
  }

.icon_clock {
    background-image: url(/local/templates/BravOFF/distr/css/../img/icon/ClockClockwise.svg);
  }

.icon_people {
    background-image: url(/local/templates/BravOFF/distr/css/../img/icon/UsersThree.svg);
  }

.icon_success {
    background-image: url(/local/templates/BravOFF/distr/css/../img/icon/success.svg);
  }

.icon > svg {
    margin: 0;
}

.link {
    -ms-touch-action: manipulation;
        touch-action: manipulation;
}

.link_disabled {
        pointer-events: none;
    }

.burger {
    position: relative;
    z-index: 10000;
    width: 48px;
    height: 48px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    cursor: pointer;
    pointer-events: all;
}

.burger__top,
    .burger__bottom,
    .burger::after {
        width: 18px;
        height: 2px;
        border-radius: 2px;
        display: inline-block;
        background: #232425;
        /* left: 16px; */
        left: 50%;
        -webkit-transform: translate(-50%);
                transform: translate(-50%);
        position: absolute;
        -webkit-transition: all .5s;
        transition: all .5s;
        -webkit-transform-origin: left;
                transform-origin: left;
    }

.burger__top {
        top: 17px;
        opacity: 1;
    }

.burger::after {
        content: '';
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
    }

.burger__bottom {
        bottom: 17px;
    }

.burger_opened::after {
        opacity: 0;
    }

.burger_opened .burger__top {
        -webkit-transform: rotate(45deg) translate(-25%, 3px);
                transform: rotate(45deg) translate(-25%, 3px);
        width: 21px;
    }

.burger_opened .burger__bottom {
        -webkit-transform: rotate(-45deg) translate(-25%, -3px);
                transform: rotate(-45deg) translate(-25%, -3px);
        width: 21px;
    }

.menu-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 24px;
}

.menu-row__item {
        font-family: var(--Secondary-font-family);
        font-weight: 400;
        font-size: 14px;
        line-height: 143%;
        white-space: nowrap;
        display: inline-block;
    }

.menu-row__item_active,
        .menu-row__item_active.link {
            border: none;
            color: #ff4a00;
            background: #ffe3d7;
            border-radius: 8px;
            padding: 6px 16px;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
        }

.button {
    -ms-touch-action: manipulation;
        touch-action: manipulation;
}

.button {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    outline: none;
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transition: all .3s;
    transition: all .3s;
    border-radius: 8px;
}

.button_width_available {
        width: 100% !important;
    }

.button_size_xl {
        padding: 11px 23px;
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
    }

.button_size_l {
        padding: 9px 23px;
        font-weight: 400;
        font-size: 14px;
        line-height: 143%;
    }

.button_size_m {
        padding: 11px;
        font-weight: 400;
        font-size: 14px;
        line-height: 143%;
    }

.button_size_s {
        padding: 7px;
        font-weight: 400;
        font-size: 14px;
        line-height: 143%;
    }

.button_size_xs {
        padding: 5px 11px;
        font-weight: 400;
        font-size: 14px;
        line-height: 143%;
        gap: 5px;
    }

.button:disabled {
        cursor: default;
    }

.counter-in-button {
    position: absolute;
    font-family: var(--Secondary-font-family);
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    color: #fff;
    background: #ff4a00;
    display: inline-block;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    top: -8px;
    right: -8px;
    z-index: 1;
}

.button_view_catalog {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 8px;
    padding: 12px 16px 12px 13px;
    font-family: var(--Secondary-font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #fff;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

.button_view_catalog .icon {
        background-image: url(/local/templates/BravOFF/distr/css/../img/icon/Catalog.svg);
    }

.button_view_catalog.button_active .icon{
    background-image: url(/local/templates/BravOFF/distr/css/../img/icon/cross.svg);
}

.search {
    border: 1px solid #d8dee4;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    min-height: 48px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 0 0 38px;
    position: relative;
}

.search::after {
        position: absolute;
        content: '';
        background-size: contain;
        background-image: url(/local/templates/BravOFF/distr/css/../img/icon/Seacrh_grey.svg);
        width: 20px;
        height: 20px;
        left: 14px;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
    }

@media (min-width: 1279px) {

.search::after {
            display: none
    }
        }

@media (min-width: 1279px) {

.search {
        padding: 0 0 0 16px
}
    }

.search .input__control {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        border: none;
        outline: none;
        font-family: var(--Secondary-font-family);
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        color: #02040e;
    }

.search .input__control::-webkit-input-placeholder {
            color: #a4a9ad;
        }

.search .input__control::-moz-placeholder {
            color: #a4a9ad;
        }

.search .input__control::-ms-input-placeholder {
            color: #a4a9ad;
        }

.search .input__control::placeholder {
            color: #a4a9ad;
        }

.search .input_has-clear .input__box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 12px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding-right: 12px;
    }

.search .input_has-clear .input__box .input__control {
            -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                    flex-grow: 1;
        }

.search .input__clear_visible {
        display: inline-block;
        cursor: pointer;
        width: 20px;
        height: 20px;
        background-image: url(/local/templates/BravOFF/distr/css/../img/icon/cross_black.svg);
        background-repeat: no-repeat;
        background-size: contain;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    }

.search .button {
        display: none;
        border-radius: 0 8px 8px 0;
        width: 48px;
        height: 100%;
    }

.search .button .icon {
            background-image: url(/local/templates/BravOFF/distr/css/../img/icon/Seacrh_white.svg);
        }

@media (min-width: 1279px)  {

.search .button {
            display: block
    }
        }

.input {
    -ms-touch-action: manipulation;
        touch-action: manipulation;
}

.input {
    width: 100%;
}

.input .input__control{
        width: 100%!important;
    }

.input input:focus::-webkit-input-placeholder {
        color: transparent!important;
    }

.input input:focus::-moz-placeholder {
        color: transparent!important;
    }

.input input:focus::-ms-input-placeholder {
        color: transparent!important;
    }

.input input:focus::placeholder {
        color: transparent!important;
    }

.popup {
    position: absolute;
}

.z-index-group_level_0 {
        z-index: 1000;
    }

.z-index-group_level_1 {
        z-index: 2000;
    }

.z-index-group_level_2 {
        z-index: 3000;
    }

.z-index-group_level_3 {
        z-index: 4000;
    }

.z-index-group_level_4 {
        z-index: 5000;
    }

.z-index-group_level_5 {
        z-index: 6000;
    }

.z-index-group_level_6 {
        z-index: 7000;
    }

.z-index-group_level_7 {
        z-index: 8000;
    }

.z-index-group_level_8 {
        z-index: 9000;
    }

.z-index-group_level_9 {
        z-index: 10000;
    }

.history-search {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #232425;
}

.history-search__item {
        padding: 12px 12px 16px 12px;
        border-bottom: 1px solid #f2f4f8;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 4px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        cursor: pointer;
    }

.history-search__item:last-child {
            padding: 12px;
            border: none;
        }

.history-search__del { 
        width: 20px;
        height: 20px;
        background-image: url(/local/templates/BravOFF/distr/css/../img/icon/cross_black.svg);
        background-repeat: no-repeat;
        background-size: contain;
    }

.history-search__val {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
    }

.popup-search__item {
        border-radius: 8px;
        padding: 12px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        text-decoration: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 8px;
        width: 100%;
        background: #fff;
    }

.popup-search__title {
        font-family: "Inter", sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        color: #232425;
    }

.popup-search__info {
        font-family: "Inter", sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 143%;
        color: #8a8e92;
    }

.popup-search .image {
        -ms-flex-negative: 0;
            flex-shrink: 0;
        width: 40px;
        height: 40px;
        -o-object-fit: contain;
           object-fit: contain;
    }

@media (hover: hover) {
    .popup-search__item:hover {
        background: var(--Secondary-color);
    }
}

.image {
    border: 0;
}

.image {
    width: 100%;
    display: block;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    background: rgba(0, 0, 0, 0.24);
}

.menu-catalog {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    width: 100%;
    top: 111px;
    /*header height*/
    height: 0px;
    background-color: #fff;
    overflow: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

@media (min-width: 1279px) {

.menu-catalog {
        top: 168px
}
    }

.menu-catalog_show {
        height: calc(100vh - 111px);
        padding: 0 0 32px 0;
        visibility: visible;
        opacity: 1;
    }

@media (min-width: 1279px) {

.menu-catalog_show {
            height: calc(100vh - 168px);
            padding: 0 32px
    }
        }

.menu-catalog__ul_level_1 {
                list-style: none;
                margin: 0;
                padding: 0;
                -webkit-box-sizing: border-box;
                        box-sizing: border-box;
                width: 100%;
                height: 100%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                        flex-direction: column;
                gap: 8px;
                position: relative;
            }

@media (min-width: 1279px) {

.menu-catalog__ul_level_1 {
                    padding: 0 32px 0 0;
                    border-right: 1px solid rgba(0, 0, 0, 0.04);
                    width: 373px
            }
                }

.menu-catalog__ul_level_2 {
                list-style: none;
                padding: 0;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                        flex-direction: column;
                gap: 12px;
                padding: 12px 0;
            }

@media (min-width: 1279px) {

.menu-catalog__ul_level_2 {
                    gap: 8px;
                    padding: 0
            }
                }

.menu-catalog__li_level_1 .menu-catalog__item {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    gap: 8px;
                    padding: 12px 8px;
                    border-radius: 8px;
                    -webkit-box-align: center;
                        -ms-flex-align: center;
                            align-items: center;
                    font-family: var(--Secondary-font-family);
                    font-weight: 400;
                    font-size: 16px;
                    line-height: 150%;
                    color: #232425;
                    cursor: pointer;
                    background: #fff;
                    -webkit-transition: background .3s ease;
                    transition: background .3s ease;
                }

@media (min-width: 1279px) {

.menu-catalog__li_level_1 .menu-catalog__item .menu-catalog__more {
                            visibility: hidden;
                            opacity: 0;
                            -webkit-transition: opacity .3s ease;
                            transition: opacity .3s ease
                    }
                        }

@media (min-width: 1279px) {

                        .menu-catalog__li_level_1 .menu-catalog__item:hover,
                        .menu-catalog__li_level_1 .menu-catalog__item_active {
                            background: var(--Secondary-color);
                        }

                            .menu-catalog__li_level_1 .menu-catalog__item:hover .menu-catalog__more, .menu-catalog__li_level_1 .menu-catalog__item_active .menu-catalog__more {
                                visibility: visible;
                                opacity: 1;
                            }
                            .menu-catalog__li_level_1 .menu-catalog__item_active .icon:first-child {
                                color: var(--Brand-color);
                            }
                    }

.menu-catalog__li_level_1 .menu-catalog__item .menu-catalog__text {
                        -webkit-box-flex: 1;
                            -ms-flex-positive: 1;
                                flex-grow: 1;
                    }

.menu-catalog__li_level_2 .link {
                    display: inline-block;
                    width: 100%;
                    padding: 4px 8px;
                    -webkit-box-sizing: border-box;
                            box-sizing: border-box;
                }

@media (min-width: 1279px) {

.menu-catalog__li_level_2 .link {
                        padding: 0
                }
                    }

.menu-catalog__top-heading {
        font-family: var(--Secondary-font-family);
        font-weight: 700;
        font-size: 20px;
        line-height: 120%;
        text-align: center;
        color: #000;
        padding: 8px 24px 20px 24px;
        border-bottom: 1px solid #d8dee4;
        position: relative;
    }

@media (min-width: 1279px) {

.menu-catalog__top-heading {
            display: none
    }
        }

.menu-catalog__heading {
        font-family: var(--Secondary-font-family);
        font-weight: 700;
        font-size: 20px;
        line-height: 120%;
        text-align: center;
        color: #000;
        padding: 8px 24px 20px 24px;
        border-bottom: 1px solid #d8dee4;
        position: relative;
    }

@media (min-width: 1279px) {

.menu-catalog__heading {
            font-family: var(--Primary-font-family);
            font-weight: 700;
            font-size: 32px;
            line-height: 125%;
            color: #000;
            padding: 0 0 16px 0;
            margin: 0;
            border: none;
            text-align: left;
            pointer-events: none
    }
        }

.menu-catalog__close-submenu {
        position: absolute;
        left: 0;
        top: 8px;
    }

@media (min-width: 1279px) {

.menu-catalog__close-submenu {
            display: none
    }
        }

.menu-catalog__submenu {
        max-height: 0;
        overflow: hidden;
        -webkit-transition: max-height .5s ease-in-out;
        transition: max-height .5s ease-in-out;
    }

.menu-catalog__submenu_show {
            max-height: -webkit-fit-content;
            max-height: -moz-fit-content;
            max-height: fit-content;
        }

@media (min-width: 1279px) {

.menu-catalog__submenu {
            visibility: hidden;
            opacity: 0;
            -webkit-transition: opacity .3s ease;
            transition: opacity .3s ease;
            position: absolute;
            top: 0;
            left: 405px;
            width: 826px;
            overflow: auto
    }

            .menu-catalog__submenu_show {
                visibility: visible;
                opacity: 1;
                height: 100%;
            }
        }

.menu-catalog_show-submenu .menu-catalog__top-heading {
        display: none;
    }

@media (max-width: 1278px) {
        .menu-catalog_show-submenu .menu-catalog__ul_level_1 {
            gap: 0;
        }

        .menu-catalog_show-submenu .menu-catalog__item {
            display: none;
        }
    }

.menu-mobile {
    position: fixed;
    width: 100%;
    top: 110px;
    height: calc(100% - 110px);
    background: #fff;
    padding-top: 12px;
    padding-bottom: 12px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow: auto;
    -webkit-transform: translateY(-150%);
            transform: translateY(-150%);
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
}

.menu-mobile_show {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }

.menu-mobile__wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        height: 100%;
    }

.menu-mobile__items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        border-bottom: 1px solid #d8dee4;
    }

.menu-mobile__item {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 12px 8px;
        background: #fff;
        font-family: var(--Secondary-font-family);
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        text-decoration: none;
        color: #232425;
        -webkit-transition: background .3s ease-in-out;
        transition: background .3s ease-in-out;
    }

@media (hover: hover) {
            .menu-mobile__item:hover {
                background: var(--Secondary-color);
            }
        }

.menu-mobile__info {
        margin-top: auto;
        padding: 16px 8px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 16px;
    }

.menu-mobile__phone {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 4px;
    }

.menu-mobile__social-links {
        border-top: 1px solid #d8dee4;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 12px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding-top: 16px;
    }

.menu-mobile__callout {
        border: none;
        color: #ff4a00;
        background: #ffe3d7;
        border-radius: 8px;
        padding: 10px 30.5px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        font-family: var(--Secondary-font-family);
        font-weight: 400;
        font-size: 14px;
        line-height: 143%;
        white-space: nowrap;
        display: inline-block;
    }

.callback {
    max-width: 376px;
}

.callback__heading {
        text-align: center;
        font-family: var(--Secondary-font-family);
        font-weight: 700;
        font-size: 24px;
        line-height: 133%;
        padding-bottom: 32px;
    }

.callback__form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 16px;
    }

.callback__button {
        width: 100%;
        height: 56px;
    }

.callback__text {
        text-align: center;
        margin: 0;
        padding-top: 8px;
        color: #717477;
    }

.callback__text .link {
            color: var(--Brand-color);
        }

.button_theme_light {
    background: #f2f4f8;
    color: #232425;
    border: 1px solid #f2f4f8;
}

.button_theme_light.button_hovered {
    background: #dfe1e5;
    border: 1px solid #dfe1e5;

}

.button_theme_black {
    background: #232425;
    color: #ffffff;
    border: 1px solid #232425;
}

.button_theme_black.button_hovered {
    background: #343536;
    border: 1px solid #343536;
}

.button:disabled.button_theme_black.button_hovered {
    background: #232425;
    color: #ffffff;
    border: 1px solid #232425;
}

/* colors */

.font_color_primary{
      color: var(--Brand-color, #ff4a00);
    }

.font_color_secondary{
        color: var(--Secondary-color, #ffe3d7);
    }

.font_color_black{
        color: var(--Black, #000000);
    }

.font_color_dark{
        color: var(--Dark, #02040e);
    }

.font_color_light{
      color: var(--Light, #f2f4f8);
    }

.font_color_white{
      color: var(--White, #ffffff);
    }

.font_color_grey{
      color: var(--Grey, #8a8e92);
    }

.font_color_grey100{
      color: var(--Grey100, #d8dee4);
    }

.font_color_grey200{
      color: var(--Grey200,  #bec3c8);
    }

.font_color_grey300{
      color: var(--Grey300, #a4a9ad);
    }

.font_color_grey400{
      color: var(--Grey400, #8a8e92);
    }

.font_color_grey500{
      color: var(--Grey500, #717477);
    }

.font_color_grey600{
      color: var(--Grey600, #56595b);
    }

.font_color_grey700{
      color: var(--Grey700, #3c3e3f);
    }

.font_color_grey800{
      color: var(--Grey800,  #232425);
    }

/* size */

.font_size_xs{
        font-size: 0.75rem;
    }

.font_size_s{
        font-size: 0.875rem;
    }

.font_size_m{
      font-size: 1rem;
    }

.font_size_l{
      font-size: 1.25rem;
    }

.font_size_xl{
      font-size: 1.5rem;
    }

.font_size_xxl{
      font-size: 2rem;
    }

.font_size_xxxl{
        font-size: 3rem;
    }

/*weight*/

.font_weight_normal{
      font-weight: 400;
    }

.font_weight_medium{
      font-weight: 500;
    }

.font_weight_bold{
      font-weight: 700!important;
    }

.font_body_large {
        font-family: var(--Secondary-font-family);
        font-weight: 400;
        font-size: 1.25rem;
        line-height: 140%;
    }

.font_body_regular {
        font-family: var(--Secondary-font-family);
        font-weight: 400;
        font-size: 1rem;
        line-height: 150%;
    }

.font_body_callout {
        font-family: var(--Secondary-font-family);
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 143%;
    }

.font_body_footnote {
        font-family: var(--Secondary-font-family);
        font-weight: 400;
        font-size: 0.75rem;
        line-height: 133%;
    }

.show-select-city {
    
}

.select-city {
    max-width: 416px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
}

.select-city__heading {
        font-family: var(--Secandary-font-family);
        font-size: 24px;
        line-height: 133%;
        font-weight: 700;
        padding-bottom: 8px;
        text-align: center;
    }

.select-city .search {
        height: 48px;
    }

.select-city__cities {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 8px;
    }

.select-city__cities .link {
            color: #3C3E3F;
            white-space: nowrap;
        }

.select-city__interaction {
        position: relative;
    }

.select-city__popup {
        display: none;
    }

.select-city_interact .select-city__popup {
        display: block;
        border: 1px solid #D8DEE4;
        border-radius: 8px;
        padding: 4px;
        position: absolute;
        width: 100%;
        bottom: -4px;
        -webkit-transform: translateY(100%);
                transform: translateY(100%);
        z-index: 1;
        background: #fff;
    }

.select-city_interact .select-city__popup a {
            display: block;
            padding: 12px;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
        }

.profile {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
}

.profile__button::before {
            position: absolute;
            content: '';
            top: 0;
            bottom: -10px;
            width: 100%;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            outline: 0 !important;
        }

.profile__drop-down {
        border: 1px solid #d8dee4;
        border-radius: 8px;
        padding: 16px 12px 8px 12px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        position: absolute;
        top: 100%;
        left: 0;
        -webkit-box-shadow: 0 8px 16px 0 rgba(0, 8, 48, 0.12);
                box-shadow: 0 8px 16px 0 rgba(0, 8, 48, 0.12);
        background: #fff;
        margin-top: 8px;
        overflow: hidden;
        visibility: hidden;
        z-index: -1;
        -webkit-transition: all .2s;
        transition: all .2s;
        opacity: 0;
        -webkit-transform: translateY(-10px);
                transform: translateY(-10px);
        white-space: nowrap;
    }

.profile__heading {
        border-bottom: 1px solid #d8dee4;
        padding: 0px 8px 12px 8px;
        font-family: "Inter", sans-serif;
        font-weight: 700;
        font-size: 16px;
        line-height: 125%;
        color: #02040e;
    }

.profile__menu-item,
    .profile__menu-item.link {
        display: block;
        padding: 12px 8px;
        font-family: "Inter", sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 143%;
        color: #232425;
    }

.profile__menu-item_bordered,
    .profile__menu-item_bordered.link {
        border-bottom: 1px solid #d8dee4;
    }

@media (hover:hover) {
        .profile:hover .profile__drop-down {
            z-index: 5;
            visibility: visible;
            opacity: 1;
            -webkit-transform: translateY(0);
                    transform: translateY(0);
        }
}

.button_theme_outline {
    background: #ffffff;
    color: #232425;
    border: 1px solid #232425;
}

.button_theme_outline.button_hovered {
    background: #f5f5f5;
}

.button_theme_white {
    background: #ffffff;
    color: #232425;
    border: 1px solid #ffffff;
}

.button_theme_white.button_hovered {
    background: #ebebeb;
    border: 1px solid #ebebeb;
}

.filter-chip {
    display: inline-block;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 6px 12px;
    font-family: var(--Secondary-font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    border-radius: 8px;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.filter-chip .icon {
        display: none;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        right: 10px;

    }

.filter-chip_active {
        background: var(--Brand-color)!important;
        color: #ffffff!important;
        padding: 6px 28px 6px 12px;
    }

.filter-chip_active .icon {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

.filter-chip__text {
        white-space: nowrap;
    }

.filter-chip_theme_grey {
    color: #232425;
    background: var(--Light);
}

@media (hover: hover) {
    .filter-chip_theme_grey:hover {
        background: var(--Secondary-color);
        color: var(--Brand-color);
    }
}

.filter-chip_theme_black {
    color: #ffffff;
    background: var(--Dark);
}

@media (hover: hover) {
    .filter-chip_theme_black:hover {
        background: #232425;
    }
}

.checkbox {
    -ms-touch-action: manipulation;
        touch-action: manipulation;
}

.checkbox_view_toggle {
    position: relative; /* fix #1538 */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    gap: 12px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

.checkbox_view_toggle:hover {
    cursor: pointer;
  }

.checkbox_view_toggle .checkbox__control {
    position: absolute;
    z-index: -1;
    margin: 0;
    opacity: 0;
  }

.checkbox_view_toggle.checkbox_size_l .checkbox__text {
    font-family: var(--Secondary-font-family);
    font-weight: 700;
    font-size: 16px;
    line-height: 125%;
    color: #232425;
  }

.checkbox_view_toggle.checkbox_size_m .checkbox__text {
    font-family: var(--Secondary-font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #232425;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
  }

.checkbox_view_toggle.checkbox_size_m.checkbox_checked .checkbox__text {
    color: var(--Brand-color);
  }

.checkbox_view_toggle .checkbox__box {
    position: relative;
    display: inline-block;
    border-radius: 16px;
    background: #D8DEE4;
    line-height: 24px;
    width: 44px;
    height: 24px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-transition: background .5s ease-in-out;
    transition: background .5s ease-in-out;
  }

.checkbox_view_toggle.checkbox_checked .checkbox__box {
    background: #FF4A00;
  }

.checkbox_view_toggle .checkbox__box:before {
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    content: '';
    border-radius: 16px;
    background: #fff;
    -webkit-transition: background .5s ease-in-out;
    transition: background .5s ease-in-out;
  }

.checkbox_view_toggle.checkbox_checked .checkbox__box::before {
    background: #FF4A00;
  }

.checkbox_view_toggle .checkbox__box:after {
    position: absolute;
    top: 2px;
    left: 2px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background: #D8DEE4;
    content: '';
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition: background .5s ease-in-out,
                -webkit-transform .5s ease-in-out;
    transition: background .5s ease-in-out,
                -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out,
                background .5s ease-in-out;
    transition: transform .5s ease-in-out,
                background .5s ease-in-out,
                -webkit-transform .5s ease-in-out;
  }

.checkbox_view_toggle.checkbox_checked .checkbox__box:after {
    background: #F2F4F8;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }

.checkbox_view_toggle.checkbox_disabled {
    cursor: default;
    color: #e2e2e2;
  }

.checkbox_view_toggle.checkbox_disabled .checkbox__box {
    background: rgba(0, 0, 0, 0.08);
  }

.checkbox_view_toggle.checkbox_disabled .checkbox__box:before {
    display: none;
  }

.checkbox_view_toggle.checkbox_disabled.checkbox_checked .checkbox__box {
    background: rgba(0, 0, 0, 0.15);
  }

.checkbox_view_toggle.checkbox_disabled.checkbox_checked .checkbox__box:after {
    opacity: 0.4;
  }

.checkbox_view_toggle.checkbox_type_button {
    display: inline-block;
  }

.checkbox_view_toggle.checkbox_type_line {
    margin-right: 16px;
  }

.checkbox_view_toggle.checkbox_type_line:last-child {
    margin-right: 0;
  }

/* hack for Safari only */

_::-webkit-full-page-media,
  _:future,
  :root .checkbox_view_toggle .checkbox__box {
    pointer-events: none; /* NOTE: Fix #1472 and #1590 */
  }

.radio {
    -ms-touch-action: manipulation;
        touch-action: manipulation;
}

.radio__button {
    cursor: pointer;
}

.radio_theme_bordered {
    border: 1px solid #d8dee4;
    border-radius: 12px;
    padding: 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: border .3s ease-in-out;
    transition: border .3s ease-in-out;
    position: relative;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.radio_theme_bordered.radio_checked {
    border: 1px solid #ff4a00;
}

.radio_theme_bordered.radio_size_l .radio__text {
    font-family: var(--Secondary-font-family);
    font-weight: 700;
    font-size: 16px;
    line-height: 125%;
    color: #02040e;
    padding-right: 24px;
    display: inline-block;
}

.radio_theme_bordered.radio_size_m .radio__text {
    font-family: var(--Secondary-font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    color: #02040e;
    padding-right: 24px;
    display: inline-block;
}

.radio_theme_bordered .radio__info {
    font-family: var(--Secondary-font-family);
    font-weight: 400;
    font-size: 12px;
    line-height: 133%;
    color: #8a8e92;
    margin: 0;
    padding: 8px 0 0 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.radio_theme_bordered .radio__control {
    position: absolute;
    z-index: -1;
    margin: 0;
    opacity: 0;
  }

.radio_theme_bordered .radio__box {
    position: absolute;
    right: 16px;
    display: inline-block;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
  }

.radio_theme_bordered.radio_checked .radio__box{
    background: var(--Secondary-color);
  }

.radio_theme_bordered .radio__box:after {
    position: absolute;
    left: 4px;
    top: 4px;
    bottom: 4px;
    right: 4px;
    content: '';
    opacity: 0;
    visibility: hidden;
    background: url(/local/templates/BravOFF/distr/css/../img/icon/Check.svg);
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transition: opacity .3s ease, visibility 0s linear .05s;
    transition: opacity .3s ease, visibility 0s linear .05s;
  }

.radio_theme_bordered.radio_checked .radio__box:after {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }

.radio_theme_bordered.radio_disabled {
    cursor: default;
    color: #999;
  }

.radio_theme_bordered.radio_disabled .radio__box {
    background: rgba(0, 0, 0, 0.08);
  }

.radio_checked.radio_theme_bordered.radio_disabled .radio__box {
    background: rgba(0, 0, 0, 0.15);
  }

.radio_theme_bordered.radio_disabled .radio__box:before {
    display: none;
  }

.radio_theme_bordered.radio_disabled .radio__box:after {
    background: rgba(0, 0, 0, 0.4);
  }

.radio_theme_bordered .radio__button {
    font-family: var(--Secondary-font-family);
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 143%;
    color: var(--Brand-color);
    display: inline-block;
    padding-top: 8px;
  }

.radio-group_theme_bordered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
}

@media (min-width: 767px) {

.radio-group_theme_bordered {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        gap: 16px
}
        .radio-group_theme_bordered .radio {
            -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                    flex-grow: 1;
            width: 100%;
            max-width: calc(50% - 8px);
        }
    }

.radio-group_theme_primary .radio {
        display: inline-block;
        margin-bottom: 12px;
    }

.radio-group_theme_primary .radio:last-child {
        margin-bottom: 0;
    }

@media (max-width: 1278px) {

.sort__wrap {
            position: fixed;
            -webkit-transform: translateY(100%);
                    transform: translateY(100%);
            left: 0;
            bottom: 0;
            z-index: 15;
            background: var(--White);
            border-radius: 16px 16px 0 0;
            padding: 24px 16px 0px 16px;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            width: 100%;
            -webkit-transition: -webkit-transform .3s ease-in-out;
            transition: -webkit-transform .3s ease-in-out;
            transition: transform .3s ease-in-out;
            transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
    }
            .sort__wrap_show {
                -webkit-transform: translateY(0);
                        transform: translateY(0);
            }
        }

@media (min-width: 1279px) {

.sort__wrap {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            gap: 8px
    }
        }

.sort__heading-mobile {
        font-family: var(--Primary-font-family);
        font-weight: 700;
        font-size: 24px;
        line-height: 133%;
        color: #000;
        padding-bottom: 8px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

@media (min-width: 1279px) {

.sort__heading-mobile {
            display: none
    }
        }

.sort__heading {
        display: none;
    }

@media (min-width: 1279px) {

.sort__heading {
            font-family: var(--Secondary-font-family);
            font-weight: 400;
            font-size: 14px;
            line-height: 143%;
            color: #8a8e92;
            display: block
    }
        }

.sort__close {
        line-height: 0%;
        cursor: pointer;
        border-radius: 8px;
        padding: 8px;
        background: #f2f4f8;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    }

.sort__show {
        font-family: var(--Secondary-font-family);
        font-weight: 400;
        font-size: 14px;
        line-height: 143%;
        color: var(--Brand-color);
        cursor: pointer;
        border-radius: 8px;
        padding: 8px 33px 8px 12px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        background: var(--Secondary-color);
        position: relative;
    }

.sort__show::after {
            content: '';
            position: absolute;
            top: 8px;
            right: 12px;
            width: 20px;
            height: 20px;
            background-image: url(/local/templates/BravOFF/distr/css/../img/icon/Down.svg);
            background-repeat: no-repeat;
            background-size: cover;
        }

@media (min-width: 1279px) {

.sort__show {
            display: none
    }
        }

.sort__overlay_show {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 14;
            background: rgba(0, 0, 0, 0.24);
        }

@media (min-width: 1279px) {

.sort__overlay_show {
                display: none
        }
            }

@media (min-width: 1279px) {

.radio-group_theme_sort {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 4px
}
    }

.radio-group_theme_sort br {
        display: none;
    }

.radio-group_theme_sort .radio__box {
    display: none;
}

.radio-group_theme_sort .radio {
    font-family: var(--Secondary-font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    cursor: pointer;
    padding: 16px 36px 16px 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    border-bottom: 1px solid #d8dee4;
}

@media (min-width: 1279px) {

.radio-group_theme_sort .radio {
        border-radius: 8px;
        padding: 8px 12px;
        border: none
}
    }

.radio-group_theme_sort .radio_checked {
    position: relative;
}

.radio-group_theme_sort .radio_checked::after {
        position: absolute;
        content: '';
        width: 20px;
        height: 20px;
        top: 50%;
        right: 8px;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        background-image: url(/local/templates/BravOFF/distr/css/../img/icon/Check.svg);
        background-repeat: no-repeat;
        background-size: cover;
    }

@media (min-width: 1279px) {

.radio-group_theme_sort .radio_checked {
        background: var(--Secondary-color);
        color: var(--Brand-color)
}
        .radio-group_theme_sort .radio_checked::after {
            display: none;
        }
    }

.checkbox-group_theme_primary .checkbox {
        display: inline-block;
        margin-bottom: 12px;
    }

.checkbox-group_theme_primary .checkbox:last-child {
        margin-bottom: 0;
    }

.action-button {
    cursor: pointer;
    display: inline-block;
}

.action-button__icon-wrap {
        line-height: 100%;
    }

.action-button__icon-wrap .icon {
            -webkit-transition: background-image .3s ease-in-out;
            transition: background-image .3s ease-in-out;
        }

.action-button_view_full .action-button__icon-wrap {
    padding: 8px;
    display: inline-block;
    background: #f2f4f8;
    border-radius: 6px;
}

.action-button_view_full .action-button__icon-wrap .icon {
        width: 16px;
        height: 16px;
    }

@media (min-width: 767px) {

.action-button_view_full .action-button__icon-wrap {
        margin-right: 8px
}
    }

@media (min-width: 767px) {

.action-button_view_full.action-button_action_delete .action-button__icon-wrap {
        display: none
}
    }

.action-button_view_full.action-button_action_favourite .icon {
    background-image: url(/local/templates/BravOFF/distr/css/../img/icon/Like_black.svg);
}

.action-button_view_full.action-button_action_favourite.action-button_active .icon {
    background-image: url(/local/templates/BravOFF/distr/css/../img/icon/Like_Filled_l.svg);
}

.action-button_view_full.action-button_action_compare .icon {
    background-image: url(/local/templates/BravOFF/distr/css/../img/icon/Compare_black.svg);
}

.action-button_view_full.action-button_action_compare.action-button_active .icon {
    background-image: url(/local/templates/BravOFF/distr/css/../img/icon/Compare_orange_l.svg);
}

.action-button_view_full.action-button_action_delete .icon {
    background-image: url(/local/templates/BravOFF/distr/css/../img/icon/cross_black.svg);
}

.action-button_view_full .action-button__text {
    font-family: var(--Secondary-font-family);
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    display: none;

}

@media (min-width: 767px) {

.action-button_view_full .action-button__text {
        display: inline

}
    }

.show-notification {
    
}

.notification {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	max-width: 260px;
	margin: auto;
	padding: 12px 16px;
	gap: 8px;
	background-color: #232425;
	border-radius: 8px;
	color: var(--White);
	position: fixed;
	top: 144px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	z-index: 11;
	opacity: 0;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
	pointer-events: none;
}

.notification_visible {
		opacity: 1;
	}

/* Отступы */

.decorator_space-a_none{
        padding: 0!important;
      }

.decorator_space-a_xxxs {
        padding: 2px;
      }

.decorator_space-a_xxs {
        padding: 4px;
      }

.decorator_space-a_xs {
        padding: 8px;
      }

.decorator_space-a_s {
        padding: 12px;
      }

.decorator_space-a_m {
        padding: 16px;
      }

.decorator_space-a_l {
        padding: 20px;
      }

.decorator_space-a_xl {
        padding: 24px;
      }

.decorator_space-a_2xl {
        padding: 28px;
      }

.decorator_space-a_3xl {
        padding: 32px;
      }

.decorator_space-a_4xl {
        padding: 40px;
      }

.decorator_space-v_none{
        padding-top: 0!important;
        padding-bottom: 0!important;
      }

.decorator_space-v_xxxs {
        padding-top: 2px;
        padding-bottom: 2px;
      }

.decorator_space-v_xxs {
        padding-top: 4px;
        padding-bottom: 4px;
      }

.decorator_space-v_xs {
        padding-top: 8px;
        padding-bottom: 8px;
      }

.decorator_space-v_s {
        padding-top: 12px;
        padding-bottom: 12px;
      }

.decorator_space-v_m {
        padding-top: 16px;
        padding-bottom: 16px;
      }

.decorator_space-v_l {
        padding-top: 20px;
        padding-bottom: 20px;
      }

.decorator_space-v_xl {
        padding-top: 24px;
        padding-bottom: 24px;
      }

.decorator_space-v_2xl {
        padding-top: 28px;
        padding-bottom: 28px;
      }

.decorator_space-v_3xl {
        padding-top: 32px;
        padding-bottom: 32px;
      }

.decorator_space-v_4xl {
        padding-top: 40px;
        padding-bottom: 40px;
      }

.decorator_space-v_5xl {
        padding-top: var(--space-5xl);
        padding-bottom: var(--space-5xl);
      }

.decorator_space-v_6xl {
        padding-top: var(--space-6xl);
        padding-bottom: var(--space-6xl);
      }

.decorator_space-h_none{
        padding-left: 0!important;
        padding-right: 0!important;
      }

.decorator_space-h_xxxs {
        padding-left: 2px;
        padding-right: 2px;
      }

.decorator_space-h_xxs {
        padding-left: 4px;
        padding-right: 4px;
      }

.decorator_space-h_xs {
        padding-left: 8px;
        padding-right: 8px;
      }

.decorator_space-h_s {
        padding-left: 12px;
        padding-right: 12px;
      }

.decorator_space-h_m {
        padding-left: 16px;
        padding-right: 16px;
      }

.decorator_space-h_l {
        padding-left: 20px;
        padding-right: 20px;
      }

.decorator_space-h_xl {
        padding-left: 24px;
        padding-right: 24px;
      }

.decorator_space-h_2xl {
        padding-left: 28px;
        padding-right: 28px;
      }

.decorator_space-h_3xl {
        padding-left: 32px;
        padding-right: 32px;
      }

.decorator_space-h_4xl {
        padding-left: 40px;
        padding-right: 40px;
      }

.decorator_space-h_5xl {
        padding-left: var(--space-5xl);
        padding-right: var(--space-5xl);
      }

.decorator_space-h_6xl {
        padding-left: var(--space-6xl);
        padding-right: var(--space-6xl);
      }

.decorator_space-t_none{
        padding-top: 0!important;
      }

.decorator_space-t_xxxs {
        padding-top: 2px;
      }

.decorator_space-t_xxs {
        padding-top: 4px;
      }

.decorator_space-t_xs {
        padding-top: 8px;
      }

.decorator_space-t_s {
        padding-top: 12px;
      }

.decorator_space-t_m {
        padding-top: 16px;
      }

.decorator_space-t_l {
        padding-top: 20px;
      }

.decorator_space-t_xl {
        padding-top: 24px;
      }

.decorator_space-t_2xl {
        padding-top: 28px;
      }

.decorator_space-t_3xl {
        padding-top: 32px;
      }

.decorator_space-t_4xl {
        padding-top: 40px;
      }

.decorator_space-t_5xl {
        padding-top: var(--space-5xl);
      }

.decorator_space-t_6xl {
        padding-top: var(--space-6xl);
      }

.decorator_space-r_none{
        padding-right: 0!important;
      }

.decorator_space-r_xxxs {
        padding-right: 2px;
      }

.decorator_space-r_xxs {
        padding-right: 4px;
      }

.decorator_space-r_xs {
        padding-right: 8px;
      }

.decorator_space-r_s {
        padding-right: 12px;
      }

.decorator_space-r_m {
        padding-right: 16px;
      }

.decorator_space-r_l {
        padding-right: 20px;
      }

.decorator_space-r_xl {
        padding-right: 24px;
      }

.decorator_space-r_2xl {
        padding-right: 24px;
      }

.decorator_space-r_3xl {
        padding-right: 32px;
      }

.decorator_space-r_4xl {
        padding-right: 40px;
      }

.decorator_space-r_5xl {
        padding-right: var(--space-5xl);
      }

.decorator_space-r_6xl {
        padding-right: var(--space-6xl);
      }

.decorator_space-b_none{
        padding-bottom: 0!important;
      }

.decorator_space-b_xxxs {
        padding-bottom: 2px;
      }

.decorator_space-b_xxs {
        padding-bottom: 4px;
      }

.decorator_space-b_xs {
        padding-bottom: 8px;
      }

.decorator_space-b_s {
        padding-bottom: 12px;
      }

.decorator_space-b_m {
        padding-bottom: 16px;
      }

.decorator_space-b_l {
        padding-bottom: 20px;
      }

.decorator_space-b_xl {
        padding-bottom: 24px;
      }

.decorator_space-b_2xl {
        padding-bottom: 28px;
      }

.decorator_space-b_3xl {
        padding-bottom: 32px;
      }

.decorator_space-b_4xl {
        padding-bottom: 40px;
      }

.decorator_space-b_5xl {
        padding-bottom: 48px);
      }

.decorator_space-b_6xl {
        padding-bottom: 56px;
      }

.decorator_space-l_none{
        padding-left: 0!important;
      }

.decorator_space-l_xxxs {
        padding-left: 2px;
      }

.decorator_space-l_xxs {
        padding-left: 4px;
      }

.decorator_space-l_xs {
        padding-left: 8px;
      }

.decorator_space-l_s {
        padding-left: 12px;
      }

.decorator_space-l_m {
        padding-left: 16px;
      }

.decorator_space-l_l {
        padding-left: 20px;
      }

.decorator_space-l_xl {
        padding-left: 24px;
      }

.decorator_space-l_2xl {
        padding-left: 28px;
      }

.decorator_space-l_3xl {
        padding-left: 32px;
      }

.decorator_space-l_4xl {
        padding-left: 40px;
      }

.decorator_space-l_5xl {
        padding-left: 48px);
      }

.decorator_space-l_6xl {
        padding-left: 56px;
      }

.decorator_indent-a_none {
        margin: 0;
      }

.decorator_indent-a_auto {
        margin: auto;
      }

.decorator_indent-a_xxxs {
        margin: 2px;
      }

.decorator_indent-a_xxs {
        margin: 4px;
      }

.decorator_indent-a_xs {
        margin: 8px;
      }

.decorator_indent-a_s {
        margin: 12px;
      }

.decorator_indent-a_m {
        margin: 16px;
      }

.decorator_indent-a_l {
        margin: 20px;
      }

.decorator_indent-a_xl {
        margin: 24px;
      }

.decorator_indent-a_2xl {
        margin: 28px;
      }

.decorator_indent-a_3xl {
        margin: 32px;
      }

.decorator_indent-a_4xl {
        margin: 40px;
      }

.decorator_indent-a_5xl {
        margin: var(--space-5xl);
      }

.decorator_indent-a_6xl {
        margin: var(--space-6xl);
      }

.decorator_indent-v_auto {
        margin-top: auto;
        margin-bottom: auto;
      }

.decorator_indent-v_xxxs {
        margin-top: 2px;
        margin-bottom: 2px;
      }

.decorator_indent-v_xxs {
        margin-top: 4px;
        margin-bottom: 4px;
      }

.decorator_indent-v_xs {
        margin-top: 8px;
        margin-bottom: 8px;
      }

.decorator_indent-v_s {
        margin-top: 12px;
        margin-bottom: 12px;
      }

.decorator_indent-v_m {
        margin-top: 16px;
        margin-bottom: 16px;
      }

.decorator_indent-v_l {
        margin-top: 20px;
        margin-bottom: 20px;
      }

.decorator_indent-v_xl {
        margin-top: 24px;
        margin-bottom: 24px;
      }

.decorator_indent-v_2xl {
        margin-top: 28px;
        margin-bottom: 28px;
      }

.decorator_indent-v_3xl {
        margin-top: 32px;
        margin-bottom: 32px;
      }

.decorator_indent-v_4xl {
        margin-top: 40px;
        margin-bottom: 40px;
      }

.decorator_indent-v_5xl {
        margin-top: var(--space-5xl);
        margin-bottom: var(--space-5xl);
      }

.decorator_indent-v_6xl {
        margin-top: var(--space-6xl);
        margin-bottom: var(--space-6xl);
      }

.decorator_indent-h_auto {
        margin-left: auto;
        margin-right: auto;
      }

.decorator_indent-h_xxxs {
        margin-left: 2px;
        margin-right: 2px;
      }

.decorator_indent-h_xxs {
        margin-left: 4px;
        margin-right: 4px;
      }

.decorator_indent-h_xs {
        margin-left: 8px;
        margin-right: 8px;
      }

.decorator_indent-h_s {
        margin-left: 12px;
        margin-right: 12px;
      }

.decorator_indent-h_m {
        margin-left: 16px;
        margin-right: 16px;
      }

.decorator_indent-h_l {
        margin-left: 20px;
        margin-right: 20px;
      }

.decorator_indent-h_xl {
        margin-left: 24px;
        margin-right: 24px;
      }

.decorator_indent-h_2xl {
        margin-left: 28px;
        margin-right: 28px;
      }

.decorator_indent-h_3xl {
        margin-left: 32px;
        margin-right: 32px;
      }

.decorator_indent-h_4xl {
        margin-left: 40px;
        margin-right: 40px;
      }

.decorator_indent-h_5xl {
        margin-left: var(--space-5xl);
        margin-right: var(--space-5xl);
      }

.decorator_indent-h_6xl {
        margin-left: var(--space-6xl);
        margin-right: var(--space-6xl);
      }

.decorator_indent-t_none {
        margin-top: 0;
      }

.decorator_indent-t_xxxs {
        margin-top: 2px;
      }

.decorator_indent-t_xxs {
        margin-top: 4px;
      }

.decorator_indent-t_xs {
        margin-top: 8px;
      }

.decorator_indent-t_s {
        margin-top: 12px;
      }

.decorator_indent-t_m {
        margin-top: 16px;
      }

.decorator_indent-t_l {
        margin-top: 20px;
      }

.decorator_indent-t_xl {
        margin-top: 24px;
      }

.decorator_indent-t_2xl {
        margin-top: 28px;
      }

.decorator_indent-t_3xl {
        margin-top: 32px;
      }

.decorator_indent-t_4xl {
        margin-top: 40px;
      }

.decorator_indent-t_5xl {
        margin-top: var(--space-5xl);
      }

.decorator_indent-t_6xl {
        margin-top: var(--space-6xl);
      }

.decorator_indent-r_xxxs {
        margin-right: 2px;
      }

.decorator_indent-r_xxs {
        margin-right: 4px;
      }

.decorator_indent-r_xs {
        margin-right: 8px;
      }

.decorator_indent-r_s {
        margin-right: 12px;
      }

.decorator_indent-r_m {
        margin-right: 16px;
      }

.decorator_indent-r_l {
        margin-right: 20px;
      }

.decorator_indent-r_xl {
        margin-right: 24px;
      }

.decorator_indent-r_2xl {
        margin-right: 24px;
      }

.decorator_indent-r_3xl {
        margin-right: 28px;
      }

.decorator_indent-r_4xl {
        margin-right: 32px;
      }

.decorator_indent-r_5xl {
        margin-right: var(--space-5xl);
      }

.decorator_indent-r_6xl {
        margin-right: var(--space-6xl);
      }

.decorator_indent-b_xxxs {
        margin-bottom: 2px;
      }

.decorator_indent-b_xxs {
        margin-bottom: 4px;
      }

.decorator_indent-b_xs {
        margin-bottom: 8px;
      }

.decorator_indent-b_s {
        margin-bottom: 12px;
      }

.decorator_indent-b_m {
        margin-bottom: 16px;
      }

.decorator_indent-b_l {
        margin-bottom: 20px;
      }

.decorator_indent-b_xl {
        margin-bottom: 24px;
      }

.decorator_indent-b_2xl {
        margin-bottom: 28px;
      }

.decorator_indent-b_3xl {
        margin-bottom: 32px;
      }

.decorator_indent-b_4xl {
        margin-bottom: 40px;
      }

.decorator_indent-b_5xl {
        margin-bottom: var(--space-5xl);
      }

.decorator_indent-b_6xl {
        margin-bottom: var(--space-6xl);
      }

.decorator_indent-l_auto{
        margin-left: auto;
      }

.decorator_indent-l_xxxs {
        margin-left: 2px;
      }

.decorator_indent-l_xxs {
        margin-left: 4px;
      }

.decorator_indent-l_xs {
        margin-left: 8px;
      }

.decorator_indent-l_s {
        margin-left: 12px;
      }

.decorator_indent-l_m {
        margin-left: 16px;
      }

.decorator_indent-l_l {
        margin-left: 20px;
      }

.decorator_indent-l_xl {
        margin-left: 24px;
      }

.decorator_indent-l_2xl {
        margin-left: 28px;
      }

.decorator_indent-l_3xl {
        margin-left: 32px;
      }

.decorator_indent-l_4xl {
        margin-left: 40px;
      }

.decorator_indent-l_5xl {
        margin-left: var(--space-5xl);
      }

.decorator_indent-l_6xl {
        margin-left: var(--space-6xl);
      }

.decorator_gap_none{
        gap: 0;
      }

.decorator_gap_xxxs {
        gap: 2px;
      }

.decorator_gap_xxs {
        gap: 4px;
      }

.decorator_gap_xs {
        gap: 8px;
      }

.decorator_gap_s {
        gap: 12px;
      }

.decorator_gap_m {
        gap: 16px;
      }

.decorator_gap_l {
        gap: 20px;
      }

.decorator_gap_xl {
        gap: 24px;
      }

.decorator_gap_2xl {
        gap: 28px;
      }

.decorator_gap_3xl {
        gap: 32px;
      }

.decorator_gap_4xl {
        gap: 40px;
      }

.decorator_flex_column {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
        }

.breadcrumbs__wrapp{
    padding: 24px 0 4px 0;
  }

@media (min-width: 1279px) {

.breadcrumbs__wrapp{
        padding: 32px 0 8px 0
  }
    }

.breadcrumbs .link{
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
  }

.breadcrumbs__ul{
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 4px;
    list-style: none;
  }

.breadcrumbs .ul__current .link{
    pointer-events: none;
}

.breadcrumbs .ul__current .link__name{
  cursor: auto;
}

.pagination {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
}

@media (min-width: 1279px) {

.pagination {
        font-size: 16px;
        line-height: 150%
}
    }

.pagination__container{
        width: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 2px;
    }

.pagination__page-num, .pagination__page-next, .pagination__page-prev {
        cursor: pointer;
    }

.pagination__page-dots {
        cursor: auto;
    }

.pagination__page-num, .pagination__page-dots, .pagination__page-next, .pagination__page-prev {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        border-radius: 6px;
        text-decoration: none;
        color: #02040e;
    }

.pagination__page-num_active,.pagination__page-dots_active,.pagination__page-next_active,.pagination__page-prev_active{
            color: #ff4a00;
            background: #ffe3d7;
            pointer-events: none;
            cursor: auto;
        }

.pagination__page-num_disabled,.pagination__page-dots_disabled,.pagination__page-next_disabled,.pagination__page-prev_disabled{
            cursor: default;
            pointer-events: none;
            color: rgba(13, 13, 13, 0.50);
        }

.pagination__page-next, .pagination__page-prev {
        width: 100%;
        color: #ff4a00;
        background: #ffe3d7;
        padding: 10px 24px;
    }

@media (min-width: 767px) {

.pagination__page-next, .pagination__page-prev {
            width: 128px;
            height: 40px
    }
        }

@media (min-width: 1279px) {

.pagination__page-next, .pagination__page-prev {
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            padding: 12px 24px;
            height: 48px
    }
        }

.pagination__page-num, .pagination__page-dots {
        width: 32px;
        height: 32px;
    }

@media (min-width: 767px) {

.pagination__page-num, .pagination__page-dots {
            width: 40px;
            height: 40px
    }
        }

@media (min-width: 1279px) {

.pagination__page-num, .pagination__page-dots {
            width: 48px;
            height: 48px
    }
        }

.pagination__page-prev {
        display: none;
    }

@media (min-width: 767px) {

.pagination__page-prev {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
    }
        }

.textarea {
    -ms-touch-action: manipulation;
        touch-action: manipulation;
}

.textarea {
  min-height: 96px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #FFFFFF;
  font-family: 'Inter', sans-serif;
  border: 1px solid #d8dee4;
  border-radius: 8px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 143%;
  color: #232425;
  padding: 12px 16px;
  outline: none;
}

.textarea_focused{
    border: 1px solid #02040e;
  }

.textarea_width_available{
    width: 100%;
  }

.textarea::-webkit-input-placeholder{
  opacity: 0.4;
}

.textarea::-moz-placeholder{
  opacity: 0.4;
}

.textarea::-ms-input-placeholder{
  opacity: 0.4;
}

.textarea::placeholder{
  opacity: 0.4;
}

.textarea:focus::-webkit-input-placeholder {
    color: transparent;
  }

.textarea:focus::-moz-placeholder {
    color: transparent;
  }

.textarea:focus::-ms-input-placeholder {
    color: transparent;
  }

.textarea:focus::placeholder {
    color: transparent;
  }

.stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
}

.stars_interactive .stars__star {
            cursor: pointer;
        }

.stars_size_s .stars__star {
            width: 20px;
            height: 20px;
       }

.stars_size_m .stars__star {
            width: 32px;
            height: 32px;
       }

.stars__star {
    background-image: url(/local/templates/BravOFF/distr/css/../img/icon/Star.svg); /* Пустая звезда */
    background-size: cover;
}

.stars__star_filled {
    background-image: url(/local/templates/BravOFF/distr/css/../img/icon/Star_filled.svg); /* Заполненная звезда */
}

.stars__star_half {
    background-image: url(/local/templates/BravOFF/distr/css/../img/icon/Star_half.svg); /* Заполненная наполовину звезда */
}

.polzunok__heading {
        font-family: "Inter", sans-serif;
        font-weight: 700;
        font-size: 16px;
        line-height: 125%;
        color: #232425;
        padding: 4px 0;
    }

.polzunok__range {
        margin: 12px 0;
        height: 16px;
        overflow: hidden;
        position: relative;
    }

.polzunok__track {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        height: 4px;
        background: var(--Secondary-color);
        border-radius: 4px;
    }

.polzunok__progress {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        height: 4px;
        background: var(--Brand-color);
        border-radius: 4px;
    }

.polzunok__range-input {
        margin: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        width: 100%;
        background: none;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        pointer-events: none;
    }

.polzunok__inputs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 10px;
    }

.polzunok__input-field {
        border: 1px solid #d8dee4;
        border-radius: 8px;
        padding: 8px;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-family: "Inter", sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 143%;
        color: #8a8e92;

    }

.polzunok__input {
        margin: 0;
        padding: 0;
        color: inherit;
        font-family: "Inter", sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 143%;
        width: 100%;
        outline: none;
        border: none;
    }

.polzunok__text {
        display: inline-block;
        padding-right: 4px;
    }

.polzunok input[type="number"]::-webkit-outer-spin-button,
    .polzunok input[type="number"]::-webkit-inner-spin-button{
        -webkit-appearance: none;
    }

.polzunok input[type="range"]::-webkit-slider-thumb {
        height: 16px;
        width: 16px;
        border-radius: 50%;
        -webkit-appearance: none;
                appearance: none;
        background: #fff;
        border: 2px solid var(--Brand-color);
        pointer-events: auto;
        cursor: pointer;
    }

.polzunok input[type="range"]::-moz-range-thumb {
        height: 16px;
        width: 16px;
        border-radius: 50%;
        -moz-appearance: none;
             appearance: none;
        background: #fff;
        border: 2px solid var(--Brand-color);
        pointer-events: auto;
        cursor: pointer;
    }

.error__wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding: 124px 0 184px;

	}

@media (max-width:768px) {

.error__wrap {
			padding: 116px 0 176px

	}
		}

@media (max-width:640px) {

.error__wrap {
			padding: 100px 0 125px

	}
		}

.error__number {
		font-size: 180px;
		line-height: 180px;
		font-weight: 900;
		padding-bottom: 24px;
		font-family: var(--Primary-font-family);
	}

@media (max-width:768px) {

.error__number {
			font-size: 120px;
			line-height: 120px;
			padding-bottom: 16px
	}
		}

.error__title {
		margin: 0;
	}

.error__message {
		color: #717477;
		max-width: 381px;
		text-align: center;
		line-height: 24px;
		margin: 0;
		padding: 8px 0 24px;
	}

.footer {
    padding: 32px 0;
    font-family: var(--Secondary-font-family);
    position: relative;
}

@media (min-width: 1279px) {

.footer {
        padding: 48px 0
}
    }

.footer__logo {
        width: 160px;
    }

@media (min-width: 1279px) {

.footer__logo {
            width: 192px
    }
        }

.footer__top {
        padding-bottom: 16px;
    }

.footer__main {
        padding: 24px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

@media (min-width: 1279px) {

.footer__main {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 16px
    }
        }

.footer__menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 24px;
    }

@media (min-width: 1279px) {

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

.footer__group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 24px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

@media (min-width: 1279px) {

.footer__group {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            gap: 16px
    }
            .footer__group .footer__contacts, .footer__group .subscription {
                -webkit-box-flex: 1;
                    -ms-flex: 1;
                        flex: 1
            }
        }

.footer__contacts {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px;
        padding: 24px 0;
    }

@media (min-width: 1279px) {

.footer__contacts {
            padding: 0
    }
        }

.footer__contact-group {
        line-height: 125%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 4px;
    }

.footer__contact-group p {
            margin: 0;
        }

.footer__bottom {
        padding-top: 16px;
    }

@media (min-width: 767px) {

.footer__bottom {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between
    }
        }

.footer__copyrights {
        padding-bottom: 16px;
        font-size: 14px;
        font-weight: 400;
        line-height: 143%;
    }

@media (min-width: 767px) {

.footer__copyrights {
            padding-bottom: 0
    }
        }

.footer__social-links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 12px;
    }

@media (min-width: 1279px) {

.footer__social-links {
            padding-right: 140px
    }
        }

.button_theme_dark {
    background: #3c3e3f;
    color: #ffffff;
    border: 1px solid #3c3e3f;
}

.button_theme_dark.button_hovered {
    background: #343536;
    border: 1px solid #343536;

}

.menu-bottom {
    color: #ffffff;
}

.menu-bottom__heading {
        font-family: "Inter", sans-serif;
        font-weight: 700;
        font-size: 20px;
        line-height: 120%;
        padding-bottom: 12px;
        border-bottom: 1px solid #2e2f30;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

.menu-bottom__heading .icon {
            -webkit-transition: -webkit-transform .5s ease-in-out;
            transition: -webkit-transform .5s ease-in-out;
            transition: transform .5s ease-in-out;
            transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
        }

@media (min-width: 1279px) {

.menu-bottom__heading {
            border: none;
            cursor: auto;
            pointer-events: none
    }
            .menu-bottom__heading .icon {
                display: none;
            }
        }

.menu-bottom__items {
        max-height: 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 12px;
        -webkit-transition: max-height .5s ease-in-out;
        transition: max-height .5s ease-in-out;
    }

.menu-bottom__items .link:first-child {
            margin-top: 12px;
        }

@media (min-width: 1279px) {

.menu-bottom__items {
            max-height: -webkit-fit-content;
            max-height: -moz-fit-content;
            max-height: fit-content
    }
            .menu-bottom__items .link:first-child {
                margin-top: 0;
            }
        }

.menu-bottom .link {
        font-family: "Inter", sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 143%;
        text-decoration: none;
        color: #fff;
        -webkit-transition: color .3s ease;
        transition: color .3s ease;
    }

.menu-bottom .link_hovered {
            color: var(--Brand-color, #ff4a00);
        }

.menu-bottom_show .menu-bottom__items {
    max-height: 500px;
}

.menu-bottom_show .menu-bottom__heading .icon {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}

.subscription__heading {
        font-family: var(--Secondary-font-family);
        font-size: 20px;
        font-weight: 700;
        line-height: 120%;
        padding: 0 0 16px 0;
    }

@media (min-width: 1279px) {

.subscription__heading {
            padding: 0 0 20px 0
    }
        }

.subscription__agreement {
        font-family: var(--Secondary-font-family);
        font-weight: 400;
        font-size: 12px;
        line-height: 133%;
        color: #a4a9ad;
        margin: 0;
        width: 100%;
    }

.subscription__agreement .link {
            word-wrap: break-word;
            word-break: break-word;
            display: inline-block;
        }

.subscription__input {
        display: inline-block;
        border: 1px solid #d8dee4;
        border-radius: 8px;
        padding: 10px 16px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        max-width: 320px;
    }

.subscription__input .input__control{
          padding: 0;
          outline: 0;
          background: transparent;
          border: none;
          font-family: 'Inter', sans-serif;
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: 143%;
          color: #ffffff;
        }

.subscription__input input::-webkit-input-placeholder{
          opacity: 0.4;
        }

.subscription__input input::-moz-placeholder{
          opacity: 0.4;
        }

.subscription__input input::-ms-input-placeholder{
          opacity: 0.4;
        }

.subscription__input input::placeholder{
          opacity: 0.4;
        }

.subscription .form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

@media (max-width: 499px) {
        .subscription .form .button {
            width: 120px;
        }
        .subscription .form .input {
            width: 210px;
        }
    }

@media (min-width: 1279px) {

.subscription .form .button {
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3;
        margin-top: 8px;
        width: 172px
}
    }

.link_theme_white {
    text-decoration: none;
    color: #fff;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
}

.link_theme_white.link_hovered {
    color: var(--Brand-color, #ff4a00);
}

.footer_theme_black {
    background-color: #232425;
    color: #ffffff;
}

.footer_theme_black .footer__bottom {
    border-top: 1px solid #2e2f30;
}

.footer_theme_black .footer__top {
    border-bottom: 1px solid #2e2f30;
}

.footer_theme_black .footer__contacts {
    border-bottom: 1px solid #2e2f30;
}

@media (min-width: 1279px) {

.footer_theme_black .footer__contacts {
        border: none
}
    }

.footer_theme_black .footer__contact-group .link {
    color: #ffffff;
    text-decoration: none;
}

.mobile-navbar {
    background: #fff;
    position: sticky;
    bottom: 0;
    margin-top: auto;
    z-index: 2;
}

@media (min-width: 1279px) {

.mobile-navbar {
        display: none
}
    }

.mobile-navbar__items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -ms-flex-pack: distribute;
            justify-content: space-around;
        padding: 12px 0;
    }

.modal {
    position: fixed;
    top: 0;
    left: 0;

    height: 100%;
    width: 100%;

    overflow-y: auto;

    -webkit-overflow-scrolling: touch;
}

.modal__table {
        display: table;

        width: 100%;
        height: 100%;

        text-align: center;
    }

.modal__cell {
        display: table-cell;

        vertical-align: middle;
    }

.modal__content {
        display: inline-block;

        text-align: left;
    }

.modal__content {
		background-color: var(--Cream);
		padding: 60px;
	}

.modal_view_fullscreen .modal__content {
        border: none;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        border-radius: 0;
        width: 100%;
        height: 100%;
        padding: 0!important;
        margin: 0!important;
        overflow: auto;
    }

.modal_view_history-coins {
	z-index: 12;
}

.modal_view_history-coins .modal__content {
		background: none;
		border: none;
		max-width: 800px;
		width: 100%;
		padding: 0 16px;
		margin: 0;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
	}

.modal_view_history-coins .modal__wrapp {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		padding: 42px 0;
		height: 100%;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;

		/* 		@media (max-width: 1000px) {
			flex-direction: column;
			align-items: end;
			padding: 32px 0px;
		}*/


	}

.modal_view_history-coins .modal__close {
		top: 64px;
		right: 37px;
	}

@media (max-width: 640px) {

.modal_view_history-coins .modal__close {
			right: 34px
	}

			.modal_view_history-coins .modal__close .button {
				padding: 4px;
			}
		}

.modal_view_normal .modal__content {
		background: none;
		border: none;
		margin: 0;
		padding: 16px;
	}

@media (max-width:768px) {

.modal_view_normal .modal__content {
			width: 100%;
			height: 100%;
			padding: 0
	}
		}

.modal_view_normal .modal__close {
		top: 48px;
		right: 40px;
	}

@media (max-width:768px) {

.modal_view_normal .modal__close {
			top: 32px;
			right: 16px
	}
		}

@media (max-width:480px) {

.modal_view_normal .modal__close {
			top: 24px
	}
		}

.modal_view_normal .modal__close .button {
			padding: 8px;
		}

.modal_view_slider {
	z-index: 12;
	background: var(--White);

}

.modal_view_slider .modal__content {
		background: none;
		border: none;
		padding: 32px 100px;
		height: 100%;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		margin: 0;
	}

@media (max-width: 1000px) {

.modal_view_slider .modal__content {
			padding: 32px 24px
	}
		}

@media (max-width: 480px) {

.modal_view_slider .modal__content {
			padding: 24px 0px
	}
		}

.modal_view_slider .modal__wrapp {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: row-reverse;
		        flex-direction: row-reverse;
		height: 100%;
	}

@media (max-width: 1000px) {

.modal_view_slider .modal__wrapp {
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			-webkit-box-align: end;
			    -ms-flex-align: end;
			        align-items: end
	}
		}

.modal_view_slider .modal__close {
		position: static;
		padding-left: 64px;
	}

@media (max-width: 1000px) {

.modal_view_slider .modal__close {
			padding-left: 40px;
			padding: 0
	}
		}

@media (max-width:480px) {

.modal_view_slider .modal__close {
			margin-right: 12px
	}
		}

.modal_view_new-feedback {
	z-index: 12;
	background: var(--White);

}

.modal_view_new-feedback .modal__content {
		background: none;
		border: none;
		max-width: 560px;
		height: 100%;
		padding: 0 16px;
		margin: 0;
	}

.modal_view_new-feedback .modal__wrapp {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		padding: 42px 0;
		height: 100%;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
	}

@media (max-width: 1000px) {

.modal_view_new-feedback .modal__wrapp {
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			-webkit-box-align: end;
			    -ms-flex-align: end;
			        align-items: end;
			padding: 32px 0px
	}
		}

@media (max-width: 480px) {

.modal_view_new-feedback .modal__wrapp {
			padding: 24px 0px
	}
		}

.modal_view_new-feedback .modal__close {
		top: 33px;
		right: 16px;
	}

.modal_theme_islands {
    display: none;
    visibility: hidden;

    margin: -9999px 0 0 -9999px; /* to prevent clickability and visiblity of internal elements with visiblity: visible */

    background: rgba(50, 50, 50, 0.2);
}

.modal_theme_islands,
    .modal_theme_islands .modal__content {
        -webkit-animation-duration: 0.2s;
                animation-duration: 0.2s;
        -webkit-animation-fill-mode: forwards;
                animation-fill-mode: forwards;
        -webkit-animation-timing-function: ease-in-out;
                animation-timing-function: ease-in-out;
    }

.modal_theme_islands .modal__content {
        margin: 5px;

        border: 1px solid #bfbfbf;
        background-color: #fff;
    }

.modal_theme_islands.modal_js_inited {
        display: block;
    }

.modal_theme_islands.modal_has-animation {
        -webkit-animation-name: modal_theme_islands;
                animation-name: modal_theme_islands;
    }

.modal_theme_islands.modal_has-animation .modal__content {
            -webkit-animation-name: modal_theme_islands__content;
                    animation-name: modal_theme_islands__content;
        }

.modal_theme_islands.modal_visible {
        visibility: visible;

        margin: 0;
    }

.modal_theme_islands.modal_visible.modal_has-animation {
            -webkit-animation-name: modal_theme_islands_visible;
                    animation-name: modal_theme_islands_visible;
        }

.modal_theme_islands.modal_visible.modal_has-animation .modal__content {
                -webkit-animation-name: modal_theme_islands_visible__content;
                        animation-name: modal_theme_islands_visible__content;
            }

/* closing modal */

@-webkit-keyframes modal_theme_islands {
    0% {
        visibility: visible;

        margin: 0;

        opacity: 1;
    }

    99% {
        margin: 0;
    }

    100% {
        visibility: hidden;

        margin: -9999px 0 0 -9999px;

        opacity: 0;
    }
}

@keyframes modal_theme_islands {
    0% {
        visibility: visible;

        margin: 0;

        opacity: 1;
    }

    99% {
        margin: 0;
    }

    100% {
        visibility: hidden;

        margin: -9999px 0 0 -9999px;

        opacity: 0;
    }
}

/* opening modal */

@-webkit-keyframes modal_theme_islands_visible {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes modal_theme_islands_visible {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* closing modal__content */

@-webkit-keyframes modal_theme_islands__content {
    0% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }

    100% {
        -webkit-transform: scale(1.5);
                transform: scale(1.5);
    }
}

@keyframes modal_theme_islands__content {
    0% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }

    100% {
        -webkit-transform: scale(1.5);
                transform: scale(1.5);
    }
}

/* opening modal__content */

@-webkit-keyframes modal_theme_islands_visible__content {
    0% {
        -webkit-transform: scale(.75);
                transform: scale(.75);
    }

    100% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}

@keyframes modal_theme_islands_visible__content {
    0% {
        -webkit-transform: scale(.75);
                transform: scale(.75);
    }

    100% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}

.modal_theme_islands {
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px);
}

.modal__close {
  position: absolute;
  z-index: 99999;
  top: 24px;
  right: 24px;
}

@media (max-width:410px) {

.modal__close {
    top: 16px;
    right: 16px
}
  }

.modal__close .button {
    padding: 11px;
  }

@media (max-width:768px) {

.modal__close .button {
      padding: 8px
  }
    }

.modal__close .icon {
    cursor: pointer;
    pointer-events: all;
  }

.about-page {
	padding-bottom: 32px;

}

.about-page h2,
	.about-page h3,
	.about-page p {
		margin: 0;
	}

@media (min-width: 1279px) {

.about-page {
		padding-bottom: 64px

}
	}

.about-page b {
		font-weight: 400;
		color: #000000;
	}

.about-page__wrap {
		display: grid;
		grid-template-columns: 200px 1fr;
		grid-template-rows: auto auto;
		grid-template-areas:
			"title title"
			"menu main";
		-webkit-column-gap: 32px;
		   -moz-column-gap: 32px;
		        column-gap: 32px;
	}

@media (max-width:1250px) {

.about-page__wrap {
			grid-template-columns: 100%;
			grid-template-rows: auto;
			grid-template-areas:
				"title"
				"main"
	}
		}

.about-page__title {
		grid-area: title;
		margin: 0;
		font-family: var(--Primary-font-family);
		font-weight: 700;
		font-size: 32px;
		line-height: 125%;
		color: #02040e;
		padding-bottom: 16px;
		margin-bottom: 32px;
		border-bottom: 1px solid #D8DEE4;
	}

@media (max-width: 1279px) {

.about-page__title {
			font-size: 24px;
			line-height: 133%
	}
		}

@media (max-width:1250px) {

.about-page__title {
			margin-bottom: 48px;
			padding-top: 32px
	}
		}

@media (max-width:640px) {

.about-page__title {
			margin-bottom: 24px;
			padding-top: 24px;
			padding-bottom: 16px
	}
		}

.about-page__side-menu {
		grid-area: menu;
	}

@media (max-width:1250px) {

.about-page__side-menu {
			display: none
	}
		}

.about-page__main {
		grid-area: main;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 64px;
	}

@media (max-width:1100px) {

.about-page__main {
			gap: 48px
	}
		}

@media (max-width:640px) {

.about-page__main {
			gap: 32px
	}
		}

.about-page__chapter {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		gap: 32px;
	}

@media (max-width:1100px) {

.about-page__chapter {
			-webkit-box-orient: vertical;
			-webkit-box-direction: reverse;
			    -ms-flex-direction: column-reverse;
			        flex-direction: column-reverse;
			gap: 16px
	}
		}

@media (max-width:1100px) {

.about-page__chapter:nth-child(even) {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column
		}
			}

.about-page__chapter:nth-child(even) .about-page__text {
				-webkit-box-ordinal-group: 2;
				    -ms-flex-order: 1;
				        order: 1;
			}

.about-page__chapter:nth-child(even) .about-page__image {
				-webkit-box-ordinal-group: 1;
				    -ms-flex-order: 0;
				        order: 0;
			}

.about-page__text {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 16px;
	}

.about-page__subtitle {
		font-size: 32px;
	}

.about-page__paragraph {
		line-height: 24px;
	}

@media (max-width:640px) {

.about-page__paragraph {
			font-size: 14px;
			line-height: 20px
	}
		}

.about-page__image {
		width: 508px;
		height: 508px;
		border-radius: 24px;
		overflow: hidden;
		-ms-flex-negative: 0;
		    flex-shrink: 0;
	}

@media (max-width:1100px) {

.about-page__image {
			width: 100%;
			height: 480px
	}
		}

.about-page__image .image {
			height: 100%;
			-o-object-fit: cover;
			   object-fit: cover;
		}

.about-page__ecosystem {
		position: relative;
		padding: 40px 32px;
		background-color: var(--Light);
		border-radius: 16px;
		max-width: 1048px;
		margin: auto;
	}

.about-page__ecosystem .about-page__subtitle {
			padding-bottom: 24px;
		}

@media (max-width:768px) {

.about-page__ecosystem {
			padding: 48px 0px
	}

			.about-page__ecosystem::before {
				content: "";
				position: absolute;
				top: 0;
				left: -16px;
				right: -16px;
				bottom: 0;
				display: block;
				background-color: var(--Light);
				z-index: -1;
			}
		}

.about-page__ecosystem-cards {
		gap: 16px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

@media (max-width:1190px) {

.about-page__ecosystem-cards {
			-ms-flex-wrap: wrap;
			    flex-wrap: wrap
	}
		}

.about-page__card-column {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 16px;
	}

@media (max-width:1190px) {

.about-page__card-column {
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
			    -ms-flex-direction: row;
			        flex-direction: row;
			width: 100%
	}
		}

@media (max-width:640px) {

.about-page__card-column {
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column
	}
		}

.about-page__card {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 12px;
		background-color: var(--White);
		border-radius: 12px;
		padding: 24px 16px;
		line-height: 24px;
		width: 100%;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
	}

@media (max-width:640px) {

.about-page__card {
			font-size: 14px;
			line-height: 20px
	}
		}

.about-page__card-1 {
		max-width: 392px;
	}

@media (max-width:1190px) {

.about-page__card-1 {
			max-width: 50%
	}
		}

@media (max-width:640px) {

.about-page__card-1 {
			max-width: none
	}
		}

.about-page__card-2 {
		max-width: 392px;
		height: 100%;
	}

@media (max-width:1190px) {

.about-page__card-2 {
			max-width: 50%;
			height: auto
	}
		}

@media (max-width:640px) {

.about-page__card-2 {
			max-width: none
	}
		}

.about-page__card-3 {
		max-width: 280px;
	}

@media (max-width:1190px) {

.about-page__card-3 {
			max-width: 50%
	}
		}

@media (max-width:640px) {

.about-page__card-3 {
			max-width: none
	}
		}

.about-page__card-4 {
		max-width: 280px;
		height: 100%;
	}

@media (max-width:1190px) {

.about-page__card-4 {
			max-width: 50%;
			height: auto
	}
		}

@media (max-width:640px) {

.about-page__card-4 {
			max-width: none
	}
		}

.about-page__card-5 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		max-width: 280px;
		height: 100%;
	}

@media (max-width:1190px) {

.about-page__card-5 {
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
			    -ms-flex-direction: row;
			        flex-direction: row;
			max-width: none;
			height: auto
	}
		}

.about-page__description {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 32px;
		color: #3C3E3F;
		line-height: 24px;
	}

@media (max-width:768px) {

.about-page__description {
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			gap: 16px
	}
		}

@media (max-width:640px) {

.about-page__description {
			font-size: 14px;
			line-height: 20px
	}
		}

.about-page__description-paragraph {
		-webkit-box-flex: 50%;
		    -ms-flex: 50%;
		        flex: 50%;
	}

.about-page__advantages .about-page__subtitle {
			padding-bottom: 24px;
		}

.about-page__advantages-cards {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		gap: 12px;
	}

@media (max-width:640px) {

.about-page__advantages-cards {
			gap: 8px
	}
		}

.about-page__advantage {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 16px;
		padding: 24px 16px;
		border-radius: 16px;
		background-color: var(--Light);
		-webkit-box-flex: 29%;
		    -ms-flex: 29%;
		        flex: 29%;
		font-size: 14px;
		line-height: 20px;
	}

@media (max-width:640px) {

.about-page__advantage {
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			font-size: 12px;
			line-height: 16px
	}
		}

.about-page__advantage .icon {
			color: var(--Brand-color);
		}

.about-page__advantage-title {
		padding-bottom: 8px;
	}

.side-menu {
	border-right: 1px solid #D8DEE4;
	position: sticky;
	top: 196px;
}

@media (max-width: 1279px) {

.side-menu {
		top: 130px
}
	}

.side-menu__list {
		margin: 0;
		padding: 0;
		list-style: none;
	}

.side-menu__item {
		-webkit-transition: 0.2s;
		transition: 0.2s;
	}

.side-menu__item .link {
			display: block;
			width: 100%;
			height: 100%;
			padding: 12px;
			max-width: 200px;
			-webkit-box-sizing: border-box;
			        box-sizing: border-box;
		}

.side-menu__item .link_hovered {
			color: #3c3e3f !important;
		}

.side-menu__item_active {
			background-color: var(--Light);
			border-top-left-radius: 8px;
			border-bottom-left-radius: 8px;
		}

.side-menu__item:hover {
			background-color: var(--Light);
			border-top-left-radius: 8px;
			border-bottom-left-radius: 8px;
		}

.side-menu__item:not(:last-child) {
			margin-bottom: 4px;
		}

.account {
	padding-bottom: 32px;
}

.account h2,
	.account h3,
	.account h4,
	.account p {
		margin: 0;
	}

@media (min-width: 1279px) {

.account {
		padding-bottom: 64px
}
	}

.account b {
		font-weight: 400;
		color: #000000;
	}

.account__wrap {
		display: grid;
		grid-template-columns: 200px 1fr;
		grid-template-rows: auto auto;
		grid-template-areas:
			"title title"
			"menu main";
		-webkit-column-gap: 32px;
		   -moz-column-gap: 32px;
		        column-gap: 32px;
	}

@media (max-width:1250.99px) {

.account__wrap {
			grid-template-columns: 100%;
			grid-template-rows: auto;
			grid-template-areas:
				"title"
				"menu"
				"main"
	}
		}

.account__title {
		grid-area: title;
		margin: 0;
		font-family: var(--Primary-font-family);
		font-weight: 700;
		font-size: 32px;
		line-height: 125%;
		color: #02040e;
		padding-bottom: 16px;
		margin-bottom: 32px;
		border-bottom: 1px solid #D8DEE4;
	}

@media (max-width: 1279px) {

.account__title {
			font-size: 24px;
			line-height: 133%
	}
		}

@media (max-width:1250px) {

.account__title {
			margin-bottom: 24px;
			padding-top: 32px
	}
		}

@media (max-width:640px) {

.account__title {
			margin-bottom: 24px;
			padding-top: 24px;
			padding-bottom: 16px
	}
		}

.account__side-menu {
		grid-area: menu;
	}

@media (max-width:1250.99px) {

.account__side-menu {
			display: none
	}
		}

.account__mobile-menu {
		grid-area: menu;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		gap: 8px;
		padding-bottom: 24px;
	}

@media (min-width:1250.99px) {

.account__mobile-menu {
			display: none
	}
		}

.account__mobile-menu .link_menu {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				gap: 8px;
				-webkit-box-flex: 25%;
				    -ms-flex: 25%;
				        flex: 25%;
				border-radius: 12px;
				background-color: var(--Light);
				color: var(--Dark);
				text-decoration: none;
				padding: 16px 8px;
				-webkit-transition: 0.2s;
				transition: 0.2s;
				font-size: 12px;
			}

@media (max-width:640px) {

.account__mobile-menu .link_menu {
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
					    -ms-flex-direction: column;
					        flex-direction: column;
					padding: 12px 8px
			}
				}

.account__mobile-menu .link_hovered {
				background-color: #dedfe3;
			}

.account__mobile-menu .link .icon {
				color: var(--Brand-color);
			}

@media (max-width:640px) {

.account__mobile-menu .link .icon {
					-ms-flex-item-align: start;
					    align-self: start
			}
				}

.account__main {
		grid-area: main;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 32px;
	}

@media (max-width:1100px) {

.account__main {
			gap: 24px
	}
		}

@media (max-width:640px) {

.account__main {
			gap: 32px
	}
		}

.account__card {
		display: grid;
		grid-template-columns: 192px 1fr;
		grid-template-rows: auto auto;
		-webkit-column-gap: 16px;
		   -moz-column-gap: 16px;
		        column-gap: 16px;
		row-gap: 24px;
		padding: 24px;
		border-radius: 24px;
		border: 1px solid #D8DEE4;
	}

@media (max-width:1100px) {

.account__card {
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			grid-template-columns: 92px 1fr;
			row-gap: 16px
	}
		}

@media (max-width:640px) {

.account__card {
			padding: 0;
			border: none
	}
		}

.account__avatar {
		grid-row-start: 1;
		grid-row-end: 3;
		aspect-ratio: 1;
		border-radius: 12px;
		overflow: hidden;
		background-color: var(--Light);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}

@media (max-width:1100px) {

.account__avatar {
			max-width: 92px;
			grid-row-end: 1
	}
		}

.account__avatar-text {
		font-size: 48px;
		font-weight: 700;
		color: #abadb3;
		letter-spacing: 4px;
	}

@media (max-width:1100px) {

.account__avatar-text {
			font-size: 20px;
			letter-spacing: normal
	}
		}

.account__header {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 12px;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}

.account__header .link {
			-webkit-transition: 0.2s;
			transition: 0.2s;
		}

.account__header .link_edit {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				width: 44px;
				height: 44px;
				-ms-flex-negative: 0;
				    flex-shrink: 0;
				color: var(--Dark);
				background-color: var(--Light);
				border-radius: 8px;
			}

.account__header .link_hovered {
				background-color: #dedfe3;
			}

.account__name {
		padding-bottom: 8px;
	}

.account__contacts {
		color: #3C3E3F;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		gap: 4px;
	}

.account__contact {
		white-space: nowrap;
	}

.account__contact:not(:last-child)::after {
		content: ","
	}

.account__footer {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 12px;
	}

@media (max-width:1100px) {

.account__footer {
			grid-column-start: 1;
			grid-column-end: 3
	}
		}

@media (max-width:750px) {

.account__footer {
			grid-template-columns: repeat(2, 1fr);
			grid-template-rows: auto auto
	}
		}

.account__footer-card {
		display: grid;
		grid-template-columns: 1fr auto;
		grid-template-rows: 1fr auto;
		padding: 20px 12px;
		gap: 12px;
		border-radius: 12px;
		background: var(--Light);
	}

.account__footer-orders {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}

@media (max-width:750px) {

.account__status-card {
			grid-row-start: 1;
			grid-row-end: 2;
			grid-column-start: 1;
			grid-column-end: 3
	}
		}

.account__status-card_bronze {
			background: rgb(220, 183, 159);
			background: -webkit-gradient(linear, left top, right top, from(rgba(220, 183, 159, 1)), to(rgba(235, 206, 175, 1)));
			background: linear-gradient(90deg, rgba(220, 183, 159, 1) 0%, rgba(235, 206, 175, 1) 100%);
		}

.account__status-card_silver {
			background: rgb(229, 229, 229);
			background: -webkit-gradient(linear, left top, right top, from(rgba(229, 229, 229, 1)), to(rgba(214, 215, 218, 1)));
			background: linear-gradient(90deg, rgba(229, 229, 229, 1) 0%, rgba(214, 215, 218, 1) 100%);
		}

.account__status-card_gold {
			background: rgb(244, 199, 108);
			background: -webkit-gradient(linear, left top, right top, from(rgba(244, 199, 108, 1)), to(rgba(250, 225, 139, 1)));
			background: linear-gradient(90deg, rgba(244, 199, 108, 1) 0%, rgba(250, 225, 139, 1) 100%);
		}

.account__status-card_platinum {
			background: rgb(206, 217, 235);
			background: -webkit-gradient(linear, left top, right top, from(rgba(206, 217, 235, 1)), to(rgba(238, 242, 248, 1)));
			background: linear-gradient(90deg, rgba(206, 217, 235, 1) 0%, rgba(238, 242, 248, 1) 100%);
		}

.account__status-quantity,
	.account__coins-quantity,
	.account__orders-sum {
		font-size: 24px;
		font-weight: 700;
	}

.account__status-name {
		display: block;
		padding: 10px 8px;
		background-color: var(--White);
		font-size: 14px;
		text-align: end;
		border-radius: 8px;
		text-align: center;
	}

.account__status-conditions,
	.account__coins-description {
		font-size: 14px;
		grid-column-start: 1;
		grid-column-end: 3;
		line-height: 20px;
	}

.account__orders-description {
		font-size: 14px;
		line-height: 20px;
	}

.account__coins-info {
		border: none;
		background: none;
		color: var(--Brand-color);
		padding: 0;
		-ms-flex-item-align: start;
		    align-self: start;
		cursor: pointer;
	}

.account .history-coins {
		display: none;
	}

.history-coins {
	max-width: 800px;
	max-height: 640px;
	width: 100%;
	height: 100%;
	background-color: var(--White);
	padding: 32px 24px 12px;
	border-radius: 24px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

@media (max-width: 640px) {

.history-coins {
		font-size: 12px;
		padding: 24px 12px 12px
}
	}

.history-coins__title {
		padding-bottom: 32px;
		text-align: center;
		margin: 0;
	}

.history-coins__table-wrap {
		width: 100%;
		max-height: 537px;
		overflow-y: auto;
		padding-right: 14px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 12px;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}

@media (max-width: 640px) {

.history-coins__table-wrap {
			padding-right: 6px
	}
		}

/* Стили для дорожки прокрутки */

.history-coins__table-wrap::-webkit-scrollbar {
		width: 6px;
		/* Ширина вертикальной полосы прокрутки */
	}

/* Стили для дорожки */

.history-coins__table-wrap::-webkit-scrollbar-track {
		background: var(--Light);
		/* Цвет дорожки */
		border-radius: 4px;
		/* Закругление углов */
	}

/* Стили для ползунка */

.history-coins__table-wrap::-webkit-scrollbar-thumb {
		background: #D8DEE4;
		/* Цвет ползунка */
		border-radius: 4px;
		/* Закругление углов */
	}

/* Стили для ползунка при наведении */

.history-coins__table-wrap::-webkit-scrollbar-thumb:hover {
		background: #D8DEE4;
		/* Цвет ползунка при наведении */
	}

.history-coins__table {
		width: 100%;
		border-radius: 12px;
		border: 1px solid #D8DEE4;
		padding: 4px 16px;
		border-spacing: 0;
	}

@media (max-width: 640px) {

.history-coins__table {
			padding: 6px
	}
		}

.history-coins th,
	.history-coins td {
		padding: 28px 12px 16px;
		width: 33%;
		text-align: left;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		border-bottom: 1px solid #D8DEE4;
		white-space: nowrap;
	}

@media (max-width: 640px) {

.history-coins th,
	.history-coins td {
			padding: 10px 5px 12px;
			text-align: center
	}
		}

.history-coins tr:last-child td {
			border-bottom: none;
		}

.history-coins .link {
		text-decoration: none;
		color: var(--Brand-color);
	}

.order-card {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	row-gap: 24px;
	padding: 24px;
	border-radius: 24px;
	border: 1px solid #D8DEE4;
}

@media (max-width:640px) {

.order-card {
		padding: 24px 16px;
		row-gap: 16px
}
	}

.order-card__header {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}

@media (max-width:640px) {

.order-card__header {
			-webkit-box-align: start;
			    -ms-flex-align: start;
			        align-items: start;
			-webkit-box-orient: vertical;
			-webkit-box-direction: reverse;
			    -ms-flex-direction: column-reverse;
			        flex-direction: column-reverse;
			gap: 12px
	}
		}

.order-card__header-left {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 4px;
	}

.order-card__header-left h3 {
			display: inline;
		}

.order-card__date {
		font-size: 14px;
		color: #56595B;
	}

.order-card__statuses {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 8px;
	}

.order-card__status {
		display: none;
		padding: 8px 12px;
		border-radius: 8px;
	}

.order-card__status_paid {
			background-color: #08B828;
			color: var(--White);
		}

.order-card__status_processing {
			background-color: var(--Secondary-color);
			color: var(--Dark);
		}

.order-card__status_not-paid {
			background-color: var(--Secondary-color);
			color: var(--Dark);
		}

.order-card__status_received {
			background-color: #08B828;
			color: var(--White);
			position: relative;
			padding-left: 42px;
		}

.order-card__status_received:before {
				position: absolute;
				top: 11px;
				left: 16px;
				content: "";
				display: block;
				width: 15px;
				height: 15px;
				background: url(/local/templates/BravOFF/distr/css/../img/icon/check-white-small.svg) no-repeat center;
			}

.order-card__status_cancelled {
			position: relative;
			background-color: #F40000;
			color: var(--White);
			padding-left: 42px;
		}

.order-card__status_cancelled:before {
				position: absolute;
				top: 11px;
				left: 16px;
				content: "";
				display: block;
				width: 15px;
				height: 15px;
				background: url(/local/templates/BravOFF/distr/css/../img/icon/cross.svg) no-repeat center;
			}

.order-card__body {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		gap: 24px;
	}

@media (max-width:1000px) {

.order-card__body {
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column
	}
		}

@media (max-width:640px) {

.order-card__body {
			gap: 16px
	}
		}

.order-card__info {
		display: grid;
		grid-template-columns: auto auto;
		grid-template-areas:
			"ardess-title address"
			"recipient-title recipient"
			"delivery-title delivery";
		row-gap: 8px;
		-webkit-column-gap: 16px;
		   -moz-column-gap: 16px;
		        column-gap: 16px;
		max-width: 544px;
		line-height: 24px;
	}

@media (max-width:1000px) {

.order-card__info {
			max-width: none
	}
		}

@media (max-width:640px) {

.order-card__info {
			grid-template-columns: 100%;
			grid-template-areas:
				"ardess-title"
				"address"
				"recipient-title"
				"recipient"
				"delivery-title"
				"delivery";
			gap: 0px;
			font-size: 14px;
			line-height: 20px
	}
		}

.order-card__ardess-title {
		grid-area: ardess-title;
		color: #56595B;
	}

.order-card__address {
		grid-area: address;
	}

@media (max-width:640px) {

.order-card__address {
			padding-bottom: 8px
	}
		}

.order-card__recipient-title {
		grid-area: recipient-title;
		color: #56595B;
	}

.order-card__recipient {
		grid-area: recipient;
	}

@media (max-width:640px) {

.order-card__recipient {
			padding-bottom: 8px
	}
		}

.order-card__delivery-title {
		grid-area: delivery-title;
		color: #56595B;
	}

.order-card__delivery {
		grid-area: delivery;
	}

@media (max-width:640px) {

.order-card__delivery {
			padding-bottom: 8px
	}
		}

.order-card__images {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: end;
		gap: 8px;
		max-width: 432px;
		width: 100%;
	}

@media (max-width:1000px) {

.order-card__images {
			-webkit-box-pack: start;
			    -ms-flex-pack: start;
			        justify-content: start;
			max-width: none
	}
		}

@media (max-width:640px) {

.order-card__images {
			overflow-x: scroll
	}
		}

.order-card__images-item {
		width: 100%;
		height: 100%;
		aspect-ratio: 1;
		max-width: 80px;
		max-height: 80px;
		border-radius: 12px;
		overflow: hidden;
		-ms-flex-negative: 0;
		    flex-shrink: 0;
		background-color: var(--Light);
	}

.order-card__images-item .image {
			height: 100%;
			-o-object-fit: cover;
			   object-fit: cover;
		}

.order-card__see-more {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		font-size: 14px;
		color: var(--Brand-color);
	}

.order-card__footer {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		font-size: 16px;
	}

@media (max-width:640px) {

.order-card__footer {
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			gap: 16px
	}
		}

.order-card__footer .link {
			text-decoration: none;
			color: var(--Brand-color);
		}

@media (max-width:640px) {

.order-card__footer .link {
				text-align: center;
				padding-bottom: 16px;
				border-bottom: 1px solid #D8DEE4
		}
			}

.order-card__footer .button {
			border: none;
			background: none;
			color: #F40000;
			padding: 0;
			font-size: inherit;
		}

.order-card_paid .order-card__status_paid {
			display: block;
		}

.order-card_processing .order-card__status_processing {
			display: block;
		}

.order-card_not-paid .order-card__status_not-paid {
			display: block;
		}

.order-card_received .order-card__status_received {
			display: block;
		}

.order-card_cancelled .order-card__status_cancelled {
			display: block;
		}

.form-subscribe {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	border-radius: 24px;
	border: 1px solid #D8DEE4;
	padding: 16px;
}

@media (min-width: 767px) {

.form-subscribe {
		padding: 24px
}
	}

@media (min-width: 1279px) {

.form-subscribe {
		padding: 32px 24px
}
	}

.form-subscribe__wrapp {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		gap: 32px;
	}

@media (max-width: 640px) {

.form-subscribe__wrapp {
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column
	}
		}

.form-subscribe__image-wrap {
		max-width: 412px;
		width: 100%;
	}

.form-subscribe__image-wrap .image {
			height: 100%;
			-o-object-fit: cover;
			   object-fit: cover;
		}

.form-subscribe__main {
		max-width: 360px;
	}

.form-subscribe__form-title {
		margin: 0;
		padding-bottom: 8px;
		font-family: var(--Secondary-font-family);
		font-weight: 700;
		font-size: 20px;
		line-height: 120%;
		color: #02040e;
	}

@media (min-width: 767px) {

.form-subscribe__form-title {
			font-size: 24px;
			line-height: 133%
	}
		}

.form-subscribe__form-description {
		font-family: var(--Secondary-font-family);
		font-weight: 400;
		font-size: 14px;
		line-height: 143%;
		padding-bottom: 24px;
	}

@media (min-width: 767px) {

.form-subscribe__form-description {
			font-size: 16px;
			line-height: 150%
	}
		}

.form-subscribe__agreement {
		font-size: 12px;
		color: #717477;
		padding-top: 8px;
	}

.form-subscribe .link {
		font-size: 12px;
		color: var(--Brand-color);
		text-decoration: none;
	}

.form-subscribe .button {
		margin-top: 12px;
	}

@media (min-width: 767px) {

.form-subscribe .button {
			height: 56px
	}
		}

.authorization__wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		padding: 150px 0;
	}

.authorization__inner-wrap {
		padding: 24px;
		border-radius: 16px;
		border: 1px solid #D8DEE4;
		max-width: 360px;
		width: 100%;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		text-align: center;
	}

.authorization h2 {
		margin: 0;
	}

.authorization p {
		margin: 0;
	}

.authorization .link {
		text-decoration: none;
		color: var(--Brand-color);
	}

.registration {
	text-align: center;
}

.registration__agreement {
		font-size: 12px;
		color: #717477;
	}

.registration__title {
		line-height: 32px;
		padding-bottom: 4px;
	}

.registration__message {
		font-size: 14px;
		line-height: 20px;
		padding-bottom: 24px;
	}

.registration__buttons {
		padding: 16px 0 8px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 8px;
	}

.registration__repeat-button {
		border: none;
		background: none;
		color: var(--Brand-color);
		font-size: 14px;
	}

.registration .form-field_code {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: center;
			    -ms-flex-pack: center;
			        justify-content: center;
			gap: 4px;
			border: 1px solid #D8DEE4;
			border-radius: 8px;
			padding: 12px 16px 9px;
		}

.registration .form-field__input-code {
			width: 10px;
			border: none;
			border-bottom: 1px solid #8A8E92;
			outline: none;
			font-family: inherit;
			font-size: 14px;
		}

.registration .form-field__input-code_filled {
				border: none;
				border-bottom: 1px solid transparent;
			}

.registration .form-field__input-code:disabled {
				background: none;
				border-bottom: 1px solid #8A8E92;
			}

.registration .form-field__input-code:nth-child(3) {
				margin-right: 10px;
			}

.registration .form-field_unvisible {
			display: none;
		}

.registration .button_unvisible, .registration__repeat-button_unvisible {
			display: none;
		}

.login {
	text-align: center;
	width: 100%;
}

.login__title {
		line-height: 32px;
		padding-bottom: 24px;
	}

.login__message {
		font-size: 14px;
		line-height: 20px;
		padding-bottom: 24px;
		display: none;
	}

.login__message_visible {
			display: block;
		}

.login .form-field_mail {
			margin-bottom: 16px;
		}

.login .form-field_code {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: center;
			    -ms-flex-pack: center;
			        justify-content: center;
			gap: 4px;
			border: 1px solid #D8DEE4;
			border-radius: 8px;
			padding: 12px 16px 9px;
		}

.login .form-field_password {
			position: relative;
		}

.login .form-field__input-code {
			width: 10px;
			border: none;
			border-bottom: 1px solid #8A8E92;
			outline: none;
			font-family: inherit;
			font-size: 14px;
		}

.login .form-field__input-code_filled {
				border: none;
				border-bottom: 1px solid transparent;
			}

.login .form-field__input-code:disabled {
				background: none;
				border-bottom: 1px solid #8A8E92;
			}

.login .form-field__input-code:nth-child(3) {
				margin-right: 10px;
			}

.login .form-field_unvisible {
			display: none;
		}

.login .form-field__show-password {
			position: absolute;
			top: 50%;
			right: 12px;
			-webkit-transform: translateY(-50%);
			        transform: translateY(-50%);
			border: none;
			background: none;
			padding: 0;
			height: 20px;
			cursor: pointer;
		}

.login .button_unvisible {
			display: none;
		}

.login .tabs__tab {
			width: 100%;
		}

.login .tabs__buttons {
			padding: 16px 0 8px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			gap: 8px;
		}

.login .tabs__repeat-button_unvisible {
				display: none;
			}

.login .tabs__repeat-button {
			border: none;
			background: none;
			color: var(--Brand-color);
			font-size: 14px;
		}

.login .tabs__link-wrap {
			text-align: end;
		}

.login .tabs__link-wrap .link {
				font-style: 14px;
			}

.login .tabs__error {
			font-size: 14px;
			line-height: 20px;
			padding: 4px 0;
			color: #F40000;
			text-align: start;
			display: block;
		}

/*
 tabs
  &__labels контейнер с названиями вкладок
    &__tab вкладка 1
      &_active модификатор устанавливается для видимой вкладки
    ...
    &__tab вкладка n
  &__showing-content контейнер для отображения содержимого вкладки
    &__content содержимое вкладки 1
      &_active модификатор устанавливается для видимой вкладки
    ...
    &__content содержимое вкладки n
*/

/*анимация для появления содержимого вкладки*/

@-webkit-keyframes fadeEffect {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeEffect {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.tabs__labels {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

.tabs__content {
    display: none;
  }

.tabs__content_active {
      display: block;
      -webkit-animation: fadeEffect 1s;
              animation: fadeEffect 1s;
    }

.tabs__tab {
    cursor: pointer;
    padding: 12px 14px;
    font-size: 14px;
  }

.tabs__tab_active {
      background-color: var(--Light);
      border-radius: 8px;
    }

.password-recovery {
	text-align: center;
	width: 100%;

}

.password-recovery__title {
		line-height: 32px;
		padding-bottom: 4px;
	}

.password-recovery__message {
		font-size: 14px;
		line-height: 20px;
		padding-bottom: 24px;
	}

.password-recovery__buttons {
		padding: 16px 0 8px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 8px;
	}

.password-recovery .form-field_code {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: center;
			    -ms-flex-pack: center;
			        justify-content: center;
			gap: 4px;
			border: 1px solid #D8DEE4;
			border-radius: 8px;
			padding: 12px 16px 9px;
		}

.password-recovery .form-field_password {
			position: relative;
		}

.password-recovery .form-field__input-code {
			width: 10px;
			border: none;
			border-bottom: 1px solid #8A8E92;
			outline: none;
			font-family: inherit;
			font-size: 14px;
		}

.password-recovery .form-field__input-code_filled {
				border: none;
				border-bottom: 1px solid transparent;
			}

.password-recovery .form-field__input-code:disabled {
				background: none;
				border-bottom: 1px solid #8A8E92;
			}

.password-recovery .form-field__input-code:nth-child(3) {
				margin-right: 10px;
			}

.password-recovery .form-field_unvisible {
			display: none;
		}

.password-recovery .form-field__show-password {
			position: absolute;
			top: 50%;
			right: 12px;
			-webkit-transform: translateY(-50%);
			        transform: translateY(-50%);
			border: none;
			background: none;
			padding: 0;
			height: 20px;
			cursor: pointer;
		}

.password-recovery .button_unvisible {
			display: none;
		}

.bonus-page {
	padding-bottom: 32px;
}

.bonus-page h2,
	.bonus-page h3,
	.bonus-page h4,
	.bonus-page p {
		margin: 0;
	}

@media (min-width: 1279px) {

.bonus-page {
		padding-bottom: 64px
}
	}

.bonus-page b {
		font-weight: 400;
		color: #000000;
	}

.bonus-page__wrap {
		display: grid;
		grid-template-columns: 200px 1fr;
		grid-template-rows: auto auto;
		grid-template-areas:
			"title title"
			"menu main";
		-webkit-column-gap: 32px;
		   -moz-column-gap: 32px;
		        column-gap: 32px;
	}

@media (max-width:1250px) {

.bonus-page__wrap {
			grid-template-columns: 100%;
			grid-template-rows: auto;
			grid-template-areas:
				"title"
				"main"
	}
		}

.bonus-page__title {
		grid-area: title;
		margin: 0;
		font-family: var(--Primary-font-family);
		font-weight: 700;
		font-size: 32px;
		line-height: 125%;
		color: #02040e;
		padding-bottom: 16px;
		margin-bottom: 32px;
		border-bottom: 1px solid #D8DEE4;
	}

@media (max-width: 1279px) {

.bonus-page__title {
			font-size: 24px;
			line-height: 133%
	}
		}

@media (max-width:1250px) {

.bonus-page__title {
			margin-bottom: 48px;
			padding-top: 32px
	}
		}

@media (max-width:640px) {

.bonus-page__title {
			margin-bottom: 24px;
			padding-top: 24px;
			padding-bottom: 16px
	}
		}

.bonus-page__side-menu {
		grid-area: menu;
	}

@media (max-width:1250px) {

.bonus-page__side-menu {
			display: none
	}
		}

.bonus-page__main {
		grid-area: main;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 48px;
	}

@media (max-width:1100px) {

.bonus-page__main {
			gap: 24px
	}
		}

@media (max-width:640px) {

.bonus-page__main {
			gap: 32px
	}
		}

.bonus-page__description {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 32px;
	}

@media (max-width:768px) {

.bonus-page__description {
			-webkit-box-orient: vertical;
			-webkit-box-direction: reverse;
			    -ms-flex-direction: column-reverse;
			        flex-direction: column-reverse
	}
		}

.bonus-page__description-text {
		max-width: 400px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 12px;
	}

@media (max-width:768px) {

.bonus-page__description-text {
			max-width: none
	}
		}

.bonus-page__description-text .link {
			text-decoration: none;
			color: var(--Brand-color)
		}

.bonus-page__description-title {
		font-size: 48px;
		padding-bottom: 12px;
	}

@media (max-width:640px) {

.bonus-page__description-title {
			font-size: 40px;
			padding-bottom: 8px
	}
		}

.bonus-page__description-image {
		max-width: 400px;
		aspect-ratio: 1;
	}

.bonus-page__description-image .image {
			height: 100%;
			-o-object-fit: cover;
			   object-fit: cover;
		}

.bonus-page__receiving .bonus-page__subtitle {
			padding-bottom: 16px;
		}

.bonus-page__receiving-cards {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 12px;
	}

@media (max-width:1100px) {

.bonus-page__receiving-cards {
			grid-template-columns: repeat(2, 1fr)
	}
		}

@media (max-width:640px) {

.bonus-page__receiving-cards {
			grid-template-columns: 100%
	}
		}

.bonus-page__receiving-card {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		gap: 12px;
		padding: 24px 16px;
		background-color: var(--Light);
		border-radius: 12px;
	}

.bonus-page__receiving-card .link {
			font-size: 14px;
			text-decoration: none;
			color: var(--Brand-color)
		}

.bonus-page__receiving-quantity {
		font-size: 32px;
		font-weight: 700;
	}

.bonus-page__receiving-conditions {
		font-size: 14px;
		line-height: 20px;
	}

.bonus-page__statuses .bonus-page__subtitle {
			padding-bottom: 12px;
		}

.bonus-page__statuses-cards {
		padding-top: 16px;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 12px;
	}

@media (max-width:1100px) {

.bonus-page__statuses-cards {
			grid-template-columns: repeat(2, 1fr)
	}
		}

@media (max-width:640px) {

.bonus-page__statuses-cards {
			grid-template-columns: 100%
	}
		}

.bonus-page__status-card {
		display: grid;
		grid-template-columns: 1fr auto;
		grid-template-rows: 1fr auto;
		padding: 20px 16px;
		gap: 16px;
		border-radius: 12px;
	}

.bonus-page__status-card_bronze {
			background: rgb(220, 183, 159);
			background: -webkit-gradient(linear, left top, right top, from(rgba(220, 183, 159, 1)), to(rgba(235, 206, 175, 1)));
			background: linear-gradient(90deg, rgba(220, 183, 159, 1) 0%, rgba(235, 206, 175, 1) 100%);
		}

.bonus-page__status-card_silver {
			background: rgb(229, 229, 229);
			background: -webkit-gradient(linear, left top, right top, from(rgba(229, 229, 229, 1)), to(rgba(214, 215, 218, 1)));
			background: linear-gradient(90deg, rgba(229, 229, 229, 1) 0%, rgba(214, 215, 218, 1) 100%);
		}

.bonus-page__status-card_gold {
			background: rgb(244, 199, 108);
			background: -webkit-gradient(linear, left top, right top, from(rgba(244, 199, 108, 1)), to(rgba(250, 225, 139, 1)));
			background: linear-gradient(90deg, rgba(244, 199, 108, 1) 0%, rgba(250, 225, 139, 1) 100%);
		}

.bonus-page__status-card_platinum {
			background: rgb(206, 217, 235);
			background: -webkit-gradient(linear, left top, right top, from(rgba(206, 217, 235, 1)), to(rgba(238, 242, 248, 1)));
			background: linear-gradient(90deg, rgba(206, 217, 235, 1) 0%, rgba(238, 242, 248, 1) 100%);
		}

.bonus-page__status-quantity {
		font-size: 32px;
		font-weight: 700;
	}

.bonus-page__status-name {
		display: block;
		padding: 10px 8px;
		background-color: var(--White);
		font-size: 14px;
		text-align: end;
		border-radius: 8px;
		text-align: center;
	}

.bonus-page__status-conditions {
		font-size: 14px;
		grid-column-start: 1;
		grid-column-end: 3;
		line-height: 20px;
	}

.bonus-page__club {
		max-width: 618px;
	}

.bonus-page__club .bonus-page__subtitle {
			padding-bottom: 24px;
		}

@media (max-width:640px) {

.bonus-page__club .bonus-page__subtitle {
				padding-bottom: 16px
		}
			}

.bonus-page__club .bonus-page__paragrph {
			line-height: 24px;
		}

.bonus-page__club .bonus-page__paragrph:not(:last-child) {
			padding-bottom: 16px;
		}

.cart {
    padding-bottom: 32px;
}

.cart__top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 12px;
        -webkit-box-align: baseline;
            -ms-flex-align: baseline;
                align-items: baseline;
        padding-bottom: 16px;
        border-bottom: 1px solid #d8dee4;
    }

.cart__heading {
        margin: 0;
    }

.cart__top-text {
        color: #717477;
        font-family: var(--Secondary-font-family);
        font-size: 14px;
        line-height: 143%;
    }

.cart__controls {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
            -ms-flex-align: baseline;
                align-items: baseline;
        gap: 24px;
        padding: 24px 0;
    }

@media (min-width: 1279px) {

.cart__controls {
            padding: 32px 0 28px 24px
    }
        }

.cart__delete {
        font-family: var(--Secondary-font-family);
        font-weight: 400;
        font-size: 14px;
        line-height: 143%;
        color: #f40000;
        cursor: pointer;
        pointer-events: all;
    }

@media (min-width: 1279px) {

.cart__cols {
            display: grid;
            gap: 20px;
            grid-template-columns: 2fr 1fr
    }
        }

.cart__mobile-element {
        position: sticky;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 4px;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        z-index: 3;
        background: #fff;
        left: 0;
        bottom: 72px;
        border-top: 1px solid #d8dee4;
        border-bottom: 1px solid #d8dee4;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 12px 16px;
        width: 100%;
    }

.cart__mobile-element p {
            margin: 0;
        }

@media (min-width: 1279px) {

.cart__mobile-element {
            display: none
    }
        }

.cart-item {
    border-bottom: 1px solid #d8dee4;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 16px 0;
}

@media (min-width: 1279px) {

.cart-item {
        padding: 16px 24px
}
    }

.cart-item__wrap {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 48px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        opacity: 1;
        max-height: 500px;
        overflow: hidden;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

@media (min-width: 767px) {

.cart-item__wrap {
            padding-bottom: 0
    }
        }

.cart-item__wrap_out {
            padding-bottom: 0;
        }

.cart-item__image {
        border: 1px solid #d8dee4;
        background: #f2f4f8;
        border-radius: 6px;
        width: 92px;
        height: 92px;
        overflow: hidden;
        margin-right: 8px;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    }

@media (min-width: 767px) {

.cart-item__image {
            border-radius: 7px;
            width: 112px;
            height: 112px;
            margin: 0 12px 0 8px
    }
        }

.cart-item__image .image {
            height: 100%;
            -o-object-fit: contain;
               object-fit: contain;
        }

.cart-item__out {
        font-family: var(--Secondary-font-family);
        font-weight: 700;
        font-size: 16px;
        line-height: 125%;
        color: #f40000;
    }

.cart-item__price {
        padding-bottom: 16px;
    }

.cart-item__old-price {
        font-family: var(--Secondary-font-family);
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        text-decoration: line-through;
        color: #a4a9ad;
    }

.cart-item__current-price {
        font-family: var(--Secondary-font-family);
        font-weight: 700;
        font-size: 20px;
        line-height: 120%;
        color: #02040e;
    }

.cart-item__current-price_sale {
            color: var(--Brand-color);
            padding-bottom: 4px;
        }

.cart-item__title,
    .cart-item__title.link {
        font-family: var(--Secondary-font-family);
        font-weight: 400;
        font-size: 12px;
        line-height: 133%;
        color: #02040e;
        padding-bottom: 8px;
        display: inline-block;
    }

@media (min-width: 767px) {

.cart-item__title,
    .cart-item__title.link {
            font-size: 14px;
            line-height: 143%
    }
        }

.cart-item__title.link.link_hovered {
        color: inherit;
    }

.cart-item__controls {
        position: absolute;
        left: 0;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 8px;
    }

@media (min-width: 767px) {

.cart-item__controls {
            position: initial;
            margin-top: auto;
            gap: 16px
    }
        }

.cart-item__counter {
        position: absolute;
        right: 0;
        bottom: 0;
    }

@media (min-width: 767px) {

.cart-item__counter {
            position: initial
    }
        }

.cart-item__group_all {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
                -ms-flex-direction: column-reverse;
                    flex-direction: column-reverse;
            -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                    flex-grow: 1;
        }

@media (min-width: 767px) {

.cart-item__group_all {
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                    -ms-flex-direction: row;
                        flex-direction: row;
                gap: 20px;
                -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                        justify-content: space-between
        }
            }

@media (min-width: 767px) {

.cart-item__group_title {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                        flex-direction: column
        }
            }

@media (min-width: 767px) {

.cart-item__group_price {
                margin-left: auto;
                min-width: 155px;
                -ms-flex-negative: 0;
                    flex-shrink: 0
        }
            }

.cart-item__additional {
        font-family: var(--Secondary-font-family);
        font-weight: 400;
        font-size: 12px;
        line-height: 133%;
        color: #56595b;
    }

@media (min-width: 767px) {

.cart-item__additional {
            font-size: 14px;
            line-height: 143%
    }
        }

.cart-item_removed .cart-item__wrap {
            opacity: 0;
            max-height: 0;
            padding: 0;
        }

.cart-item__divider {
        display: none;
    }

@media (min-width: 767px) {

.cart-item__divider {
            display: block;
            height: 100%;
            width: 1px;
            background: #d8dee4
    }
        }

.cart-item__deleted {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

@media (min-width: 767px) {

.cart-item__deleted {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 12px;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center
}
    }

.cart-item__deleted .cart-item__heading {
        font-family: var(--Secondary-font-family);
        font-weight: 700;
        font-size: 16px;
        line-height: 125%;
        color: #02040e;
        padding-bottom: 8px;
    }

.cart-item__deleted .cart-item__title {
        padding-bottom: 16px;
    }

.cart-item__deleted .cart-item__remove {
        padding: 5px 15px;
        font-family: var(--Secondary-font-family);
        font-weight: 400;
        font-size: 14px;
        line-height: 143%;
        text-align: center;
        color: #02040e;
    }

@media (min-width: 767px) {

.cart-item__deleted .cart-item__remove {
            font-size: 16px;
            line-height: 150%;
            padding: 11px 23px
    }
        }

@media (min-width: 767px) {

.cart-item__deleted .cart-item__destroy {
           width: 48px;
           height: 48px
    } 
        }

.cart-item__deleted .cart-item__del-controls {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 8px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
    }

@media (min-width: 767px) {

.cart-item__deleted .cart-item__del-controls {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            -ms-flex-negative: 0;
                flex-shrink: 0
    }
            .cart-item__deleted .cart-item__del-controls .icon {
                width: 20px!important;
                height: 20px!important;
            }
        }

.cart-item_removed .cart-item__deleted {
    opacity: 1;
    max-height: -webkit-fit-content;
    max-height: -moz-fit-content;
    max-height: fit-content;
}

.count-controller {
    border-radius: 8px;
    background: #f2f4f8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
}

.count-controller__counter {
        width: 42px;
        padding: 0;
        margin: 0;
        border: none;
        background: none;
        text-align: center;
        font-family: var(--Secondary-font-family);
        font-weight: 400;
        font-size: 14px;
        line-height: 143%;
        color: #02040e;
    }

@media (min-width: 767px) {

.count-controller__counter {
            width: 52px
    }
        }

.count-controller input[type="number"]::-webkit-outer-spin-button,
    .count-controller input[type="number"]::-webkit-inner-spin-button{
        -webkit-appearance: none;
    }

@media (min-width: 767px) {

.count-controller .button {
            width: 48px!important;
            height: 48px!important
    }
        }

.cart-table p {
        margin: 0;
    }

.cart-table__table {
        border: 1px solid #d8dee4;
        border-radius: 16px;
        padding: 16px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }

@media (min-width: 767px) {

.cart-table__table {
            padding: 24px
    }
        }

.cart-table__item {
        padding-bottom: 16px;
        border-bottom: 1px solid #d8dee4;
        padding-top: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 12px;
    }

@media (min-width: 767px) {

.cart-table__item {
            padding-top: 24px;
            padding-bottom: 24px
    }
        }

.cart-table__item:first-child {
            padding-top: 0;
        }

.cart-table__heading {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

.cart-table__row {
        font-family: var(--Secondary-font-family);
        font-weight: 400;
        font-size: 14px;
        line-height: 143%;
        color: #717477;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

.cart-table__control {
        padding-top: 16px;
    }

@media (min-width: 767px) {

.cart-table__control {
            padding-top: 24px
    }
        }

.cart-table__control .button {
            height: 44px;
            font-weight: 400;
            font-size: 14px;
            line-height: 143%;
        }

@media (min-width: 767px) {

.cart-table__control .button {
                height: 56px;
                font-size: 16px;
                line-height: 150%
        }
            }

.cart-table__control p {
            margin: 8px 0 0 0;
            text-align: center;
            color: #717477;
        }

.promo {
    border-radius: 12px;
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    background: #ffe3d7;
}

.promo .link {
        color: var(--Brand-color);
    }

.promo__text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 8px;
    }

.remove-selected {
    text-align: center;
    max-width: 416px;
}

@media (min-width: 767px) {

.remove-selected .button_theme_black {
            height: 56px
    }
        }

.products-row {
    padding-bottom: 32px;
}

@media (min-width: 1279px) {

.products-row_padding-bottom_l {
                padding-bottom: 64px
        }
            }

.products-row__heading {
        margin: 0;
        font-family: var(--Primary-font-family);
        font-weight: 700;
        font-size: 24px;
        line-height: 133%;
        color: #02040E;
        padding-bottom: 24px;
    }

.products-row__wrap {
        overflow: auto;
        scrollbar-width: none; /* Для Firefox */
        -ms-overflow-style: none;
    }

/* Для Internet Explorer и Edge */

.products-row__wrap::-webkit-scrollbar {
            display: none; /* Для Chrome, Safari и Edge */
        }

.products-row__items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 20px;
    }

.products-row__items .product-card {
            width: 200px;
            min-width: 200px;
        }

@media (min-width: 1279px) {

.products-row__items .product-card {
                width: 240px;
                min-width: 240px
        }
            }

.product-card {
    border: 0.50px solid #d8dee4;
    border-radius: 12px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
}

.product-card_notAvailable .product-card__top,
        .product-card_notAvailable .product-card__category,
        .product-card_notAvailable .product-card__name,
        .product-card_notAvailable .product-card__review {
            opacity: 0.5;
        }

.product-card__top {
        position: relative;
        height: 167px;
        background: var(--Light);
    }

@media (min-width: 1279px) {

.product-card__top {
            height: 204px
    }
        }

.product-card__info {
        position: absolute;
        top: 8px;
        left: 8px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 4px;
    }

@media (min-width: 1279px) {

.product-card__info {
            top: 12px;
            left: 12px
    }
        }

.product-card__warranty,
    .product-card__sale {
        font-family: var(--Secondary-font-family);
        font-weight: 400;
        font-size: 11px;
        line-height: 145%;
        padding: 4px 8px;
        border-radius: 6px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        white-space: nowrap;
    }

@media (min-width: 1279px) {

.product-card__warranty,
    .product-card__sale {
            font-weight: 400;
            font-size: 12px;
            line-height: 133%
    }
        }

.product-card__warranty {
        background: var(--Secondary-color);
        color: var(--Brand-color);
    }

.product-card__sale {
        background: var(--Brand-color);
        color: #fff;
    }

.product-card__bottom {
        padding: 8px 8px 16px 8px;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

@media (min-width: 1279px) {

.product-card__bottom {
            padding: 12px 16px 16px 16px
    }
        }

.product-card__category {
        font-family: var(--Secondary-font-family);
        font-weight: 400;
        font-size: 12px;
        line-height: 133%;
        color: #232425;
        border-radius: 8px;
        padding: 6px 12px;
        display: inline-block;
        background: var(--Light);
        margin-bottom: 4px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }

.product-card__name {
        font-family: var(--Secondary-font-family);
        font-weight: 400;
        font-size: 14px;
        line-height: 143%;
        color: #000;
        -webkit-line-clamp: 3;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
        height: 60px;
        text-decoration: none;
        overflow-wrap: anywhere;
    }

.product-card__rate {
        -ms-flex-negative: 0;
            flex-shrink: 0;
        border-radius: 4px;
        width: 29px;
        height: 28px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        font-family: var(--Secondary-font-family);
        font-weight: 400;
        font-size: 11px;
        line-height: 145%;
        color: #fff;
        background: #3c3e3f;
    }

@media (min-width: 1279px) {

.product-card__rate {
            font-size: 12px;
            line-height: 133%;
            width: 30px
    }
        }

.product-card__review {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 8px;
    }

.product-card__reviews {
        font-family: var(--Secondary-font-family);
        font-weight: 400;
        font-size: 11px;
        line-height: 145%;
        color: #8a8e92;
    }

@media (min-width: 1279px) {

.product-card__reviews {
            font-size: 14px;
            line-height: 143%
    }
        }

.product-card__price {
        margin-top: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
            -ms-flex-align: baseline;
                align-items: baseline;
        gap: 4px;
    }

.product-card__current-price {
        font-family: var(--Secondary-font-family);
        font-weight: 700;
        font-size: 16px;
        line-height: 125%;
        color: #000;
    }

@media (min-width: 1279px) {

.product-card__current-price {
            font-size: 20px;
            line-height: 120%
    }
        }

.product-card__current-price_sale {
            color: var(--Brand-color);
        }

.product-card__old-price {
        font-family: var(--Secondary-font-family);
        font-weight: 400;
        font-size: 11px;
        line-height: 145%;
        text-decoration: line-through;
        color: #a4a9ad;
    }

@media (min-width: 1279px) {

.product-card__old-price {
            font-size: 16px;
            line-height: 150%
    }
        }

.product-card__name,
    .product-card__review,
    .product-card__price {
        margin-bottom: 8px;
    }

@media (min-width: 1279px) {

.product-card__name,
    .product-card__review,
    .product-card__price {
            margin-bottom: 12px
    }
        }

.product-card__add,
    .product-card__no {
        height: 36px;
        font-family: var(--Secondary-font-family);
        font-weight: 400;
        font-size: 14px;
        line-height: 143%;
    }

@media (min-width: 1279px) {

.product-card__add,
    .product-card__no {
            height: 48px
    }
        }

@media (min-width: 1279px) {

.product-card__add {
            font-size: 16px;
            line-height: 150%
    }
        }

@media (hover: hover) {
        .product-card:hover .product-card__additional {
            opacity: 1;
        }
}

.product-card__swiper {
    position: relative;
    width: 100%;
    height: 100%;
  }

.product-card__swiper img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    display: none;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
  }

.product-card__swiper img:first-child {
    display: block;
  }

.hvr__images {
    position: absolute;
    width: 100%;
    height: 100%;
  }

.hvr__sectors {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

.hvr__sector {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    cursor: pointer;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
  }

.hvr__dots{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2px;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: calc(100% - 17px);
  }

@media (min-width: 1279px) {

.hvr__dots{
        width: calc(100% - 36px)
  }
    }

.hvr__dot {
    border-radius: 1px;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    height: 2px;
    background-color:  #bec3c8;
    display: inline-block;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
  }

.hvr__dot_active {
    background-color: #8a8e92;
  }

.product-card__additional {
    position: absolute;
    z-index: 2;
    top: 8px;
    right: 4px;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.product-card__additional_touch,
    .product-card__additional_fix {
        opacity: 1!important;
    }

@media (min-width: 1279px) {

.product-card__additional {
        top: 10px;
        right: 10px
}
    }

.catalog {
    --filters-width: 308px;

    padding-bottom: 32px;
    padding-top: 24px;
}

@media (min-width: 1279px) {

.catalog {
        padding-top: 0
}
    }

.catalog__top {
        padding: 0 0 16px 0;
    }

@media (min-width: 1279px) {

.catalog__top {
            padding: 0 0 32px 0
    }
        }

.catalog__heading {
        margin: 0;
        font-family: var(--Primary-font-family);
        font-weight: 700;
        font-size: 24px;
        line-height: 133%;
        color: #02040e;
    }

@media (min-width: 1279px) {

.catalog__heading {
            font-size: 32px;
            line-height: 125%;
            color: #000
    }
        }

.catalog__heading_bordered {
            padding-bottom: 16px;
            border-bottom: 1px solid #d8dee4;
        }

.catalog__tabs {
        padding: 12px 0 0 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 8px;
        overflow: auto;
        overflow-x: auto;
        -ms-overflow-style: none;
        /* Для Internet Explorer и Edge */
        scrollbar-width: none;
    }

/* Для Firefox */

.catalog__tabs::-webkit-scrollbar {
            display: none;
            /* Для Chrome, Safari и Opera */
        }

.catalog__tabs_desktop {
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        }

@media (min-width: 1279px) {

.catalog__cols {
            display: grid;
            grid-template-columns: var(--filters-width) calc(100% - 16px - var(--filters-width));
            gap: 16px
    }
        }

@media (max-width: 1280px) {

.catalog__filters-col {
            -webkit-transform: translateX(-100%);
                    transform: translateX(-100%);
            position: fixed;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            z-index: 99;
            background: #fff;
            overflow: hidden;
            -webkit-transition: all .3s ease;
            transition: all .3s ease
    }
            .catalog__filters-col .catalog__filters {
                height: 100%;
                overflow: auto;
                gap: 0;
            }
            .catalog__filters-col_show {
                -webkit-transform: translateX(0);
                        transform: translateX(0);
            }
            .catalog__filters-col .filter-group {
                padding: 16px 0;
                border-bottom: 1px solid #d8dee4;
            }
        }

.catalog__filters {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 16px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 0 16px 130px 16px;
    }

@media (min-width: 1279px) {

.catalog__filters {
            padding: 0
    }
        }

@media (min-width: 1279px) {

.catalog__filters_fixed {
                position: fixed;
                -webkit-box-sizing: border-box;
                        box-sizing: border-box;
                padding-top: 16px;
                padding-bottom: 16px;
                top: 168px;
                width: var(--filters-width);
                height: calc(100vh - 168px);
                overflow: auto
        }
            }

@media (min-width: 1279px) {
            .catalog__filters .button_theme_outline {
                color: #fff;
                background: #232425;
            }
            .catalog__filters .button_theme_outline.button_hovered {
                background: #343536;
            }
        }

.catalog__heading-mobile {
        position: sticky;
        top: 0;
        padding: 22px 16px 18px 16px;
        border-bottom: 1px solid #d8dee4;
    }

@media  (min-width: 1279px) {

.catalog__heading-mobile {
            display: none
    }
        }

.catalog__heading-mobile .h3 {
            text-align: center;
        }

.catalog__mobile-button {
        padding: 12px 16px;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;

    }

@media  (min-width: 1279px) {

.catalog__mobile-button {
            display: none

    }
        }

.catalog__close-filters {
        border-radius: 8px;
        padding: 12px;
        background: #f2f4f8;
        line-height: 0%;
        display: inline-block;
        position: absolute;
        top: 12px;
        right: 16px;
    }

.catalog__pagination {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 12px 0 0 0;
    }

@media (min-width: 767px) {

.catalog__pagination {
            padding: 24px 0 0 0
    }
        }

@media (min-width: 1279px) {

.catalog__pagination {
            padding: 32px 0 0 0
    }
        }

.products_top-indent_m {
            padding-top: 32px;
        }

@media (min-width: 1279px) {

.products_top-indent_m {
                padding-top: 64px
        }
            }

.products_top-indent_s {
            padding-top: 32px;
        }

@media (min-width: 1279px) {

.products_top-indent_s {
                padding-top: 16px
        }
            }

.products_padding_bottom .products__wrap {
            padding-bottom: 32px;
        }

@media (min-width: 1279px) {

.products_padding_bottom .products__wrap {
                padding-bottom: 64px
        }
            }

.products__wrap {
        container-type: inline-size;
        container-name: products-items;
    }

.products__top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 8px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

.products__top .link {
            color: #3c3e3f;
            white-space: nowrap;
        }

.products__heading {
        margin: 0;
        font-family: var(--Primary-font-family);
        font-weight: 700;
        font-size: 24px;
        line-height: 133%;
        color: #000;
        padding-bottom: 16px;
    }

@media (min-width: 1279px) {

.products__heading {
            font-size: 32px;
            line-height: 125%;
            color: #02040e
    }
        }

.products__tabs,
    .products__filter-chips {
        overflow-x: auto;
        -ms-overflow-style: none;  /* Для Internet Explorer и Edge */
        scrollbar-width: none;
    }

/* Для Firefox */

.products__tabs::-webkit-scrollbar, .products__filter-chips::-webkit-scrollbar {
            display: none; /* Для Chrome, Safari и Opera */
        }

.products__tabs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 8px;
        padding-bottom: 24px;
    }

.products__filter-chips {
        display: none;
    }

@media (min-width: 1279px) {

.products__filter-chips {
            padding: 12px 0 32px 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 8px
    }
        }

.products__sort {
        padding-bottom: 12px;
        border-bottom: 1px solid #d8dee4;
        margin-bottom: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

@media (min-width: 1279px) {

.products__sort {
            margin: 0
    }
        }

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

.products__filter-button {
        cursor: pointer;
        font-family: var(--Secondary-font-family);
        font-weight: 400;
        font-size: 14px;
        line-height: 143%;
        color: #02040e;
        background: #f2f4f8;
        border-radius: 8px;
        padding: 8px 12px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 4px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        position: relative;
    }

@media (min-width: 1279px) {

.products__filter-button {
            display: none
    }
        }

@container products-items (min-width: 719px) {
    .products__items {
        grid-template-columns: repeat(3, 1fr);
    }
}

@container products-items (min-width: 906px) {
    .products__items {
        gap: 20px;
        grid-template-columns: repeat(4, 1fr);
    }
}

@container products-items (min-width: 1279px) {
    .products__items {
        gap: 20px;
        grid-template-columns: repeat(5, 1fr);
    }
}

.category-filter__li {
        padding: 0 0 8px 0;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }

.category-filter__li:last-child {
            padding-bottom: 0;
        }

.category-filter__ul {
        overflow: hidden;
        -webkit-transition: max-height .5s ease;
        transition: max-height .5s ease;
        padding: 0;
        margin: 12px 0 0 0;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }

.category-filter__show-more {
        font-family: "Inter", sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 143%;
        color: #3c3e3f;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 8px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        cursor: pointer;
        -webkit-transition: color .3s ease;
        transition: color .3s ease;
    }

.category-filter__show-more .icon {
            -webkit-transition: -webkit-transform .5s ease;
            transition: -webkit-transform .5s ease;
            transition: transform .5s ease;
            transition: transform .5s ease, -webkit-transform .5s ease;
        }

.category-filter__show-more:hover {
            color: #ff4a00;
        }

.category-filter_show .category-filter__show-more {
        padding-top: 8px;
    }

.category-filter_show .category-filter__show-more .icon {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
    }

.show-filters {
    
}

.filters__wrap {
        padding-top: 64px;
        padding-bottom: 64px;
    }

.filters__back {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        cursor: pointer;
        color: #717477;
        padding-bottom: 4px;
    }

.filters__heading {
        padding-bottom: 16px;
    }

.filters__content {
        border-top: 1px solid #d8dee4;
        border-bottom: 1px solid #d8dee4;
        padding: 16px 0;
    }

.filters__filter-chips {
        padding-bottom: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 8px;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

.filters__cols {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

@media (min-width: 1279px) {

.filters__cols {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            gap: 16px
    }
        }

.filters__col {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        width: 100%;
    }

@media (min-width: 1279px) {
            .filters__col .filter-group_theme_modal.filter-group:last-child {
                border-bottom: none;
            }
        }

.filters__controls {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 16px;
        padding-top: 16px;
    }

.filter-group__heading {
        font-family: var(--Secondary-font-family);
        font-weight: 700;
        font-size: 16px;
        line-height: 125%;
        color: #232425;
        padding-bottom: 12px;
    }

.filter-group__links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 8px;
    }

.filter-group__links .link {
            font-family: var(--Secondary-font-family);
            font-weight: 400;
            font-size: 14px;
            line-height: 143%;
        }

.filter-group__more {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding-top: 12px;
        gap: 8px;
        font-family: var(--Secondary-font-family);
        font-weight: 400;
        font-size: 14px;
        line-height: 143%;
        color: var(--Brand-color);
    }

.filter-group__more .icon {
            -webkit-transition: -webkit-transform .3s ease-in-out;
            transition: -webkit-transform .3s ease-in-out;
            transition: transform .3s ease-in-out;
            transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
        }

.filter-group_opened .filter-group__more .icon {
            -webkit-transform: rotate(180deg);
                    transform: rotate(180deg);
        }

.filter-group_interactive .filter-group__wrap {
        max-height: 153px;
        overflow: hidden;
        -webkit-transition: max-height .3s ease-in-out;
        transition: max-height .3s ease-in-out;
    }

.filter-group__more {
    cursor: pointer;
}

.filter-group__search-wrap {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        border: 1px solid #d8dee4;
        border-radius: 8px;
        padding: 6px;
    }

.filter-group__search {
        padding-bottom: 12px;
    }

.filter-group__search .input__control {
            padding: 0;
            border: none;
            outline: none;
            font-family: var(--Secondary-font-family);
            font-weight: 400;
            font-size: 14px;
            line-height: 143%;
        }

.filter-group__search .input__box {
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            display: block;
            padding-left: 28px;
            background-image: url(/local/templates/BravOFF/distr/css/../img/icon/Seacrh.svg);
            background-position: left;
            background-repeat: no-repeat;
            background-size: contain;
        }

.search-content-empty {
    padding-top: 32px;
    padding-bottom: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px;
}

@media (min-width: 1279px) {

.search-content-empty {
        padding-top: 64px;
        padding-bottom: 64px
}
    }

.search-content-empty__image {
        max-width: 400px;
    }

.search-content-empty__description {
        text-align: center;
        max-width: 432px;
    }

.search-content-empty__links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 24px;
    }

.search-content-empty__links .link {
            -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                    flex-grow: 1;
        }

.catalog-categories {
    padding-bottom: 32px;
}

@media (min-width: 1279px) {

.catalog-categories {
        padding-bottom: 64px
}
    }

.catalog-categories__title {
        margin: 0;
        font-family: var(--Primary-font-family);
        font-weight: 700;
        font-size: 24px;
        line-height: 133%;
        color: #02040e;
        padding-bottom: 24px;
    }

@media (min-width: 1279px) {

.catalog-categories__title {
            font-size: 32px;
            line-height: 125%;
            padding-bottom: 32px
    }
        }

.categories {

}

.category-card {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #f2f4f8;
    border-radius: 12px;
    text-decoration: none;
    padding: 12px 8px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

@media (min-width: 767px) {

.category-card {
        gap: 12px;
        padding: 16px 8px 24px
}
    }

.category-card .image {
        width: 151px;
        height: 85px;
        -o-object-fit: contain;
           object-fit: contain;
    }

@media (min-width: 767px) {

.category-card .image {
            height: 148px
    }
        }

.category-card__title {
        font-family: var(--Secondary-font-family);
        font-weight: 400;
        color: #02040e;
        font-size: 12px;
        line-height: 133%;
        text-align: center;
    }

@media (min-width: 767px) {

.category-card__title {
            font-size: 16px;
            line-height: 150%
    }
        }

.category-card:hover {
        background: #d8dee4;
        cursor: pointer;
    }

.categories-swiper {
    position: relative;
}

.categories-swiper__prev,
    .categories-swiper__next {
        position: absolute;
        padding: 12px!important;
        top: 50%;
        z-index: 2;
    }

.categories-swiper__prev {
        left: 0;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
    }

.categories-swiper__next {
        right: 0;
        -webkit-transform: translate(30%, -50%);
                transform: translate(30%, -50%);
    }

.categories-swiper .swiper-slide {
        width: 167px;
        height: auto;
    }

.categories-swiper .swiper-slide .category-card {
            height: 100%;
        }

@media (min-width: 767px) {

.categories-swiper .swiper-slide {
            width: 200px
    }
        }

.categories-swiper .swiper-button-disabled {
        display: none;
    }

/**
 * Swiper 11.1.15
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 18, 2024
 */

@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{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}

.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);-webkit-box-sizing:content-box;box-sizing:content-box}

.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0)}

.swiper-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}

.swiper-vertical{-ms-touch-action:pan-x;touch-action:pan-x}

.swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;display:block}

.swiper-slide-invisible-blank{visibility:hidden}

.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}

.swiper-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;transition-property:transform,height;transition-property:transform,height,-webkit-transform}

.swiper-backface-hidden .swiper-slide{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}

.swiper-3d.swiper-css-mode .swiper-wrapper{-webkit-perspective:1200px;perspective:1200px}

.swiper-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}

.swiper-3d{-webkit-perspective:1200px;perspective:1200px}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{-webkit-transform-style:preserve-3d;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{-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}

.swiper-css-mode.swiper-vertical>.swiper-wrapper{-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper{-ms-scroll-snap-type:none;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:'';-ms-flex-negative:0;flex-shrink:0;-webkit-box-ordinal-group:10000;-ms-flex-order:9999;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{-webkit-margin-start:var(--swiper-centered-offset-before);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{-webkit-margin-before:var(--swiper-centered-offset-before);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-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}

.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}

.swiper-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top, left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}

.swiper-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top, right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}

.swiper-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom, left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}

.swiper-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}

.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;transform-origin:50%;-webkit-box-sizing:border-box;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{-webkit-animation:swiper-preloader-spin 1s infinite linear;animation:swiper-preloader-spin 1s infinite linear}

.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}

.swiper-lazy-preloader-black{--swiper-preloader-color:#000}

@-webkit-keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}

@keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}

.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}

:root{--swiper-navigation-size:44px}

.swiper-button-next,.swiper-button-prev{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(var(--swiper-navigation-size) / -2);z-index:10;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}

.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}

.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}

.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-webkit-transform-origin:center;transform-origin:center}

.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}

.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}

.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}

.swiper-button-lock{display:none}

.swiper-button-next:after,.swiper-button-prev: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;-webkit-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,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-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{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{-webkit-transform:scale(.33);transform:scale(.33);position:relative}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);transform:scale(1)}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);transform:scale(1)}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);transform:scale(.66)}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);transform:scale(.33)}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);transform:scale(.66)}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);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;-webkit-box-shadow:none;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-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;-webkit-transform:translate3d(0px,-50%,0);transform:translate3d(0px,-50%,0)}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s transform,.2s top;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%;-webkit-transform:translateX(-50%);transform:translateX(-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{-webkit-transition:.2s transform,.2s left;transition:.2s transform,.2s left}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s transform,.2s right;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%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top}

.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{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;-ms-touch-action:none;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-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{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-zoom-container{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}

.swiper-slide-zoomed{cursor:move;-ms-touch-action:none;touch-action:none}

.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}

.swiper-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}

.swiper-grid>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap}

.swiper-grid-column>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}

.swiper-fade.swiper-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}

.swiper-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;transition-property:opacity}

.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}

.swiper-fade .swiper-slide-active{pointer-events:auto}

.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}

.swiper.swiper-cube{overflow:visible}

.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}

.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}

.swiper-cube.swiper-rtl .swiper-slide{-webkit-transform-origin:100% 0;transform-origin:100% 0}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}

.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}

.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;-webkit-filter:blur(50px);filter:blur(50px)}

.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}

.swiper.swiper-flip{overflow:visible}

.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}

.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}

.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}

.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;-webkit-transition-property:opacity,height,-webkit-transform;transition-property:opacity,height,-webkit-transform;transition-property:transform,opacity,height;transition-property:transform,opacity,height,-webkit-transform}

.swiper.swiper-cards{overflow:visible}

.swiper-cards .swiper-slide{-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}

.swiper-button-disabled {
    pointer-events: none;
    cursor: auto;
}

.news {
    position: relative;
}

.news__content {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 32px 0 32px 16px;
        max-width: 1280px;
        margin: 0 auto;
    }

@media (min-width: 767px) {

.news__content {
            padding: 48px 0 48px 24px
    }
        }

@media (min-width: 1024) {

.news__content {
            padding: 64px 0 64px 24px
    }
        }

@media (min-width: 1304px) {

.news__content {
            padding: 64px 0
    }
        }

.news__heading {
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        font-size: 24px;
        line-height: 133%;
        color: #02040e;
    }

@media (min-width: 1279px) {

.news__heading {
            font-size: 32px;
            line-height: 125%;
            color: #000
    }
        }

.news__all-link {
        display: none;
    }

@media (min-width: 1279px) {

.news__all-link {
            display: block;
            border-radius: 8px;
            padding: 12px 24px;
            font-family: "Inter", sans-serif;
            font-weight: 400;
            font-size: 16px;
            line-height: 150%;
            text-align: center;
            color: #02040e
    }
        }

.news__top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 12px;
    }

.news__controls {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 12px;
        padding-right: 16px;
    }

@media (min-width: 767px) {

.news__controls {
            padding-right: 24px
    }
        }

@media (min-width: 1304px) {

.news__controls {
            padding-right: 0
    }
        }

.news__next,
    .news__prev {
        padding: 10px;
        border-radius: 8px;
    }

@media (min-width: 1279px) {

.news__next,
    .news__prev {
            padding: 14px
    }
        }

.news__next,
    .news__prev,
    .news__all-link {
        -webkit-transition: background .3s ease;
        transition: background .3s ease;
        border: none;
        text-decoration: none;
    }

.news .swiper-slide {
        height: auto;
        width: 200px;
    }

@media (min-width: 1279px) {

.news .swiper-slide {
            width: 100%
    }
        }

.news .swiper {
        margin-top: 24px;
    }

.news_theme_white {
    background: #fff;
}

.news_theme_white .news__next,
    .news_theme_white .news__prev,
    .news_theme_white .news__all-link {
        background: #f2f4f8;
    }

.news_theme_white .news__next:hover, .news_theme_white .news__prev:hover, .news_theme_white .news__all-link:hover {
            background: rgba(0, 0, 0, 0.08);
        }

.newscard {
    border-radius: 12px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    background: #ffffff;
    height: 100%;
    container-type: inline-size;
    container-name: news-card;
    position: relative;
}

.newscard:hover {
        background: #d8dee4;
    }

.newscard:hover .newscard__image::after {
            border: 1px solid #a4a9ad;
        }

@media (min-width: 1279px) {

.newscard:hover {
            background: #f2f4f8
    }
        }

.newscard__text {
        font-family: "Inter", sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 143%;
        color: #02040e;
        margin: 0 12px 16px 12px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -webkit-line-clamp: 3;
        /* Ограничение количества строк */
        text-overflow: ellipsis;
    }

@media (min-width: 1279px) {

.newscard__text {
            font-size: 16px;
            line-height: 150%;
            margin: 0 16px 32px 16px
    }
        }

.newscard__date {
        font-family: "Inter", sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 133%;
        color: #56595b;
        padding: 0 12px;
    }

@media (min-width: 1279px) {

.newscard__date {
            padding: 4px 12px 0 12px
    }
        }

.newscard__image {
        height: 140px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-transition: background-image .3s ease;
        transition: background-image .3s ease;
    }

@media (min-width: 1279px) {

.newscard__image {
            height: 208px
    }
        }

.newscard__image::after {
            content: '';
            position: absolute;
            inset: 0;
            border: 1px solid #d8dee4;
            border-radius: 12px;
        }

.newscard__teg {
        position: absolute;
        cursor: pointer;
        top: 8px;
        left: 8px;
        z-index: 2;
        border-radius: 6px;
        padding: 4px 8px;
        background: #02040e;
        font-family: "Inter", sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 133%;
        color: #f2f4f8;
    }

.newscard__link.button {
        display: none;
        position: relative;
    }

@container news-card (min-width: 462px) {
    .newscard__image {
        height: 440px;
    }

        .newscard__image::after {
            border: none;
        }

    .newscard__text {
        font-weight: 700;
        font-size: 24px;
        line-height: 133%;
        margin: 0 32px 24px 32px;
    }

    .newscard__date {
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        color: #02040e;
        padding: 16px 32px 0 32px;
    }

    .newscard__link.button {
        display: inline-block;
        margin: 0 32px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
}

.reviews {
    position: relative;
}

.reviews__content {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 32px 0 32px 16px;
        max-width: 1280px;
        margin: 0 auto;
    }

@media (min-width: 767px) {

.reviews__content {
            padding: 48px 0 48px 24px
    }
        }

@media (min-width: 1279px) {

.reviews__content {
            padding: 64px 24px
    }
        }

@media (min-width: 1304px) {

.reviews__content {
            padding: 64px 0
    }
        }

.reviews__heading {
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        font-size: 24px;
        line-height: 133%;
        color: #02040e;
    }

@media (min-width: 1279px) {

.reviews__heading {
            font-size: 32px;
            line-height: 125%;
            color: #000
    }
        }

.reviews__all-link {
        display: none;
    }

@media (min-width: 1279px) {

.reviews__all-link {
            display: block;
            border-radius: 8px;
            padding: 12px 24px;
            font-family: "Inter", sans-serif;
            font-weight: 400;
            font-size: 16px;
            line-height: 150%;
            text-align: center;
            color: #02040e
    }
        }

.reviews__top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 12px;
    }

.reviews__controls {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 12px;
        padding-right: 16px;
    }

@media (min-width: 767px) {

.reviews__controls {
            padding-right: 24px
    }
        }

@media (min-width: 1304px) {

.reviews__controls {
            padding-right: 0
    }
        }

.reviews__next,
    .reviews__prev {
        padding: 10px;
        border-radius: 8px;
    }

@media (min-width: 1279px) {

.reviews__next,
    .reviews__prev {
            padding: 14px
    }
        }

.reviews__next,
    .reviews__prev,
    .reviews__all-link {
        -webkit-transition: background .3s ease;
        transition: background .3s ease;
        text-decoration: none;
        border: none;
    }

.reviews__swiper {
        margin-top: 24px;
    }

@media (min-width: 1279px) {

.reviews .swiper-wrapper.reviews__swiper-wrapper {
            display: grid;
            grid-template-columns: 2fr 1fr 1fr;
            grid-template-rows: 348px 348px;
            gap: 24px;
            max-height: 720px;
            -webkit-transform: none !important;
                    transform: none !important
    }
        }

.reviews .swiper-slide {
        height: auto;
        width: 200px;
    }

@media (min-width: 1279px) {

.reviews .swiper-slide {
            width: 100%!important
    }
        }

.reviews .swiper-slide-active {
           grid-row: span 2;
        }

@media (min-width: 1279px) {

.reviews .swiper-slide.hide {
            display: none
    }
        }

.reviews_theme_white {
    background: #fff;
}

.reviews_theme_white .reviews__next,
    .reviews_theme_white .reviews__prev,
    .reviews_theme_white .reviews__all-link {
        background: #f2f4f8;
    }

.reviews_theme_white .reviews__next:hover, .reviews_theme_white .reviews__prev:hover, .reviews_theme_white .reviews__all-link:hover {
            background: rgba(0, 0, 0, 0.08);
        }

.seo-text {
    position: relative;
}

.seo-text__wrap {
        padding: 32px 16px;
        max-width: 1112px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }

@media (min-width: 767px) {

.seo-text__wrap {
            padding: 48px 24px
    }
        }

@media (min-width: 1279px) {

.seo-text__wrap {
            padding: 64px 24px;
            margin: 0 auto
    }
        }

.seo-text__content {
        color: #56595b;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 12px;
    }

@media (min-width: 1279px) {

.seo-text__content {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 16px
    }
        }

.seo-text__content p {
            margin: 0;
        }

.seo-text__content ul {
            margin: 0;
            padding: 0 0 0 24px;
        }

.seo-text__content .h1,
        .seo-text__content .h2,
        .seo-text__content .h3,
        .seo-text__content .h4 {
            margin: 0;
            padding-bottom: 12px;
        }

.seo-text__heading {
        font-family: var(--Primary-font-family);
        font-weight: 700;
        font-size: 24px;
        line-height: 133%;
        color: #000;
        padding: 0 0 16px 0;
        margin: 0;
    }

@media (min-width: 1279px) {

.seo-text__heading {
            font-family: var(--Secondary-font-family)
    }
        }

.seo-text_theme_grey {
    background: var(--Light);
}

.comparison-page {
	padding-bottom: 32px;
	position: relative;

}

.comparison-page h2,
	.comparison-page h3,
	.comparison-page h4,
	.comparison-page p {
		margin: 0;
	}

.comparison-page .together,
	.comparison-page__empty {
		display: none;
	}

@media (min-width: 1279px) {

.comparison-page {
		padding-bottom: 64px

}
	}

.comparison-page b {
		font-weight: 400;
		color: #000000;
	}

.comparison-page__wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

.comparison-page__header {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		padding-bottom: 16px;
		border-bottom: 1px solid #D8DEE4;
	}

@media (max-width:1250px) {

.comparison-page__header {
			padding-top: 32px;
			padding-bottom: 24px
	}
		}

@media (max-width:640px) {

.comparison-page__header {
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			gap: 4px;
			padding-top: 24px;
			padding-bottom: 16px
	}
		}

.comparison-page__button-clear {
		border: none;
		background: none;
		color: var(--Brand-color);
		font-size: 14px;
	}

@media (max-width:640px) {

.comparison-page__button-clear {
			padding: 0;
			text-align: start
	}
		}

.comparison-page__title {
		margin: 0;
		font-family: var(--Primary-font-family);
		font-weight: 700;
		font-size: 32px;
		line-height: 125%;
		color: #02040e;
		padding-bottom: 4px;
	}

@media (max-width: 1279px) {

.comparison-page__title {
			font-size: 24px;
			line-height: 133%
	}
		}

.comparison-page__filter {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 8px;
		padding: 32px 0 16px;
		margin-bottom: 16px;
		white-space: nowrap;
		overflow-x: auto;
	}

@media (max-width:1100px) {

.comparison-page__filter {
			padding: 24px 0 12px;
			margin-bottom: 12px
	}
		}

.comparison-page__filter .button {
			padding: 7px 11px;
		}

.comparison-page__main {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 32px;
	}

.comparison-page__button-up {
		opacity: 0;
		pointer-events: none;
		position: fixed;
		right: 18px;
		bottom: 100px;
		max-width: 44px;
		aspect-ratio: 1;
		z-index: 2;
		-webkit-transition: 0.2s;
		transition: 0.2s;
	}

.comparison-page__button-up_visible {
			opacity: 1;
			pointer-events: auto;
		}

.comparison-page__products {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 20px;
	}

@media (max-width:770px) {

.comparison-page__products {
			gap: 8px
	}
		}

.comparison-page__product {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 12px;
		-webkit-box-flex: 20%;
		    -ms-flex: 20%;
		        flex: 20%;
	}

@media (max-width:1100px) {

			.comparison-page__product:nth-last-child(1),
			.comparison-page__product:nth-last-child(2) {
				display: none;
			}
		}

@media (max-width:640px) {

			.comparison-page__product:nth-last-child(1),
			.comparison-page__product:nth-last-child(2),
			.comparison-page__product:nth-last-child(3) {
				display: none;
			}
		}

.comparison-page__product .product-card {
			height: 100%;
		}

.comparison-page__product-controller {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}

.comparison-page__product-controller .button {
			padding: 3px;
			border-radius: 4px;
		}

.comparison-page__product-progress {
		color: #56595B;
	}

.comparison-page__subtitle {
		padding-bottom: 24px;
	}

@media (max-width:1100px) {

.comparison-page__subtitle {
			padding: 0
	}
		}

.comparison-page__ratings {
		padding-bottom: 12px;
	}

.comparison-page__ratings-title {
		display: inline-block;
		padding-bottom: 8px;
		font-size: 14px;
		color: #717477;
	}

.comparison-page__specifications-header {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		padding: 0 16px;
	}

@media (max-width:1100px) {

.comparison-page__specifications-header {
			padding: 0 0 36px 0;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			gap: 12px
	}
		}

@media (max-width:640px) {

.comparison-page__specifications-header {
			padding-bottom: 24px
	}
		}

.comparison-page__switch {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 12px;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}

.comparison-page__switch .checkbox__box {
			top: 0 !important;
		}

@media (max-width:1100px) {

.comparison-page__switch {
			-webkit-box-pack: justify;
			    -ms-flex-pack: justify;
			        justify-content: space-between
	}
		}

.comparison-page__ratings-title {
		padding-left: 16px;
	}

@media (max-width: 640px) {

.comparison-page__ratings-title {
			padding-right: 0;
			padding-left: 0
	}
		}

.comparison-page__rate {
		-ms-flex-negative: 0;
		    flex-shrink: 0;
		border-radius: 4px;
		width: 29px;
		height: 28px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		font-family: var(--Secondary-font-family);
		font-weight: 400;
		font-size: 11px;
		line-height: 145%;
		color: #fff;
		background: #3c3e3f;
	}

@media (min-width: 1279px) {

.comparison-page__rate {
			font-size: 12px;
			line-height: 133%;
			width: 30px
	}
		}

.comparison-page__rating {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		gap: 8px;
	}

@media (max-width:1100px) {

			.comparison-page__rating:nth-last-child(1),
			.comparison-page__rating:nth-last-child(2) {
				display: none;
			}
		}

@media (max-width:640) {

			.comparison-page__rating:nth-last-child(1),
			.comparison-page__rating:nth-last-child(2),
			.comparison-page__rating:nth-last-child(3) {
				display: none;
			}
		}

.comparison-page__reviews {
		font-family: var(--Secondary-font-family);
		font-weight: 400;
		font-size: 11px;
		line-height: 145%;
		color: #8a8e92;
	}

@media (min-width: 1279px) {

.comparison-page__reviews {
			font-size: 14px;
			line-height: 143%
	}
		}

.comparison-page__specifications-group-header {
		padding: 14px 16px;
		border-bottom: 1px solid #D8DEE4;
		cursor: pointer;
	}

@media (max-width: 640px) {

.comparison-page__specifications-group-header {
			padding-right: 0;
			padding-left: 0
	}
		}

.comparison-page__specifications-title {
		position: relative;
		display: inline;
		padding-right: 16px;
	}

.comparison-page__specifications-title::after {
			position: absolute;
			top: 50%;
			-webkit-transform: translateY(-50%);
			        transform: translateY(-50%);
			right: -12px;
			content: "";
			display: block;
			width: 22px;
			height: 22px;
			background: url(/local/templates/BravOFF/distr/css/../img/icon/button-arrow.svg) no-repeat center;
			background-size: contain;
			-webkit-transition: 0.2s;
			transition: 0.2s;
			-webkit-filter: brightness(0);
			        filter: brightness(0);
		}

.comparison-page__specifications-title_showed::after {
				-webkit-transform: translateY(-50%) rotate(180deg);
				        transform: translateY(-50%) rotate(180deg);
			}

.comparison-page__specifications-group:not(:last-child) {
		padding-bottom: 16px;
	}

.comparison-page__specifications-group-content {
		overflow: hidden;
		-webkit-transition: 0.2s;
		transition: 0.2s;
	}

.comparison-page__specification {
		padding: 12px 0;
		font-size: 14px;
		line-height: 20px;
	}

.comparison-page__specification-title {
		padding: 0 16px 9px;
		color: #717477;
	}

@media (max-width: 640px) {

.comparison-page__specification-title {
			padding-right: 0;
			padding-left: 0
	}
		}

.comparison-page__specification-row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 20px;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}

@media (max-width:1100px) {

			.comparison-page__specification-row .comparison-page__specification-item:nth-last-child(1),
			.comparison-page__specification-row .comparison-page__specification-item:nth-last-child(2) {
				display: none;
			}
		}

@media (max-width:770px) {

.comparison-page__specification-row {
			gap: 8px
	}
		}

@media (max-width:640px) {

			.comparison-page__specification-row .comparison-page__specification-item:nth-last-child(1),
			.comparison-page__specification-row .comparison-page__specification-item:nth-last-child(2),
			.comparison-page__specification-row .comparison-page__specification-item:nth-last-child(3) {
				display: none;
			}
		}

.comparison-page__specification-item {
		-webkit-box-flex: 20%;
		    -ms-flex: 20%;
		        flex: 20%;
		padding: 0 16px;
	}

@media (max-width: 640px) {

.comparison-page__specification-item {
			padding-right: 0;
			padding-left: 0
	}
		}

@media (min-width: 1100px) {

.together__content {
			padding: 0 48px;
			max-width: 1370px
	}
		}

.together__wrapp {
		position: relative;
		padding-top: 64px;

	}

.together__title {
		margin: 0;
		padding-bottom: 24px;
	}

.together__prev,
	.together__next {
		position: absolute;
		top: 56%;
		z-index: 1;
		padding: 11px;
	}

@media (max-width: 1100px) {

.together__prev,
	.together__next {
			display: none
	}
		}

.together__prev {
		left: -24px;
	}

.together__next {
		right: -24px;
	}

.together .swiper-button-disabled {
		display: none;
	}

.together .product-card,
	.together .swiper-slide {
		max-width: 302px;
	}

@media (max-width: 640px) {

.together .product-card,
	.together .swiper-slide {
			max-width: 220px
	}
		}

.together_padding_bottom .together__wrapp {
	padding-bottom: 64px;
}

.contacts-page {
	padding-bottom: 32px;

}

.contacts-page h2,
	.contacts-page h3,
	.contacts-page p {
		margin: 0;
	}

@media (min-width: 1279px) {

.contacts-page {
		padding-bottom: 64px

}
	}

.contacts-page b {
		font-weight: 400;
		color: #000000;
	}

.contacts-page__wrap {
		display: grid;
		grid-template-columns: 200px 1fr 308px;
		grid-template-rows: auto auto;
		grid-template-areas:
			"title title title"
			"menu main contacts";
	}

@media (max-width:1250px) {

.contacts-page__wrap {
			grid-template-columns: 100%;
			grid-template-rows: auto auto;
			grid-template-areas:
				"title"
				"main"
	}
		}

.contacts-page__title {
		grid-area: title;
		margin: 0;
		font-family: var(--Primary-font-family);
		font-weight: 700;
		font-size: 32px;
		line-height: 125%;
		color: #02040e;
		padding-bottom: 16px;
		margin-bottom: 32px;
		border-bottom: 1px solid #D8DEE4;
	}

@media (max-width: 1279px) {

.contacts-page__title {
			font-size: 24px;
			line-height: 133%
	}
		}

@media (max-width:1250px) {

.contacts-page__title {
			margin-bottom: 48px;
			padding-top: 32px
	}
		}

@media (max-width:640px) {

.contacts-page__title {
			margin-bottom: 24px;
			padding-top: 24px;
			padding-bottom: 16px
	}
		}

.contacts-page__side-menu {
		grid-area: menu;
	}

@media (max-width:1250px) {

.contacts-page__side-menu {
			display: none
	}
		}

.contacts-page__side-contacts {
		grid-area: contacts;
	}

@media (max-width:1250px) {

.contacts-page__side-contacts {
			display: none
	}
		}

.contacts-page__main {
		grid-area: main;
		padding: 0 32px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 32px;
	}

@media (max-width:1250px) {

.contacts-page__main {
			padding: 0 32px 0 0;
			gap: 48px
	}
		}

@media (max-width:1000px) {

.contacts-page__main {
			padding: 0
	}
		}

@media (max-width:640px) {

.contacts-page__main {
			gap: 32px
	}
		}

.contacts-page__map {
		height: 312px;
		border-radius: 4px;
		overflow: hidden;
	}

@media (max-width:768px) {

.contacts-page__map {
			height: 400px
	}
		}

@media (max-width:640px) {

.contacts-page__map {
			height: auto;
			aspect-ratio: 1
	}
		}

.contacts-page__paragraph {
		line-height: 24px;
	}

.contacts-page__feedback {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 16px;
		padding: 0 74px;
	}

@media (max-width:640px) {

.contacts-page__feedback {
			padding: 0
	}
		}

.contacts {
	max-width: 308px;
	padding: 24px;
	border-radius: 16px;
	border: 1px solid #D8DEE4;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	position: sticky;
	top: 196px;
}

@media (max-width: 1279px) {

.contacts {
		top: 130px
}
	}

.contacts__title {
		margin: 0;
		padding-bottom: 8px;
	}

.contacts__text {
		margin: 0;
		font-size: 14px;
		color: #3C3E3F;
	}

.contacts__main {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 16px;
		padding-top: 16px;
		margin-top: 16px;
		border-top: 1px solid #D8DEE4;
	}

.contacts__contact {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 4px;
	}

.contacts__contact-title {
		font-size: 14px;
		color: var(--Dark);
	}

.contacts .link,
	.contacts__schedule-time {
		font-size: 16px;
		font-weight: 700;
		color: var(--Dark);
		text-decoration: none;
	}

.contacts__schedule-day {
		text-transform: uppercase;
	}

.attention {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 16px;
	padding: 24px 32px;
	background-color: var(--Secondary-color);
	border-radius: 12px;
}

@media (max-width:640px) {

.attention {
		padding: 16px
}
	}

.attention .icon {
		color: var(--Brand-color);
	}

.attention .link {
		text-decoration: none;
		color: var(--Brand-color);
	}

.attention__text {
		line-height: 24px !important;
		margin: 0;
	}

.attention b {
		color: var(--Black);
		font-weight: 700;
	}

.map {
	overflow: hidden;
	position: relative;
	height: 100%;
}

.form-shop-feedback__wrapp {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 16px;
	}

.form-shop-feedback .form-field__field-title {
			margin: 0;
			padding-bottom: 12px;
		}

.form-shop-feedback .form-field__radio {
			margin: 0;
			width: 0;
			height: 0;
			position: absolute;
			opacity: 0;
		}

.form-shop-feedback .form-field__subject-item {
			display: inline-block;
			padding: 8px 12px;
			background-color: var(--Light);
			border-radius: 8px;
			-webkit-transition: 0.2s;
			transition: 0.2s;
			cursor: pointer;


		}

.form-shop-feedback .form-field__subject-item:not(:last-child) {
				margin-right: 8px;
			}

.form-shop-feedback .form-field__subject-item:has(.form-field__radio:hover) {
				background-color: var(--Secondary-color);
				color: var(--Brand-color);
			}

.form-shop-feedback .form-field__subject-item:has(.form-field__radio:checked) {
				background-color: var(--Brand-color);
				color: var(--White);
			}

.form-shop-feedback__agreement {
		font-size: 12px;
		text-align: center;
		color: #56595B;
		padding-top: 16px;
	}

.form-shop-feedback .link {
		font-size: 12px;
		color: var(--Dark);
		text-decoration: none;
	}

.form-shop-feedback .textarea {
		resize: none;
	}

.requisites {
	padding: 24px 20px;
	background-color: var(--Light);
	border-radius: 12px;

}

@media (max-width:640px) {

.requisites {
		padding: 16px

}
	}

@media (max-width:640px) {

.requisites__title {
			display: none
	}
		}

.requisites__field {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding: 16px 12px;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		width: 100%;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
	}

@media (max-width:640px) {

.requisites__field {
			padding: 12px
	}
		}

.requisites__field_braked .requisites__text {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				row-gap: 4px;
			}

.requisites__field:not(:last-child) {
			border-bottom: 1px solid #D8DEE4;
		}

@media (hover:hover) {
			.requisites__field:hover {
				background-color: #e9ebee;
			}

				.requisites__field:hover .requisites__copy-button {
					opacity: 1;
				}
		}

.requisites__field .notification {
			position: absolute;
			top: 50%;
			left: 50%;
			-webkit-transform: translate(-50%, -50%);
			        transform: translate(-50%, -50%);
		}

.requisites__text {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-column-gap: 8px;
		   -moz-column-gap: 8px;
		        column-gap: 8px;
	}

@media (max-width:640px) {

.requisites__text {
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			row-gap: 4px
	}
		}

.requisites__label {
		color: #3C3E3F;
	}

.requisites__value {
		color: var(--Black);
	}

.requisites__copy-button {
		opacity: 0;
		background: none;
		border: none;
		cursor: pointer;
	}

.corporate-clients {
	padding-bottom: 32px;

}

.corporate-clients h2,
	.corporate-clients h3,
	.corporate-clients h4,
	.corporate-clients p {
		margin: 0;
	}

@media (min-width: 1279px) {

.corporate-clients {
		padding-bottom: 64px

}
	}

.corporate-clients b {
		font-weight: 400;
		color: #000000;
	}

.corporate-clients__wrap {
		display: grid;
		grid-template-columns: 200px 1fr 308px;
		grid-template-rows: auto auto;
		grid-template-areas:
			"title title title"
			"menu main contacts";
	}

@media (max-width:1250px) {

.corporate-clients__wrap {
			grid-template-columns: 100%;
			grid-template-rows: auto auto;
			grid-template-areas:
				"title"
				"main"
	}
		}

.corporate-clients__title {
		grid-area: title;
		margin: 0;
		font-family: var(--Primary-font-family);
		font-weight: 700;
		font-size: 32px;
		line-height: 125%;
		color: #02040e;
		padding-bottom: 16px;
		margin-bottom: 32px;
		border-bottom: 1px solid #D8DEE4;
	}

@media (max-width: 1279px) {

.corporate-clients__title {
			font-size: 24px;
			line-height: 133%
	}
		}

@media (max-width:1250px) {

.corporate-clients__title {
			margin-bottom: 48px;
			padding-top: 32px
	}
		}

@media (max-width:640px) {

.corporate-clients__title {
			margin-bottom: 24px;
			padding-top: 24px;
			padding-bottom: 16px
	}
		}

.corporate-clients__side-menu {
		grid-area: menu;
	}

@media (max-width:1250px) {

.corporate-clients__side-menu {
			display: none
	}
		}

.corporate-clients__side-contacts {
		grid-area: contacts;
	}

@media (max-width:1250px) {

.corporate-clients__side-contacts {
			display: none
	}
		}

.corporate-clients__main {
		grid-area: main;
		padding: 0 32px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 24px;
	}

@media (max-width:1250px) {

.corporate-clients__main {
			padding: 0 32px 0 0
	}
		}

@media (max-width:1000px) {

.corporate-clients__main {
			padding: 0
	}
		}

.corporate-clients__chapter {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 16px;
	}

.corporate-clients__chapter-title {
		font-size: 20px;
	}

.corporate-clients__paragraph {
		line-height: 24px;
	}

.corporate-clients__list {
		margin: 0;
		-webkit-padding-start: 24px;
		        padding-inline-start: 24px;
		line-height: 24px;
	}

.corporate-clients .requisites__title {
			display: none;
		}

.delivery-and-payment {
	padding-bottom: 32px;
}

.delivery-and-payment h2,
	.delivery-and-payment h3,
	.delivery-and-payment p {
		margin: 0;
	}

.delivery-and-payment p {
		line-height: 20px;
	}

@media (min-width: 1279px) {

.delivery-and-payment {
		padding-bottom: 64px
}
	}

.delivery-and-payment b {
		font-weight: 400;
		color: #000000;
	}

.delivery-and-payment__wrap {
		display: grid;
		grid-template-columns: 200px 1fr 308px;
		grid-template-rows: auto auto;
		grid-template-areas:
			"title title title"
			"menu main contacts";
	}

@media (max-width:1250px) {

.delivery-and-payment__wrap {
			grid-template-columns: 100%;
			grid-template-rows: auto auto;
			grid-template-areas:
				"title"
				"main"
	}
		}

.delivery-and-payment__title {
		grid-area: title;
		margin: 0;
		font-family: var(--Primary-font-family);
		font-weight: 700;
		font-size: 32px;
		line-height: 125%;
		color: #02040e;
		padding-bottom: 16px;
		margin-bottom: 32px;
		border-bottom: 1px solid #D8DEE4;
	}

@media (max-width: 1279px) {

.delivery-and-payment__title {
			font-size: 24px;
			line-height: 133%
	}
		}

@media (max-width:1250px) {

.delivery-and-payment__title {
			margin-bottom: 48px;
			padding-top: 32px
	}
		}

@media (max-width:640px) {

.delivery-and-payment__title {
			margin-bottom: 24px;
			padding-top: 24px;
			padding-bottom: 16px
	}
		}

.delivery-and-payment__side-menu {
		grid-area: menu;
	}

@media (max-width:1250px) {

.delivery-and-payment__side-menu {
			display: none
	}
		}

.delivery-and-payment__side-contacts {
		grid-area: contacts;
	}

@media (max-width:1250px) {

.delivery-and-payment__side-contacts {
			display: none
	}
		}

.delivery-and-payment__main {
		grid-area: main;
		padding: 0 32px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 16px;
	}

@media (max-width:1250px) {

.delivery-and-payment__main {
			padding: 0 32px 0 0;
			gap: 48px
	}
		}

@media (max-width:1000px) {

.delivery-and-payment__main {
			padding: 0
	}
		}

@media (max-width:640px) {

.delivery-and-payment__main {
			gap: 32px
	}
		}

.delivery-and-payment__contacts {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 5px;
		background-color: var(--Light);
		border-radius: 16px;
		padding: 40px;
	}

@media (max-width:1250px) {

.delivery-and-payment__contacts {
			-ms-flex-item-align: start;
			    align-self: start
	}
		}

@media (max-width:640px) {

.delivery-and-payment__contacts {
			-webkit-box-orient: vertical;
			-webkit-box-direction: reverse;
			    -ms-flex-direction: column-reverse;
			        flex-direction: column-reverse;
			gap: 16px;
			padding: 16px;
			-ms-flex-item-align: stretch;
			    align-self: stretch
	}
		}

.delivery-and-payment__contacts .link {
			font-size: 16px;
			font-weight: 700;
			color: var(--Dark);
			text-decoration: none;
		}

.delivery-and-payment__contacts-text {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 16px;
		max-width: 260px;
	}

@media (max-width:640px) {

.delivery-and-payment__contacts-text {
			max-width: none
	}
		}

.delivery-and-payment__contacts-title {
		font-size: 32px;
		line-height: 40px;
	}

.delivery-and-payment__contact {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 4px;
	}

.delivery-and-payment__contact-title {
		font-size: 14px;
		color: var(--Dark);
	}

.delivery-and-payment__schedule-time {
		font-size: 16px;
		font-weight: 700;
		color: var(--Dark);
		text-decoration: none;
	}

.delivery-and-payment__schedule-day {
		text-transform: uppercase;
	}

.delivery-and-payment .tabs__content_active {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			gap: 16px;
		}

.delivery-and-payment .tabs__tab-paragaph,
		.delivery-and-payment .tabs__tab-list,
		.delivery-and-payment .tabs__tab-list-title {
			line-height: 24px;
			margin: 0;
		}

.delivery-and-payment .tabs__tab-list {
			-webkit-padding-start: 24px;
			        padding-inline-start: 24px;
		}

.delivery-and-payment .tabs__map {
			height: 312px;
			border-radius: 4px;
			overflow: hidden;
		}

@media (max-width:1250px) {

.delivery-and-payment .tabs__labels {
				-webkit-box-pack: start;
				    -ms-flex-pack: start;
				        justify-content: start;
				gap: 12px
		}
			}

@media (max-width:640px) {

.delivery-and-payment .tabs__labels {
				white-space: nowrap;
				overflow-x: scroll;
				padding-bottom: 10px
		}
			}

.delivery-and-payment-regions {
	padding-bottom: 32px;

}

.delivery-and-payment-regions h2,
	.delivery-and-payment-regions h3,
	.delivery-and-payment-regions p {
		margin: 0;
	}

@media (min-width: 1279px) {

.delivery-and-payment-regions {
		padding-bottom: 64px

}
	}

.delivery-and-payment-regions b {
		font-weight: 400;
		color: #000000;
	}

.delivery-and-payment-regions__wrap {
		display: grid;
		grid-template-columns: 200px 1fr 308px;
		grid-template-rows: auto auto;
		grid-template-areas:
			"title title title"
			"menu main contacts";
	}

@media (max-width:1250px) {

.delivery-and-payment-regions__wrap {
			grid-template-columns: 100%;
			grid-template-rows: auto auto;
			grid-template-areas:
				"title"
				"main"
	}
		}

.delivery-and-payment-regions__title {
		grid-area: title;
		margin: 0;
		font-family: var(--Primary-font-family);
		font-weight: 700;
		font-size: 32px;
		line-height: 125%;
		color: #02040e;
		padding-bottom: 16px;
		margin-bottom: 32px;
		border-bottom: 1px solid #D8DEE4;
	}

@media (max-width: 1279px) {

.delivery-and-payment-regions__title {
			font-size: 24px;
			line-height: 133%
	}
		}

@media (max-width:1250px) {

.delivery-and-payment-regions__title {
			margin-bottom: 48px;
			padding-top: 32px
	}
		}

@media (max-width:640px) {

.delivery-and-payment-regions__title {
			margin-bottom: 24px;
			padding-top: 24px;
			padding-bottom: 16px
	}
		}

.delivery-and-payment-regions__side-menu {
		grid-area: menu;
	}

@media (max-width:1250px) {

.delivery-and-payment-regions__side-menu {
			display: none
	}
		}

.delivery-and-payment-regions__side-contacts {
		grid-area: contacts;
	}

@media (max-width:1250px) {

.delivery-and-payment-regions__side-contacts {
			display: none
	}
		}

.delivery-and-payment-regions__main {
		grid-area: main;
		padding: 0 32px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 24px;
	}

@media (max-width:1250px) {

.delivery-and-payment-regions__main {
			padding: 0 32px 0 0;
			gap: 24px
	}
		}

@media (max-width:1000px) {

.delivery-and-payment-regions__main {
			padding: 0
	}
		}

@media (max-width:640px) {

.delivery-and-payment-regions__main {
			gap: 24px
	}
		}

.delivery-and-payment-regions__map {
		height: 312px;
		border-radius: 4px;
		overflow: hidden;
	}

.delivery-and-payment-regions__contacts {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 5px;
		background-color: var(--Light);
		border-radius: 16px;
		padding: 40px;
	}

@media (max-width:1250px) {

.delivery-and-payment-regions__contacts {
			-ms-flex-item-align: start;
			    align-self: start
	}
		}

@media (max-width:640px) {

.delivery-and-payment-regions__contacts {
			-webkit-box-orient: vertical;
			-webkit-box-direction: reverse;
			    -ms-flex-direction: column-reverse;
			        flex-direction: column-reverse;
			gap: 16px;
			padding: 16px;
			-ms-flex-item-align: stretch;
			    align-self: stretch
	}
		}

.delivery-and-payment-regions__contacts .link {
			font-size: 16px;
			font-weight: 700;
			color: var(--Dark);
			text-decoration: none;
		}

.delivery-and-payment-regions__contacts-text {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 16px;
		max-width: 260px;
	}

@media (max-width:640px) {

.delivery-and-payment-regions__contacts-text {
			max-width: none
	}
		}

.delivery-and-payment-regions__contacts-title {
		font-size: 32px;
		line-height: 40px;
	}

.delivery-and-payment-regions__contact {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 4px;
	}

.delivery-and-payment-regions__contact-title {
		font-size: 14px;
		color: var(--Dark);
	}

.delivery-and-payment-regions__schedule-time {
		font-size: 16px;
		font-weight: 700;
		color: var(--Dark);
		text-decoration: none;
	}

.delivery-and-payment-regions__schedule-day {
		text-transform: uppercase;
	}

.delivery-and-payment-regions__info {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 16px;
	}

.delivery-and-payment-regions__info-paragaph,
	.delivery-and-payment-regions__info-list,
	.delivery-and-payment-regions__info-list-title {
		line-height: 24px;
		margin: 0;
	}

.delivery-and-payment-regions__info-list {
		-webkit-padding-start: 24px;
		        padding-inline-start: 24px;
	}

.feedback-page {
	padding-bottom: 32px;
}

.feedback-page h2,
	.feedback-page h3,
	.feedback-page p {
		margin: 0;
	}

.feedback-page p {
		line-height: 20px;
	}

@media (min-width: 1279px) {

.feedback-page {
		padding-bottom: 64px
}
	}

.feedback-page b {
		font-weight: 400;
		color: #000000;
	}

.feedback-page__wrap {
		display: grid;
		grid-template-columns: 200px 1fr 360px;
		grid-template-rows: auto auto;
		grid-template-areas:
			"header header header"
			"menu main aside";
	}

@media (max-width:1250px) {

.feedback-page__wrap {
			grid-template-columns: 1fr 310px;
			grid-template-rows: auto auto;
			grid-template-areas:
				"header header"
				"main aside"
	}
		}

@media (max-width:1000px) {

.feedback-page__wrap {
			grid-template-columns: 100%;
			grid-template-rows: auto;
			grid-template-areas:
				"header"
				"aside"
				"main"
	}
		}

.feedback-page__header {
		grid-area: header;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: baseline;
		    -ms-flex-align: baseline;
		        align-items: baseline;
		gap: 12px;
		padding-bottom: 16px;
		margin-bottom: 32px;
		border-bottom: 1px solid #D8DEE4;
	}

@media (max-width:1250px) {

.feedback-page__header {
			margin-bottom: 48px;
			padding-top: 32px
	}
		}

@media (max-width:1000px) {

.feedback-page__header {
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			gap: 4px
	}
		}

@media (max-width:640px) {

.feedback-page__header {
			margin-bottom: 24px;
			padding-top: 24px;
			padding-bottom: 16px
	}
		}

.feedback-page__title {
		margin: 0;
		font-family: var(--Primary-font-family);
		font-weight: 700;
		font-size: 32px;
		line-height: 125%;
		color: #02040e;
	}

@media (max-width: 1279px) {

.feedback-page__title {
			font-size: 24px;
			line-height: 133%
	}
		}

.feedback-page__feedback-counter {
		color: #717477;
		font-size: 14px;
	}

.feedback-page__side-menu {
		grid-area: menu;
	}

@media (max-width:1250px) {

.feedback-page__side-menu {
			display: none
	}
		}

.feedback-page__aside {
		grid-area: aside;
	}

.feedback-page__aside-wrap {
		position: sticky;
		top: 196px;
	}

@media (max-width:1250px) {

.feedback-page__contacts {
			display: none
	}
		}

.feedback-page__feedback-rules {
		padding: 24px 0;
		font-size: 12px;
		line-height: 16px;
		color: #717477;
	}

@media (max-width:1000px) {

.feedback-page__feedback-rules {
			display: none
	}
		}

.feedback-page__feedback-rules .link {
			color: var(--Brand-color);
		}

.feedback-page__main {
		grid-area: main;
		padding: 0 64px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 32px;
	}

@media (max-width:1250px) {

.feedback-page__main {
			padding: 0 64px 0 0;
			gap: 48px
	}
		}

@media (max-width:1000px) {

.feedback-page__main {
			padding: 0
	}
		}

@media (max-width:640px) {

.feedback-page__main {
			gap: 32px
	}
		}

.feedback-page__see-more-button {
		max-width: 280px;
		width: 100%;
		margin: auto;
	}

@media (max-width: 1060px) {

.rating {
		border: 1px solid #D8DEE4;
		border-radius: 12px;
		padding: 24px 16px
}
	}

.rating__header {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding-bottom: 24px;
		border-bottom: 1px solid #D8DEE4;
	}

.rating__numbers {
		font-size: 20px;
		font-weight: 700;
	}

.rating__number-limit {
		padding-left: 5px;
	}

.rating__bars {
		padding: 24px 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 16px;
	}

.rating__bar-goup {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		gap: 12px;
		font-size: 14px;
		color: #67686e;
	}

.rating__bar-title {
		display: inline-block;
		width: 64px;
	}

.rating__bar-wrapp {
		position: relative;
		-webkit-box-flex: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
		height: 8px;
		border-radius: 4px;
		overflow: hidden;
	}

.rating__bar-empty,
	.rating__bar-filled {
		position: absolute;
		top: 0;
		left: 0;
	}

.rating__bar-empty {
		background-color: var(--Light);
		right: 0;
		height: 100%;
	}

.rating__bar-filled {
		background-color: var(--Dark);
		width: 100%;
		height: 100%;
	}

.rating__stars-quantity {
		width: 28px;
	}

.rating .new-feedback {
		display: none;
	}

.new-feedback__title,
	.new-feedback__rating-title {
		margin: 0;
	}

.new-feedback__product {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		gap: 16px;
		padding-bottom: 24px;
	}

.new-feedback__product-name {
		margin: 0;
	}

.new-feedback__image-wrap {
		max-width: 80px;
		max-height: 80px;
	}

.new-feedback__title,
	.new-feedback__product,
	.new-feedback__attention-wrapp,
	.new-feedback__rating {
		padding-bottom: 24px;
	}

.new-feedback__rating-title {
		padding-bottom: 12px;
	}

.new-feedback__form-wrapp {
		padding-top: 24px;
		border-top: 1px solid #D8DEE4;
	}

.form-feedback__wrapp {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 12px;
	}

.form-feedback h3,
	.form-feedback p {
		margin: 0;
	}

.form-feedback__captcha {
		padding: 12px 0;
	}

.form-feedback__agreement {
		padding-top: 8px;
		text-align: center;
		font-size: 12px;
		color: #57575A;
	}

.form-feedback__agreement .link {
			font-size: 12px;
			color: var(--Dark);
			text-decoration: none;
		}

.form-feedback .label {
		padding-bottom: 8px;
		color: #8A8E92;
		font-size: 14px;
	}

.form-feedback .textarea {
		resize: none;
		margin-top: 8px;
	}

.feedback {
	border-bottom: 1px solid #D8DEE4;
}

.feedback h4,
	.feedback p {
		margin: 0;
	}

.feedback__wrap {
		padding: 24px 0px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 16px;
	}

.feedback__title {
		padding-bottom: 8px;
	}

.feedback__text {
		font-size: 14px;
	}

.feedback__header {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}

.feedback__user-info {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		gap: 12px;
	}

.feedback__avatar {
		width: 40px;
		height: 40px;
		border-radius: 8px;
		overflow: hidden;
	}

.feedback__comment-info {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		gap: 24px;
	}

.feedback__date {
		color: #888888;
		font-size: 14px;
	}

.feedback__main {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 12px;
	}

.feedback__buttons {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 8px;
	}

.feedback .button__counter {
		padding-left: 5px;
	}

.feedback__answer {
		padding-left: 12px;
		margin-left: 44px;
		border-left: 1px solid #D8DEE4;
	}

.history-page {
	padding-bottom: 32px;
}

.history-page h2,
	.history-page h3,
	.history-page h4,
	.history-page p {
		margin: 0;
	}

@media (min-width: 1279px) {

.history-page {
		padding-bottom: 64px
}
	}

.history-page b {
		font-weight: 400;
		color: #000000;
	}

.history-page__wrap {
		display: grid;
		grid-template-columns: 200px 1fr;
		grid-template-rows: auto auto;
		grid-template-areas:
			"title title"
			"menu main";
		-webkit-column-gap: 32px;
		   -moz-column-gap: 32px;
		        column-gap: 32px;
	}

@media (max-width:1250.99px) {

.history-page__wrap {
			grid-template-columns: 100%;
			grid-template-rows: auto;
			grid-template-areas:
				"title"
				"menu"
				"main"
	}
		}

.history-page__title {
		grid-area: title;
		margin: 0;
		font-family: var(--Primary-font-family);
		font-weight: 700;
		font-size: 32px;
		line-height: 125%;
		color: #02040e;
		padding-bottom: 16px;
		margin-bottom: 32px;
		border-bottom: 1px solid #D8DEE4;
	}

@media (max-width: 1279px) {

.history-page__title {
			font-size: 24px;
			line-height: 133%
	}
		}

@media (max-width:1250px) {

.history-page__title {
			margin-bottom: 24px;
			padding-top: 32px
	}
		}

@media (max-width:640px) {

.history-page__title {
			margin-bottom: 24px;
			padding-top: 24px;
			padding-bottom: 16px
	}
		}

.history-page__side-menu {
		grid-area: menu;
	}

@media (max-width:1250.99px) {

.history-page__side-menu {
			display: none
	}
		}

.history-page__mobile-menu {
		grid-area: menu;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		gap: 8px;
		padding-bottom: 24px;
	}

@media (min-width:1250.99px) {

.history-page__mobile-menu {
			display: none
	}
		}

.history-page__mobile-menu .link_menu {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				gap: 8px;
				-webkit-box-flex: 25%;
				    -ms-flex: 25%;
				        flex: 25%;
				border-radius: 12px;
				background-color: var(--Light);
				color: var(--Dark);
				text-decoration: none;
				padding: 16px 8px;
				-webkit-transition: 0.2s;
				transition: 0.2s;
				font-size: 12px;
			}

@media (max-width:640px) {

.history-page__mobile-menu .link_menu {
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
					    -ms-flex-direction: column;
					        flex-direction: column;
					padding: 12px 8px
			}
				}

.history-page__mobile-menu .link_hovered {
				background-color: #dedfe3;
			}

.history-page__mobile-menu .link .icon {
				color: var(--Brand-color);
			}

@media (max-width:640px) {

.history-page__mobile-menu .link .icon {
					-ms-flex-item-align: start;
					    align-self: start
			}
				}

.history-page__main {
		grid-area: main;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 16px;
	}

@media (max-width:1100px) {

.history-page__main {
			gap: 24px
	}
		}

@media (max-width:640px) {

.history-page__main {
			gap: 32px
	}
		}

.history-page__filter {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 8px;
	}

@media (max-width:1250.99px) {

.history-page__filter {
			display: none
	}
		}

.history-page__filter .button {
			padding: 7px 11px;
		}

.history-page__orders {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 16px;
	}

@media (max-width:1250px) {

.history-page__orders {
			gap: 24px
	}
		}

.important-info {
	padding-bottom: 32px;
}

.important-info h2,
	.important-info h3,
	.important-info h4,
	.important-info p {
		margin: 0;
	}

@media (min-width: 1279px) {

.important-info {
		padding-bottom: 64px
}
	}

.important-info b {
		font-weight: 400;
		color: #000000;
	}

.important-info__wrap {
		display: grid;
		grid-template-columns: 200px 1fr 308px;
		grid-template-rows: auto auto;
		grid-template-areas:
			"title title title"
			"menu main contacts";
	}

@media (max-width:1250px) {

.important-info__wrap {
			grid-template-columns: 100%;
			grid-template-rows: auto auto;
			grid-template-areas:
				"title"
				"main"
	}
		}

.important-info__title {
		grid-area: title;
		margin: 0;
		font-family: var(--Primary-font-family);
		font-weight: 700;
		font-size: 32px;
		line-height: 125%;
		color: #02040e;
		padding-bottom: 16px;
		margin-bottom: 32px;
		border-bottom: 1px solid #D8DEE4;
	}

@media (max-width: 1279px) {

.important-info__title {
			font-size: 24px;
			line-height: 133%
	}
		}

@media (max-width:1250px) {

.important-info__title {
			margin-bottom: 48px;
			padding-top: 32px
	}
		}

@media (max-width:640px) {

.important-info__title {
			margin-bottom: 24px;
			padding-top: 24px;
			padding-bottom: 16px
	}
		}

.important-info__side-menu {
		grid-area: menu;
	}

@media (max-width:1250px) {

.important-info__side-menu {
			display: none
	}
		}

.important-info__side-contacts {
		grid-area: contacts;
	}

@media (max-width:1250px) {

.important-info__side-contacts {
			display: none
	}
		}

.important-info__main {
		grid-area: main;
		padding: 0 32px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 24px;
	}

@media (max-width:1250px) {

.important-info__main {
			padding: 0 32px 0 0
	}
		}

@media (max-width:1000px) {

.important-info__main {
			padding: 0
	}
		}

.important-info__paragraph {
		line-height: 24px;
	}

.popular-categories_padding_bottom .popular-categories__wrap {
            padding-bottom: 32px;
        }

@media (min-width: 1279px) {

.popular-categories_padding_bottom .popular-categories__wrap {
                padding-bottom: 64px
        }
            }

.popular-categories__wrap {
        padding-top: 32px;
    }

@media (min-width: 1279px) {

.popular-categories__wrap {
           padding-top: 64px
    }
        }

.popular-categories__top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 8px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding: 0 0 16px 0;
    }

@media (min-width: 1279px) {

.popular-categories__top {
            padding: 0 0 24px 0
    }
        }

.popular-categories__top .link {
            color: #3c3e3f;
            white-space: nowrap;
        }

.popular-categories__title {
        margin: 0;
        font-family: var(--Primary-font-family);
        font-weight: 700;
        font-size: 24px;
        line-height: 133%;
        color: #02040e;
    }

@media (min-width: 1279px) {

.popular-categories__title {
            font-size: 32px;
            line-height: 125%
    }
        }

.new-products {
    padding: 32px 0 0 0;
}

@media (min-width: 1279px) {

.new-products {
        padding: 64px 0 0 0
}
    }

.new-products__items {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(343px, 1fr));
        gap: 24px;
    }

@media (min-width: 1279px) {

.new-products__items {
            gap: 16px
    }
        }

.new-products__item {
        border-radius: 24px;
        background: var(--Light);
        padding: 24px 0 0 0;
    }

@media (min-width: 1279px) {

.new-products__item {
            border-radius: 32px;
            padding: 64px 0 0 0
    }
        }

.new-products__description {
        padding: 0 24px 12px;
        text-align: center;
    }

@media (min-width: 1279px) {

.new-products__description {
            padding: 0 48px 16px
    }
        }

.new-products__title {
        font-family: var(--Primary-font-family);
        font-weight: 700;
        font-size: 32px;
        line-height: 125%;
        color: var(--Dark);
        padding: 0 0 8px 0;
    }

@media (min-width: 1279px) {

.new-products__title {
            font-size: 48px;
            line-height: 117%;
            padding: 0 0 12px 0
    }
        }

.new-products__text {
        font-family: var(--Secondary-font-family);
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        text-align: center;
        color: #232425;
        padding: 0 0 16px 0;
    }

@media (min-width: 1279px) {

.new-products__text {
            padding: 0 0 24px 0;
            font-size: 20px;
            line-height: 140%
    }
        }

.new-products__image {
        max-width: 536px;
        margin: 0 auto;
        -o-object-fit: cover;
           object-fit: cover;
    }

.why-us {
    padding: 32px 0;
}

@media (min-width: 1279px) {

.why-us {
        padding: 64px 0
}
    }

.why-us__items {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(167px, 1fr));
        gap: 8px;
    }

@media (min-width: 1279px) {

.why-us__items {
            gap: 16px
    }
        }

.advantage-card {
    background: var(--Light);
    border-radius: 16px;
    padding: 20px 12px;
    color: var(--Dark);
    font-family: var(--Secondary-font-family);
}

@media (min-width: 1279px) {

.advantage-card {
        padding: 24px 16px
}
    }

.advantage-card .icon {
        margin-bottom: 12px;
    }

@media (min-width: 1279px) {

.advantage-card .icon {
            margin-bottom: 16px
    }
        }

.advantage-card__title {
        padding-bottom: 8px;
        margin: 0;
        font-weight: 700;
        font-size: 16px;
        line-height: 125%;
    }

@media (min-width: 1279px) {

.advantage-card__title {
            font-size: 20px;
            line-height: 120%
    }
        }

.advantage-card__text {
        margin: 0;
        font-weight: 400;
        font-size: 12px;
        line-height: 133%;
    }

@media (min-width: 1279px) {

.advantage-card__text {
            font-size: 14px;
            line-height: 143%
    }
        }

.reviews_theme_gray {
    background: #f2f4f8;
}

.reviews_theme_gray .reviews__next,
    .reviews_theme_gray .reviews__prev,
    .reviews_theme_gray .reviews__all-link {
        background: #fff;
    }

.reviews_theme_gray .reviews__next:hover, .reviews_theme_gray .reviews__prev:hover, .reviews_theme_gray .reviews__all-link:hover {
            background: rgba(0, 0, 0, 0.08);
        }

.seo-text_theme_white {
    background: var(--White);
}

.installment-page {
	padding-bottom: 32px;
}

.installment-page h2,
	.installment-page h3,
	.installment-page h4,
	.installment-page p {
		margin: 0;
	}

.installment-page h2 {
		font-size: 24px;
	}

.installment-page h3 {
		font-size: 20px;
	}

.installment-page h4 {
		font-size: 16px;
	}

@media (min-width: 1279px) {

.installment-page {
		padding-bottom: 64px
}
	}

.installment-page b {
		font-weight: 400;
		color: #000000;
	}

.installment-page__wrap {
		display: grid;
		grid-template-columns: 200px 1fr 308px;
		grid-template-rows: auto auto;
		grid-template-areas:
			"title title title"
			"menu main contacts";
	}

@media (max-width:1250px) {

.installment-page__wrap {
			grid-template-columns: 100%;
			grid-template-rows: auto auto;
			grid-template-areas:
				"title"
				"main"
	}
		}

.installment-page__title {
		grid-area: title;
		margin: 0;
		font-family: var(--Primary-font-family);
		font-weight: 700;
		font-size: 32px;
		line-height: 125%;
		color: #02040e;
		padding-bottom: 16px;
		margin-bottom: 32px;
		border-bottom: 1px solid #D8DEE4;
	}

@media (max-width: 1279px) {

.installment-page__title {
			font-size: 24px;
			line-height: 133%
	}
		}

@media (max-width:1250px) {

.installment-page__title {
			margin-bottom: 48px;
			padding-top: 32px
	}
		}

@media (max-width:640px) {

.installment-page__title {
			margin-bottom: 24px;
			padding-top: 24px;
			padding-bottom: 16px
	}
		}

.installment-page__side-menu {
		grid-area: menu;
	}

@media (max-width:1250px) {

.installment-page__side-menu {
			display: none
	}
		}

.installment-page__side-contacts {
		grid-area: contacts;
	}

@media (max-width:1250px) {

.installment-page__side-contacts {
			display: none
	}
		}

.installment-page__main {
		grid-area: main;
		padding: 0 32px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 32px;
		line-height: 24px;
	}

@media (max-width:1250px) {

.installment-page__main {
			padding: 0 32px 0 0
	}
		}

@media (max-width:1000px) {

.installment-page__main {
			padding: 0
	}
		}

.installment-page__about {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		gap: 24px;
	}

@media (max-width:640px) {

.installment-page__about {
			gap: 16px;
			-webkit-box-orient: vertical;
			-webkit-box-direction: reverse;
			    -ms-flex-direction: column-reverse;
			        flex-direction: column-reverse
	}
		}

.installment-page__about .link {
			text-decoration: none;
			color: var(--Brand-color);
		}

.installment-page__about-text {
		-webkit-box-flex: 50%;
		    -ms-flex: 50%;
		        flex: 50%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 12px;
	}

@media (max-width:640px) {

.installment-page__about-text {
			font: 100%
	}
		}

.installment-page__about-image {
		max-width: 340px;
		width: 100%;
		aspect-ratio: 1;
		border-radius: 16px;
		overflow: hidden;
	}

@media (max-width:640px) {

.installment-page__about-image {
			max-width: none
	}
		}

.installment-page__about-image .image {
			height: 100%;
			-o-object-fit: cover;
			   object-fit: cover;
		}

.installment-page__partners-title {
		padding-bottom: 16px;
	}

.installment-page__partners-names {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		gap: 8px;
	}

.installment-page__partner-name {
		display: block;
		padding: 8px 12px;
		background-color: var(--Light);
		border-radius: 8px;
	}

.installment-page__differences {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 16px;
		font-size: 14px;
		line-height: 20px;
	}

@media (max-width:640px) {

.installment-page__differences {
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column
	}
		}

.installment-page__difference {
		padding: 32px 24px;
		background-color: var(--Light);
		border-radius: 16px;
		-webkit-box-flex: 50%;
		    -ms-flex: 50%;
		        flex: 50%;
	}

.installment-page__differences-title {
		padding-bottom: 12px;
	}

.installment-page__differences-item {
		padding: 16px 0;
	}

.installment-page__differences-item:not(:last-child) {
			border-bottom: 1px solid #D8DEE4;
		}

.installment-page__differences-subtitle {
		padding-bottom: 8px;
	}

.installment-page__conditions .link {
			text-decoration: none;
			color: var(--Brand-color);
		}

.installment-page__conditions-title {
		padding-bottom: 24px;
	}

.installment-page__conditions-items {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 16px;
	}

.installment-page__list {
		margin: 0;
		-webkit-padding-start: 24px;
		        padding-inline-start: 24px;
	}

.installment-page__istruction .installment-page__paragraph {
			padding-bottom: 24px;
		}

.installment-page__istruction-title {
		padding-bottom: 12px;
	}

.installment-page__istruction-step {
		display: grid;
		grid-template-columns: 320px 1fr;
		grid-template-rows: auto 1fr;
		-webkit-column-gap: 16px;
		   -moz-column-gap: 16px;
		        column-gap: 16px;
		row-gap: 4px;
		padding-bottom: 16px;
		margin-bottom: 16px;
		border-bottom: 1px solid #D8DEE4;
	}

@media (max-width:640px) {

.installment-page__istruction-step {
			grid-template-columns: 100%;
			grid-template-rows: auto auto auto
	}
		}

.installment-page__instruction-image {
		grid-row-start: 1;
		grid-row-end: 3;
		max-width: 320px;
		width: 100%;
		aspect-ratio: 1;
	}

@media (max-width:640px) {

.installment-page__instruction-image {
			grid-row-end: 1;
			grid-column-start: 1;
			grid-column-end: 2;
			max-width: none
	}
		}

.installment-page__instruction-image .image {
			height: 100%;
			-o-object-fit: cover;
			   object-fit: cover;
		}

.installment-page__istruction-number {
		font-size: 32px;
		font-weight: 700;
		padding: 8px 0 4px;
	}

.installment-page__support {
		padding: 32px 24px;
		border-radius: 12px;
		background-color: var(--Light);
	}

.installment-page__support .link {
			text-decoration: none;
			font-weight: 700;
			color: #232425;
		}

.installment-page__support-title {
		padding-bottom: 16px;
	}

.installment-page__support-contacts {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

@media (max-width:640px) {

.installment-page__support-contacts {
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			gap: 25px
	}
		}

.installment-page__support-contact:first-child {
		padding-right: 24px;
		margin-right: 24px;
		border-right: 1px solid #D8DEE4;
	}

@media (max-width:640px) {

.installment-page__support-contact:first-child {
			padding: 0;
			margin: 0;
			border: none
	}
		}

.installment-page__contact-subtitle {
		padding-bottom: 4px;
	}

.news-page {
	padding-bottom: 32px;
}

.news-page h2,
	.news-page h3,
	.news-page h4,
	.news-page p {
		margin: 0;
	}

@media (min-width: 1279px) {

.news-page {
		padding-bottom: 64px
}
	}

.news-page b {
		font-weight: 400;
		color: #000000;
	}

.news-page__wrap {
		display: grid;
		grid-template-columns: 200px 1fr;
		grid-template-rows: auto auto;
		grid-template-areas:
			"title title"
			"menu main";
		-webkit-column-gap: 16px;
		   -moz-column-gap: 16px;
		        column-gap: 16px;
	}

@media (max-width:1250px) {

.news-page__wrap {
			grid-template-columns: 100%;
			grid-template-rows: auto;
			grid-template-areas:
				"title"
				"main"
	}
		}

.news-page__title {
		grid-area: title;
		margin: 0;
		font-family: var(--Primary-font-family);
		font-weight: 700;
		font-size: 32px;
		line-height: 125%;
		color: #02040e;
		padding-bottom: 32px;
		margin-bottom: 32px;
		border-bottom: 1px solid #D8DEE4;
	}

@media (max-width: 1279px) {

.news-page__title {
			font-size: 24px;
			line-height: 133%
	}
		}

@media (max-width:1250px) {

.news-page__title {
			margin-bottom: 48px;
			padding-top: 32px
	}
		}

@media (max-width:640px) {

.news-page__title {
			margin-bottom: 24px;
			padding-top: 24px;
			padding-bottom: 16px
	}
		}

.news-page__side-menu {
		grid-area: menu;
	}

@media (max-width:1250px) {

.news-page__side-menu {
			display: none
	}
		}

.news-page__main {
		grid-area: main;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 64px;
	}

@media (max-width:1100px) {

.news-page__main {
			gap: 48px
	}
		}

@media (max-width:640px) {

.news-page__main {
			gap: 32px
	}
		}

.news-page__news {
		width: 100%;
		height: 100%;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-template-rows: auto;
		gap: 16px;
		padding-bottom: 32px;
		border-bottom: 1px solid #D8DEE4;
	}

@media (max-width:1250px) {

.news-page__news {
			padding-bottom: 48px
	}
		}

@media (max-width:768px) {

.news-page__news {
			grid-template-columns: repeat(3, 1fr);
			border-bottom: none;
			padding-bottom: 0
	}
		}

@media (max-width:640px) {

.news-page__news {
			grid-template-columns: repeat(2, 1fr);
			gap: 8px
	}
		}

.news-page__newscard-wrap {
		max-width: 254px;
		max-height: 348px;
		width: 100%;
		height: 100%;
	}

@media (max-width:640px) {

.news-page__newscard-wrap {
			max-width: none;
			max-height: none
	}
		}

.news-page .newscard__image {
			height: 208px;
		}

@media (max-width:640px) {

.news-page .newscard__image {
				height: 140px
		}
			}

.news-page__pagination-wrap {
		margin: auto;
	}

.one-news {
	padding-bottom: 32px;


}

.one-news h2,
	.one-news h3,
	.one-news h4 {
		margin: 8px 0 0 0;
	}

.one-news p {
		margin: 0;
	}

.one-news h2 {
		font-size: 24px;
	}

.one-news h3 {
		font-size: 20px;
	}

.one-news h4 {
		font-size: 16px;
	}

@media (min-width: 1279px) {

.one-news {
		padding-bottom: 64px


}
	}

.one-news b {
		font-weight: 400;
		color: #000000;
	}

.one-news__wrap {
		display: grid;
		grid-template-columns: 1fr 308px;
		grid-template-rows: auto auto auto;
		grid-template-areas:
			"title title"
			"main side"
			"recs recs"
			"news news";
		gap: 32px;
	}

@media (max-width:1150px) {

.one-news__wrap {
			grid-template-columns: 100%;
			grid-template-rows: auto auto auto auto;
			grid-template-areas:
				"title"
				"main"
				"side"
				"recs"
				"news";
			gap: 24px
	}
		}

@media (max-width:640px) {

.one-news__wrap {
			gap: 16px
	}
		}

.one-news__title {
		grid-area: title;
		margin: 0;
		font-family: var(--Primary-font-family);
		font-weight: 700;
		font-size: 32px;
		line-height: 125%;
		color: #02040e;
	}

@media (max-width: 1279px) {

.one-news__title {
			font-size: 24px;
			line-height: 133%
	}
		}

@media (max-width:1250px) {

.one-news__title {
			padding-top: 32px
	}
		}

@media (max-width:640px) {

.one-news__title {
			padding-top: 24px
	}
		}

.one-news__side {
		grid-area: side;
	}

.one-news__side-wrap {
		padding-left: 16px;
		border-left: 1px solid #D8DEE4;
		position: sticky;
		top: 192px;
	}

@media (max-width: 1279px) {

.one-news__side-wrap {
			top: 130px
	}
		}

@media (max-width:1150px) {

.one-news__side-wrap {
			border: none;
			padding: 0;
			position: static
	}
		}

.one-news__side-title {
		padding-bottom: 12px;
	}

.one-news__side-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 12px;
		list-style: none;
		margin: 0;
		padding: 0;
		font-size: 14px;
	}

@media (max-width:1150px) {

.one-news__side-list {
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
			    -ms-flex-direction: row;
			        flex-direction: row;
			-ms-flex-wrap: wrap;
			    flex-wrap: wrap;
			gap: 16px
	}
		}

.one-news__main {
		grid-area: main;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		line-height: 24px;
	}

@media (max-width: 480px) {

.one-news__main {
			padding: 24px 0 0px;
			border-top: 1px solid #D8DEE4
	}
		}

.one-news__header {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding-bottom: 12px;
	}

@media (max-width: 480px) {

.one-news__header {
			-webkit-box-align: start;
			    -ms-flex-align: start;
			        align-items: flex-start;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			gap: 12px
	}
		}

.one-news__date {
		font-size: 14px;
		color: #56595B;
		padding-right: 16px;
		margin-right: 16px;
		border-right: 1px solid #D8DEE4;
	}

@media (max-width: 480px) {

.one-news__date {
			border: none
	}
		}

.one-news__tags {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 12px;
	}

.one-news__tag {
		background-color: var(--Light);
		padding: 6px 12px;
		border-radius: 8px;
		font-size: 14px;
	}

.one-news__share {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		gap: 12px;
		font-size: 14px;
		margin-left: auto;
		color: #56595B;
	}

@media (max-width: 900px) {

.one-news__share {
			display: none
	}
		}

.one-news__share-mobile {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding-top: 16px;
		margin-top: 16px;
		border-top: 1px solid #D8DEE4;
		color: #56595B;
	}

@media (min-width: 900px) {

.one-news__share-mobile {
			display: none
	}
		}

.one-news__share-links {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 12px;
	}

.one-news__image-wrap {
		border-radius: 12px;
		overflow: hidden;
		padding-bottom: 16px;
		max-width: 940px;
		max-height: 478px;
	}

.one-news__image-wrap .image {
			height: 100%;
			-o-object-fit: cover;
			   object-fit: cover;
		}

.one-news__description {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 16px;
	}

.one-news__description .image {
			max-height: 464px;
			padding: 16px 0;
		}

.one-news__recomendations {
		grid-area: recs;
	}

@media (max-width:1150px) {

.one-news__recomendations {
			display: none
	}
		}

.one-news__recomendations-title {
		padding-bottom: 24px;
	}

.one-news__cards {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 16px;
	}

.one-news__newscard-wrap {
		max-width: 308px;
		max-height: 348px;
		width: 100%;
		height: 100%;
	}

.one-news .news {
		padding: 48px 0;
	}

@media (min-width: 1150px) {

.one-news .news {
			display: none
	}
		}

.one-news .news__content {
			display: contents;
		}

.one-news .news::before {
			content: "";
			position: absolute;
			top: 0%;
			bottom: -48px;
			left: -24px;
			right: -24px;
			display: block;
			background-color: var(--Light);
			z-index: -1;
		}

@media (max-width: 768px) {

.one-news .news::before {
				left: -16px;
				right: -16px
		}
			}

.share-buttons__links {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 12px;
	}

.one-review {
	padding-bottom: 32px;
}

.one-review h2,
	.one-review h3,
	.one-review h4 {
		margin: 8px 0 0 0;
	}

.one-review p {
		margin: 0;
	}

.one-review h2 {
		font-size: 24px;
	}

.one-review h3 {
		font-size: 20px;
	}

.one-review h4 {
		font-size: 16px;
	}

@media (min-width: 1279px) {

.one-review {
		padding-bottom: 64px
}
	}

.one-review b {
		font-weight: 400;
		color: #000000;
	}

.one-review__wrap {
		display: grid;
		grid-template-columns: 1fr 308px;
		grid-template-rows: auto auto auto;
		grid-template-areas:
			"title title"
			"main side"
			"products products"
			"recs recs";
		gap: 32px;
	}

@media (max-width:1150px) {

.one-review__wrap {
			grid-template-columns: 100%;
			grid-template-rows: auto auto auto auto;
			grid-template-areas:
				"title"
				"main"
				"side"
				"products"
				"recs";
			gap: 24px
	}
		}

@media (max-width:640px) {

.one-review__wrap {
			gap: 16px
	}
		}

.one-review__title {
		grid-area: title;
		margin: 0;
		font-family: var(--Primary-font-family);
		font-weight: 700;
		font-size: 32px;
		line-height: 125%;
		color: #02040e;
	}

@media (max-width: 1279px) {

.one-review__title {
			font-size: 24px;
			line-height: 133%
	}
		}

@media (max-width:1250px) {

.one-review__title {
			padding-top: 32px
	}
		}

@media (max-width:640px) {

.one-review__title {
			padding-top: 24px
	}
		}

.one-review__side {
		grid-area: side;
	}

.one-review__side-wrap {
		padding-left: 16px;
		border-left: 1px solid #D8DEE4;
		position: sticky;
		top: 192px;
	}

@media (max-width: 1279px) {

.one-review__side-wrap {
			top: 130px
	}
		}

@media (max-width:1150px) {

.one-review__side-wrap {
			border: none;
			padding: 0;
			position: static
	}
		}

.one-review__side-title {
		padding-bottom: 12px;
	}

.one-review__side-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 12px;
		list-style: none;
		margin: 0;
		padding: 0;
		font-size: 14px;
	}

@media (max-width:1150px) {

.one-review__side-list {
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
			    -ms-flex-direction: row;
			        flex-direction: row;
			-ms-flex-wrap: wrap;
			    flex-wrap: wrap;
			gap: 16px
	}
		}

.one-review__main {
		grid-area: main;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		line-height: 24px;
	}

@media (max-width: 480px) {

.one-review__main {
			padding: 24px 0 0px;
			border-top: 1px solid #D8DEE4
	}
		}

.one-review__header {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding-bottom: 12px;
	}

@media (max-width: 480px) {

.one-review__header {
			-webkit-box-align: start;
			    -ms-flex-align: start;
			        align-items: flex-start;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			gap: 12px
	}
		}

.one-review__date {
		font-size: 14px;
		color: #56595B;
		padding-right: 16px;
		margin-right: 16px;
		border-right: 1px solid #D8DEE4;
	}

@media (max-width: 480px) {

.one-review__date {
			border: none
	}
		}

.one-review__tags {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 12px;
	}

.one-review__tag {
		background-color: var(--Light);
		padding: 6px 12px;
		border-radius: 8px;
		font-size: 14px;
	}

.one-review__share {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		gap: 12px;
		font-size: 14px;
		margin-left: auto;
		color: #56595B;
	}

@media (max-width: 900px) {

.one-review__share {
			display: none
	}
		}

.one-review__share-mobile {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding-top: 16px;
		margin-top: 16px;
		border-top: 1px solid #D8DEE4;
		color: #56595B;
	}

@media (min-width: 900px) {

.one-review__share-mobile {
			display: none
	}
		}

.one-review__image-wrap {
		border-radius: 12px;
		overflow: hidden;
		padding-bottom: 16px;
	}

.one-review__image-wrap .image {
			height: 100%;
			-o-object-fit: cover;
			   object-fit: cover;
		}

.one-review__description {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 16px;
	}

.one-review__description img {
			padding: 16px 0;
		}

.one-review__recomendations {
		grid-area: recs;
	}

@media (max-width:1150px) {

.one-review__recomendations {
			display: none
	}
		}

.one-review__recomendations-title {
		padding-bottom: 24px;
	}

.one-review__cards {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 16px;
	}

.one-review__newscard-wrap {
		max-width: 308px;
		max-height: 348px;
		width: 100%;
		height: 100%;
	}

.one-review .news {
		padding: 48px 0;
	}

@media (min-width: 1150px) {

.one-review .news {
			display: none
	}
		}

@media (max-width:640px) {

.one-review .news {
			display: none
	}
		}

.one-review .news__content {
			display: contents;
		}

.one-review .news::before {
			content: "";
			position: absolute;
			top: 0%;
			bottom: -48px;
			left: -24px;
			right: -24px;
			display: block;
			background-color: var(--Light);
			z-index: -1;
		}

@media (max-width: 768px) {

.one-review .news::before {
				left: -16px;
				right: -16px
		}
			}

.one-review .together {
		grid-area: products;
	}

@media (min-width: 1380px) {
			.one-review .together__content {
				display: contents;
			}
		}

@media (max-width:1100px) {
			.one-review .together__content {
				display: contents;
			}
		}

.one-review .together__title {
			font-size: 20px;
		}

.order-page {
	padding-bottom: 32px;
}

.order-page h2,
	.order-page h3,
	.order-page h4,
	.order-page p {
		margin: 0;
	}

@media (min-width: 1279px) {

.order-page {
		padding-bottom: 64px
}
	}

.order-page b {
		font-weight: 400;
		color: #000000;
	}

.order-page__wrap {
		display: grid;
		grid-template-columns: 200px 1fr 400px;
		grid-template-rows: auto auto;
		grid-template-areas:
			"header header header"
			"menu main info";
		-webkit-column-gap: 32px;
		   -moz-column-gap: 32px;
		        column-gap: 32px;
	}

@media (max-width:1250.99px) {

.order-page__wrap {
			grid-template-columns: 1fr 350px;
			grid-template-rows: auto;
			grid-template-areas:
				"header header"
				"menu menu"
				"main info"
	}
		}

@media (max-width:1000px) {

.order-page__wrap {
			grid-template-columns: 100%;
			grid-template-rows: auto;
			grid-template-areas:
				"header"
				"menu"
				"main"
				"info"
	}
		}

.order-page__header {
		grid-area: header;
		padding-bottom: 16px;
		margin-bottom: 32px;
		border-bottom: 1px solid #D8DEE4;
	}

@media (max-width:1250px) {

.order-page__header {
			margin-bottom: 24px;
			padding-top: 32px;
			padding-bottom: 24px
	}
		}

@media (max-width:640px) {

.order-page__header {
			margin-bottom: 24px;
			padding-top: 24px;
			padding-bottom: 16px
	}
		}

.order-page__title {
		margin: 0;
		font-family: var(--Primary-font-family);
		font-weight: 700;
		font-size: 32px;
		line-height: 125%;
		color: #02040e;
		padding-bottom: 4px;
	}

@media (max-width: 1279px) {

.order-page__title {
			font-size: 24px;
			line-height: 133%
	}
		}

.order-page__date {
		color: #56595B;
	}

.order-page__side-menu {
		grid-area: menu;
	}

@media (max-width:1250.99px) {

.order-page__side-menu {
			display: none
	}
		}

.order-page__side-info {
		grid-area: info;
	}

.order-page__side-info-wrap {
		position: sticky;
		top: 196px;
	}

@media (max-width: 1279px) {

.order-page__side-info-wrap {
			top: 130px
	}
		}

.order-page__side-info-main {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 24px;
		padding: 24px;
		border-radius: 16px;
		border: 1px solid #D8DEE4;
		margin-bottom: 16px;
	}

.order-page__side-group {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 16px;
	}

.order-page__side-info-item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}

.order-page__side-title {
		color: #717477;
	}

.order-page__side-discount .order-page__side-value {
			color: var(--Brand-color);
		}

.order-page__side-summary {
		font-size: 24px;
		font-weight: 700;
		line-height: 32px;
	}

.order-page__coins {
		color: var(--Brand-color);
	}

.order-page__coins-info {
		border: none;
		background: none;
		color: var(--Brand-color);
		padding: 0;
		-ms-flex-item-align: start;
		    align-self: start;
		cursor: pointer;
	}

.order-page__button-wrapper {
		width: 200px;
		margin: auto;
	}

@media (max-width:480px) {

.order-page__button-wrapper {
			width: 100%
	}
		}

.order-page__mobile-menu {
		grid-area: menu;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		gap: 8px;
		padding-bottom: 24px;
	}

@media (min-width:1250.99px) {

.order-page__mobile-menu {
			display: none
	}
		}

.order-page__mobile-menu .link_menu {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				gap: 8px;
				-webkit-box-flex: 25%;
				    -ms-flex: 25%;
				        flex: 25%;
				border-radius: 12px;
				background-color: var(--Light);
				color: var(--Dark);
				text-decoration: none;
				padding: 16px 8px;
				-webkit-transition: 0.2s;
				transition: 0.2s;
				font-size: 12px;
			}

@media (max-width:640px) {

.order-page__mobile-menu .link_menu {
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
					    -ms-flex-direction: column;
					        flex-direction: column;
					padding: 12px 8px
			}
				}

.order-page__mobile-menu .link_hovered {
				background-color: #dedfe3;
			}

.order-page__mobile-menu .link .icon {
				color: var(--Brand-color);
			}

@media (max-width:640px) {

.order-page__mobile-menu .link .icon {
					-ms-flex-item-align: start;
					    align-self: start
			}
				}

.order-page__main {
		grid-area: main;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 24px;
	}

@media (max-width:1100px) {

.order-page__main {
			gap: 24px
	}
		}

@media (max-width:640px) {

.order-page__main {
			gap: 16px
	}
		}

.order-page__subtitle {
		padding-bottom: 16px;
	}

.order-page__statuses {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 8px;
	}

.order-page__status {
		padding: 8px 12px;
		border-radius: 8px;
	}

.order-page__status_paid {
			background-color: #08B828;
			color: var(--White);
		}

.order-page__status_processing {
			background-color: var(--Secondary-color);
			color: var(--Dark);
		}

.order-page__status_not-paid {
			background-color: var(--Secondary-color);
			color: var(--Dark);
		}

.order-page__status_received {
			background-color: #08B828;
			color: var(--White);
			position: relative;
			padding-left: 42px;
		}

.order-page__status_received:before {
				position: absolute;
				top: 11px;
				left: 16px;
				content: "";
				display: block;
				width: 15px;
				height: 15px;
				background: url(/local/templates/BravOFF/distr/css/../img/icon/check-white-small.svg) no-repeat center;
			}

.order-page__status_cancelled {
			position: relative;
			background-color: #F40000;
			color: var(--White);
			padding-left: 42px;
		}

.order-page__status_cancelled:before {
				position: absolute;
				top: 11px;
				left: 16px;
				content: "";
				display: block;
				width: 15px;
				height: 15px;
				background: url(/local/templates/BravOFF/distr/css/../img/icon/cross.svg) no-repeat center;
			}

.order-page__receipt-content {
		display: grid;
		grid-template-columns: auto auto;
		grid-template-areas:
			"ardess-title address"
			"recipient-title recipient"
			"delivery-title delivery";
		row-gap: 8px;
		-webkit-column-gap: 16px;
		   -moz-column-gap: 16px;
		        column-gap: 16px;
		line-height: 24px;
	}

@media (max-width:640px) {

.order-page__receipt-content {
			grid-template-columns: 100%;
			grid-template-areas:
				"ardess-title"
				"address"
				"recipient-title"
				"recipient"
				"delivery-title"
				"delivery";
			gap: 0px;
			font-size: 14px;
			line-height: 20px
	}
		}

.order-page__ardess-title {
		grid-area: ardess-title;
		color: #56595B;
	}

.order-page__address {
		grid-area: address;
	}

@media (max-width:640px) {

.order-page__address {
			padding-bottom: 12px
	}
		}

.order-page__recipient-title {
		grid-area: recipient-title;
		color: #56595B;
	}

.order-page__recipient {
		grid-area: recipient;
	}

@media (max-width:640px) {

.order-page__recipient {
			padding-bottom: 8px
	}
		}

.order-page__delivery-title {
		grid-area: delivery-title;
		color: #56595B;
	}

.order-page__delivery {
		grid-area: delivery;
	}

@media (max-width:640px) {

.order-page__delivery {
			padding-bottom: 8px
	}
		}

.order-page__payment-content {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 16px;
		color: #3C3E3F;
	}

@media (max-width:640px) {

.order-page__payment-content {
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			gap: 4px;
			color: #56595B
	}
		}

@media (max-width:640px) {

.order-page__payment-sum {
			color: var(--Dark)
	}
		}

.order-page__structure-header {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: baseline;
		    -ms-flex-align: baseline;
		        align-items: baseline;
	}

.order-page__structure-info {
		color: #8A8E92;
		font-size: 12px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 4px;
	}

.order-page__structure-info-item:not(:last-child)::after {
		content: "·";
		padding-left: 4px;
	}

.order-page__good {
		display: grid;
		grid-template-columns: 80px 1fr 156px;
		grid-template-rows: auto auto;
		grid-template-areas:
			"image name total"
			"image quantity total";
		-webkit-column-gap: 12px;
		   -moz-column-gap: 12px;
		        column-gap: 12px;
		row-gap: 8px;
		font-size: 14px;
		line-height: 20px;
		padding: 16px 0;
	}

@media (max-width:640px) {

.order-page__good {
			grid-template-columns: 80px 1fr;
			grid-template-areas:
				"image total"
				"image name"
				"image quantity";
			font-size: 12px;
			line-height: 16px
	}
		}

.order-page__good:not(:last-child) {
		border-bottom: 1px solid #D8DEE4;
		margin-bottom: 12px;
	}

.order-page__good-image {
		border-radius: 12px;
		overflow: hidden;
		grid-area: image;
		background-color: var(--Light);
		aspect-ratio: 1;
	}

.order-page__good-image .image {
			height: 100%;
			-o-object-fit: contain;
			   object-fit: contain;
		}

.order-page__good-name {
		grid-area: name;
	}

.order-page__good-quantity {
		grid-area: quantity;
		color: #56595B;
	}

.order-page__good-price-wrap {
		grid-area: total;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: end;
		    -ms-flex-align: end;
		        align-items: end;
		gap: 4px;
	}

@media (max-width:640px) {

.order-page__good-price-wrap {
			-webkit-box-align: start;
			    -ms-flex-align: start;
			        align-items: start
	}
		}

.order-page__good-total {
		font-size: 20px;
		font-weight: 700;
	}

.order-page__good-price {
		color: #56595B;
	}

.pagetitle {
    padding-bottom: 16px;
    font-family: var(--Primary-font-family);
    font-weight: 700;
    font-size: 24px;
    line-height: 133%;
    margin: 0 auto;
}

@media (min-width: 1279px) {

.pagetitle {
      font-size: 32px;
      line-height: 125%
}
    }

.pagetitle_bordered {
        border-bottom: 1px solid #d8dee4;
    }

.pagetitle_padding_l {
      padding-top: 24px;
      padding-bottom: 0;
    }

@media (min-width: 1279px) {

.pagetitle_padding_l {
        padding-top: 32px
    }
      }

.placing-order {
    padding-top: 32px;
    padding-bottom: 32px;
}

@media (min-width: 1279px) {

.placing-order {
        display: grid;
        grid-template-columns: 2fr 1fr;
        gap: 32px
}
    }

.placing-order p {
        margin: 0;
    }

@media (min-width: 1279px) {

.placing-order {
        padding-bottom: 88px
}
    }

.placing-order__row {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
           -ms-flex-align: center;
               align-items: center;
       -webkit-box-pack: justify;
           -ms-flex-pack: justify;
               justify-content: space-between;
    }

@media (min-width: 1279px) {

.placing-order__col {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            gap: 32px
    }
       }

.placing-order__group {
        padding: 0 0 32px 0;
    }

@media (min-width: 1279px) {

.placing-order__group {
            padding: 24px;
            border: 1px solid #d8dee4;
            border-radius: 24px
    }
        }

.placing-order__group_flex {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            gap: 16px;
        }

@media (min-width: 1279px) {

.placing-order__group_flex {
                gap: 24px
        }
            }

.placing-order__info {
        padding: 8px 0 0 0;
        text-align: center;
        margin: 0;
        color: #56595b;
    }

@media (min-width: 767px) {

.placing-order__info {
            padding: 16px 0 0 0;
            text-align: left
    }
        }

.placing-order .h2 {
        padding-bottom: 16px;
    }

@media (min-width: 767px) {

.placing-order .h2 {
            padding-bottom: 24px
    }
        }

.placing-order__delivery,
    .placing-order__recipient {
        border: 1px solid #d8dee4;
        border-radius: 12px;
        padding: 16px;
    }

@media (min-width: 767px) {

.placing-order__delivery,
    .placing-order__recipient {
            padding: 24px
    }
        }

.placing-order__delivery .button {
            width: 100%;
        }

@media (min-width: 767px) {

.placing-order__delivery .button {
                padding: 15px 23px;
                width: -webkit-fit-content;
                width: -moz-fit-content;
                width: fit-content
        }
            }

.placing-order__payment {
        margin-top: 20px;
    }

@media (min-width: 1279px) {

.placing-order__payment {
            margin: 0
    }
        }

.placing-order__title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
            -ms-flex-align: baseline;
                align-items: baseline;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

.placing-order__products {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        gap: 12px;
        overflow: auto;
    }

.placing-order__sticky-col {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 16px;
    }

@media (min-width: 1279px) {

.placing-order__sticky-col {
            position: sticky;
            top: 196px
    }
        }

.placing-order .form .form-field {
        padding-bottom: 12px;
    }

@media (min-width: 1279px) {

.placing-order__recipient .tabs__tab {
        max-width: 256px
}
    }

@media (min-width: 1279px) {

.placing-order__recipient .form {
        max-width: 360px
}
    }

.product-card-small {
    display: inline-block;
    padding-bottom: 12px;
    text-decoration: none;
}

.product-card-small__image {
        width: 150px;
        height: 150px;
        padding: 0 12px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        background: #f2f4f8;
        border-radius: 12px;
    }

.product-card-small__image .image {
            height: 100%;
            -o-object-fit: contain;
               object-fit: contain;
        }

.product-card-small__price {
        font-family: var(--Secondary-font-family);
        font-weight: 700;
        font-size: 16px;
        line-height: 125%;
        text-align: center;
        color: #000;
        padding-top: 8px;
    }

.product-card-small__info {
        font-family: var(--Secondary-font-family);
        font-weight: 400;
        font-size: 12px;
        line-height: 133%;
        text-align: center;
        color: #717477;
        padding-top: 4px;
    }

.order-table {
    border: 1px solid #d8dee4;
    border-radius: 16px;
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
}

.order-table__text,
    .order-table__code {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 12px;
    }

.order-table__code_bordered {
        border-top: 1px solid #d8dee4;
        padding-top: 24px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }

.order-table__title {
        font-family: var(--Secondary-font-family);
        font-weight: 700;
        font-size: 20px;
        line-height: 120%;
        color: #02040e;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

@media (min-width: 1279px) {

.order-table__title {
            font-size: 24px;
            line-height: 133%
    }
        }

.order-table__sale,
    .order-table__quantity,
    .order-table__delivery,
    .order-table__coins {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        font-family: var(--Secondary-font-family);
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        color: #717477;
    }

.order-table__bonus-info {
        font-family: var(--Secondary-font-family);
        font-weight: 400;
        font-size: 14px;
        line-height: 143%;
        padding-top: 12px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

.order-table__controls {
        padding-top: 16px;
        border-top: 1px solid #d8dee4;
    }

@media (min-width: 1279px) {
            .order-table__controls .button_theme_black {
                height: 56px;
            }
        }

.order-table__info {
        padding-top: 8px;
        text-align: center;
        color: #717477;
    }

.order-table__info .link {
            color: #02040e;
        }

.map-delivery {
    position: sticky;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    height: 0;
}

.map-delivery__wrap {
        padding: 0;
        height: 100%;
        overflow: auto;
    }

@media (min-width: 1279px) {

.map-delivery__wrap {
            padding-left: 24px;
            padding-right: 24px;
            max-width: 1328px;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            margin: 0 auto;
    }
        }

.map-delivery__heading {
        font-family: var(--Primary-font-family);
        font-weight: 700;
        font-size: 32px;
        line-height: 125%;
        color: #02040e;
        padding: 32px 0 16px 0;
        border-bottom: 1px solid #d8dee4;
        display: none;
    }

@media (min-width: 1279px) {

.map-delivery__heading {
            display: block
    }
        }

.map-delivery__cols {
        height: 100%;
    }

@media (min-width: 1279px) {

.map-delivery__cols {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            padding: 32px 0;
            gap: 32px
    }
        }

.map-delivery__info {
        width: 308px;
        display: none;
    }

@media (min-width: 1279px) {

.map-delivery__info {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column
    }
        }

.map-delivery__map {
        border: 1px solid #d8dee4;
        border-radius: 8px;
        position: relative;
        overflow: hidden;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        height: calc(100% - 130px);
    }

@media (min-width: 1279px) {

.map-delivery__map {
            height: 792px
    }
        }

.map-delivery__controls {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 16px;
        margin-top: auto;
    }

.map-delivery_visible {
        visibility: visible;
        opacity: 1;
        pointer-events: all;
        bottom: 72px;
        width: 100%;
        height: calc(100vh - 181px);
        background: #fff;
    }

@media (min-width: 1279px) {

.map-delivery_visible {
            height: calc(100vh - 168px);
            bottom: 0
    }
        }

.map-delivery__point {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 24px;
        padding: 24px 0;
    }

.map-delivery__mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 8px;
        padding: 12px 16px;
    }

@media (min-width: 767px) {

.map-delivery__mobile {
            padding: 12px 24px
    }
        }

@media (min-width: 1279px) {

.map-delivery__mobile {
            display: none
    }
        }

.recipient__change-user,
    .recipient__btn-delete {
        cursor: pointer;
    }

.recipient__user-name {
        font-family: var(--Secondary-font-family);
        font-weight: 700;
        font-size: 16px;
        line-height: 125%;
        color: #02040e;
        margin: 0;
        padding: 0 0 8px 0;
    }

.recipient__title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding-bottom: 8px;
    }

.recipient__change {
        cursor: pointer;
    }

.recipient__items .radio-group_type_line.radio-group.radio-group_theme_bordered {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

.recipient__items .recipient__controls{
    padding-top: 20px;
}

.recipient__form-user .recipient__button {
        width: 100%;
    }

@media (min-width: 1279px) {

.recipient__form-user .recipient__button {
            padding: 15px 23px;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content
    }
        }

.recipient__delete-user {
    
}

.product-page__wrapp {
		position: relative;
		padding-top: 8px;
		display: grid;
		grid-template-columns: 425px auto auto;
		grid-template-rows: auto 1fr;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: start;
		-webkit-column-gap: 32px;
		   -moz-column-gap: 32px;
		        column-gap: 32px;
		grid-template-areas:
			"title title title"
			"bar bar bar"
			"slider filters aside"
			"description description aside";
	}

@media(max-width:1060px) {

.product-page__wrapp {
			grid-template-columns: 100%;
			grid-template-rows: auto;
			grid-template-areas:
				"slider"
				"bar"
				"title"
				"filters"
				"aside"
				"description"
	}
		}

.product-page__title {
		grid-area: title;
		margin: 0;
		font-size: 24px;
		padding-bottom: 12px;
	}

@media(max-width:1060px) {

.product-page__title {
			padding-bottom: 24px
	}
		}

.product-page__top-bar {
		grid-area: bar;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		gap: 40px;
		padding-bottom: 32px;
		font-size: 14px;

	}

@media(max-width:1060px) {

.product-page__top-bar {
			padding-bottom: 16px;
			gap: 12px

	}
		}

@media(max-width:640px) {

.product-page__top-bar {
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-template-rows: 1fr auto;
			gap: 16px;
			padding-bottom: 5px

	}
		}

@media(max-width:640px) {

.product-page__feedback-wrapp {
			margin-right: auto
	}
		}

.product-page__feedback-wrapp_desktop {
			background: none;
			border: none;
			font-size: 14px;
			padding: 0;
			color: #3c3e3f;
			-webkit-transition: color .3s ease;
			transition: color .3s ease;
			cursor: pointer;
		}

.product-page__feedback-wrapp_desktop:hover {
				color: var(--Brand-color, #ff4a00);
			}

@media (max-width:1060px) {

.product-page__feedback-wrapp_desktop {
				display: none
		}
			}

.product-page__feedback-wrapp_mobile {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			gap: 8px;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
		}

@media (min-width:1060px) {

.product-page__feedback-wrapp_mobile {
				display: none
		}
			}

.product-page__rank {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		height: 32px;
		padding: 0 6px;
		background-color: #3C3E3F;
		color: white;
		border-radius: 6px;
	}

.product-page__feedback {
		color: #717477;
	}

.product-page__bar-group {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		gap: 20px;
	}

@media(max-width:1060px) {

.product-page__bar-group {
			gap: 12px
	}
		}

@media(max-width:640px) {

.product-page__bar-group {
			margin-left: auto
	}
		}

@media(max-width:1060px) {

.product-page__bar-links {
			display: none
	}
		}

.product-page__bar-group::before {
		position: absolute;
		left: -20px;
		content: "";
		display: block;
		width: 1px;
		height: 32px;
		background-color: #D8DEE4;
	}

@media(max-width:1060px) {

.product-page__bar-group::before {
			display: none
	}
		}

.product-page__favorite-buttton,
	.product-page__compare-button {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		gap: 8px;
		background: none;
		border: none;
		padding: 0;
		font-size: 14px;
		color: #3d3f40;
		cursor: pointer;
	}

.product-page__favorite-buttton-icon, .product-page__compare-button-icon {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: center;
			    -ms-flex-pack: center;
			        justify-content: center;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			width: 32px;
			height: 32px;
			background-color: var(--Light);
			border-radius: 6px
		}

@media(max-width:640px) {
			.product-page__favorite-buttton .product-page__bar-buttton-text, .product-page__compare-button .product-page__bar-buttton-text {
				display: none;
			}
		}

.product-page__article {
		margin: 0;
		margin-left: auto;
	}

@media(max-width:640px) {

.product-page__article {
			grid-row-start: 2;
			grid-row-end: 3;
			grid-column-start: 2
	}
		}

.product-page__slider {
		grid-area: slider;
	}

@media(max-width:1060px) {

.product-page__slider {
			padding-bottom: 16px
	}
		}

.product-page__filters {
		grid-area: filters;
	}

@media(max-width:1060px) {

.product-page__filters {
			padding-bottom: 24px
	}
		}

.product-page__specifications {
		grid-area: filters;
		margin: 0;
		padding: 0;
		font-size: 14px;
		display: none;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 12px;
	}

.product-page__specification {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: end;
		    -ms-flex-align: end;
		        align-items: flex-end;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		width: 100%;
	}

.product-page__specification-title-wrapp {
		position: relative;
		width: 63%;
	}

@media (max-width: 480px) {

.product-page__specification-title-wrapp {
			width: auto;
			-webkit-box-flex: 1;
			    -ms-flex-positive: 1;
			        flex-grow: 1
	}
		}

.product-page__specification-title-wrapp::before {
			border-bottom: 2px dotted #727578;
			bottom: .2em;
			content: "";
			display: block;
			left: 0;
			position: absolute;
			width: 100%;
		}

.product-page__specification-title {
		background-color: var(--White);
		position: relative;
		padding-right: 10px;
	}

.product-page__specification-value {
		padding-left: 12px;
	}

.product-page .unavailable {
		grid-area: aside;
		display: none;
	}

.product-page__aside {
		grid-area: aside;
		min-width: 300px;
		margin-left: auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 24px;
	}

@media(max-width:1060px) {

.product-page__aside {
			width: 100%
	}
		}

.product-page__aside-button-wrapp {
		max-width: 352px;
		width: 100%;
		margin: auto;
	}

@media(max-width:1060px) {

.product-page__aside-button-wrapp {
			max-width: none
	}
		}

.product-page__aside-button-wrapp:last-child .button {
			padding: 16px 12px;
		}

.product-page .button__button-text {
		max-width: 284px;
		padding-left: 12px;
		text-align: start;
		font-size: 14px;
		line-height: 20px;
	}

@media(max-width:1060px) {

.product-page .button__button-text {
			max-width: none
	}
		}

.product-page__split {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		max-width: 352px;
		width: 100%;
		border: 1px solid #D8DEE4;
		border-radius: 16px;
		padding: 16px 58px 16px 16px;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		margin: auto;
		cursor: pointer;
	}

@media(max-width:1060px) {

.product-page__split {
			max-width: none
	}
		}

.product-page__split::after {
			position: absolute;
			top: 50%;
			right: 24px;
			content: "";
			display: block;
			width: 32px;
			height: 32px;
			background-image: url(/local/templates/BravOFF/distr/css/../img/icon/product-slider-arrow.svg);
			-webkit-transform: rotate(-90deg) translateX(50%);
			        transform: rotate(-90deg) translateX(50%);
		}

.product-page__split-image-wrapp {
		height: 20px;
		padding-bottom: 8px;
	}

.product-page__split-image-wrapp .image {
			width: 100%;
			height: 100%;
			-o-object-fit: contain;
			   object-fit: contain;
			-o-object-position: left;
			   object-position: left;
		}

.product-page__split-period {
		padding-bottom: 4px;
		color: var(--Dark);
		font-size: 14px;
	}

.product-page__split-direction {
		color: #717477;
		font-size: 12px;
	}

.product-page .credit-terms {
		display: none;
	}

.product-page .found-cheaper-form {
		display: none;
	}

.product-page_unavailable .product-page__aside {
			display: none;
		}

.product-page_unavailable .unavailable {
			display: block;
		}

.product-page_specifications .product-page__wrapp {
			gap: 16px;
		}

.product-page_specifications .product-page__filters {
			display: none;
		}

.product-page_specifications .product-page__specifications {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
		}

.product-page__bar-group .action-button_view_full .action-button__icon-wrap {
	padding: 12px;
}

@media (min-width: 767px) {

.product-page__bar-group .action-button_view_full .action-button__icon-wrap {
		padding: 8px
}
	}

.link_theme_orange {
	text-decoration: none;
	color: var(--Brand-color);
}

/* @import "/local/templates/BravOFF/distr/css/@fancyapps/ui/dist/fancybox.css"; */

.product-slider {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 12px;
	max-height: 360px;
}

.product-slider .slider-preview-wrapp {
		position: relative;
		height: 308px;
	}

@media (max-width: 1060px) {

.product-slider .slider-preview-wrapp {
			display: none
	}
		}

.product-slider .slider-preview-wrapp .swiper-button-prev {
			width: 32px;
			height: 32px;
			top: 7px;
			left: 12px;
			right: auto;
			-webkit-transform: rotate(180deg);
			        transform: rotate(180deg);
		}

.product-slider .slider-preview-wrapp .swiper-button-prev::after {
				content: "";
				display: block;
				width: 32px;
				height: 32px;
				background-image: url(/local/templates/BravOFF/distr/css/../img/icon/product-slider-arrow.svg);
			}

.product-slider .slider-preview-wrapp .swiper-button-next {
			width: 32px;
			height: 32px;
			top: auto;
			left: 12px;
			right: auto;
			bottom: -18px;
		}

.product-slider .slider-preview-wrapp .swiper-button-next::after {
				content: "";
				display: block;
				width: 32px;
				height: 32px;
				background-image: url(/local/templates/BravOFF/distr/css/../img/icon/product-slider-arrow.svg);
			}

.product-slider .slider-preview-wrapp .swiper-button-disabled {}

.product-slider .slider-preview {
		max-width: 48px;
		max-height: 302px;
		overflow: hidden;
		padding: 3px;
	}

.product-slider .slider-preview .swiper-slide {
			height: 48px !important;
			cursor: pointer;
			border: 1px solid #D8DEE4;
			border-radius: 12px;
			overflow: hidden;
		}

.product-slider .slider-preview .swiper-slide-thumb-active {
			border: 1px solid var(--Dark);
		}

.product-slider .slider-preview .swiper-slide__image-wrapp {
			width: 48px;
			height: 48px;
		}

.product-slider .slider-preview .swiper-slide__image-wrapp .image {
				width: 100%;
				height: 100%;
				-o-object-fit: contain;
				   object-fit: contain;
			}

.product-slider__swiper-container {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		cursor: pointer;
	}

@media (max-width: 1060px) {

.product-slider__swiper-container {
			gap: 12px
	}
		}

.product-slider .swiper {
		border: 1px solid #D8DEE4;
		width: 356px;
		height: 356px;
		margin-left: 0;
		border-radius: 12px;
	}

@media (max-width: 1060px) {

.product-slider .swiper {
			width: 100%;
			margin-left: auto
	}
		}

.product-slider .swiper-slide__image-wrapp {
		width: 356px;
		height: 356px;
	}

@media (max-width: 1060px) {

.product-slider .swiper-slide__image-wrapp {
			width: auto;
			height: 100%
	}
		}

.product-slider .swiper-slide__image-wrapp .image {
			width: 100%;
			height: 100%;
			-o-object-fit: contain;
			   object-fit: contain;
		}

.product-slider .dots {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: auto;
		gap: 8px;
	}

.product-slider .dot {
		display: block;
		width: 12px;
		height: 12px;
		border-radius: 12px;
		background-color: #D8DEE4;
		-webkit-transition: 0.4s;
		transition: 0.4s;
	}

.product-slider .dot_active {
			background-color: var(--Brand-color);
			width: 24px;
		}

.product-slider .product-slider-fullscreen {
		display: none;
	}

.slider-preview-wrapp__more-slides-button {
	display: none;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 4px;
	width: 48px;
	height: 48px;
	padding: 0;
	font-size: 14px;
	cursor: pointer;
	border: none;
	background: none;
	color: var(--Brand-color);
}

.swiper__warranty {
	position: absolute;
	top: 12px;
	left: 12px;
	z-index: 1;
	font-family: var(--Secondary-font-family);
	font-weight: 400;
	font-size: 12px;
	line-height: 133%;
	padding: 4px 8px;
	border-radius: 6px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	white-space: nowrap;
	background: var(--Secondary-color);
	color: var(--Brand-color);
}

@media (max-width: 1060px) {

.swiper__warranty {
		display: none
}
	}

/* .fancybox__backdrop {
	background: var(--White) !important;
}

.fancybox__toolbar__items--left,
.fancybox__button--zoom,
.fancybox__button--slideshow,
.fancybox__button--fullscreen,
.fancybox__button--thumbs,
.fancybox__nav,
.fancybox__button--close svg {
	display: none;
}

.fancybox__toolbar {
	background: none;
	padding: 32px 100px;

	@media (max-width:1200px) {
		padding: 32px 24px;
	}
}

.fancybox__button--close {}

.fancybox__button--close::before {
	content: "";
	display: block;
	width: 44px;
	height: 44px;
	background-image: url(/local/templates/BravOFF/distr/css/../img/icon/fancybox-button-close.svg);
	background-size: contain;

	@media (max-width:768px) {
		width: 40px;
		height: 40px;
	}
} */

/* 
Попытка поправить thumbs с помощю CSS

.fancybox__container {
	flex-direction: row-reverse;
}

.fancybox__carousel {
	max-width: calc(100% - 140px);
}

.fancybox__viewport {
	overflow: hidden;
} 
	
.carousel__track {
	flex-direction: column;
	transform: none !important;
} */

/* .fancybox__thumbs {
	padding: 24px 0;
}

.fancybox__thumb {
	background-size: contain;
	aspect-ratio: 1;
	box-sizing: border-box;
	padding: 0;
}

.fancybox__thumbs .carousel__slide .fancybox__thumb {
	border: 1px solid #D8DEE4;
	border-radius: 8px;
	overflow: hidden;
}

.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
	border-width: 1px;
	border-color: var(--Dark);
	border-radius: 8px;
}

.fancybox__thumbs .carousel__slide {
	width: 52px;
	padding: 0 6px;

	@media (max-width:768px) {
		padding: 0 4px;
		width: 48px;
	}
} */

.product-slider-fullscreen {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 64px;
	height: 100%;
	max-height: 960px;

}

@media (max-width: 1000px) {

.product-slider-fullscreen {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center

}
	}

.product-slider-fullscreen .slider-preview-wrapp {}

.product-slider-fullscreen .fullscreen-slider-preview {
		overflow: hidden;
	}

@media (max-width: 1000px) {

.product-slider-fullscreen .fullscreen-slider-preview {
			max-width: calc(100vw - 48px)
	}
		}

@media (max-width: 480px) {

.product-slider-fullscreen .fullscreen-slider-preview {
			max-width: 100vw
	}
		}

.product-slider-fullscreen .fullscreen-slider-preview .swiper-slide {
			width: 48px !important;
			height: 48px !important;
			cursor: pointer;
			border: 1px solid #D8DEE4;
			border-radius: 12px;
			overflow: hidden;
		}

.product-slider-fullscreen .fullscreen-slider-preview .swiper-slide-thumb-active {
			border: 1px solid var(--Dark);
		}

.product-slider-fullscreen .fullscreen-slider-preview .swiper-slide__image-wrapp {
			width: 48px;
			height: 48px;
		}

.product-slider-fullscreen .fullscreen-slider-preview .swiper-slide__image-wrapp .image {
				width: 100%;
				height: 100%;
				-o-object-fit: contain;
				   object-fit: contain;
			}

.product-slider-fullscreen__swiper-container {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		height: 100%;
	}

.product-slider-fullscreen .swiper {
		max-width: clamp(34.5rem, -27.6951rem + 99.5122vw, 60rem);
		aspect-ratio: 1;
		margin: 0;
		width: 100%;
		height: 100%;
	}

@media (max-width: 1060px) {

.product-slider-fullscreen .swiper {
			width: 100%
	}
		}

@media (max-width: 600px) {

.product-slider-fullscreen .swiper {
			max-width: clamp(23rem, -9.4706rem + 108.2353vw, 34.5rem)
	}
		}

.product-slider-fullscreen .swiper-slide__image-wrapp {
		width: 100%;
		height: 100%;
	}

@media (max-width: 1060px) {

.product-slider-fullscreen .swiper-slide__image-wrapp {
			width: auto;
			height: 100%
	}
		}

.product-slider-fullscreen .swiper-slide__image-wrapp .image {
			width: 100%;
			height: 100%;
			-o-object-fit: contain;
			   object-fit: contain;
		}

.product-page-filters {
	max-width: 400px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 16px;
}

.product-page-filters__filter-title {
		color: #575a5c;
	}

.product-page-filters__filter-value {
		color: var(--Dark);
		font-weight: 700;
	}

.product-page-filters__filter-buttons {
		padding-top: 12px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		gap: 4px;
	}

.product-page-filters__filter-buttons .link {
			height: 44px;
			padding: 0 12px;
			border: 1px solid #D8DEE4;
			border-radius: 8px;
			text-decoration: none;
			color: #000;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			text-align: center;
			-webkit-transition: color 0.2s, border-color 0.2s;
			transition: color 0.2s, border-color 0.2s;
		}

.product-page-filters__filter-buttons .link_active {
				border-color: var(--Brand-color);
				color: var(--Brand-color);
			}

.summary {
	padding: 16px 24px;
	max-width: 400px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	border: 1px solid #D8DEE4;
	border-radius: 16px;
}

@media(max-width:1060px) {

.summary {
		max-width: none
}
	}

.summary__sum-main,
	.summary__sum-secondary {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 4px;
		padding-bottom: 12px;
	}

.summary__sum-main-number,
	.summary__sum-secondary-number {
		margin: 0;
	}

.summary__bonus {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 5px;
		padding-right: 12px;
	}

.summary__info {
		position: relative;
		margin-left: auto;
		cursor: pointer;
	}

.summary__hover-hint {
		position: absolute;
		top: 18px;
		right: 9px;
		border-radius: 7px;
		padding: 8px;
		background-color: #ebebeb;
		font-size: 12px;
		opacity: 0;
		-webkit-transition: opacity 0.2s;
		transition: opacity 0.2s;
		color: var(--Dark);

		/* 		&_visible {
			opacity: 1;
		} */
	}

.summary__guarantee {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 4px;
		padding: 24px 0;
	}

.summary__guarantee-item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		height: 44px;
		border: 1px solid transparent;
		border-radius: 8px;
		color: var(--Dark);
		padding: 0 12px;
		background: none;
		cursor: pointer;
		-webkit-transition: 0.3s;
		transition: 0.3s;
		font-family: inherit;
	}

.summary__guarantee-item:has(.summary__radio:checked) {
			border-color: var(--Brand-color);
			color: var(--Brand-color);
		}

.summary__guarantee-item:hover {
			border: 1px solid var(--Light);
		}

.summary__radio {
		margin: 0;
		width: 0;
		height: 0;
		position: absolute;
		opacity: 0;
	}

.summary__radio:checked+.summary__custom-radio {
			background-color: var(--Secondary-color);
			border: 1px solid var(--Secondary-color);
		}

.summary__radio:checked+.summary__custom-radio::before {
				opacity: 1;
				-webkit-transition: opacity 0.3s;
				transition: opacity 0.3s;
			}

.summary__custom-radio {
		position: relative;
		display: inline-block;
		width: 16px;
		height: 16px;
		border-radius: 50%;
		background-color: white;
		border: 1px solid #D8DEE4;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		margin-right: 8px;
	}

.summary__custom-radio::before {
			position: absolute;
			top: 50%;
			left: 50%;
			-webkit-transform: translate(-50%, -50%);
			        transform: translate(-50%, -50%);
			content: "";
			display: block;
			width: 8px;
			height: 8px;
			background: url(/local/templates/BravOFF/distr/css/../img/icon/rounded-mark.svg) no-repeat center center;
			opacity: 0;
		}

.summary__credit-button {
		padding-bottom: 12px;
	}

.summary__credit-button .button {
			white-space: nowrap;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
			    flex-wrap: wrap;
			-webkit-column-gap: 6px;
			   -moz-column-gap: 6px;
			        column-gap: 6px;
			font-size: 14px;
		}

.summary__footer {
		display: none;
	}

.counter {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	min-width: 132px;
	height: 56px;
	background-color: var(--Light);
	border-radius: 8px;
}

.counter__button {
		width: 48px;
		height: 48px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		background-color: var(--Light);
		border: none;
		border-radius: 8px;
		cursor: pointer;
		-webkit-transition: background-color 0.2s;
		transition: background-color 0.2s;
	}

.counter__button:hover {
			background-color: #dedfe3;
		}

.sticky-bar {
	position: fixed;
	top: 120px;
	left: 0;
	width: 100%;
	z-index: -1;
	background-color: white;
	opacity: 0;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

@media (max-width:1280px) {

.sticky-bar {
		top: 110px
}
	}

@media (max-width:1060px) {

.sticky-bar {
		top: auto;
		bottom: 70px
}
	}

.sticky-bar_visible {
		opacity: 1;
		z-index: 11;
	}

.sticky-bar__wrapp {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding: 20px 0;
	}

@media (max-width:1000px) {

.sticky-bar__wrapp {
			gap: 16px
	}
		}

.sticky-bar__image-wrapp {
		min-width: 48px;
		height: 48px;
		border: 1px solid #D8DEE4;
		border-radius: 12px;
		overflow: hidden;
	}

.sticky-bar__image-wrapp .image {
			height: 100%;
			-o-object-fit: contain;
			   object-fit: contain;
		}

@media(max-width:700px) {

.sticky-bar__image-wrapp {
			display: none
	}
		}

.sticky-bar__main {
		position: relative;
		padding-left: 12px;
		padding-right: 24px;
		overflow: hidden;
	}

.sticky-bar__main::after {
			position: absolute;
			top: 0;
			right: 0px;
			content: "";
			display: block;
			width: 1px;
			height: 100%;
			background-color: #D8DEE4;
		}

@media (max-width:1000px) {

.sticky-bar__main {
			padding: 0
	}

			.sticky-bar__main::after {
				display: none;
			}
		}

@media (max-width:630px) {

.sticky-bar__main {
			display: none
	}
		}

.sticky-bar__title {
		font-size: 16px;
		font-weight: 400;
		margin: 0;
		padding-bottom: 5px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

.sticky-bar__links {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		gap: 32px;
		font-size: 14px;
	}

.sticky-bar__feedback-wrapp {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 8px;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}

.sticky-bar__rank {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		height: 32px;
		padding: 0 6px;
		background-color: #3C3E3F;
		color: white;
		border-radius: 6px;
	}

.sticky-bar__feedback {
		color: #717477;
	}

.sticky-bar__bar-group {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		gap: 20px;
	}

.sticky-bar__bar-group::before {
		position: absolute;
		left: -20px;
		content: "";
		display: block;
		width: 1px;
		height: 32px;
		background-color: #D8DEE4;
	}

@media(max-width:1300px) {

.sticky-bar__bar-links {
			display: none
	}
		}

.sticky-bar__price {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: start;
		gap: 4px;
		padding-left: 30px;
		padding-right: 18px;
		white-space: nowrap;
	}

@media (max-width:1000px) {

.sticky-bar__price {
			padding: 0
	}
		}

.sticky-bar__current-price {
		font-weight: 700;
		font-size: 20px;
		color: var(--Brand-color);
	}

.sticky-bar__old-price {
		color: #A4A9AD;
		text-decoration: line-through;
	}

@media (max-width:630px) {

.sticky-bar__old-price {
			display: none
	}
		}

.sticky-bar__bonus {
		color: #3C3E3F;
	}

@media (min-width:630px) {

.sticky-bar__bonus {
			display: none
	}
		}

.sticky-bar__button-wrapp {
		margin-left: auto;
		max-width: 280px;
		width: 100%;
		grid-area: button;
	}

@media (max-width:1000px) {

.sticky-bar__button-wrapp {
			max-width: 205px
	}
		}

@media (max-width:630px) {

.sticky-bar__button-wrapp {
			max-width: 192px
	}
		}

@media (max-width:630px) {

.sticky-bar .button__cart-button-text_desktop {
				display: none
		}
			}

@media (min-width:630px) {

.sticky-bar .button__cart-button-text_mobile {
				display: none
		}
			}

.sticky-bar__bar-group .action-button_view_full .action-button__text {
	display: none;
}

@media (min-width: 1279px) {

.sticky-bar__bar-group .action-button_view_full .action-button__text {
		display: inline
}
	}

.product-description {
	grid-area: description;
	padding-top: 64px;

}

@media(max-width:1060px) {

.product-description {
		padding-top: 24px

}
	}

.product-description .image {
		border-radius: 24px;
		margin-bottom: 32px;
	}

@media (max-width:768px) {

.product-description .image {
			border-radius: 20px
	}
		}

@media (max-width:375px) {

.product-description .image {
			border-radius: 12px
	}
		}

.product-description .image:last-of-type {
		margin-bottom: 24px;
	}

.product-description h2,
	.product-description h3,
	.product-description p {
		margin: 0;
	}

.product-description__title {
		padding-bottom: 12px;
		border-bottom: 1px solid #D8DEE4;
	}

.product-description__subtitle {
		padding-bottom: 12px;
	}

.product-description__paragraph {
		padding-bottom: 24px;
	}

.product-description__attention-wrapp {
		padding: 24px 0;
	}

.product-description__toggle-content {
		-webkit-transition: height 0.3s;
		transition: height 0.3s;
		overflow: hidden;
	}

.product-description__toggle-content_hidden {
			height: 0;
		}

.button_view_read-more {
	position: relative;
	background: none;
	border: none;
	color: var(--Brand-color);
	cursor: pointer;
	padding: 0;


}

.button_view_read-more::after {
		position: absolute;
		top: 0;
		right: -28px;
		content: "";
		display: block;
		width: 20px;
		height: 20px;
		background: url(/local/templates/BravOFF/distr/css/../img/icon/button-arrow.svg) no-repeat center;
		-webkit-transition: 0.2s;
		transition: 0.2s;
	}

.button_active::after {
	-webkit-transform: rotate(-180deg);
	        transform: rotate(-180deg);
}

.specifications__chapter {
		padding-bottom: 24px;
		max-width: 628px;
	}

.specifications__chapter-title {
		margin: 0;
		padding-bottom: 12px;
	}

.specifications__list {
		margin: 0;
		padding: 0;
		font-size: 14px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 12px;
	}

.specifications__body {
		position: relative;
		overflow: hidden;
		-webkit-transition: height 0.5s;
		transition: height 0.5s;
	}

.specifications__main {
		position: absolute;
		top: 0;
		left: 0;
		max-width: 640px;
		width: 100%;
		padding-bottom: 12px;
		opacity: 1;
		-webkit-transition: opacity 0.2s;
		transition: opacity 0.2s;
	}

.specifications__detailed {
		position: absolute;
		top: 0;
		left: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		gap: 24px;
		width: 100%;
		opacity: 1;
		-webkit-transition: opacity 0.2s;
		transition: opacity 0.2s;
	}

@media (max-width: 900px) {

.specifications__detailed {
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column
	}
		}

.specifications__half {
		-ms-flex-preferred-size: 50%;
		    flex-basis: 50%;
	}

.specifications__item {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		-webkit-box-align: end;
		    -ms-flex-align: end;
		        align-items: end;
	}

.specifications__item-title-wrapp {
		position: relative;
	}

@media (max-width: 480px) {

.specifications__item-title-wrapp {
			width: auto;
			-webkit-box-flex: 1;
			    -ms-flex-positive: 1;
			        flex-grow: 1
	}
		}

.specifications__item-title-wrapp::before {
			border-bottom: 2px dotted #727578;
			bottom: .2em;
			content: "";
			display: block;
			left: 0;
			position: absolute;
			width: 100%;
		}

.specifications__item-title {
		background-color: var(--White);
		position: relative;
		padding-right: 10px;
	}

.specifications__item-value {
		padding-left: 12px;
	}

.specifications_view_detailed .specifications__main {
		opacity: 0;
	}

.credit-terms {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 32px;
	background-color: var(--White);
	border-radius: 24px;
	padding: 32px;
	max-width: 480px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;

}

@media (max-width:768px) {

.credit-terms {
		width: 100%;
		height: 100vh;
		max-width: none;
		border-radius: 0

}

		.credit-terms .button {
			margin-top: auto;
		}
	}

@media (max-width:768px) {

.credit-terms {
		padding: 32px 16px

}
	}

.credit-terms h2,
	.credit-terms h3,
	.credit-terms h4,
	.credit-terms p {
		margin: 0;
	}

.credit-terms__title {
		text-align: center;
	}

.credit-terms__body {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 16px;
	}

.credit-terms__block {
		background-color: var(--Light);
		border-radius: 12px;
		padding: 12px 16px;
	}

.credit-terms__block-title,
	.credit-terms__item-title {
		padding-bottom: 8px;
	}

.credit-terms__item {
		padding: 8px 0;
		border-bottom: 1px solid #D8DEE4;
	}

.credit-terms__item:last-of-type {
		border-bottom: none;
		padding-bottom: 0;
	}

.credit-terms__item-text {
		font-size: 14px;
	}

.found-cheaper-form {
	background-color: var(--White);
	border-radius: 24px;
	padding: 32px;
	max-width: 480px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;

}

@media (max-width:768px) {

.found-cheaper-form {
		width: 100%;
		height: 100vh;
		max-width: none;
		border-radius: 0

}

		.found-cheaper-form .button {
			margin-top: auto;
		}
	}

@media (max-width:768px) {

.found-cheaper-form {
		padding: 32px 16px

}
	}

.found-cheaper-form h2,
	.found-cheaper-form p {
		margin: 0;
	}

.found-cheaper-form__title {
		text-align: center;
		padding-bottom: 32px;
	}

.found-cheaper-form .form-field {
		padding-bottom: 16px;
	}

.found-cheaper-form .textarea {
		resize: none;
	}

.found-cheaper-form__note {
		padding-top: 8px;
		font-size: 12px;
		color: #717477;
		text-align: center;
	}

.unavailable {
	padding: 16px 24px;
	max-width: 400px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border: 1px solid #D8DEE4;
	border-radius: 16px;
}

@media(max-width:1060px) {

.unavailable {
		max-width: none
}
	}

.unavailable__title {
		margin: 0;
		padding-bottom: 4px;
	}

.unavailable__text {
		margin: 0;
		padding-bottom: 24px;
		font-style: 14px;
		color: #3C3E3F;
	}

.feedbacks__wrap {
		padding: 32px 0px 0;
		display: grid;
		grid-template-columns: auto 360px;
		gap: 96px;
	}

@media (max-width: 1060px) {

.feedbacks__wrap {
			padding: 24px 0px 0;
			grid-template-columns: 100%;
			grid-template-rows: auto auto;
			gap: 24px
	}
		}

.feedbacks__aside {
		width: 100%;
	}

@media (max-width: 1060px) {

.feedbacks__aside {
			grid-row-start: 1;
			grid-row-end: 2
	}
		}

.feedbacks__header {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: baseline;
		    -ms-flex-align: baseline;
		        align-items: baseline;
		gap: 16px;
		padding-bottom: 16px;
		border-bottom: 1px solid #D8DEE4;
	}

.feedbacks__body {
		padding-bottom: 24px;
	}

.feedbacks__title,
	.feedbacks__counter {
		margin: 0;
	}

.feedbacks__see-more-button {
		width: 280px;
		margin: auto;
	}

.reviews-page {
	padding-bottom: 32px;
}

.reviews-page h2,
	.reviews-page h3,
	.reviews-page h4,
	.reviews-page p {
		margin: 0;
	}

@media (min-width: 1279px) {

.reviews-page {
		padding-bottom: 64px
}
	}

.reviews-page b {
		font-weight: 400;
		color: #000000;
	}

.reviews-page__wrap {
		display: grid;
		grid-template-columns: 200px 1fr;
		grid-template-rows: auto auto;
		grid-template-areas:
			"title title"
			"menu main";
		-webkit-column-gap: 16px;
		   -moz-column-gap: 16px;
		        column-gap: 16px;
	}

@media (max-width:1250px) {

.reviews-page__wrap {
			grid-template-columns: 100%;
			grid-template-rows: auto;
			grid-template-areas:
				"title"
				"main"
	}
		}

.reviews-page__title {
		grid-area: title;
		margin: 0;
		font-family: var(--Primary-font-family);
		font-weight: 700;
		font-size: 32px;
		line-height: 125%;
		color: #02040e;
		padding-bottom: 32px;
		margin-bottom: 32px;
		border-bottom: 1px solid #D8DEE4;
	}

@media (max-width: 1279px) {

.reviews-page__title {
			font-size: 24px;
			line-height: 133%
	}
		}

@media (max-width:1250px) {

.reviews-page__title {
			margin-bottom: 48px;
			padding-top: 32px
	}
		}

@media (max-width:640px) {

.reviews-page__title {
			margin-bottom: 24px;
			padding-top: 24px;
			padding-bottom: 16px
	}
		}

.reviews-page__side-menu {
		grid-area: menu;
	}

@media (max-width:1250px) {

.reviews-page__side-menu {
			display: none
	}
		}

.reviews-page__main {
		grid-area: main;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 64px;
	}

@media (max-width:1100px) {

.reviews-page__main {
			gap: 48px
	}
		}

@media (max-width:640px) {

.reviews-page__main {
			gap: 32px
	}
		}

.reviews-page__news {
		width: 100%;
		height: 100%;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-template-rows: auto;
		gap: 16px;
		padding-bottom: 32px;
		border-bottom: 1px solid #D8DEE4;
	}

@media (max-width:1250px) {

.reviews-page__news {
			padding-bottom: 48px
	}
		}

@media (max-width:768px) {

.reviews-page__news {
			grid-template-columns: repeat(3, 1fr);
			border-bottom: none;
			padding-bottom: 0
	}
		}

@media (max-width:640px) {

.reviews-page__news {
			grid-template-columns: repeat(2, 1fr);
			gap: 8px
	}
		}

.reviews-page__newscard-wrap {
		max-width: 254px;
		max-height: 348px;
		width: 100%;
		height: 100%;
	}

@media (max-width:640px) {

.reviews-page__newscard-wrap {
			max-width: none;
			max-height: none
	}
		}

.reviews-page .newscard__image {
			height: 208px;
		}

@media (max-width:640px) {

.reviews-page .newscard__image {
				height: 140px
		}
			}

.reviews-page__pagination-wrap {
		margin: auto;
	}

.settings-page {
	padding-bottom: 32px;
	position: relative;


}

.settings-page h2,
	.settings-page h3,
	.settings-page h4,
	.settings-page p {
		margin: 0;
	}

@media (min-width: 1279px) {

.settings-page {
		padding-bottom: 64px


}
	}

.settings-page b {
		font-weight: 400;
		color: #000000;
	}

.settings-page__wrap {
		display: grid;
		grid-template-columns: 200px 1fr;
		grid-template-rows: auto auto;
		grid-template-areas:
			"title title"
			"menu main";
		-webkit-column-gap: 32px;
		   -moz-column-gap: 32px;
		        column-gap: 32px;
	}

@media (max-width:1250px) {

.settings-page__wrap {
			grid-template-columns: 100%;
			grid-template-rows: auto;
			grid-template-areas:
				"title"
				"menu"
				"main"
	}
		}

.settings-page__title {
		grid-area: title;
		margin: 0;
		font-family: var(--Primary-font-family);
		font-weight: 700;
		font-size: 32px;
		line-height: 125%;
		color: #02040e;
		padding-bottom: 16px;
		margin-bottom: 32px;
		border-bottom: 1px solid #D8DEE4;
	}

@media (max-width: 1279px) {

.settings-page__title {
			font-size: 24px;
			line-height: 133%
	}
		}

@media (max-width:1250px) {

.settings-page__title {
			margin-bottom: 48px;
			padding-top: 32px
	}
		}

@media (max-width:640px) {

.settings-page__title {
			margin-bottom: 24px;
			padding-top: 24px;
			padding-bottom: 16px
	}
		}

.settings-page__side-menu {
		grid-area: menu;
	}

@media (max-width:1250px) {

.settings-page__side-menu {
			display: none
	}
		}

.settings-page__mobile-menu {
		grid-area: menu;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		gap: 8px;
		padding-bottom: 24px;
	}

@media (min-width:1250.99px) {

.settings-page__mobile-menu {
			display: none
	}
		}

.settings-page__mobile-menu .link_menu {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				gap: 8px;
				-webkit-box-flex: 25%;
				    -ms-flex: 25%;
				        flex: 25%;
				border-radius: 12px;
				background-color: var(--Light);
				color: var(--Dark);
				text-decoration: none;
				padding: 16px 8px;
				-webkit-transition: 0.2s;
				transition: 0.2s;
				font-size: 12px;
			}

@media (max-width:640px) {

.settings-page__mobile-menu .link_menu {
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
					    -ms-flex-direction: column;
					        flex-direction: column;
					padding: 12px 8px
			}
				}

.settings-page__mobile-menu .link_hovered {
				background-color: #dedfe3;
			}

.settings-page__mobile-menu .link .icon {
				color: var(--Brand-color);
			}

@media (max-width:640px) {

.settings-page__mobile-menu .link .icon {
					-ms-flex-item-align: start;
					    align-self: start
			}
				}

.settings-page__main {
		grid-area: main;
		display: grid;
		gap: 32px;
		grid-template-columns: 508px 1fr;
		grid-template-rows: auto;
		grid-template-areas:
			"personal adress"
			"notifications notifications"
			"buttons buttons";
	}

@media (max-width:980px) {

.settings-page__main {
			grid-template-columns: minmax(320px, 520px);
			grid-template-areas:
				"personal"
				"adress"
				"notifications"
				"buttons"
	}
		}

@media (max-width:640px) {

.settings-page__main {
			gap: 32px
	}
		}

.settings-page .form-field {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		gap: 8px;
	}

@media (max-width:640px) {

.settings-page .form-field {
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			-webkit-box-align: start;
			    -ms-flex-align: start;
			        align-items: start;
			gap: 4px
	}
		}

.settings-page__personal-data {
		grid-area: personal;
		gap: 16px;
		display: grid;
		grid-template-columns: auto auto;
		grid-template-rows: auto;
		grid-template-areas:
			"title title"
			"name name"
			"gender birthdate"
			"phone phone"
			"mail mail"
			"change change"
	}

.settings-page .settings-name {
		grid-area: name;
	}

.settings-page .settings-name .label {
			min-width: 78px;
		}

.settings-page .settings-gender {
		grid-area: gender;
	}

.settings-page .settings-gender .label {
			min-width: 78px;
		}

.settings-page .settings-birthdate {
		grid-area: birthdate;
	}

.settings-page .settings-phone {
		grid-area: phone;
	}

.settings-page .settings-phone .label {
			min-width: 78px;
		}

.settings-page .settings-mail {
		grid-area: mail;
	}

.settings-page .settings-mail .label {
			min-width: 78px;
		}

.settings-page__settings-password {
		grid-area: change;
		grid-template-columns: 78px 1fr 1fr;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-column-gap: 8px;
		   -moz-column-gap: 8px;
		        column-gap: 8px;
		row-gap: 16px;
		display: none;
	}

@media (max-width:640px) {

.settings-page__settings-password {
			row-gap: 4px;
			grid-template-columns: 1fr 1fr
	}
		}

.settings-page__settings-password_visible {
			display: grid;
		}

.settings-page__settings-password .label {
			min-width: 78px;
		}

@media (max-width:640px) {

.settings-page__settings-password .label {
				grid-column-start: 1;
				grid-column-end: 3
		}
			}

.settings-page__settings-password .button {
			grid-column-start: 1;
			grid-column-end: 3;
		}

@media (max-width:640px) {

.settings-page__settings-password .button {
				margin-top: 12px
		}
			}

.settings-page .button {
		max-width: 240px;
	}

.settings-page .button_change {
			grid-area: change;
		}

.settings-page .button_toggled {
			display: none;
		}

.settings-page__subtitle {
		grid-area: title;
	}

.settings-page__adress {
		grid-area: adress;
		gap: 16px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

.settings-page__settings-adress {
		display: grid;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		grid-template-columns: repeat(4, auto);
		grid-template-rows: auto;
		grid-template-areas:
			"label adress adress adress"
			". number entrance floor";
		-webkit-column-gap: 8px;
		   -moz-column-gap: 8px;
		        column-gap: 8px;
		row-gap: 12px;
	}

@media (max-width:640px) {

.settings-page__settings-adress {
			row-gap: 8px;
			grid-template-columns: repeat(3, auto);
			grid-template-areas:
				"label label label"
				"adress adress adress"
				"number entrance floor"
	}
		}

.settings-page__settings-adress .input_adress {
				grid-area: adress;
			}

.settings-page__settings-adress .input_entrance {
				grid-area: entrance;
			}

.settings-page__settings-adress .input_floor {
				grid-area: floor;
			}

.settings-page__settings-adress .input_number {
				grid-area: number;
			}

.settings-page__settings-adress .label {
			grid-area: label;
		}

.settings-page__notifications {
		grid-area: notifications;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 16px;
	}

.settings-page__fields-group {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		gap: 16px;
	}

.settings-page .label {
		white-space: nowrap;
	}

.settings-page__buttons {
		grid-area: buttons;
		max-width: 416px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 16px;
	}

.settings-page__notification {
		opacity: 0;
		pointer-events: none;
		width: 320px;
		padding: 12px 16px;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		color: var(--White);
		border-radius: 8px;
		position: fixed;
		bottom: 190px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
		text-align: center;
		-webkit-transition: 0.2s;
		transition: 0.2s;
		font-size: 14px;
	}

@media (max-width:640px) {

.settings-page__notification {
			position: fixed
	}
		}

.settings-page__notification_success {
			opacity: 1;
			background-color: #08B828;
		}

.settings-page__notification_error {
			opacity: 1;
			background-color: #F40000;
		}

.settings-page .form-field__radio-wrap {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			border-radius: 8px;
			border: 1px solid #D8DEE4;
			padding: 1px;
		}

.settings-page .form-field__gender-item {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: center;
			    -ms-flex-pack: center;
			        justify-content: center;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			width: 87px;
			height: 40px;
			-webkit-box-flex: 50%;
			    -ms-flex: 50%;
			        flex: 50%;
			border-radius: 6px;
			color: var(--Dark);
			background: none;
			cursor: pointer;
			-webkit-transition: 0.3s;
			transition: 0.3s;
			font-family: inherit;
		}

.settings-page .form-field__gender-item:has(.form-field__radio:checked) {
				background-color: var(--Light);
			}

.settings-page .form-field__radio {
			margin: 0;
			width: 0;
			height: 0;
			position: absolute;
			opacity: 0;
		}

.user-agreement {
	padding-bottom: 32px;


}

.user-agreement h2,
	.user-agreement h3,
	.user-agreement h4,
	.user-agreement p {
		margin: 0;
	}

@media (min-width: 1279px) {

.user-agreement {
		padding-bottom: 64px


}
	}

.user-agreement b {
		font-weight: 400;
		color: #000000;
	}

.user-agreement__wrap {
		display: grid;
		grid-template-columns: 200px 1fr 308px;
		grid-template-rows: auto auto;
		grid-template-areas:
			"title title title"
			"menu main contacts";
	}

@media (max-width:1250px) {

.user-agreement__wrap {
			grid-template-columns: 100%;
			grid-template-rows: auto auto;
			grid-template-areas:
				"title"
				"main"
	}
		}

.user-agreement__title {
		grid-area: title;
		margin: 0;
		font-family: var(--Primary-font-family);
		font-weight: 700;
		font-size: 32px;
		line-height: 125%;
		color: #02040e;
		padding-bottom: 16px;
		margin-bottom: 32px;
		border-bottom: 1px solid #D8DEE4;
	}

@media (max-width: 1279px) {

.user-agreement__title {
			font-size: 24px;
			line-height: 133%
	}
		}

@media (max-width:1250px) {

.user-agreement__title {
			margin-bottom: 48px;
			padding-top: 32px
	}
		}

@media (max-width:640px) {

.user-agreement__title {
			margin-bottom: 24px;
			padding-top: 24px;
			padding-bottom: 16px
	}
		}

.user-agreement__side-menu {
		grid-area: menu;
	}

@media (max-width:1250px) {

.user-agreement__side-menu {
			display: none
	}
		}

.user-agreement__side-contacts {
		grid-area: contacts;
	}

@media (max-width:1250px) {

.user-agreement__side-contacts {
			display: none
	}
		}

.user-agreement__main {
		grid-area: main;
		padding: 0 32px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 24px;
	}

@media (max-width:1250px) {

.user-agreement__main {
			padding: 0 32px 0 0
	}
		}

@media (max-width:1000px) {

.user-agreement__main {
			padding: 0
	}
		}

.user-agreement__chapter {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 16px;
	}

.user-agreement__chapter-title {
		font-size: 20px;
	}

.user-agreement__paragraph {
		line-height: 24px;
	}

.user-agreement__list {
		margin: 0;
		-webkit-padding-start: 24px;
		        padding-inline-start: 24px;
		line-height: 24px;
	}

.warranty-page {
	padding-bottom: 32px;
}

.warranty-page h2,
	.warranty-page h3,
	.warranty-page p {
		margin: 0;
	}

.warranty-page p {
		line-height: 20px;
	}

@media (min-width: 1279px) {

.warranty-page {
		padding-bottom: 64px
}
	}

.warranty-page b {
		font-weight: 400;
		color: #000000;
	}

.warranty-page__wrap {
		display: grid;
		grid-template-columns: 200px 1fr 308px;
		grid-template-rows: auto auto;
		grid-template-areas:
			"title title title"
			"menu main contacts";
	}

@media (max-width:1250px) {

.warranty-page__wrap {
			grid-template-columns: 100%;
			grid-template-rows: auto auto;
			grid-template-areas:
				"title"
				"main"
	}
		}

.warranty-page__title {
		grid-area: title;
		margin: 0;
		font-family: var(--Primary-font-family);
		font-weight: 700;
		font-size: 32px;
		line-height: 125%;
		color: #02040e;
		padding-bottom: 16px;
		margin-bottom: 32px;
		border-bottom: 1px solid #D8DEE4;
	}

@media (max-width: 1279px) {

.warranty-page__title {
			font-size: 24px;
			line-height: 133%
	}
		}

@media (max-width:1250px) {

.warranty-page__title {
			margin-bottom: 48px;
			padding-top: 32px
	}
		}

@media (max-width:640px) {

.warranty-page__title {
			margin-bottom: 24px;
			padding-top: 24px;
			padding-bottom: 16px
	}
		}

.warranty-page__side-menu {
		grid-area: menu;
	}

@media (max-width:1250px) {

.warranty-page__side-menu {
			display: none
	}
		}

.warranty-page__contacts {
		grid-area: contacts;
	}

@media (max-width:1250px) {

.warranty-page__contacts {
			display: none
	}
		}

.warranty-page__main {
		grid-area: main;
		padding: 0 32px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 32px;
	}

@media (max-width:1250px) {

.warranty-page__main {
			padding: 0;
			gap: 48px
	}
		}

@media (max-width:1250px) {

.warranty-page__main {
			gap: 32px
	}
		}

.warranty-page__return-title {
		padding-bottom: 12px;
	}

.warranty-page__return-description {
		padding-bottom: 24px;
		color: #56595B;
	}

@media (max-width:1250px) {

.warranty-page__return-description {
			padding-bottom: 16px
	}
		}

.warranty-page__rule {
		color: #56595B;
	}

.warranty-page__rule:not(:last-child) {
		padding-bottom: 12px;
		margin-bottom: 12px;
		border-bottom: 1px solid #D8DEE4;
	}

@media (max-width:1250px) {

.warranty-page__rule:not(:last-child) {
			padding-bottom: 16px;
			margin-bottom: 16px
	}
		}

.warranty-page__warranty {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 24px;
	}

.warranty-page__warranty-stages {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		gap: 12px;
	}

@media (max-width:1250px) {

.warranty-page__warranty-stages {
			-webkit-box-pack: center;
			    -ms-flex-pack: center;
			        justify-content: center
	}
		}

@media (max-width:1250px) {

.warranty-page__warranty-stages {
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			-webkit-box-pack: start;
			    -ms-flex-pack: start;
			        justify-content: start;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center
	}
		}

.warranty-page__stage {
		max-width: 228px;
		padding: 24px;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		background-color: var(--Light);
		border-radius: 12px;
	}

@media (max-width:1250px) {

.warranty-page__stage {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			gap: 20px;
			max-width: none;
			width: 100%
	}
		}

.warranty-page__stage-number {
		font-size: 48px;
		font-weight: 700;
		color: var(--Brand-color);
		padding-bottom: 8px;
	}

.warranty-page__stage-description {
		font-size: 14px;
		line-height: 20px;
	}

.warranty-page__bonus-title {
		padding-bottom: 24px;
	}

.warranty-page__bonus-subtitle {
		padding-bottom: 12px;
	}

.warranty-page__bonus-description {
		padding-bottom: 24px;
		border-bottom: 1px solid #D8DEE4;
		color: #56595B;
	}

.warranty-page__advantages {
		padding-top: 24px;
	}

.warranty-page__advantages-subtitle {
		padding-bottom: 12px;
	}

.warranty-page__main-list {
		-webkit-padding-start: 28px;
		        padding-inline-start: 28px;
		margin: 0;
		line-height: 24px;
		color: #56595B;
	}

.warranty-page__attention-wrapp {
		padding: 24px 0;
	}

.warranty-page__exception-subtitle {
		padding-bottom: 12px;
	}

.banner-top {
    padding: 24px 0 0 0;
}

@media (min-width: 1279px) {

.banner-top {
        padding: 40px 0 0 0
}
    }

.banner-top__wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 12px;
    }

@media (min-width: 1279px) {

.banner-top__wrap {
            display: grid;
            grid-template-columns: 66% 33%;
            gap: 16px
    }
        }

.swiper-main {
    --Slide-height: 360px;
    border-radius: 24px;
    background: #232425;
    position: relative;
}

.swiper-main__swiper {
        height: 100%;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        color: var(--Light);
    }

.swiper-main__warranty {
        border-radius: 8px;
        padding: 8px 12px;
        font-family: var(--Secondary-font-family);
        font-weight: 400;
        font-size: 12px;
        line-height: 143%;
        color: var(--Black);
        background: var(--Light);
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin-bottom: 8px;
        white-space: nowrap;
    }

@media (min-width: 1279px) {

.swiper-main__warranty {
            font-size: 14px
    }
        }

.swiper-main__title {
        font-family: var(--Primary-font-family);
        font-weight: 700;
        font-size: 24px;
        line-height: 133%;
        color: var(--White);
        margin-bottom: 24px;
    }

@media (min-width: 1279px) {

.swiper-main__title {
            font-size: 32px;
            line-height: 125%
    }
        }

.swiper-main__link.link {
        text-decoration: none;
        font-family: "Inter", sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 143%;
        text-align: center;
        color: var(--White);
        border: 1px solid #fff;
        border-radius: 8px;
        padding: 9px 19px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        display: inline-block;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }

@media (min-width: 1279px) {

.swiper-main__link.link {
            font-size: 16px;
            line-height: 150%;
            padding: 11px 50px
    }
        }

.swiper-main__slide.swiper-slide {
        padding: 12px 64px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        height: var(--Slide-height);
    }

@media (min-width: 1279px) {

.swiper-main__slide.swiper-slide {
            padding: 12px 80px
    }
        }

.swiper-main__next,
    .swiper-main__prev {
        position: absolute;
        z-index: 1;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        border: none;
        padding: 6px;
        background: #bec3c8;
    }

.swiper-main__next:hover, .swiper-main__prev:hover {
            background: #fff;
        }

@media (min-width: 1279px) {

.swiper-main__next,
    .swiper-main__prev {
            padding: 12px
    }
        }

.swiper-main__next {
        right: 12px;
    }

.swiper-main__prev {
        left: 12px;
    }

.swiper-main__image.image {
        width: auto;
        position: absolute;
        height: 100%;
        top: 0;
        right: 0;
        display: none;
    }

@media (min-width: 767px) {

.swiper-main__image.image {
            display: block
    }
        }

.promote-main {
    background: #232425;
    border-radius: 24px;
    padding: 20px 165px 24px 20px;
    height: 328px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

@media (min-width: 767px) {

.promote-main {
        height: 200px;
        padding: 24px 174px 24px 24px
}
    }

@media (min-width: 1279px) {

.promote-main {
        height: 360px;
        padding: 24px 189px 32px 24px
}
    }

.promote-main__text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 8px;
    }

.promote-main__title {
        font-family: var(--Primary-font-family);
        font-weight: 700;
        font-size: 24px;
        line-height: 133%;
        color: var(--White);
    }

@media (min-width: 1279px) {

.promote-main__title {
            font-size: 32px;
            line-height: 125%;
            color: var(--Light)
    }
        }

.promote-main__description {
        font-family: "Inter", sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 143%;
        color: var(--Light);
    }

@media (min-width: 1279px) {

.promote-main__description {
            font-size: 16px;
            line-height: 150%
    }
        }

.promote-main__link.button{
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding: 9px 19px;
        white-space: nowrap;
    }

@media (min-width: 1279px) {

.promote-main__link.button{
            font-size: 16px;
            line-height: 150%;
            padding: 11px 23px
    }
        }

.promote-main__image.image {
        position: absolute;
        width: 165px;
        top: 40px;
        right: 0;
    }

@media (min-width: 767px) {

.promote-main__image.image {
            width: 149px;
            top: 24px;
            right: 24px
    }
        }

@media (min-width: 1279px) {

.promote-main__image.image {
            width: 201px;
            right: -16px;
            top: 17px
    }
        }

.link_theme_main {
    text-decoration: none;
    color: #3c3e3f;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
}

.link_theme_main.link_hovered {
    color: var(--Brand-color, #ff4a00);
}

.button_view_menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    padding: 2px 4px;
    border: none;
    background: #fff;
    font-family: var(--Secondary-font-family);
    font-weight: 400;
    font-size: 12px;
    line-height: 133%;
    color: #232425;
    text-decoration: none;
    position: relative;
}

.button_view_menu.button_hovered {
    color: var(--Brand-color);
}

.button_type_link {
    text-decoration: none;
}

.button_theme_primary {
    background: var(--Brand-color);
    color: #ffffff;
    border: 1px solid var(--Brand-color);
}

.button_theme_primary.button_hovered {
    background: #ff6729;
    border: 1px solid #ff6729;

}

.popup_theme_islands {
    display: none;
    visibility: hidden;

    margin: -9999px 0 0 -9999px;

    -webkit-animation-duration: 0.1s;

            animation-duration: 0.1s;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;

    background: #fff;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1),
                0 10px 20px -5px rgba(0, 0, 0, 0.4);
            box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1),
                0 10px 20px -5px rgba(0, 0, 0, 0.4);

    -webkit-animation-fill-mode: forwards;

            animation-fill-mode: forwards;
}

.popup_theme_islands.popup_js_inited {
        display: block;
    }

.popup_theme_islands.popup_visible {
        visibility: visible;

        margin: 0;
    }

/* Divided into two parts for better optimization */

.popup_theme_islands.popup_direction_bottom-left {
            -webkit-animation-name: popup_theme_islands_bottom;
                    animation-name: popup_theme_islands_bottom;
        }

.popup_theme_islands.popup_direction_bottom-left.popup_visible {
              -webkit-animation-name: popup_theme_islands_bottom_visible;
                      animation-name: popup_theme_islands_bottom_visible;
            }

.popup_theme_islands.popup_direction_bottom-center {
            -webkit-animation-name: popup_theme_islands_bottom;
                    animation-name: popup_theme_islands_bottom;
        }

.popup_theme_islands.popup_direction_bottom-center.popup_visible {
              -webkit-animation-name: popup_theme_islands_bottom_visible;
                      animation-name: popup_theme_islands_bottom_visible;
            }

.popup_theme_islands.popup_direction_bottom-right {
            -webkit-animation-name: popup_theme_islands_bottom;
                    animation-name: popup_theme_islands_bottom;
        }

.popup_theme_islands.popup_direction_bottom-right.popup_visible {
              -webkit-animation-name: popup_theme_islands_bottom_visible;
                      animation-name: popup_theme_islands_bottom_visible;
            }

.popup_theme_islands.popup_direction_top-left {
            -webkit-animation-name: popup_theme_islands_top;
                    animation-name: popup_theme_islands_top;
        }

.popup_theme_islands.popup_direction_top-left.popup_visible {
              -webkit-animation-name: popup_theme_islands_top_visible;
                      animation-name: popup_theme_islands_top_visible;
            }

.popup_theme_islands.popup_direction_top-center {
            -webkit-animation-name: popup_theme_islands_top;
                    animation-name: popup_theme_islands_top;
        }

.popup_theme_islands.popup_direction_top-center.popup_visible {
              -webkit-animation-name: popup_theme_islands_top_visible;
                      animation-name: popup_theme_islands_top_visible;
            }

.popup_theme_islands.popup_direction_top-right {
            -webkit-animation-name: popup_theme_islands_top;
                    animation-name: popup_theme_islands_top;
        }

.popup_theme_islands.popup_direction_top-right.popup_visible {
              -webkit-animation-name: popup_theme_islands_top_visible;
                      animation-name: popup_theme_islands_top_visible;
            }

.popup_theme_islands.popup_direction_right-top {
            -webkit-animation-name: popup_theme_islands_right;
                    animation-name: popup_theme_islands_right;
        }

.popup_theme_islands.popup_direction_right-top.popup_visible {
              -webkit-animation-name: popup_theme_islands_right_visible;
                      animation-name: popup_theme_islands_right_visible;
            }

.popup_theme_islands.popup_direction_right-center {
            -webkit-animation-name: popup_theme_islands_right;
                    animation-name: popup_theme_islands_right;
        }

.popup_theme_islands.popup_direction_right-center.popup_visible {
              -webkit-animation-name: popup_theme_islands_right_visible;
                      animation-name: popup_theme_islands_right_visible;
            }

.popup_theme_islands.popup_direction_right-bottom {
            -webkit-animation-name: popup_theme_islands_right;
                    animation-name: popup_theme_islands_right;
        }

.popup_theme_islands.popup_direction_right-bottom.popup_visible {
              -webkit-animation-name: popup_theme_islands_right_visible;
                      animation-name: popup_theme_islands_right_visible;
            }

.popup_theme_islands.popup_direction_left-top {
            -webkit-animation-name: popup_theme_islands_left;
                    animation-name: popup_theme_islands_left;
        }

.popup_theme_islands.popup_direction_left-top.popup_visible {
              -webkit-animation-name: popup_theme_islands_left_visible;
                      animation-name: popup_theme_islands_left_visible;
            }

.popup_theme_islands.popup_direction_left-center {
            -webkit-animation-name: popup_theme_islands_left;
                    animation-name: popup_theme_islands_left;
        }

.popup_theme_islands.popup_direction_left-center.popup_visible {
              -webkit-animation-name: popup_theme_islands_left_visible;
                      animation-name: popup_theme_islands_left_visible;
            }

.popup_theme_islands.popup_direction_left-bottom {
            -webkit-animation-name: popup_theme_islands_left;
                    animation-name: popup_theme_islands_left;
        }

.popup_theme_islands.popup_direction_left-bottom.popup_visible {
              -webkit-animation-name: popup_theme_islands_left_visible;
                      animation-name: popup_theme_islands_left_visible;
            }

@-webkit-keyframes popup_theme_islands_bottom {
        0% {
            visibility: visible;

            margin: 0;

            -webkit-transform: translateY(0);

                    transform: translateY(0);

            opacity: 1;
        }

        99% {
            margin: 0;

            -webkit-transform: translateY(10px);

                    transform: translateY(10px);
        }

        100% {
            visibility: hidden;

            margin: -9999px 0 0 -9999px;

            opacity: 0;
        }
    }

@keyframes popup_theme_islands_bottom {
        0% {
            visibility: visible;

            margin: 0;

            -webkit-transform: translateY(0);

                    transform: translateY(0);

            opacity: 1;
        }

        99% {
            margin: 0;

            -webkit-transform: translateY(10px);

                    transform: translateY(10px);
        }

        100% {
            visibility: hidden;

            margin: -9999px 0 0 -9999px;

            opacity: 0;
        }
    }

@-webkit-keyframes popup_theme_islands_bottom_visible {
        0% {
            opacity: 0;

            -webkit-transform: translateY(10px);

                    transform: translateY(10px);
        }

        100% {
            opacity: 1;

            -webkit-transform: translateY(0);

                    transform: translateY(0);
        }
    }

@keyframes popup_theme_islands_bottom_visible {
        0% {
            opacity: 0;

            -webkit-transform: translateY(10px);

                    transform: translateY(10px);
        }

        100% {
            opacity: 1;

            -webkit-transform: translateY(0);

                    transform: translateY(0);
        }
    }

@-webkit-keyframes popup_theme_islands_top {
        0% {
            visibility: visible;

            margin: 0;

            -webkit-transform: translateY(0);

                    transform: translateY(0);

            opacity: 1;
        }

        99% {
            margin: 0;

            -webkit-transform: translateY(-10px);

                    transform: translateY(-10px);
        }

        100% {
            visibility: hidden;

            margin: -9999px 0 0 -9999px;

            opacity: 0;
        }
    }

@keyframes popup_theme_islands_top {
        0% {
            visibility: visible;

            margin: 0;

            -webkit-transform: translateY(0);

                    transform: translateY(0);

            opacity: 1;
        }

        99% {
            margin: 0;

            -webkit-transform: translateY(-10px);

                    transform: translateY(-10px);
        }

        100% {
            visibility: hidden;

            margin: -9999px 0 0 -9999px;

            opacity: 0;
        }
    }

@-webkit-keyframes popup_theme_islands_top_visible {
        0% {
            opacity: 0;

            -webkit-transform: translateY(-10px);

                    transform: translateY(-10px);
        }

        100% {
            opacity: 1;

            -webkit-transform: translateY(0);

                    transform: translateY(0);
        }
    }

@keyframes popup_theme_islands_top_visible {
        0% {
            opacity: 0;

            -webkit-transform: translateY(-10px);

                    transform: translateY(-10px);
        }

        100% {
            opacity: 1;

            -webkit-transform: translateY(0);

                    transform: translateY(0);
        }
    }

@-webkit-keyframes popup_theme_islands_right {
        0% {
            visibility: visible;

            margin: 0;

            -webkit-transform: translateX(0);

                    transform: translateX(0);

            opacity: 1;
        }

        99% {
            margin: 0;

            -webkit-transform: translateX(10px);

                    transform: translateX(10px);
        }

        100% {
            visibility: hidden;

            margin: -9999px 0 0 -9999px;

            opacity: 0;
        }
    }

@keyframes popup_theme_islands_right {
        0% {
            visibility: visible;

            margin: 0;

            -webkit-transform: translateX(0);

                    transform: translateX(0);

            opacity: 1;
        }

        99% {
            margin: 0;

            -webkit-transform: translateX(10px);

                    transform: translateX(10px);
        }

        100% {
            visibility: hidden;

            margin: -9999px 0 0 -9999px;

            opacity: 0;
        }
    }

@-webkit-keyframes popup_theme_islands_right_visible {
        0% {
            opacity: 0;

            -webkit-transform: translateX(10px);

                    transform: translateX(10px);
        }

        100% {
            opacity: 1;

            -webkit-transform: translateX(0);

                    transform: translateX(0);
        }
    }

@keyframes popup_theme_islands_right_visible {
        0% {
            opacity: 0;

            -webkit-transform: translateX(10px);

                    transform: translateX(10px);
        }

        100% {
            opacity: 1;

            -webkit-transform: translateX(0);

                    transform: translateX(0);
        }
    }

@-webkit-keyframes popup_theme_islands_left {
        0% {
            visibility: visible;

            margin: 0;

            -webkit-transform: translateX(0);

                    transform: translateX(0);

            opacity: 1;
        }

        99% {
            margin: 0;

            -webkit-transform: translateX(-10px);

                    transform: translateX(-10px);
        }

        100% {
            visibility: hidden;

            margin: -9999px 0 0 -9999px;

            opacity: 0;
        }
    }

@keyframes popup_theme_islands_left {
        0% {
            visibility: visible;

            margin: 0;

            -webkit-transform: translateX(0);

                    transform: translateX(0);

            opacity: 1;
        }

        99% {
            margin: 0;

            -webkit-transform: translateX(-10px);

                    transform: translateX(-10px);
        }

        100% {
            visibility: hidden;

            margin: -9999px 0 0 -9999px;

            opacity: 0;
        }
    }

@-webkit-keyframes popup_theme_islands_left_visible {
        0% {
            opacity: 0;

            -webkit-transform: translateX(-10px);

                    transform: translateX(-10px);
        }

        100% {
            opacity: 1;

            -webkit-transform: translateX(0);

                    transform: translateX(0);
        }
    }

@keyframes popup_theme_islands_left_visible {
        0% {
            opacity: 0;

            -webkit-transform: translateX(-10px);

                    transform: translateX(-10px);
        }

        100% {
            opacity: 1;

            -webkit-transform: translateX(0);

                    transform: translateX(0);
        }
    }

.popup_theme_islands {
    border: 1px solid #fff;
    border-radius: 8px;
    padding: 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow: auto;
}

@media (max-width: 1280px)  {

.popup_view_search.popup_theme_islands {
        width: 100%!important;
        border: none;
        left: 0!important;
        -webkit-box-shadow: none;
                box-shadow: none;
        max-height: 100%!important;
        height: calc(100vh - 110px)
}
    }

.form-field_theme_main .label{
    font-family: var(--Secandary-font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    color: #3c3e3f;
    padding-bottom: 4px;
    display: block;
}

.attach {
    -ms-touch-action: manipulation;
        touch-action: manipulation;
}

.attach__file,
    .attach__no-file,
    .attach_disabled .attach__clear,
    .attach .button__text {
        display: none;
    }

.input_theme_main {
  display: inline-block;
}

.input_theme_main .input__box {
    width: 100%;
    display: inline-block;
    border: 1px solid #d8dee4;
    border-radius: 8px;
    padding: 11px 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

.input_theme_main .input__control{
    padding: 0;
    outline: 0;
    background: #FFFFFF;
    border: none;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 143%;
    color: #232425;
  }

.input_theme_main input::-webkit-input-placeholder{
    opacity: 0.4;
  }

.input_theme_main input::-moz-placeholder{
    opacity: 0.4;
  }

.input_theme_main input::-ms-input-placeholder{
    opacity: 0.4;
  }

.input_theme_main input::placeholder{
    opacity: 0.4;
  }

.input_theme_main.input_hovered {

}

.input_theme_main.input_focused .input__box{
    border: 1px solid #02040e;
  }

.input_theme_main.input_novalid .input__box {
      border: 1px solid #ff4848;
      padding: 11px 36px 11px 16px;
      position: relative;
    }

.input_theme_main.input_novalid .input__box::after {
        position: absolute;
        content: '';
        width: 20px;
        height: 20px;
        top: 11px;
        right: 16px;
        background-image: url(/local/templates/BravOFF/distr/css/../img/icon/cross_red.svg);
        background-repeat: no-repeat;
        background-size: contain;
      }

.input_theme_main.input_valid .input__box {
      position: relative;
    }

.input_theme_main.input_valid .input__box::after {
        position: absolute;
        content: '';
        width: 20px;
        height: 20px;
        top: 11px;
        right: 16px;
        background-image: url(/local/templates/BravOFF/distr/css/../img/icon/check_green.svg);
        background-repeat: no-repeat;
        background-size: contain;
      }

.input_theme_main .input__error {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    text-align: center;
    padding: 4px 0 0 0;
    display: block;
    margin: 0;
    color: #f40000;
}

.header_view_search .header__burger {
        display: none;
    }

.header_view_search .header__search-cancel {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        font-family: var(--Secondary-font-family);
        font-size: 16px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 8px 12px 8px 0;
        line-height: 130%;
        cursor: pointer;
        pointer-events: all;
    }

@media (min-width: 1279px) {

.header_view_search .header__search-cancel {
            display: none
    }
        }

.radio_theme_primary {
    font-family: var(--Secondary-font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    color: #02040e;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

.radio_theme_primary:hover {
    cursor: pointer;
  }

.radio_theme_primary .radio__control {
    position: absolute;
    z-index: -1;
    margin: 0;
    opacity: 0;
  }

.radio_theme_primary .radio__box {
    position: relative;
    display: inline-block;
    border-radius: 50%;
    background: #fff;
    line-height: 20px;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #D8DEE4;
    -webkit-transform: translateY(3px);
            transform: translateY(3px);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
  }

.radio_theme_primary.radio_checked .radio__box{
    border: 1px solid var(--Secondary-color);
    background: var(--Secondary-color);
  }

.radio_theme_primary .radio__box:after {
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    content: '';
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
    background: url(/local/templates/BravOFF/distr/css/../img/icon/Check.svg);
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transition: opacity .3s ease, visibility 0s linear .05s;
    transition: opacity .3s ease, visibility 0s linear .05s;
  }

.radio_theme_primary.radio_checked .radio__box:after {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }

.radio_theme_primary.radio_disabled {
    cursor: default;
    color: #999;
  }

.radio_theme_primary.radio_disabled .radio__box {
    background: rgba(0, 0, 0, 0.08);
  }

.radio_checked.radio_theme_primary.radio_disabled .radio__box {
    background: rgba(0, 0, 0, 0.15);
  }

.radio_theme_primary.radio_disabled .radio__box:before {
    display: none;
  }

.radio_theme_primary.radio_disabled .radio__box:after {
    background: rgba(0, 0, 0, 0.4);
  }

.radio_theme_primary.radio_type_button {
    display: inline-block;
  }

.radio_theme_primary.radio_type_line {
    margin-right: 16px;
  }

.checkbox_theme_primary {
    position: relative; /* fix #1538 */

    font-family: var(--Secondary-font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    color: #02040e;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

.checkbox_theme_primary:hover {
    cursor: pointer;
  }

.checkbox_theme_primary .checkbox__control {
    position: absolute;
    z-index: -1;
    margin: 0;
    opacity: 0;
  }

.checkbox_theme_primary .checkbox__box {
    position: relative;
    display: inline-block;
    border-radius: 4px;
    background: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #d8dee4;
    line-height: 20px;
    top: 3px;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
  }

.checkbox_theme_primary.checkbox_checked .checkbox__box {
    background: var(--Secondary-color);
    border-color: var(--Secondary-color);
  }

.checkbox_theme_primary .checkbox__box:after {
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    content: '';
    background: url(/local/templates/BravOFF/distr/css/../img/icon/Check.svg);
    background-size: contain;
    background-repeat: no-repeat;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s ease, visibility 0s linear .05s;
    transition: opacity .3s ease, visibility 0s linear .05s;
  }

.checkbox_theme_primary.checkbox_checked .checkbox__box:after {
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }

.checkbox_theme_primary .checkbox__quantity {
    padding-left: 8px;
    color: #8a8e92;
  }

.checkbox_theme_primary.checkbox_disabled {
    cursor: default;
    color: #999;
  }

.checkbox_theme_primary.checkbox_disabled .checkbox__box {
    background: rgba(0, 0, 0, 0.08);
  }

.checkbox_theme_primary.checkbox_disabled.checkbox_checked .checkbox__box {
    background: rgba(0, 0, 0, 0.15);
  }

.checkbox_theme_primary.checkbox_disabled.checkbox_checked .checkbox__box:after {
    opacity: 0.4;
  }

.checkbox_theme_primary.checkbox_type_button {
    display: inline-block;
  }

.checkbox_theme_primary.checkbox_type_line {
    margin-right: 16px;
  }

.checkbox_theme_primary.checkbox_type_line:last-child {
    margin-right: 0;
  }

/* hack for Safari only */

_::-webkit-full-page-media,
  _:future,
  :root .checkbox_theme_primary .checkbox__box {
    pointer-events: none; /* NOTE: Fix #1472 and #1590 */
  }

.action-button_view_icon .icon {
        width: 28px;
        height: 28px;
    }

.action-button_view_icon.action-button_action_compare .icon {
        background-image: url(/local/templates/BravOFF/distr/css/../img/icon/Compare_grey.svg);
    }

.action-button_view_icon.action-button_action_compare.action-button_active .icon {
        background-image: url(/local/templates/BravOFF/distr/css/../img/icon/Compare_orange.svg);
    }

.action-button_view_icon.action-button_action_favourite .icon {
        background-image: url(/local/templates/BravOFF/distr/css/../img/icon/Like.svg);
    }

.action-button_view_icon.action-button_action_favourite.action-button_active .icon {
        background-image: url(/local/templates/BravOFF/distr/css/../img/icon/Like_filled.svg);
    }

.attach_theme_main {
    border: 1px solid #d8dee4;
    border-radius: 8px;
    padding: 12px 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    position: relative;
}

.attach_theme_main .attach__no-file,
.attach__file {
    display: block;
    font-family: var(--Secondary-font-family);
    font-weight: 400;
    font-size: 12px;
    line-height: 133%;
    text-align: center;
    color: #8a8e92;
    padding-top: 12px;
}

.attach_theme_main .button {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
}

.attach_theme_main .attach__control {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    cursor: pointer;
    opacity: 0;
}

.attach_theme_main .attach__clear {
    position: absolute;
    width: 20px;
    height: 20px;
    z-index: 3;
    top: 12px;
    right: 12px;
    background-image: url(/local/templates/BravOFF/distr/css/../img/icon/cross_black.svg);
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}

.logo_theme_light .logo__words{
    background-image: url(/local/templates/BravOFF/distr/css/../img/icon/logo_words_white.svg);
}

.modal_view_main .modal__content {
        border-radius: 24px;
        padding: 32px;
    }

.filter-group_view_search .filter-group__wrap {
        border-top: 1px solid #d8dee4;
        border-bottom: 1px solid #d8dee4;
        padding: 8px 0;
        overflow: auto;
    }

.filter-group_theme_modal.filter-group {
    padding-top: 12px;
    border-bottom: 1px solid #d8dee4;
}

.filter-group_theme_modal .filter-group__heading {
    cursor: pointer;
    position: relative;
}

.filter-group_theme_modal .filter-group__heading::after {
        content: '';
        position: absolute;
        width: 20px;
        height: 20px;
        background-image: url(/local/templates/BravOFF/distr/css/../img/icon/Down_black.svg);
        background-repeat: no-repeat;
        background-size: contain;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        right: 0;
    }

.filter-group_theme_modal .filter-group__hide {
    overflow: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.filter-group_theme_modal.filter-group_show .filter-group__heading::after {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
    }

.filter-group_theme_modal.filter-group_show .filter-group__hide {
   padding-bottom: 12px;
}

.categories_display_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(167px, 1fr));
    gap: 8px;
}

@media (min-width: 767px) {

.categories_display_grid {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))
}
    }

@media (min-width: 1279px) {

.categories_display_grid {
        gap: 16px;
        grid-template-columns: repeat(6, 1fr)
}
    }

.categories_display_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    overflow: auto;
}

.categories_display_row .category-card {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
    }

.news_theme_gray {
    background: #f2f4f8;
}

.news_theme_gray .news__next,
    .news_theme_gray .news__prev,
    .news_theme_gray .news__all-link {
        background: #fff;
    }

.news_theme_gray .news__next:hover, .news_theme_gray .news__prev:hover, .news_theme_gray .news__all-link:hover {
            background: rgba(0, 0, 0, 0.08);
        }

.attention_view_feedback {
	padding: 16px 24px;
}

@media (max-width: 480px) {

.attention_view_feedback {
		padding: 16px;
		gap: 12px;
		font-size: 14px
}
	}

.attention_view_feedback .attention__text {
		line-height: 20px;
	}

.tabs_theme_radio {
    gap: 12px;
}

.tabs_theme_radio .tabs__labels {
    gap: 16px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

.tabs_theme_radio .tabs__tab {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: 100%;
    font-family: var(--Secondary-font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    color: #02040e;
    padding: 16px 40px 16px 16px;
    display: inline-block;
    border: 1px solid #d8dee4;
    border-radius: 12px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: border .3s ease-in-out;
    transition: border .3s ease-in-out;
    position: relative;
    cursor: pointer;
    background: #fff;
}

.tabs_theme_radio .tabs__tab::after {
        content: '';
        position: absolute;
        width: 24px;
        height: 24px;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        background: inherit;
        right: 16px;
        background-repeat: no-repeat;
        background-size: contain;
        -webkit-transition: background .3s ease-in-out;
        transition: background .3s ease-in-out;
    }

.tabs_theme_radio .tabs__tab_active {
        border: 1px solid #ff4a00;
        background: inherit;
    }

.tabs_theme_radio .tabs__tab_active::after {
            background: url(/local/templates/BravOFF/distr/css/../img/icon/check_circle.svg);
        }

.summary_view_filled .summary__buy-button {
		display: none;
	}

.summary_view_filled .summary__footer {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 12px;
	}

.specifications_view_main .specifications__detailed {
		opacity: 0;
	}
/* End */


/* Start:/local/templates/BravOFF/components/vregions/header.select/template_new/style.css?174507544211069*/
.vregions-sepia{
	position   : fixed;
	left       : 0;
	top        : 0;
	width      : 100%;
	height     : 100%;
	display    : none;
	z-index    : 999;
	background : url(/local/templates/BravOFF/components/vregions/header.select/template_new/img/sepia.png) repeat 0 0;
}
.vr-template__link{
	text-decoration : none;
	color           : #000000;
}
.vr-template__link_hidden{
	display : none;
}
.vr-popup{
	position   : fixed;
	left       : 0;
	top        : 0;
	width      : 100%;
	height     : 100%;
	display    : none;
	z-index    : 1000;
	opacity    : 1;
	overflow-x : hidden;
	overflow-y : auto;
}
.vr-popup__content{
	background    : #ffffff;
	position      : relative;
	border-radius : 5px;
	margin        : 10px auto;
	max-width     : 90%;
	text-align    : left;
	float         : none !important;
}
@media (min-width : 768px){
	.vr-popup__content{
		width : 740px;
	}
}
@media (min-width : 992px){
	.vr-popup__content{
		width : 970px;
	}

	.vr-popup__content_que{
		width : 740px;
	}
}
@media (min-width : 1200px){
	.vr-popup__content{
		width : 1170px;
	}

	.vr-popup__content_que{
		width : 740px;
	}
}
.vr-popup__content:after{
	clear : both;
}
.vr-popup__header{
	padding-left          : 5%;
	background-color      : #a0a4bc;
	-moz-border-radius    : 5px 5px 0px 0px;
	-webkit-border-radius : 5px 5px 0px 0px;
	-khtml-border-radius  : 5px 5px 0px 0px;
	border-radius         : 5px 5px 0px 0px;
	float                 : none !important;
	margin                : 0 !important;
}
.vr-popup__title{
	line-height : 50px;
	color       : #ffffff;
	margin      : 0px;
	padding     : 0px;
	font-size   : 24px;
	float       : none !important;
}
.vr-popup__close{
	display   : block;
	position  : absolute;
	right     : 27px;
	top       : 17px;
	font-size : 0;
	cursor    : pointer;
	opacity   : 1;
	border    : none;
}
.vr-popup__close:before, .vr-popup__close:after{
	position         : absolute;
	content          : ' ';
	height           : 14px;
	width            : 3px;
	background-color : #ffffff;
}
.vr-popup__close:hover:before, .vr-popup__close:hover:after{
	background-color : #8184a1;
}
.vr-popup__close:before{
	transform : rotate(45deg);
}
.vr-popup__close:after{
	transform : rotate(-45deg);
}
.vr-popup__body{
	background            : #f4f5fd;
	padding               : 0px;
	-moz-border-radius    : 0px 0px 5px 5px;
	-webkit-border-radius : 0px 0px 5px 5px;
	-khtml-border-radius  : 0px 0px 5px 5px;
	border-radius         : 0px 0px 5px 5px;
	font-size             : 14px;
	color                 : #8184a1;
	float                 : none !important;
}
.vr-popup__paragraph{
	padding : 20px 5%;
	margin  : 0px;
}
.vr-popup__que-buttons-wrapper{
	padding : 0px 5% 20px 5%;
}
.vregions-list{
	float : none !important;
}
.vregions-list__col{
	float      : left;
	padding    : 0 10px;
	width      : 33.33333%;
	box-sizing : border-box;
	margin     : 0 !important;
}
.vregions-list__col:first-child{
	padding-left : 5%;
}
.vregions-list__col:last-child{
	padding-right : 5%;
}
.vregions-list__col_width-one-1{
	width : 100%;
}
.vregions-list__col_width-one-2{
	width : 50%;
}
.vregions-list__col_width-one-3{
	width : 33.33333%;
}
.vregions-list__col_width-one-4{
	width : 25%;
}
.vregions-list__col_width-one-5{
	width : 20%;
}
.vregions-list__col_width-one-6{
	width : 16.6666667%;
}
@media (max-width : 767px){
	.vregions-list__col{
		width : 100%;
	}
}
.vr-popup__regions-letter-block{
	padding-bottom : 20px;
}
.vr-no-padding{
	padding : 0 !important;
}
.vr-popup__regions-letter-heading{
	color           : #8184a1;
	font-size       : 15px;
	line-height     : 22px;
	text-decoration : none;
	display         : block;
	text-align      : center;
	border          : none;
	margin-top      : 10px;
	font-weight     : bold;
}
.vr-popup__regions-letter-heading.vr-popup__regions-letter-heading_first{
}
.vr-popup__region-link, .vr-popup__region-link:link{
	color           : #8184a1;
	font-size       : 14px;
	line-height     : 22px;
	text-decoration : none;
	display         : block;
	text-align      : center;
	border          : none;
	border-radius   : 3px;
}
.vr-popup__region-link:hover{
	text-decoration : underline;
	color           : #156ba0;
}
.vr-popup__region-link.vr-popup__region-link_chosen{
	font-weight : bold;
	font-size   : 15px;
}
.vr-popup__button, .vr-popup__button:visited, .vr-popup__button:link{
	color               : #ffffff;
	background-color    : #337ab7;
	display             : inline-block;
	padding             : 6px 12px;
	margin              : 0 5px 5px 0;
	font-size           : 14px;
	font-weight         : 400;
	line-height         : 1.42857143;
	text-align          : center;
	white-space         : nowrap;
	vertical-align      : middle;
	-ms-touch-action    : manipulation;
	touch-action        : manipulation;
	cursor              : pointer;
	-webkit-user-select : none;
	-moz-user-select    : none;
	-ms-user-select     : none;
	user-select         : none;
	background-image    : none;
	border              : 1px solid transparent;
	border-radius       : 4px;
	text-decoration     : none;
}
.vr-popup__button:hover, .vr-popup__button:focus, .vr-popup__button:active{
	color            : #ffffff;
	background-color : #286090;
	border-color     : #204d74;
}
.vr-popup__button_danger{
	background-color : #d9534f;
}
.vr-popup__button_danger:hover, .vr-popup__button_danger:focus, .vr-popup__button_danger:active{
	background-color : #c9302c;
	border-color     : #ac2925;
}
.clearfix:before,
.clearfix:after{
	content    : '\0020';
	display    : block;
	overflow   : hidden;
	visibility : hidden;
	width      : 0;
	height     : 0;
}
.clearfix:after{
	clear : both;
}
.modal-open{
	overflow : hidden;
}
.vr-popup__search-wrap{
	margin   : 0px;
	display  : block;
	position : relative;
	float    : none !important;
	padding  : 20px 5%;
}
.vr-popup__search-input{
	width               : 100%;
	line-height         : 30px;
	height              : 34px;
	padding             : 6px 30px;
	box-sizing          : border-box;
	font-size           : 14px;
	color               : #555555;
	border              : 1px solid #cccccc;
	border-radius       : 4px;
	-webkit-box-shadow  : inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow          : inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition  : border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition       : border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition          : border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	background          : #ffffff url("/local/templates/BravOFF/components/vregions/header.select/template_new/img/search-icon.png") no-repeat;
	background-position : 7px center;
}
.vr-popup__search-input.with-suggestions{
	border-bottom-left-radius  : 0;
	border-bottom-right-radius : 0;
}
.vregions-suggestions-wrap{
	border           : 1px solid #cccccc;
	border-radius    : 0 0 4px 4px;
	position         : absolute;
	width            : 90%;
	overflow         : hidden;
	box-sizing       : border-box;
	background-color : #ffffff;
	z-index          : 1;
	float            : none !important;
	margin           : 0 !important;
}
.vregions-suggestion{
	display          : block;
	padding          : 10px 15px;
	background-color : #ffffff;
	border           : none;
	color            : #000000;
	cursor           : pointer;
	float            : none !important;
	margin           : 0 !important;
}
.vregions-suggestion:hover{
	background-color : #f5f5f5;
}
.vregions-chosen-list{
	width  : 100%;
	margin : 20px auto;
	float  : none !important;
}
.vregions-chosen-list__item{
	float       : left;
	height      : 40px;
	text-align  : center;
	list-style  : none;
	font-weight : bold;
	color       : #000000;
}
.vregions-chosen-list__item-one-1{
	width : 100%;
}
.vregions-chosen-list__item-one-2{
	width : 50%;
}
.vregions-chosen-list__item-one-3{
	width : 33.33333%;
}
.vregions-chosen-list__item-one-4{
	width : 25%;
}
.vregions-chosen-list__item-one-5{
	width : 20%;
}
.vregions-chosen-list__item-one-6{
	width : 16.6666667%;
}
@media (max-width : 767px){
	.vregions-chosen-list__item{
		width : 100%;
	}
}
.vr-popup__suggested-region{
	font-weight : 700;
}
.vregions-oblast__select{
	display            : block;
	width              : 100%;
	height             : 34px;
	padding            : 6px 12px;
	font-size          : 14px;
	line-height        : 1.42857143;
	color              : #555555;
	background-color   : #ffffff;
	background-image   : none;
	border             : 1px solid #cccccc;
	border-radius      : 4px;
	margin-bottom      : 30px;
	-webkit-box-shadow : inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow         : inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition : border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition      : border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition         : border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	box-sizing         : border-box;
}
.vr-template__fixed{
	position         : relative;
	bottom           : 0px;
	width            : 100%;
	background-color : #9c9b9b;
	left             : 0px;
	line-height      : 30px;
	z-index          : 1000;
	text-align       : center;
}
.vr-template__fixed .vr-template__label{
	color : #ffffff;
}
.vr-template__fixed .vr-template__link{
	color : #ffffff;
}
.vregions-another-region{
	padding    : 20px 10px 30px 10px;
	text-align : center;
}
.vregions-another-region__btn{
	display             : inline-block;
	margin-bottom       : 0;
	font-weight         : 400;
	text-align          : center;
	white-space         : nowrap;
	vertical-align      : middle;
	-ms-touch-action    : manipulation;
	touch-action        : manipulation;
	cursor              : pointer;
	-webkit-user-select : none;
	-moz-user-select    : none;
	-ms-user-select     : none;
	user-select         : none;
	background-image    : none;
	color               : #ffffff;
	background-color    : #5cb85c;
	border              : 1px solid #4cae4c;
	padding             : 10px 16px;
	font-size           : 18px;
	line-height         : 1.3333333;
	border-radius       : 6px;
}
.vregions-another-region__btn:hover{
	color            : #ffffff;
	background-color : #398439;
	border-color     : #255625;
	text-decoration  : none;
}
.vr-popup_inner-title{
	display       : block;
	max-width     : 100%;
	margin-bottom : 10px;
	font-weight   : 700;
	margin-top    : 20px;
	font-size     : 14px;
	color         : #8184a1;
	text-align    : center;
}
.vregions-list__col_oblasti{

}
.vr-popup__oblast-link{
	color           : #8184a1;
	font-size       : 15px;
	line-height     : 25px;
	text-decoration : none;
	display         : block;
	text-align      : left;
	border          : none;
	border-radius   : 3px;
}
@media (max-width : 767px){
	.vr-popup__oblast-link{
		text-align : center;
	}
}

/* End */


/* Start:/local/templates/BravOFF/components/bravoff/search.line/template1/style.css?17470775695932*/
.nbSearch {position: relative;}

#topSearch{
	/*position: absolute;*/
	/*display: none;*/
	width: 100%;
	z-index: 35;
	/*top: 0px;*/
  /*right: 0px;*/
  /*width: 310px;*/
  padding-top: 10px;
}

#topSearch form{

}

#topSearch table{
	width: 100%;
	border-collapse: collapse;
}

#topSearch .submit{
	width: 60px;
	padding-left: 12px;
}



#topSearch input[type="submit"]{
	background: #fff url(/local/templates/BravOFF/components/bravoff/search.line/template1/images/modalSearch.png) -60px -8px no-repeat ;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: transparent;
	cursor: pointer;
	font-size: 0px;
	height: 33px;
	width: 50px;
	position: absolute; top: 0px; right: 0px;
	padding: 0;
	border: none !important;
	border-radius:50px;
	top:4px;
}

#topSearch input[type="submit"]:hover{
	background-position:  -8px -8px;
}


#topSearch .searchField{
	position: relative;
}

#topSeachCloseForm{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-decoration: none;
	position: absolute;
	color: #ffffff;
	right: 24px;
}

#topSeachCloseForm:hover{
	color: #ffa900;
}

#searchResult{
	background-color: #ffffff;
	position: absolute;
	display: none;
	height: auto;
	z-index: 999;
	width: 100%;
	top: 133px;
	left: 0;
}

#searchResult h1{
    border-top: 1px solid #e7e8ea;
    font-family: 'robotobold';
    text-transform: uppercase;
    background-color: #ffffff;
    position: relative;
    text-align: center;
    line-height: 85px;
    font-size: 18px;
    height: 85px;
    margin: 0px;
}

#searchResult.visible{
	display: block;
}

#searchResult .productList{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 24px;
	padding: 0 24px;
}

#searchResult .item{
	width: 25%;height: 400px!important;
}

#searchResult .product{

	border: 0; /* clear */

	border-right: 1px solid #e7e8ea;
	border-bottom: 1px solid #e7e8ea;

}

#searchResult .product:nth-child(6n+1) {
    border-left: 1px solid #e7e8ea;
}

#searchResult .product:nth-child(1),
#searchResult .product:nth-child(2),
#searchResult .product:nth-child(3),
#searchResult .product:nth-child(4),
#searchResult .product:nth-child(5),
#searchResult .product:nth-child(6) {
    border-top: 1px solid #e7e8ea;
	height: 347px;
}

#searchResult .searchAllResult{
	-webkit-transition: all 0.2 ease-in-out;
	-o-transition: all 0.2 ease-in-out;
	transition: all 0.2 ease-in-out;
	border-top: 1px solid #e7e8ea;
    background-color: #f3f3f3;
    font-family: 'robotobold';
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    text-align: center;
    line-height: 85px;
    font-size: 14px;
    display: block;
    color: #000000;
    height: 85px;
}

#searchResult .searchAllResult:hover{
	background-color: #eeeeee;
}

#searchResult .searchAllResult span{
	border-bottom: 1px dashed #000000;
	padding-bottom: 4px;
}

#searchResult .errorMessage{
	margin: 24px 36px 24px 36px;
	text-align: center;
	font-size: 14px;
}

#searchProductsClose{
	background: url(/local/templates/BravOFF/components/bravoff/search.line/template1/images/exit.png) 0 0 no-repeat transparent;
	position: absolute;
	margin-top: -9px;
	display: block;
	height: 18px;
	width: 18px;
	right: 24px;
	top: 50%;
}

#searchProductsClose:hover{
	background-position: -18px 0;
}

#searchProductsClose:active{
	background-position: -36px 0;
}

.bx-pagination {
	margin: 10px 0;
}
.bx-pagination .bx-pagination-container {
	text-align: center;
	position: relative;
}
.bx-pagination .bx-pagination-container ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline-block;
}
.bx-pagination .bx-pagination-container ul li {
	display: inline-block;
	margin: 0 2px 15px 2px;
}
.bx-pagination .bx-pagination-container ul li span{
    -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
       -moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    	-ms-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    	 -o-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    		transition: color .3s ease, background-color .3s ease, border-color .3s ease;
	background: #eff0f1;
	padding: 0 8px;
	display: block;
	height: 32px;
	min-width: 32px;
	line-height: 32px;
	color: #444;
	font-size: 14px;
	border-radius: 16px;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bx-pagination .bx-pagination-container ul li a {
	text-decoration: none;
	display: block;
	border-radius: 16px;
	display: block;
	height: 32px;
	min-width: 32px;
	line-height: 32px;
	color: #444;
	vertical-align: middle;
}
.bx-pagination .bx-pagination-container ul li a:hover span{
	background: #DADADA;
}
.bx-pagination .bx-pagination-container ul li.bx-active span{
/*	    background: #ff9601;
	color: #fff;*/
}
.bx-pagination .bx-pagination-container ul li.bx-pag-all a span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next a span {
	background: #fff;
	border: 2px solid #eff0f1;
	line-height: 28px;
	padding: 0 18px;
	color: #444;
}
.bx-pagination .bx-pagination-container ul li.bx-pag-all span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next span{
	color: #aab1b4;
	background: #fff;
	border: 2px solid #eff0f1;
	line-height: 28px;
	padding: 0 18px;
}
.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span {
	background: #fff;
	border-color: #DADADA;
	color: #000;
}





#topSearchForm {

}

#topSearch input[type="text"] {
	background: #fff;
	height: 40px;
	border: none;
	width: 100%;
	box-sizing: border-box;
  padding: 10px 15px;
  font-size: 18px;
  border-radius: 2px;
}







/* End */
/* /local/templates/BravOFF/distr/css/all.css?1751300447408414 */
/* /local/templates/BravOFF/components/vregions/header.select/template_new/style.css?174507544211069 */
/* /local/templates/BravOFF/components/bravoff/search.line/template1/style.css?17470775695932 */