:root {
    --spacing-side: 30px;
    --fm-1: "Raleway", sans-serif;
    --fm-2: "Open Sans", sans-serif;
    --color-primary-light: rgba(255, 255, 255, 0.19);
    --color-primary: #616DA6;
    --color-primary-dark: #505A87;
    --color-orange: #FF7000;
    --color-orange-darken: #de6101;
    --color-green: #6fa67b;
    --color-red: #D15B5B;
    --color-text: #656578;
    --color-link: #337ab7;
    --color-bg-main: #fff;
    --basic-black: #000;
    --basick-white: #fff
}

@media(max-width: 991.8px) {
    :root {
        --spacing-side: 15px
    }
}

@media(max-width: 767.8px) {
    :root {
        --spacing-side: 10px
    }
}

@font-face {
  font-family: 'Raleway Fallback';
  src: local('Arial');
  size-adjust: 104%;
  ascent-override: 95%;
  descent-override: 26%;
  line-gap-override: 0%;
}
body {
  font-family: "Raleway", "Raleway Fallback", sans-serif;
}
.container .container {
    padding-left: 0;
    padding-right: 0
}

.advantages .container {
    max-width: 100%;
}

.site {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%
}

.site__content {
    padding: 5px 0 5rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media(max-width: 1199.8px) {
    .site__content {
        padding: 5px 0 7rem
    }
}

@media(max-width: 991.8px) {
    .site__content {
        padding: 5px 0 5rem
    }
}

@media(max-width: 767.8px) {
    .site__content {
        padding: 5px 0 4rem
    }
}

.aic {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.d-none {
    display: none !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

@media(max-width: 991.8px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media(max-width: 767.8px) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media(max-width: 480px) {
    .d-xs-none {
        display: none !important
    }
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
}

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

.fw-300 {
    font-weight: 300 !important
}

.fw-500 {
    font-weight: 500 !important
}

.fw-600 {
    font-weight: 600 !important
}

.fw-700 {
    font-weight: 700 !important
}

.fw-800 {
    font-weight: 800 !important
}

.fz-14 {
    font-size: 14px !important
}

.fz-16 {
    font-size: 16px !important
}

.fz-20 {
    font-size: 20px !important
}

.fz-24 {
    font-size: 24px !important
}

@media(max-width: 767.8px) {

    .fz-sm-16 {
        font-size: 16px !important
    }
}

.lh-sm {
    line-height: 1.22 !important
}

.lh-base {
    line-height: 1.5 !important
}

.text-transform-uppercase {
    text-transform: uppercase !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-start {
    text-align: left !important
}

.text-center {
    text-align: center !important
}

.text-right {
    text-align: right !important
}

.color-primary {
    color: var(--color-primary) !important
}

.color-orange {
    color: var(--color-orange) !important
}

.aic {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.d-none {
    display: none !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

@media(max-width: 991.8px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media(max-width: 767.8px) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media(max-width: 480px) {
    .d-xs-none {
        display: none !important
    }
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
}

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

.fw-300 {
    font-weight: 300 !important
}

.fw-500 {
    font-weight: 500 !important
}

.fw-600 {
    font-weight: 600 !important
}

.fw-700 {
    font-weight: 700 !important
}

.fw-800 {
    font-weight: 800 !important
}

.fz-14 {
    font-size: 14px !important
}

.fz-16 {
    font-size: 16px !important
}

.fz-20 {
    font-size: 20px !important
}

.fz-24 {
    font-size: 24px !important
}

@media(max-width: 767.8px) {

    .fz-sm-16 {
        font-size: 16px !important
    }
}

.lh-sm {
    line-height: 1.22 !important
}

.lh-base {
    line-height: 1.5 !important
}

.text-transform-uppercase {
    text-transform: uppercase !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-start {
    text-align: left !important
}

.text-center {
    text-align: center !important
}

.text-right {
    text-align: right !important
}

.color-primary {
    color: var(--color-primary) !important
}

.color-orange {
    color: var(--color-orange) !important
}

.mt-4e {
    margin-top: 1.5em !important
}

.mt-5e {
    margin-top: 3em !important
}

.mr-2e {
    margin-right: 0.5em !important
}

.mb-3e {
    margin-bottom: 1em !important
}

.mb-4e {
    margin-bottom: 1.5em !important
}

.mt-0 {
    margin-top: 0px !important
}

.mt-4 {
    margin-top: 4px !important
}

.mt-8 {
    margin-top: 8px !important
}

.mt-20 {
    margin-top: 20px !important
}

.mt-28 {
    margin-top: 28px !important
}

.mt-36 {
    margin-top: 36px !important
}

.mt-48 {
    margin-top: 48px !important
}

.mt-52 {
    margin-top: 52px !important
}

.mt-80 {
    margin-top: 80px !important
}

.mt-100 {
    margin-top: 100px !important
}

.mr-20 {
    margin-right: 20px !important
}

.mr-32 {
    margin-right: 32px !important
}

.mb-0 {
    margin-bottom: 0px !important
}

.mb-4 {
    margin-bottom: 4px !important
}

.mb-24 {
    margin-bottom: 24px !important
}

.mb-28 {
    margin-bottom: 28px !important
}

.mb-48 {
    margin-bottom: 48px !important
}

.ml-auto {
    margin-left: auto
}

.ml-16 {
    margin-left: 16px !important
}

@media(max-width: 1199.8px) {

    .mt-lg-52 {
        margin-top: 52px !important
    }

    .mt-lg-72 {
        margin-top: 72px !important
    }
}

@media(max-width: 991.8px) {

    .mt-md-0 {
        margin-top: 0px !important
    }

    .mt-md-60 {
        margin-top: 60px !important
    }

    .mb-md-0 {
        margin-bottom: 0px !important
    }
}

@media(max-width: 767.8px) {

    .mt-sm-0 {
        margin-top: 0px !important
    }

    .mt-sm-24 {
        margin-top: 24px !important
    }

    .mt-sm-28 {
        margin-top: 28px !important
    }

    .mt-sm-36 {
        margin-top: 36px !important
    }

    .mt-sm-48 {
        margin-top: 48px !important
    }

    .mr-sm-12 {
        margin-right: 12px !important
    }

    .mb-sm-20 {
        margin-bottom: 20px !important
    }

    .mb-sm-32 {
        margin-bottom: 32px !important
    }

    .ml-sm-auto {
        margin-left: auto !important
    }
}

.p-0 {
    padding: 0px !important
}


.py-12 {
    padding-top: 12px !important
}


.px-52 {
    padding-right: 52px !important
}


.py-12 {
    padding-bottom: 12px !important
}

.pb-40 {
    padding-bottom: 40px !important
}


.px-52 {
    padding-left: 52px !important
}

:root {
    --fz-h1: 34px;
    --fz-h2: 24px;
    --fz-h3: 20px;
    --fz-h4: 18px
}

@media(max-width: 1199.8px) {
    :root {
        --fz-h1: 28px;
        --fz-h2: 20px;
        --fz-h3: 18px;
        --fz-h4: 16px
    }
}

@media(max-width: 767.8px) {
    :root {
        --fz-h1: 20px;
        --fz-h2: 18px;
        --fz-h3: 16px;
        --fz-h4: 16px
    }
}

.b-content {
    font: 400 16px/1.5625 var(--fm-1);
    color: #414554
}

.b-content h1,
.b-content .h1 {
    font-size: var(--fz-h1)
}

.b-content h2,
.b-content .h2 {
    font-size: var(--fz-h2)
}

.b-content h3,
.b-content .h3 {
    font-size: var(--fz-h3)
}

.b-content h4,
.b-content .h4 {
    font-size: var(--fz-h4)
}

.b-content h1,
.b-content .h1,
.b-content h2,
.b-content .h2,
.b-content h3,
.b-content .h3,
.b-content h4,
.b-content .h4 {
    margin: 1.3em 0 1.45em;
    font-weight: 700;
    line-height: 1.25em;
    color: #19191c
}

.b-content h1:first-child,
.b-content .h1:first-child,
.b-content h2:first-child,
.b-content .h2:first-child,
.b-content h3:first-child,
.b-content .h3:first-child,
.b-content h4:first-child,
.b-content .h4:first-child {
    margin-top: 0
}

.b-content ol,
.b-content ul,
.b-content p {
    margin-bottom: 1.75em
}

.b-content ol:last-child,
.b-content ul:last-child,
.b-content p:last-child {
    margin-bottom: 0
}

.b-content ul,
.b-content ol {
    padding-left: 1.5em
}

.b-content ul li,
.b-content ol li {
    margin-bottom: .4em;
    list-style-type: disc
}

.b-content ol li {
    list-style-type: decimal
}

.b-content ol li {
    list-style-type: decimal
}

@media(max-width: 480px) {
    .b-content {
        font-size: 14px;
        line-height: 1.4285714286
    }
}

:root {
    --columns: 12;
    --air-x: 30px;
    --air-y: 20px
}


[class*=row-cols] {
    --air-x: 30px;
    --air-y: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 calc(var(--air-y)*-1) calc(var(--air-x)*-1)
}


[class*=row-cols]>* {
    margin: 0 0 var(--air-y) var(--air-x);
    word-wrap: break-word
}

.row-cols-3>* {
    width: calc(100% / var(--columns) * 4 - var(--air-x))
}

.gx-5 {
    --air-x: 5px !important
}

.gx-10 {
    --air-x: 10px !important
}

.gy-10 {
    --air-y: 10px !important
}


.g-15 {
    --air-x: 15px !important
}

.gy-15,
.g-15 {
    --air-y: 15px !important
}

.gy-20 {
    --air-y: 20px !important
}


.g-25 {
    --air-x: 25px !important
}


.g-25 {
    --air-y: 25px !important
}


.g-30 {
    --air-x: 30px !important
}


.g-30 {
    --air-y: 30px !important
}

.gx-50 {
    --air-x: 50px !important
}

@media(max-width: 767.8px) {

    
    .g-sm-15 {
        --air-x: 15px !important
    }

    .gy-sm-15,
    .g-sm-15 {
        --air-y: 15px !important
    }

    .gx-sm-25 {
        --air-x: 25px !important
    }

    .row-cols-sm-1>* {
        width: calc(100% / 12 * 12 - var(--air-x))
    }
}

.boxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.boxes>* {
    min-width: 0
}

.boxes>*+* {
    margin-left: 24px
}

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

.boxes__side {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 484px
}

.boxes__side:empty {
    display: none
}

.boxes__side--filters {
    width: 215px
}

@media(max-width: 991.8px) {
    .boxes {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .boxes>*+* {
        margin: 20px 0 0
    }

    .boxes__side--filters+* {
        margin-top: 0
    }
}

.btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.btns>* {
    margin-right: 20px
}

.btns>*:last-child {
    margin-right: 0
}

.btns__list {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 calc(var(--air-y)*-1) calc(var(--air-x)*-1);
    --air-x: 20px;
    --air-y: 20px
}

.btns__list>* {
    margin: 0 0 var(--air-y) var(--air-x);
    word-wrap: break-word
}

.btns--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.btns--direction_col .btns__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.items {
    --air-x: 24px;
    --air-y: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 calc(var(--air-y)*-1) calc(var(--air-x)*-1)
}

.items>* {
    margin: 0 0 var(--air-y) var(--air-x);
    word-wrap: break-word
}

.section {
    padding: 80px 0 20px
}

.section__title {
    margin-bottom: 50px;
    font-weight: 700;
    font-size: 34px
}

@media(max-width: 1199.8px) {
    .section {
        padding: 60px 0 20px
    }

    .section__title {
        margin-bottom: 40px;
        font-size: 28px
    }
}

@media(max-width: 991.8px) {
    .section {
        padding: 40px 0 20px
    }
}

@media(max-width: 767.8px) {
    .section__title {
        margin-bottom: 32px;
        font-size: 24px
    }
}

.col-count-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: var(--air-x);
    -moz-column-gap: var(--air-x);
    column-gap: var(--air-x)
}

.col-count-2>* {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid-column
}

@media(max-width: 767.8px) {
    .col-count-sm-1 {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }
}


.btn {
    position: relative;
    cursor: pointer;
    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
}

.btn {
    --color-bg: var(--color-primary);
    --color-text: #fff;
    --btn-height: 45px;
    padding: 0.42em 1.84em;
    min-width: 100px;
    min-height: var(--btn-height);
    font: 600 14px var(--fm-1);
    line-height: 1.22;
    text-align: center;
    color: var(--color-text);
    background-color: var(--color-bg);
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0);
    outline: none;
    border-radius: 5px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.btn:disabled {
    pointer-events: none;
    cursor: no-drop;
    opacity: .5
}

.btn:hover {
    --color-bg: var(--color-primary-dark)
}

a.btn:hover {
    text-decoration: none
}

.btn__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    width: 1.15em;
    height: 1.15em;
    vertical-align: middle;
    -webkit-transform: translateY(-0.1em);
    -ms-transform: translateY(-0.1em);
    transform: translateY(-0.1em);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.btn__icon:first-child {
    margin-right: 0.73em
}

.btn__icon:last-child {
    margin-left: 1em
}

.btn__icon>* {
    margin: 0 !important;
    max-height: initial;
    max-width: initial
}

.btn--white {
    --color-bg: #fff;
    --color-text: var(--color-primary);
    -webkit-box-shadow: 0px 0px 20px rgba(190, 201, 255, .5);
    box-shadow: 0px 0px 20px rgba(190, 201, 255, .5)
}

.btn--white.active,
.btn--white:hover {
    --color-bg: var(--color-primary);
    --color-text: #fff
}

.btn--white .btn__icon {
    fill: var(--color-text)
}

.btn--orange {
    --rgb: 255, 112, 0;
    --color-bg: var(--color-orange);
    --color-text: #fff;
    -webkit-box-shadow: 0px 0px 33px rgba(97, 109, 166, .22);
    box-shadow: 0px 0px 33px rgba(97, 109, 166, .22)
}

.btn--orange.active,
.btn--orange:hover {
    --color-bg: var(--color-orange-darken)
}

.btn--lg {
    padding: 0.93em 3.25em;
    min-height: 60px;
    font-size: 16px
}

@media(max-width: 767.8px) {
    .btn--lg {
        min-height: 45px;
        font-weight: 600;
        font-size: 12px
    }
}

.btn--brs_half {
    border-radius: 50px
}

.btn--effect_blink {
    -webkit-animation: blink infinite 2s;
    animation: blink infinite 2s
}

.btn--effect_blink::after {
    pointer-events: none;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    -webkit-box-shadow: 0 0 0 6px rgba(var(--rgb), 0.16);
    box-shadow: 0 0 0 6px rgba(var(--rgb), 0.16)
}

.btn--size_m {
    --btn-height: 40px;
    font-size: 13px
}

.btn--size-height_xxs {
    --btn-height: 30px
}

@media(max-width: 767.8px) {
    .btn--mob_icon {
        padding: 0.38em;
        min-width: auto;
        width: var(--btn-height)
    }

    .btn--mob_icon .btn__value {
        display: none
    }

    .btn--mob_icon .btn__icon {
        margin: 0
    }
}

@-webkit-keyframes blink {
    0% {
        -webkit-box-shadow: 0 0 0 0px rgba(var(--rgb), 70%);
        box-shadow: 0 0 0 0px rgba(var(--rgb), 70%)
    }

    70% {
        -webkit-box-shadow: 0 0 0 1.53em rgba(var(--rgb), 0%);
        box-shadow: 0 0 0 1.53em rgba(var(--rgb), 0%)
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(var(--rgb), 0%);
        box-shadow: 0 0 0 0 rgba(var(--rgb), 0%)
    }
}

@keyframes blink {
    0% {
        -webkit-box-shadow: 0 0 0 0px rgba(var(--rgb), 70%);
        box-shadow: 0 0 0 0px rgba(var(--rgb), 70%)
    }

    70% {
        -webkit-box-shadow: 0 0 0 1.53em rgba(var(--rgb), 0%);
        box-shadow: 0 0 0 1.53em rgba(var(--rgb), 0%)
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(var(--rgb), 0%);
        box-shadow: 0 0 0 0 rgba(var(--rgb), 0%)
    }
}

.btn-ic {
    cursor: pointer;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 47px;
    height: 47px;
    text-align: center;
    background-color: var(--color-primary);
    border-radius: 10px;
    border: none;
    outline: none;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.btn-ic:hover {
    background-color: var(--color-primary-dark)
}

.btn-ic svg {
    margin: auto;
    width: 65.957%;
    height: 65.957%;
    fill: #fff
}

.btn-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    font-weight: 500;
    color: var(--color-primary);
    background-color: rgba(0, 0, 0, 0);
    border: none;
    outline: none;
    text-align: left
}

.btn-link:hover {
    text-decoration: underline
}

.btn-link__icon {
    display: block;
    width: 15px;
    height: 15px;
    color: currentColor;
    fill: currentColor
}

.btn-link__icon:first-child {
    margin-right: 0.5em
}

.btn-link__icon:last-child {
    margin-left: 0.5em
}

.btn-link--2 {
    color: var(--color-green)
}

.basket-btn {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-right: 11px;
    width: 51px;
    height: 40px;
    font-size: 18px;
    color: #fff
}

.basket-btn svg {
    fill: #fff
}

.basket-btn strong {
    position: absolute;
    top: 3px;
    right: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.search-btn {
    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;
    padding: 0;
    width: 40px;
    height: 40px;
    background-color: var(--color-orange);
    border-radius: 50%;
    border: none;
    outline: none
}

.search-btn>* {
    margin: auto;
    height: 37.5%;
    width: 37.5%
}

.search-btn svg {
    fill: #fff
}

.msg-menu-calculator {
    bottom: 127px;
    left: 35px;
    right: auto
}

.msg-menu-calculator .share .msg-icon::before {
    display: none
}

.msg-menu-calculator .share .msg-icon:hover {
    background-color: var(--color-primary)
}

.msg-menu-calculator .share .msg-icon:hover svg path {
    fill: #fff
}

.msg-menu-calculator .share .msg-icon svg,
.msg-menu-calculator .share .msg-icon path {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.msg-menu-calculator .share .msg-icon {
    background: #fff;
    -webkit-box-shadow: 0px 0px 20px rgba(190, 201, 255, .5);
    box-shadow: 0px 0px 20px rgba(190, 201, 255, .5)
}

.msg-menu-calculator .share .msg-icon svg {
    fill: #fff
}

.button {
    position: relative
}

.button--bg_green {
    background: #589c50;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.button--bg_blue {
    background: #505a87;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.button--bg_blue:hover,
.button--bg_blue:active {
    background: #475077;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.button--bg_green:hover,
.button--bg_green:active {
    background: #4b8444;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.button--bg_blue.button--effect_blink {
    -webkit-box-shadow: 0 0 13px rgba(80, 90, 135, .13);
    box-shadow: 0 0 13px rgba(80, 90, 135, .13);
    -webkit-animation: _pulse infinite 2s;
    animation: _pulse2 infinite 2s;
}

.button--bg_green.button--effect_blink {
    -webkit-box-shadow: 0 0 13px rgba(88, 156, 80, .13);
    box-shadow: 0 0 13px rgba(88, 156, 80, .13);
    -webkit-animation: _pulse infinite 2s;
    animation: _pulse infinite 2s
}

.button--bg_green.button--effect_blink::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    width: 100%;
    height: 100%;
    border-radius: 50px;
    -webkit-box-shadow: 0px 6px 16px rgba(88, 156, 80, .23);
    box-shadow: 0px 6px 16px rgba(88, 156, 80, .23);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@-webkit-keyframes _pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0px #b3d6af;
        box-shadow: 0 0 0 0px #b3d6af
    }

    70% {
        -webkit-box-shadow: 0 0 0 27px rgba(179, 214, 175, 0);
        box-shadow: 0 0 0 27px rgba(179, 214, 175, 0)
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(179, 214, 175, 0);
        box-shadow: 0 0 0 0 rgba(179, 214, 175, 0)
    }
}

@keyframes _pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0px #b3d6af;
        box-shadow: 0 0 0 0px #b3d6af
    }

    70% {
        -webkit-box-shadow: 0 0 0 27px rgba(179, 214, 175, 0);
        box-shadow: 0 0 0 27px rgba(179, 214, 175, 0)
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(179, 214, 175, 0);
        box-shadow: 0 0 0 0 rgba(179, 214, 175, 0)
    }
}

@-webkit-keyframes _pulse2 {
    0% {
        -webkit-box-shadow: 0 0 0 0px #a9b0d1;
        box-shadow: 0 0 0 0px #a9b0d1
    }

    70% {
        -webkit-box-shadow: 0 0 0 27px rgba(169, 176, 209, 0);
        box-shadow: 0 0 0 27px rgba(169, 176, 209, 0)
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(169, 176, 209, 0);
        box-shadow: 0 0 0 0 rgba(169, 176, 209, 0)
    }
}

@keyframes _pulse2 {
    0% {
        -webkit-box-shadow: 0 0 0 0px #a9b0d1;
        box-shadow: 0 0 0 0px #a9b0d1
    }

    70% {
        -webkit-box-shadow: 0 0 0 27px rgba(169, 176, 209, 0);
        box-shadow: 0 0 0 27px rgba(169, 176, 209, 0)
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(169, 176, 209, 0);
        box-shadow: 0 0 0 0 rgba(169, 176, 209, 0)
    }
}

.angle-down {
    position: relative;
    display: inline-block;
    width: 7px;
    height: 7px
}

.angle-down::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border: 1.5px solid currentColor;
    border-top: none;
    border-right: none;
    border-radius: 1px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.badge {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.44em 2.05em;
    min-height: 50px;
    color: #fff;
    text-align: center;
    background-color: var(--color-succes);
    border-radius: 3px;
    vertical-align: middle
}

.badge a {
    color: inherit;
    text-decoration: underline
}

.badge a:hover {
    color: #fff;
    text-decoration: none
}

@media(max-width: 767.8px) {
    .badge {
        padding: 0.42em 1.07em 0.35em;
        min-height: 38px
    }
}

.b-checkbox {
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 1.22
}

.b-checkbox input {
    position: absolute;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity: 0;
    pointer-events: none
}

.b-checkbox.active .b-checkbox__custom::before {
    opacity: 1
}

.b-checkbox.active .b-checkbox__content {
    color: var(--color-text) !important
}

.b-checkbox input:checked~.b-checkbox__custom::before,
.b-checkbox.checked .b-checkbox__custom::before {
    opacity: 1
}

.b-checkbox__custom {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    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;
    margin-top: -0.1em;
    margin-right: 1.16em;
    width: 15px;
    height: 15px;
    border: 1px solid var(--color-primary);
    border-radius: 1px;
    overflow: hidden;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.b-checkbox__custom::before {
    content: "✓";
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    font-weight: 600;
    font-size: .9em;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.b-checkbox__content {
    display: inline-block;
    margin-top: -0.1em
}

.b-input {
    --air: 0 0 19px;
    --pl: 20px;
    --pr: 20px;
    --pdT: 15px var(--pl) 16px;
    --h: 45px;
    --fz: 14px;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: var(--air)
}

.b-input:last-child {
    margin-bottom: 0
}

.b-input__input {
    position: relative;
    width: 100%
}

.b-input__input input,
.b-input__input textarea {
    width: 100%;
    font-size: var(--fz);
    color: #414141;
    background-color: #f6f7fa;
    border: none;
    border-radius: 5px;
    resize: none;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.b-input__input input:focus,
.b-input__input input:active,
.b-input__input textarea:focus,
.b-input__input textarea:active {
    outline: none
}

.b-input__input input {
    padding: 0 var(--pr) 0 var(--pl);
    height: var(--h)
}

.b-input__input textarea {
    padding: var(--pdT);
    min-height: 80px
}

@media(max-width: 767.8px) {
    .b-input {
        --air: 0 0 15px
    }
}

.b-radio {
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 1.22
}

.b-radio__input {
    position: absolute;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity: 0;
    pointer-events: none
}

.b-radio.active .b-radio__custom::before {
    opacity: 1
}

.b-radio.active .b-radio__content {
    color: var(--color-text) !important
}

.b-radio__input:checked~.b-radio__custom::before,
.b-radio.checked .b-radio__custom::before {
    background-color: var(--color-primary)
}

.b-radio__custom {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    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;
    margin-top: -0.1em;
    margin-right: 0.56em;
    width: 16px;
    height: 16px;
    border: 1px solid var(--color-primary);
    border-radius: 50%;
    overflow: hidden;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.b-radio__custom::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: 57.142%;
    height: 57.142%;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 50%;
    -webkit-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.b-radio__content {
    display: inline-block;
    line-height: 1.2
}

.b-checkbox {
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 1.22
}

.b-checkbox.active .b-checkbox__custom::before {
    opacity: 1
}

.b-checkbox.active .b-checkbox__content {
    color: var(--color-text) !important
}


.b-checkbox.checked .b-checkbox__custom::before {
    opacity: 1
}

.b-checkbox__custom {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    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;
    margin-top: -0.1em;
    margin-right: 0.42em;
    width: 16px;
    height: 16px;
    border: 1px solid var(--color-secondary);
    border-radius: 3px;
    overflow: hidden;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.b-checkbox__custom::before {
    content: "✓";
    position: absolute;
    left: 50%;
    top: 55%;
    display: block;
    opacity: 0;
    color: var(--color-secondary);
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.b-checkbox__content {
    display: inline-block;
    line-height: 1.2
}

.close {
    cursor: pointer;
    position: relative;
    width: 25px;
    height: 25px;
    z-index: 3;
    border-radius: 50%;
    -webkit-transition: opacity .25s;
    -o-transition: opacity .25s;
    transition: opacity .25s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.close:hover::before,
.close:hover::after {
    background-color: var(--color-red)
}

.close::before,
.close::after {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 1.5px;
    border-radius: 1px;
    background-color: #757575;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

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

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

.firm-info {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    line-height: 1.22;
    color: inherit;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

a.firm-info {
    font-weight: inherit;
    text-decoration: none;
    color: inherit
}

a.firm-info:hover {
    color: var(--color-link)
}

a.firm-info:hover .firm-info__ic {
    fill: var(--color-link)
}

.firm-info a {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.firm-info a:hover {
    text-decoration: none
}

.firm-info__ic {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: inline-block;
    margin-right: 0.58em;
    max-width: 1.16em;
    max-height: 1.16em;
    fill: #676767;
    vertical-align: middle;
    -webkit-transform: translateY(0.1em);
    -ms-transform: translateY(0.1em);
    transform: translateY(0.1em);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.firm-info__ic:not(:first-child) {
    margin-left: 0.58em
}

.firm-info__ic svg {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.firm-info--email {
    font-weight: 700;
    color: var(--color-primary)
}

.firm-info--email .firm-info__ic {
    fill: var(--color-primary)
}

.fixed {
    position: fixed;
    z-index: 4;
    left: 0;
    top: 0;
    margin: 0 !important;
    width: 100%;
    will-change: transform
}

.hamburger {
    --color-tone: #333;
    position: relative;
    width: 42px;
    height: 21px;
    background-color: rgba(0, 0, 0, 0);
    outline: none;
    border: none
}

.hamburger.active span {
    -webkit-transition: background-color 0s linear .15s, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: background-color 0s linear .15s, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -o-transition: transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s, background-color 0s linear .15s;
    transition: transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s, background-color 0s linear .15s;
    transition: transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s, background-color 0s linear .15s, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    background-color: rgba(0, 0, 0, 0) !important
}

.hamburger.active span::after {
    bottom: 0 !important;
    width: 100%;
    -webkit-transition: bottom 75ms ease-out .1s, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) .15s;
    transition: bottom 75ms ease-out .1s, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) .15s;
    -o-transition: bottom 75ms ease-out .1s, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) .15s;
    transition: bottom 75ms ease-out .1s, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) .15s;
    transition: bottom 75ms ease-out .1s, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) .15s, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) .15s;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.hamburger.active span::before {
    top: 0 !important;
    -webkit-transition: top 75ms ease-out .1s, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) .15s;
    transition: top 75ms ease-out .1s, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) .15s;
    -o-transition: top 75ms ease-out .1s, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) .15s;
    transition: top 75ms ease-out .1s, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) .15s;
    transition: top 75ms ease-out .1s, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) .15s, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) .15s;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.hamburger span,
.hamburger span::before,
.hamburger span:after {
    position: absolute;
    right: 0;
    height: 2.5px;
    width: 100%;
    background-color: #fff;
    -webkit-transition-timing-function: eafse;
    -o-transition-timing-function: eafse;
    transition-timing-function: eafse;
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    border-radius: 2px
}

.hamburger span {
    top: 50%;
    display: block;
    -webkit-transition: background-color .3s, -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) .15s;
    transition: background-color .3s, -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) .15s;
    -o-transition: transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) .15s, background-color .3s;
    transition: transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) .15s, background-color .3s;
    transition: transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) .15s, background-color .3s, -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) .15s
}

.hamburger span::before,
.hamburger span::after {
    display: block;
    content: ""
}

.hamburger span::before {
    top: -9px;
    -webkit-transition: top 75ms ease-in 75ms, background-color .3s, -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
    transition: top 75ms ease-in 75ms, background-color .3s, -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
    -o-transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, background-color .3s;
    transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, background-color .3s;
    transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, background-color .3s, -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s
}

.hamburger span::after {
    bottom: -9px;
    width: 68.518%;
    -webkit-transition: bottom 75ms ease-in 75ms, background-color .3s, -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
    transition: bottom 75ms ease-in 75ms, background-color .3s, -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
    -o-transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, background-color .3s;
    transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, background-color .3s;
    transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, background-color .3s, -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s
}

.logo {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    max-width: 205px
}

.logo img {
    display: block;
    max-width: 100%
}

.line {
    width: 100%;
    border-bottom: .5px solid #e0e0e0
}

.search-btn {
    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;
    padding: 0;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
    border: none;
    outline: none;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.search-btn:hover {
    background-color: var(--color-orange)
}

.search-btn:hover svg {
    fill: #fff
}

.search-btn>* {
    margin: auto;
    height: 37.5%;
    width: 37.5%
}

.search-btn svg {
    fill: var(--color-orange);
    -webkit-transition: fill .3s;
    -o-transition: fill .3s;
    transition: fill .3s
}

.sci-list {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sci-list>*:not(:last-child) {
    margin-right: 10px
}

.sci-link {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    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;
    width: 35px;
    height: 35px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.sci-link:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.sci-link svg {
    max-width: 100%;
    max-height: 100%
}

.sorting__list {
    margin-bottom: -0.71em
}

.sorting__list>* {
    margin-right: 0.78em;
    margin-bottom: 0.71em
}

.sorting__list a,
.sorting__list span {
    display: inline-block
}

.sorting__list a {
    text-decoration: none
}

.sorting__list a.active {
    color: var(--color-primary)
}

.sorting__list a.active::before {
    content: "";
    display: inline-block;
    margin-right: 0.35em;
    margin-bottom: -0.15em;
    width: 0.57em;
    height: 1em;
    background-image: url(./../../img/icons/ui/all/arrow-sort.svg);
    background-repeat: no-repeat;
    background-size: contain
}

.sorting__list a.active[data-dir=asc]::before {
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1)
}

.sorting__list a:hover {
    color: var(--color-secondary)
}

.sorting__title {
    font-weight: 600;
    color: #414554
}

.msgrs {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.22
}

.msgrs__link {
    font-weight: inherit;
    text-decoration: none;
    color: inherit;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    margin-left: 10px;
    white-space: nowrap;
    color: inherit;
    fill: var(--color-primary);
    fill-opacity: 1;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.msgrs__link:not(.msgrs__link--phone):hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.msgrs__link:first-child {
    margin-left: 0
}

.msgrs__link svg {
    display: block;
    width: 30px;
    height: 30px
}

.msgrs__link--phone {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    margin-left: 10px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    height: auto !important;
    width: auto !important;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.msgrs__link--phone:hover {
    text-decoration: none
}

.msgrs__link--phone:hover::before {
    opacity: 1
}

.msgrs__link--phone::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    opacity: 0;
    background-color: var(--color-primary);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.msgrs__link--phone b {
    font-weight: 700;
    font-size: 1.5em;
    color: var(--color-primary)
}

@media(max-width: 767.8px) {
    .msgrs__link {
        margin-left: 7px
    }

    .msgrs__link svg {
        width: 24px;
        height: 24px
    }

    .msgrs__link--phone {
        margin-top: -0.5em
    }
}

.label-prod {
    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;
    width: 45px;
    height: 45px;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.2222222222;
    color: #fff;
    border-radius: 50%;
    overflow: hidden
}

.list {
    counter-reset: li
}

.list.list--style_decimal-bg li {
    list-style-type: none !important;
    margin-bottom: 1.42em;
    padding-left: 51px
}

.list.list--style_decimal-bg li::before {
    counter-increment: li;
    content: counter(li, decimal);
    -ms-flex-item-align: start;
    align-self: flex-start;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    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;
    margin-left: -51px;
    margin-right: 19px;
    min-height: 1.6em;
    min-width: 1.6em;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    text-align: center;
    background-color: var(--color-orange);
    border-radius: 50%
}

.record-control {
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.record-control>* {
    margin-bottom: 9px
}

.record-control>*:last-child {
    margin-bottom: 0
}

@media(max-width: 767.8px) {
    .record-control>* {
        margin-bottom: 15px
    }
}

.hidden {
    display: none !important
}

.instalment {
    --air-x: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    row-gap: 1em
}

.instalment>* {
    margin-right: var(--air-x)
}

.instalment>*:last-child {
    margin-right: 0
}

.instalment__title {
    font-weight: 500;
    color: #757575
}

.instalment__price {
    font: 700 1.14em var(--fm-2);
    color: var(--color-orange) !important
}

[data-copy] {
    cursor: pointer;
    position: relative
}

.gallery-prod {
    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: 600px;
    width: 100%
}

.gallery-prod__thumbs-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 30px auto 0;
    height: 80px;
    max-width: 100%
}

.gallery-prod__thumbs {
    margin: 0 25px;
    height: 100%
}

.gallery-prod__thumbs-item {
    cursor: pointer;
    position: relative;
    display: inline-block;
    padding: 0 15px;
    height: 100%;
    width: auto;
    background-color: var(--bg-card);
    border-radius: 5px;
    border: .5px solid rgba(0, 0, 0, 0);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.gallery-prod__thumbs-item.swiper-slide-thumb-active {
    border-color: var(--color-primary);
    -webkit-box-shadow: 0px 0px 49px rgba(97, 109, 166, .1);
    box-shadow: 0px 0px 49px rgba(97, 109, 166, .1)
}

.gallery-prod__thumbs-item img {
    display: block;
    max-height: 100%;
    max-width: 100%
}

.gallery-prod__full-wrap {
    width: 100%
}

.gallery-prod__full-slide {
    position: relative;
    display: block;
    overflow: hidden
}

.gallery-prod__full-slide::before {
    content: "";
    display: block;
    padding-bottom: 157%
}

.gallery-prod__full-slide::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.gallery-prod__full-slide img {
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: 100%;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media(max-width: 991.8px) {
    .gallery-prod {
        max-width: none
    }

    .gallery-prod__full-wrap {
        margin: 0 auto;
        max-width: 390px
    }

    .gallery-prod .slider-nav {
        display: block
    }
}

@media(max-width: 767.8px) {
    .gallery-prod__thumbs-wrap {
        margin-top: 18px
    }

    .gallery-prod__thumbs-wrap .slider-arr {
        width: 27px;
        height: 27px
    }

    .gallery-prod__thumbs {
        margin: 0 20px 0;
        height: 51px
    }

    .gallery-prod__thumbs-item {
        padding: 0 14px
    }

    .gallery-prod__full-slide::before {
        padding-bottom: 100%
    }
}

.search-panel {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    padding-top: 180px;
    width: 100%;
    height: 100%;
    font-size: 16px;
    background: rgba(51, 51, 51, .26);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .4s, visibility 0s .4s;
    -o-transition: opacity .4s, visibility 0s .4s;
    transition: opacity .4s, visibility 0s .4s
}

header.fixed~.search-panel {
    padding-top: 100px
}

.search-panel label {
    width: 100%
}

.search-panel__input {
    width: 100%;
    background-color: rgba(0, 0, 0, 0)
}

.search-panel.open {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s
}

.search-panel__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 35px 8px 26px;
    background-color: #fff;
    border-radius: 10px
}

.search-panel__inner label {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.search-panel__inner label i {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.search-panel__inner label i svg {
    margin-right: 32px;
    width: 25px;
    height: 25px;
    fill: var(--color-orange)
}

.search-panel__input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0 115px 0 56px;
    height: 45px;
    width: 100%;
    border: none;
    outline: none;
    background-color: rgba(0, 0, 0, 0);
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.search-panel__input::-ms-clear {
    display: none;
    width: 0;
    height: 0
}

.search-panel__input::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}

.search-panel__input::-webkit-search-decoration,
.search-panel__input::-webkit-search-cancel-button,
.search-panel__input::-webkit-search-results-button,
.search-panel__input::-webkit-search-results-decoration {
    display: none
}

.search-panel__clear,
.search-panel__close {
    position: absolute;
    top: 50%;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    outline: none;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.search-panel__clear {
    right: 40px;
    margin-top: -2px;
    height: 100%;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.search-panel__clear:not(.is-clear) {
    opacity: 0;
    pointer-events: none
}

.search-panel__close {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    right: 0;
    width: 19px;
    height: 19px;
    border: 5px solid rgba(0, 0, 0, 0);
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg)
}

.search-panel__close::before,
.search-panel__close::after {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 50%;
    height: 1px;
    width: 100%;
    border-radius: 1px;
    background-color: #333;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.search-panel__close::after {
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg)
}

@media(max-width: 991.8px) {
    .search-panel {
        padding-top: 80px !important
    }
}

@media(max-width: 767.8px) {
    .search-panel__inner {
        padding: 8px 20px 8px
    }

    .search-panel__inner label {
        position: relative;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .search-panel__inner label i {
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .search-panel__inner label i svg {
        margin-right: 15px;
        width: 20px;
        height: 20px
    }

    .search-panel__input {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding: 0 100px 0 32px;
        height: 35px;
        width: 100%;
        background-color: rgba(0, 0, 0, 0);
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }

    .search-panel__input::-ms-clear {
        display: none;
        width: 0;
        height: 0
    }

    .search-panel__input::-ms-reveal {
        display: none;
        width: 0;
        height: 0
    }

    .search-panel__input::-webkit-search-decoration,
    .search-panel__input::-webkit-search-cancel-button,
    .search-panel__input::-webkit-search-results-button,
    .search-panel__input::-webkit-search-results-decoration {
        display: none
    }

    .search-panel__clear {
        margin-top: -1px;
        font-size: 14px
    }
}

.slider-wrap {
    position: relative
}

.slider-nav {
    position: absolute;
    top: 50%;
    z-index: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.slider-nav .swiper-button-lock {
    display: none !important
}

.slider-arr {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: inline-block;
    width: 32px;
    height: 32px;
    text-align: center;
    background-color: #fff;
    border-radius: 50%;
    border: none;
    outline: none;
    -webkit-box-shadow: 0px 0px 12px rgba(97, 109, 166, .2);
    box-shadow: 0px 0px 12px rgba(97, 109, 166, .2);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.slider-arr:hover {
    background-color: var(--color-primary)
}

.slider-arr:hover svg {
    fill: #fff
}

.slider-arr svg,
.slider-arr img {
    display: inline-block;
    margin: auto;
    vertical-align: middle
}

.slider-arr svg {
    fill: var(--color-primary);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.slider-arr.swiper-button-disabled {
    pointer-events: none;
    opacity: .5
}

.slider-arr--prev {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.slider-arr--next {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.slider-pagination {
    display: block;
    z-index: 2;
    margin-top: 40px;
    padding-left: 30px;
    padding-right: 30px;
    max-width: 100%;
    text-align: center
}

.slider-pagination.swiper-pagination-lock {
    display: none !important
}

.slider-pagination .swiper-pagination-bullet {
    margin: 0 7px 7px 0 !important;
    width: 7px;
    height: 7px;
    background: rgba(255, 252, 248, .77);
    opacity: 1;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.slider-pagination .swiper-pagination-bullet:last-child {
    margin-right: 0
}

.slider-pagination .swiper-pagination-bullet:hover {
    background-color: #8c8a86
}

.slider-pagination .swiper-pagination-bullet-active {
    background: #8c8a86;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media(max-width: 767.8px) {
    .slider-pagination {
        margin-top: 30px
    }
}

.slider-from-to {
    font-size: 14px
}

.slider-from-to__title {
    margin-right: 1.41em
}

.slider-from-to__title span {
    text-transform: uppercase
}

.slider-from-to__inputs {
    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
}

.slider-from-to__label {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 47%;
    font-weight: 500
}

.slider-from-to__label:last-child {
    margin-right: 0
}

.slider-from-to__text {
    margin-bottom: 0.41em;
    font-weight: 500
}

.slider-from-to__input {
    display: block;
    padding: 0 5px;
    height: 31px;
    width: 100%;
    background-color: #f4f4f4;
    text-align: center;
    color: #414554;
    border: none;
    outline: none;
    border-radius: 5px
}

.slider-from-to__slider {
    margin: 20px 7px 7px;
    height: 2px !important;
    border: none !important
}

.slider-from-to__slider .ui-slider-range {
    background-color: #fff !important
}

.slider-from-to__slider .ui-slider-handle {
    cursor: pointer !important;
    top: -0.5em !important;
    background-color: #fff !important;
    border: none !important;
    border-radius: 50% !important
}

.slider-from-to__slider .ui-state-hover {
    background-color: #fff
}

.number-slider {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2.22em;
    font-size: 18px;
    overflow: hidden
}

.number-slider__input {
    display: block;
    width: 2.22em;
    height: 100%;
    text-align: center;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    border: 1px solid #adb3d1;
    border-left: none;
    border-right: none
}

.number-slider__up,
.number-slider__down {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    width: 2.22em;
    height: 100%;
    line-height: normal;
    color: #fff;
    background-color: #adb3d1;
    border: none;
    outline: none;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s
}

.number-slider__up:hover,
.number-slider__down:hover {
    background-color: var(--color-primary)
}

.v-modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3000;
    width: 100vw;
    height: 100vh;
    background: rgba(46, 46, 46, .58);
    opacity: 0;
    -webkit-transition: opacity .25s;
    -o-transition: opacity .25s;
    transition: opacity .25s;
    pointer-events: none;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.v-modal.active {
    opacity: 1;
    pointer-events: all
}

.v-modal__inner {
    margin: 1.75rem auto;
    padding: 0 20px;
    width: 100%;
    max-width: 570px;
    min-height: calc(100% - 3.5rem);
    overflow: auto
}

.v-modal__inner--centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.v-modal__content {
    position: relative;
    padding: 37px 38px 36px;
    width: 100%;
    background-color: #fff !important;
    background-repeat: no-repeat;
    border-radius: 10px;
    overflow: hidden
}

.v-modal__close {
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 15px;
    width: 30px;
    height: 30px;
    overflow: hidden;
    z-index: 3;
    -webkit-transition: opacity .25s;
    -o-transition: opacity .25s;
    transition: opacity .25s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.v-modal__close::before,
.v-modal__close::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 68.75%;
    height: 1px;
    border-radius: 2px;
    background-color: #333
}

.v-modal__close::before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.v-modal__close::after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.v-modal__title {
    margin: 0;
    font-weight: 700;
    font-size: 24px
}

.v-modal.v-modal--size_m .v-modal__inner {
    max-width: 540px
}

.v-modal.v-modal--size_m .v-modal__content {
    padding: 44px 32px 48px
}

@media(max-width: 767.8px) {
    .v-modal.v-modal--size_m .v-modal__content {
        padding: 36px 24px 40px
    }
}

@media(max-width: 767.8px) {
    .v-modal__inner {
        max-width: 500px
    }

    .v-modal__content {
        padding: 35px 25px 30px
    }

    .v-modal__title {
        font-size: 20px
    }
}

.js-incomplete--disabled [incomplete-toggle] {
    display: none
}

.accordion>*+* {
    margin-top: 20px
}

.accordion-item {
    -ms-flex-item-align: start;
    align-self: flex-start;
    max-width: 1100px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 28px rgba(97, 109, 166, .15);
    box-shadow: 0px 0px 28px rgba(97, 109, 166, .15);
    border-radius: 10px
}

.accordion-item__toggle {
    cursor: pointer
}

.accordion-item__toggle-content {
    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: 16px 29px 16px 42px;
    font-weight: 700;
    color: #414554;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s
}

.accordion-item__toggle-content>* {
    min-width: 0;
    margin-right: 24px
}

.accordion-item__toggle-content>*:last-child {
    margin-right: 0
}

.accordion-item__indicator {
    position: relative;
    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;
    min-width: 30px;
    height: 30px;
    background-color: var(--color-primary);
    border-radius: 50%
}

.accordion-item__indicator::before,
.accordion-item__indicator::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 13px;
    height: 2px;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.accordion-item:not(.active) .accordion-item__indicator::after {
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
    -ms-transform: translate(-50%, -50%) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(-90deg)
}

.accordion-item__body {
    display: none
}

.accordion-item__body-content {
    padding: 10px 29px 16px 42px;
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: opacity 1s, -webkit-transform .7s;
    transition: opacity 1s, -webkit-transform .7s;
    -o-transition: opacity 1s, transform .7s;
    transition: opacity 1s, transform .7s;
    transition: opacity 1s, transform .7s, -webkit-transform .7s
}

.accordion-item.active .accordion-item__body-content {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px)
}

.breadcrumbs>ul {
    padding: 30px 0
}

@media(max-width: 991.8px) {
    .breadcrumbs>ul {
        padding: 16px 0
    }
}

.basket__body li {
    list-style-type: none
}

.basket__row {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 24px 40px 24px 47px;
    font-size: 14px;
    background-color: var(--bg-card);
    -webkit-box-shadow: 0px 0px 30px rgba(97, 109, 166, .12);
    box-shadow: 0px 0px 30px rgba(97, 109, 166, .12);
    border-radius: 10px
}

.basket__row+.basket__row {
    margin-top: 35px
}

.basket__col {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    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;
    padding: 0 5px
}

.basket__col:first-child {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 46.153%
}

.basket__col--desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.basket__col--price {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.basket__col--price>* {
    margin-right: 32px
}

.basket__col--price>*:last-child {
    margin-right: 0
}

.basket__col--close {
    -webkit-box-flex: .2;
    -ms-flex-positive: .2;
    flex-grow: .2;
    padding-left: 20px
}

.basket__img {
    display: block;
    margin-right: 36px;
    max-width: 123px
}

.basket__img img {
    display: block;
    max-width: 100%
}

.basket__name {
    margin-bottom: 0.71em;
    font: 700 1.14em var(--fm-1);
    color: #414141
}

.basket__price {
    font: 400 1.14em var(--fm-2);
    color: var(--color-secondary);
    text-align: center;
    white-space: nowrap
}

.basket__price-val {
    font-weight: 500;
    font-size: 2em;
    color: #414554
}

@media(max-width: 991.8px) {
    .basket__row {
        padding: 20px 30px
    }
}

@media(max-width: 767.8px) {
    .basket__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 20px
    }

    .basket__row>* {
        margin-bottom: 20px
    }

    .basket__row>*:last-child {
        margin-bottom: 0
    }

    .basket__col {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 0
    }

    .basket__col:first-child {
        width: auto
    }

    .basket__col--desc {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .basket__col--price {
        margin-bottom: 0
    }

    .basket__col--close {
        position: absolute;
        right: 18px;
        top: 14px;
        padding: 0
    }

    .basket__col--close .close {
        width: 12px;
        height: 12px
    }

    .basket__col--close .close::before,
    .basket__col--close .close::after {
        height: 1px
    }

    .basket__name {
        width: calc(100% - 20px)
    }
}

@media(max-width: 480px) {
    .basket {
        font-size: 12px
    }

    .basket__col--desc {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .basket__col--price {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        row-gap: 15px
    }

    .basket__img {
        margin: 0 0 20px;
        max-width: 50px
    }
}

.buyer-data-list {
    --air-x: 30px;
    --air-y: 42px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 calc(var(--air-y)*-1) calc(var(--air-x)*-1)
}

.buyer-data-list>* {
    margin: 0 0 var(--air-y) var(--air-x);
    word-wrap: break-word;
    width: calc(100% / var(--columns) * 6 - var(--air-x))
}

@media(max-width: 991.8px) {
    .buyer-data-list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .buyer-data-list>* {
        width: calc(100% / var(--columns) * 12 - var(--air-x));
        max-width: 500px
    }
}

@media(max-width: 767.8px) {
    .buyer-data-list {
        --air-y: 20px
    }
}

.buyer-data {
    position: relative;
    padding: 26px 37px 26px 25px;
    font-size: 14px;
    background-color: var(--color-bg-main);
    border: 1px solid #b8bdd7;
    border-radius: 10px
}

.buyer-data legend {
    display: none
}

.buyer-data__title {
    margin-bottom: 1.85em;
    font-weight: 600;
    font-size: 20px;
    color: var(--color-primary)
}

.buyer-data__title .row-cols {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.buyer-data__title span {
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial
}

.buyer-data__title svg {
    width: 2.85em;
    height: 2.85em
}

.buyer-data .bayer-data__checkboxses {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 8px
}

.buyer-data .bayer-data__checkboxses>* {
    margin-bottom: 1.5em
}

.buyer-data .bayer-data__checkboxses>*:last-child {
    margin-bottom: 0
}

.buyer-data__inputs {
    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
}

.buyer-data__inputs .b-input {
    width: 100%
}

.buyer-data__inputs .b-input--triple .b-input__input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.buyer-data__inputs .b-input--triple .b-input__input input:nth-of-type(1) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.buyer-data__inputs .b-input--triple .b-input__input input:nth-of-type(2),
.buyer-data__inputs .b-input--triple .b-input__input input:nth-of-type(3) {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0 10px;
    width: 19.787%;
    text-align: center;
    -webkit-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s
}

.buyer-data__inputs .b-input--triple .b-input__input input:nth-of-type(2) {
    background-color: #eceff8;
    border-radius: 0
}

.buyer-data__inputs .b-input--triple .b-input__input input:nth-of-type(3) {
    background-color: #d9deee;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.buyer-data__inputs--requisites .b-input:nth-child(1),
.buyer-data__inputs--requisites .b-input:nth-child(2) {
    width: calc(50% - 8.5px)
}

.buyer-data__inputs--address .b-input:nth-child(2),
.buyer-data__inputs--address .b-input:nth-child(3) {
    width: calc(50% - 8.5px)
}

@media(max-width: 767.8px) {
    .buyer-data {
        padding: 16px 25px 30px;
        font-size: 12px
    }

    .buyer-data__title {
        margin-bottom: 20px;
        font-size: 14px
    }
}

@media(max-width: 480px) {
    .buyer-data .bayer-data__checkboxses>* {
        margin-bottom: 2em
    }

    .buyer-data__inputs--requisites .b-input:nth-child(1),
    .buyer-data__inputs--requisites .b-input:nth-child(2),
    .buyer-data__inputs--requisites .b-input:nth-child(3),
    .buyer-data__inputs--address .b-input:nth-child(1),
    .buyer-data__inputs--address .b-input:nth-child(2),
    .buyer-data__inputs--address .b-input:nth-child(3) {
        width: 100%
    }
}

.basket-total {
    font-size: 20px
}

.basket-total__row {
    --air-x: 10px;
    --air-y: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 calc(var(--air-y)*-1) calc(var(--air-x)*-1);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.basket-total__row>* {
    margin: 0 0 var(--air-y) var(--air-x);
    word-wrap: break-word;
    white-space: nowrap
}

.basket-total__price-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 37px;
    min-height: 75px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    background-color: var(--color-primary);
    border-radius: 10px
}

.basket-total__price-box--transparent {
    margin-left: auto;
    padding: 0 !important;
    min-height: auto;
    color: #414554;
    background-color: rgba(0, 0, 0, 0)
}

.basket-total__price-box--transparent .basket-total__title {
    font-weight: 700;
    color: var(--color-primary)
}

.basket-total__price-box--transparent .basket-total__price {
    margin-left: 1.5em
}

.basket-total__price-box--transparent .basket-total__count {
    margin-left: 1.62em
}

.basket-total__price {
    margin-left: 1.08em;
    font-family: var(--fm-2);
    font-weight: 700;
    font-size: 1.2em
}

.basket-total__count {
    margin-left: 1.18em;
    font-weight: 500;
    font-size: 0.8em
}

.basket-total .btn {
    width: 13.6em;
    min-height: 75px;
    font-size: 20px;
    background-color: var(--color-primary-dark);
    background-repeat: 10px
}

.basket-total .btn:hover {
    background-color: var(--color-primary)
}

@media(max-width: 991.8px) {
    .basket-total__row {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media(max-width: 991.8px) {
    .basket-total {
        font-size: 18px
    }
}

@media(max-width: 767.8px) {
    .basket-total {
        font-size: 14px
    }

    .basket-total__price-box,
    .basket-total .btn {
        min-height: 50px
    }

    .basket-total__price-box {
        padding: 10px 20px
    }

    .basket-total__count {
        font-size: inherit
    }

    .basket-total .btn {
        font-size: 14px
    }
}

.btns-fixed {
    position: fixed;
    left: 20px;
    bottom: 30px;
    z-index: 5
}

@media(max-width: 991.8px) {
    .btns-fixed {
        bottom: 70px
    }
}

.card__before {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.card__before img,
.card__before svg {
    display: block;
    max-width: 100%
}

.card--style_default {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 28px;
    background-color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 28px rgba(97, 109, 166, .15);
    box-shadow: 0px 0px 28px rgba(97, 109, 166, .15)
}

.category-links {
    --air-x: 24px;
    --air-y: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 calc(var(--air-y)*-1) calc(var(--air-x)*-1)
}

.category-links>* {
    margin: 0 0 var(--air-y) var(--air-x);
    word-wrap: break-word;
    width: calc(100% / var(--columns) * 2.3856858847 - var(--air-x))
}

.category-links__item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-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: 0.21em 1.28em;
    font-weight: 700;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    color: #414554;
    border: 1.5px solid #5b669a;
    -webkit-box-shadow: 0px 0px 28px rgba(97, 109, 166, .15);
    box-shadow: 0px 0px 28px rgba(97, 109, 166, .15);
    border-radius: 10px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.category-links__item:hover {
    color: #fff
}

.category-links__item-desc {
    margin-top: .5em;
    font-weight: 400;
    font-style: italic;
    font-size: 0.85em
}

.category-links__item-desc:empty {
    display: none
}

.category-links__item.btn--orange {
    color: #fff;
    border-color: var(--color-orange)
}

@media(max-width: 1199.8px) {
    .category-links {
        --air-x: 20px;
        --air-y: 15px
    }
}

@media(max-width: 991.8px) {
    .category-links>* {
        width: calc(100% / var(--columns) * 4 - var(--air-x))
    }
}

@media(min-width: 768px) {
    .category-links .js-categories-more {
        display: none;
    }
}

@media(max-width: 767.8px) {
    .category-links {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .category-links>* {
        width: calc(100% / var(--columns) * 6 - var(--air-x));
        font-size: 12px
    }

    .category-links:not(.short) .js-categories-more {
        display: none;
    }

    .category-links.short .category-links__item:nth-child(n+5) {
        display: none;
    }
}

@media(max-width: 480px) {
    .category-links {
        --air-y: 12px;
        --air-x: 8px
    }

    .category-links__item {
        font-size: 10px
    }

    .category-links__item-desc {
        font-size: 9px
    }
}

.filters {
    position: relative;
    padding: 26px 20px 32px;
    color: #fff;
    font-size: 12px;
    background-color: var(--color-primary);
    border-radius: 10px
}

.filters__head {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 0;
    font-size: 14px;
    background-color: var(--color-primary)
}

.filters__title {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700
}

.filters__title svg {
    margin-right: .5em;
    width: 1.71em;
    width: 1.21em;
    fill: #fff
}

.filters__back {
    margin-left: auto;
    padding: 6px 13px;
    font-weight: 600;
    font-style: italic;
    color: var(--color-primary);
    background-color: #fff;
    border: none;
    outline: none;
    border-radius: 20px
}

.filters__body>* {
    margin-bottom: 35px
}

.filters__body>*:last-child {
    margin-bottom: 0
}

.filters__field legend {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    white-space: nowrap;
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    clip: rect(0 0 0 0);
    overflow: hidden
}

.filters__field-toggle {
    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;
    font-style: italic;
    font-weight: 600;
    font-size: 1.16em
}

.filters__field-toggle svg {
    fill: currentColor;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.filters__field--unopened svg {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.filters__field-inner {
    padding-top: 1.75em
}

.filters__checkboxes {
    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: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.filters__checkboxes>*+* {
    margin-top: 0.91em
}

.filters__checkboxes .b-checkbox {
    color: inherit
}

.filters__checkboxes .b-checkbox .b-checkbox__custom {
    color: var(--color-primary);
    border-color: #fff;
    background-color: #fff
}

.filters__controls {
    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;
    padding: 48px 0 0;
    width: 100%;
    text-align: center
}

.filters__submit {
    width: 100%;
    background-color: var(--color-primary-light)
}

.filters__submit:hover {
    background-color: rgba(230, 230, 230, .19)
}

@media(max-width: 991.8px) {
    .filters {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0px 28px 0px;
        height: 100%;
        border-radius: 0;
        overflow: auto
    }

    .filters-wrap {
        position: fixed;
        z-index: 9999;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100vh;
        opacity: 0;
        pointer-events: none;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s
    }

    .filters-wrap.open {
        pointer-events: all;
        opacity: 1;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%)
    }

    .filters__head {
        position: sticky;
        top: 0;
        z-index: 20;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 20px 0 22px
    }

    .filters__body {
        margin-bottom: 25px
    }

    .filters__controls {
        position: sticky;
        bottom: 0;
        z-index: 20;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: auto 0 0;
        padding: 10px 0 35px;
        width: 100%;
        background-color: var(--color-primary)
    }
}

.table-wrap {
    overflow-x: auto
}

.table {
    min-width: 330px;
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%
}

.table th,
.table td {
    padding: 8px
}

.table thead td,
.table thead th {
    font-weight: 600;
    color: #fff;
    background-clip: border-box;
    background-color: var(--color-primary)
}

.table tbody td,
.table tbody th {
    height: 45px;
    border: 1px solid #e0e0e0
}

@media(max-width: 767.8px) {
    .table {
        font-size: 13px
    }
}

.title-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    row-gap: 25px;
    margin-bottom: 50px
}

.title-block__title {
    margin-right: auto;
    margin: 0 auto 0 0;
    padding: 0 25px 0 0;
    margin-bottom: 0
}

.title-block__subtitle {
    font: 400 16px var(--fm-1);
    color: #414554
}

@media(max-width: 991.8px) {
    .title-block {
        -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: flex-start;
        row-gap: 0
    }

    .title-block__title {
        margin: 0;
        padding-right: 0
    }

    .title-block__subtitle {
        margin-top: 1.07em;
        font-size: 16px
    }
}

@media(max-width: 480px) {
    .title-block__subtitle {
        font-size: 14px
    }
}

.tag-pills {
    --air-x: 28px;
    --air-y: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 calc(var(--air-y)*-1) calc(var(--air-x)*-1);
    font-weight: 500;
    font-size: 14px;
    color: #656578;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.tag-pills:first-child {
    padding-top: 0
}

.tag-pills a {
    font-weight: inherit;
    text-decoration: none;
    color: inherit;
    text-decoration: underline
}

.tag-pills a:hover {
    text-decoration: none;
    color: var(--color-succes)
}

.tag-pills>* {
    margin: 0 0 var(--air-y) var(--air-x);
    word-wrap: break-word;
    display: inline-block
}

.tag-pills>span {
    font-weight: 600;
    text-decoration: underline
}

.tag-pills button {
    font-weight: 700;
    color: inherit;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    outline: none
}

.tag-pills button:not(.js-incomplete-toggle--more) .arr {
    top: .15em;
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1)
}

.tag-pills button .arr {
    position: relative;
    top: -0.15em;
    margin-left: .3em;
    border-width: 2px
}

@media(max-width: 1199.8px) {
    .tag-pills {
        --air-x: 35px;
        --air-y: 12px
    }
}

@media(max-width: 767.8px) {
    .tag-pills {
        --air-x: 20px;
        --air-y: 10px;
        font-size: 12px
    }
}

.product-card-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333
}

.ui-menu.ui-widget.ui-widget-content.ui-autocomplete {
    left: 5vw !important;
    width: 90vw !important
}

.ui-menu.ui-widget-content {
    z-index: 10000;
    border: none;
    background-color: #fff;
    border-radius: 10px
}

.ui-menu.ui-widget-content.ui-state-active {
    border-color: rgba(0, 0, 0, 0) !important;
    background-color: rgba(0, 0, 0, 0)
}

.ui-menu.ui-widget-content.ui-state-active .product-card-search {
    color: #333
}

.mse2-ac-link.ui-menu-item-wrapper {
    padding: 1em 2em 2em 2em !important;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s
}

.mse2-ac-link.ui-menu-item-wrapper:hover {
    background-color: rgba(145, 157, 214, .16)
}

.mse2-ac-link.ui-menu-item-wrapper.ui-state-active {
    margin: 0;
    background-color: rgba(145, 157, 214, .16) !important;
    border: none !important
}

.product-card-search__inner {
    -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
}

.product-card-search__inner>* {
    margin-top: .4em
}

.product-card-search__inner>*:first-child {
    margin-top: 0
}

.product-card-search__img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    margin: 0 25px 0 0;
    width: 108px;
    border-radius: 5px;
    overflow: hidden
}

.product-card-search__availability {
    font-weight: 500
}

.product-card-search__title {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: auto;
    font-weight: 700;
    color: #414141 !important
}

.product-card-search__title .arrow {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: inline-block;
    margin-right: 16px
}

.product-card-search__prop {
    color: #757575
}

.product-card-search__prop p {
    display: inline-block;
    margin-bottom: 0
}

.product-card-search__price {
    margin-top: .6em;
    font-weight: 600
}

.product-card-search a {
    color: #333
}

@media(max-width: 767.8px) {
    .product-card-search {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        font-size: 14px
    }

    .ui-menu.ui-widget-content {
        border-radius: 5px
    }

    .mse2-ac-link.ui-menu-item-wrapper {
        padding: .5em 1em 1em 1em !important
    }

    .product-card-search__img {
        width: 60px
    }

    .product-card-search__title .arrow {
        width: 35px;
        height: 35px
    }
}

.product-card {
    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;
    padding: 20px 15px 30px;
    font-size: 14px;
    background-color: var(--bg-card);
    border-radius: 10px;
    overflow: hidden;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.product-card:hover {
    -webkit-box-shadow: 0px 0px 49px rgba(97, 109, 166, .33);
    box-shadow: 0px 0px 49px rgba(97, 109, 166, .33)
}

.product-card:hover .product-card__price {
    color: #fff;
    background-color: var(--color-primary)
}

.product-card:hover .product-card__price-val {
    color: #fff
}

.product-card__labels {
    position: absolute;
    left: 10px;
    top: 9px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
}

.product-card__labels>* {
    margin-right: 10px
}

.product-card__labels>*:last-child {
    margin-right: 0
}

.product-card__link {
    display: block;
    margin-bottom: 1em;
    padding-bottom: 15px;
    color: #414141;
    border-bottom: 1px solid rgba(97, 109, 166, .19)
}

.product-card__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    /* height: 170px */
}

/* .product-card__img>*+* {
    margin-left: 15px
} */

.product-card__img img {
    max-width: 100%;
    max-height: 170px;
    min-height: 0;
    min-width: 0;
    width: auto;
    height: auto;
    object-fit: contain;
}

.product-card__img img:not(:last-child:first-child) {
    max-width: calc(50% - 7.5px)
}

.product-card__title {
    margin-top: 0.93em;
    font-weight: 700;
    font-size: 1.14em;
    text-align: center
}

.product-card__instalment {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: auto;
    padding-bottom: 1em
}

.product-card__instalment .instalment__title {
    margin-right: 0;
    width: 100%;
    text-align: center
}

.product-card__instalment .instalment__price {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-right: 0;
    padding-right: 10px;
    width: calc(100% - 93px);
    line-height: 1.1
}

.product-card__instalment .instalment__price span {
    white-space: nowrap
}

.product-card__instalment .instalment__select {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 83px;
    height: 30px;
    background-position: right 10px center
}

.product-card__instalment .instalment__select select {
    padding: 5px 20px 5px 13px
}

.product-card__instalment~.product-card__instalment {
    margin-bottom: 0
}

.product-card__price,
.product-card__bottom {
    margin-left: -15px;
    margin-right: -15px
}

.product-card__price {
    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;
    margin-top: auto;
    padding: 11px 4px;
    color: #757575;
    border-top: 1px solid rgba(97, 109, 166, .19);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.product-card__price-val {
    margin-top: -0.15em;
    font-weight: 700;
    font-size: 16px;
    color: var(--color-primary);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.new-price.red {
    color: var(--color-red);
}

.product-card__price del {
    font-size: 0.85em;
    color: #b8bdd7
}

.product-card__bottom {
    margin-bottom: -30px
}

.product-card__bottom .btn {
    width: 100%;
    border-radius: 0
}

.product-card__to-basket-btn {
    background-color: var(--color-primary-dark)
}

.swiperV2,
.swiperV11 {
    padding: 15px;
    margin: -15px;
}

.swiperV2 .product-card:hover,
.swiperV11 .product-card:hover {
    -webkit-box-shadow: 0px 0px 19px rgba(97, 109, 166, .33);
    box-shadow: 0px 0px 19px rgba(97, 109, 166, .33);
}

@media(max-width: 767.8px) {
    .product-card {
        padding: 15px 11px 20px;
        /* font-size: 10px; */
    }

    .product-card__instalment {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-bottom: 1em
    }

    .product-card__instalment .instalment__price {
        width: calc(100% - 80px);
        font-size: 14px
    }

    .product-card__instalment .instalment__select {
        font-size: 10px;
        width: 70px;
        height: 22px
    }

    .product-card__instalment .instalment__select select {
        font-size: inherit
    }

    .product-card__price,
    .product-card__bottom {
        margin-left: -11px;
        margin-right: -11px
    }

    .product-card__bottom {
        margin-bottom: -20px
    }

    .product-card__price {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    /* .product-card__price-title {
        margin-bottom: 5px;
        width: 100%;
        text-align: center
    } */

    .product-card__price-val {
        font-size: 16px
    }

    .product-card__price del {
        font-size: 10px
    }
}

/* @media(max-width: 480px) {
    .product-card__img {
        height: 170px;
    }
} */

/* @media screen and (max-width: 390px) {
    .product-card__img {
        height: 170px
    }
} */

.products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.products__controls {
    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;
    margin-bottom: 35px
}

.products__list {
    --air-x: 21px;
    --air-y: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 calc(var(--air-y)*-1) calc(var(--air-x)*-1);
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.products__list>* {
    margin: 0 0 var(--air-y) var(--air-x);
    word-wrap: break-word;
    width: calc(100% / var(--columns) * 2.3952095808 - var(--air-x))
}

@media screen and (min-width: 991.8px) {
    .boxes .products__list>* {
        width: calc(100% / var(--columns) * 3 - var(--air-x))
    }
}

@media screen and (min-width: 991.8px)and (max-width: 1199.8px) {
    .boxes .products__list>* {
        width: calc(100% / var(--columns) * 4 - var(--air-x))
    }
}

.products .record-control {
    position: relative;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

@media(max-width: 1199.8px) {
    .products__list>* {
        width: calc(100% / var(--columns) * 3 - var(--air-x))
    }
}

@media(max-width: 991.8px) {
    .products__list>* {
        width: calc(100% / var(--columns) * 4 - var(--air-x))
    }
}

@media(max-width: 767.8px) {
    .products__list {
        --air-x: 15px;
        --air-y: 15px
    }

    .products__list>* {
        width: calc(100% / var(--columns) * 6 - var(--air-x))
    }
}

@media(max-width: 480px) {
    .products__controls {
        font-size: 10px
    }
}

.products-slider {
    padding: 40px 0;
    overflow: visible;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.products-slider-wrap {
    margin-top: -40px;
    overflow: hidden
}

.products-slider::after,
.products-slider::before {
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: 4;
    height: 100%;
    width: 5000px;
    background: -o-linear-gradient(1.39deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4) 7vw, rgba(255, 255, 255, 0.9) 15vw);
    background: linear-gradient(88.61deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4) 7vw, rgba(255, 255, 255, 0.9) 15vw)
}

.products-slider::before {
    right: 100%;
    -webkit-transform: scale(-1);
    -ms-transform: scale(-1);
    transform: scale(-1)
}

.products-slider::after {
    left: 100%
}

.products-slider__slide {
      height: auto;
    width: auto;
    margin: 0 5px 0 5px;

}


.products-slider__slide a {
    display: block
}

@media(max-width: 991.8px) {
    /* .products-slider__slide {
        width: 281px !important
    } */

    .products-slider::before,
    .products-slider::after {
        display: none
    }
}

@media(max-width: 767.8px) {
    .products-slider::after {
        display: block;
        left: 90%
    }

    /* .products-slider__slide {
        width: 200px !important
    } */
}

@media(max-width: 480px) {
    /* .products-slider__slide {
        width: 170px !important
    } */
}

.product .product__title {
    margin-bottom: 0.93em;
    font: 600 32px var(--fm-1);
    color: #19191c;
    text-align: left
}

.product__showcase {
    --air-x: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 69px 65px 55px 32px;
    background-color: var(--bg-card);
    -webkit-box-shadow: 0px 0px 49px rgba(97, 109, 166, .1);
    box-shadow: 0px 0px 49px rgba(97, 109, 166, .1);
    border-radius: 10px
}

.product__showcase>* {
    min-width: 0
}

.product__gallery {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 50px;
    width: 350px
}

.product__gallery .gallery__full {
    margin: 0 auto;
    max-width: 430px
}

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

.product__details>* {
    margin-bottom: 30px
}

.product__details>*:last-child {
    margin-bottom: 0
}

.product__labels {
    position: absolute;
    top: 0px;
    left: 50%;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.product__labels>*+* {
    margin-left: 17px
}

.product__labels .label-prod {
    width: 51px;
    height: 51px
}

.product__price-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.product__price-box>*+* {
    margin-left: 32px
}

.product__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-weight: 600
}

.product__price-val {
    font-family: var(--fm-2);
    font-size: 32px
}

.product__price del {
    margin-left: 1em;
    font-size: 16px;
    font-family: var(--fm-2);
    color: #ea5151
}

.product__palette-item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #414141
}

.product__palette-item>*+* {
    margin-left: 0.81em
}

.product__palette-item i {
    display: inline-block;
    width: 3em;
    height: 3em;
    border-radius: 0.62em
}

.product__btn-to-basket {
    min-width: 208px
}

.product .table-wrap {
    width: 100%
}

.product__table {
    width: 100%;
    font-size: 14px;
    text-align: center
}

.product__table td,
.product__table th {
    padding: 10px;
    height: 45px;
    border: 1px solid #e0e0e0
}

.product__table td:first-child,
.product__table th:first-child {
    min-width: 115px
}

@media(max-width: 1199.8px) {
    .product .product__title {
        font-size: 26px
    }
}

@media(max-width: 991.8px) {
    .product__showcase {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 28px 20px 30px
    }

    .product__showcase>* {
        width: 100%
    }

    .product__showcase .gallery__slider-wrap {
        margin: 0 auto
    }

    .product__gallery {
        margin: 0 auto 50px;
        padding-right: 0
    }

    .product__details {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .product__title {
        -ms-flex-item-align: start;
        align-self: flex-start
    }
}

@media(max-width: 767.8px) {
    .product .product__title {
        margin-bottom: 1em;
        font-size: 16px
    }

    .product__labels .label-prod {
        width: 39px;
        height: 39px;
        font-size: 11px
    }

    .product__details {
        font-size: 12px
    }

    .product__details>* {
        margin-bottom: 20px
    }

    .product__price {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        row-gap: 8px
    }

    .product__price-val {
        font-size: 18px;
        white-space: nowrap
    }

    .product__price del {
        margin-left: 12px;
        font-size: 12px;
        white-space: nowrap
    }

    .product__palette-item i {
        width: 26px;
        height: 26px;
        border-radius: 3px
    }

    .product__btn-to-basket {
        margin-left: 14px;
        min-width: 140px
    }

    .product__table {
        font-size: 12px
    }

    .product__table td,
    .product__table th {
        padding: 7px;
        height: 32px
    }
}

.menu {
    position: relative;
    z-index: 1;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600
}

.menu .j-toggle-hang {
    cursor: pointer
}

.menu__submenu {
    padding: 0;
    font-weight: 500
}

.menu__item {
    margin-bottom: 0;
    list-style-type: none
}

.menu__link {
    font-weight: inherit;
    text-decoration: none;
    color: inherit;
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: color .2s, background-color .2s;
    -o-transition: color .2s, background-color .2s;
    transition: color .2s, background-color .2s
}

.menu__link:hover {
    text-decoration: none
}

.menu>.menu__item>.menu__link {
    text-transform: uppercase
}

.menu__toggle {
    margin-top: -0.2em;
    margin-right: 10px;
    width: 30px;
    height: 16px
}

.menu__toggle span,
.menu__toggle span::before,
.menu__toggle span:after {
    height: 1.6px
}

.menu__toggle span::before {
    top: -6px
}

.menu__toggle span::after {
    bottom: -6px
}

.menu__arr {
    display: inline-block;
    margin: 0 0 0 0.5em;
    vertical-align: middle;
    fill: currentColor;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.menu .menu__item--hang_open>ul,
.menu .menu__item--hang:hover>ul {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    -o-transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s, -webkit-transform .3s
}

.menu .menu__item--hang_open .menu__toggle span,
.menu .menu__item--hang_open .menu__toggle span::before,
.menu .menu__item--hang_open .menu__toggle span::after,
.menu .menu__item--hang:hover .menu__toggle span,
.menu .menu__item--hang:hover .menu__toggle span::before,
.menu .menu__item--hang:hover .menu__toggle span::after {
    background-color: var(--color-orange)
}

.menu .menu__item--hang_open>a,
.menu .menu__item--hang_open #katalog_btn>a,
.menu .menu__item--hang:hover>a,
.menu .menu__item--hang:hover #katalog_btn>a {
    color: var(--color-orange)
}

@media screen and (min-width: 991.8px) {
    .menu__submenu {
        position: absolute;
        min-width: 330px;
        max-width: 350px;
        color: var(--color-text);
        background-color: #fff;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
        -webkit-box-shadow: 0px 0px 47px rgba(97, 109, 166, .47);
        box-shadow: 0px 0px 47px rgba(97, 109, 166, .47);
        -webkit-transition: opacity .3s, visibility 0s .3s, -webkit-transform .3s;
        transition: opacity .3s, visibility 0s .3s, -webkit-transform .3s;
        -o-transition: transform .3s, opacity .3s, visibility 0s .3s;
        transition: transform .3s, opacity .3s, visibility 0s .3s;
        transition: transform .3s, opacity .3s, visibility 0s .3s, -webkit-transform .3s
    }

    .menu__submenu .menu__arr svg {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .menu__submenu.lvl-2 {
        top: 100%;
        left: 0;
        font-size: 16px
    }

    .lvl-2 .menu__submenu {
        left: 100%;
        top: 0;
        min-width: 290px;
        max-width: 320px;
        color: #fff;
        background-color: var(--color-primary-dark);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity .2s, visibility 0s .5s, -webkit-transform .5s;
        transition: opacity .2s, visibility 0s .5s, -webkit-transform .5s;
        -o-transition: opacity .2s, visibility 0s .5s, transform .5s;
        transition: opacity .2s, visibility 0s .5s, transform .5s;
        transition: opacity .2s, visibility 0s .5s, transform .5s, -webkit-transform .5s
    }

    .menu__item {
        position: relative
    }

    .menu__item:hover {
        z-index: 2
    }

    .menu__item:hover>.menu__submenu {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: opacity .2s, -webkit-transform .3s;
        transition: opacity .2s, -webkit-transform .3s;
        -o-transition: opacity .2s, transform .3s;
        transition: opacity .2s, transform .3s;
        transition: opacity .2s, transform .3s, -webkit-transform .3s
    }

    .menu>.menu__item {
        margin-right: 20px
    }

    .menu>.menu__item:last-child {
        margin-right: -7px
    }

    .menu>.menu__item.active>.menu__link {
        position: relative
    }

    .menu>.menu__item.active>.menu__link::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 4px;
        background-color: #fff
    }

    .menu>.menu__item:hover>a.menu__link {
        color: var(--color-orange)
    }

    .menu>.menu__item:hover>.menu__link .menu__arr {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .menu>.menu__item>.menu__link {
        position: relative;
        padding: 23px 10px;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s
    }

    .menu__submenu .menu__item:hover>a.menu__link {
        color: #fff;
        background-color: var(--color-primary)
    }

    .menu__submenu .menu__item:hover>a.menu__link .menu__arr {
        fill: #fff
    }

    .menu__submenu .menu__item.active>.menu__link {
        font-weight: 700;
        text-decoration: underline
    }

    .menu__submenu.lvl-3 .menu__item:hover>a.menu__link {
        background-color: var(--color-orange)
    }

    .menu__submenu .menu__link {
        padding: 1em 27px 0.87em 2.18em;
        width: 100%
    }

    .menu__arr.js-toggle-submenu {
        pointer-events: none
    }

    .menu__item--hang {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 0
    }

    .menu__item--hang.active>ul {
        opacity: 1;
        pointer-events: all;
        visibility: visible !important;
        -webkit-transition: opacity .3s !important;
        -o-transition: opacity .3s !important;
        transition: opacity .3s !important
    }

    .menu__item--hang .menu__hamburger.active+.menu__link {
        color: var(--color-primary)
    }
}

@media(max-width: 991.8px) {
    .menu {
        -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: flex-start
    }

    .menu__toggle {
        margin: -0.35em 1em 0 0px
    }

    .menu__link:not([href]),
    .menu__item.active>.menu__link {
        text-decoration: underline;
        opacity: .8
    }

    #katalog_btn {
        text-decoration: none;
        opacity: 1;
    }

    #katalog_btn a {
        color: inherit;
    }

    .menu__item--hang_open>.menu__submenu {
        display: block
    }

    .menu__link {
        padding: 0.83em 10px 0.83em 0;
        padding-left: 1.8em
    }

    .menu__link:hover {
        color: var(--color-orange)
    }

    .menu__arr {
        cursor: pointer;
        position: absolute;
        right: 0;
        top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: 15px;
        height: 100%;
        width: 40px
    }

    .menu__arr.js-toggle-submenu--active {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .menu__arr svg,
    .menu__arr img {
        margin: auto
    }

    .menu>.menu__item {
        width: 100%
    }

    .menu>.menu__item>.menu__link {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 1em 10px 1em 0;
        padding-left: 3.2em;
        width: 100%
    }

    .menu>.menu__item--hang>.menu__link {
        padding-left: 0
    }

    .menu__link {
        position: relative;
        width: 100%
    }

    .menu__submenu {
        display: none;
        padding-left: 1em
    }
}

#katalog_btn>a {
    color: inherit;
}


.icon-text {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.icon-text__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: 3em;
    height: 3em;
    background: #fff;
    -webkit-box-shadow: 0px 4px 24px rgba(207, 207, 232, .6), 0px 1px 1px rgba(0, 0, 0, .1);
    box-shadow: 0px 4px 24px rgba(207, 207, 232, .6), 0px 1px 1px rgba(0, 0, 0, .1);
    border-radius: 0.62em
}

.icon-text__icon svg,
.icon-text__icon img {
    width: 62.5%;
    height: 62.5%
}

.icon-text__text {
    margin-left: 0.81em
}

@media(max-width: 767.8px) {
    .icon-text__icon {
        width: 2.16em;
        height: 2.16em;
        border-radius: 3px
    }
}

.b-checkbox input:checked~.b-checkbox__custom::before,
.b-checkbox.checked .b-checkbox__custom::before {
    opacity: 1;
    content: "✓"
}

.header {
    position: sticky;
    top: 0;
    z-index: 110;
    font-size: 18px;
    background-color: #fff
}

.header__inner {
    position: relative;
    z-index: 50
}

.header__top {
    padding: 18px 0 19px
}

.header__top-container {
    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
}

.header__top-container::before,
.header__top-container::after {
    display: none
}

.header__bottom {
    color: #fff;
    background-color: var(--color-primary)
}

.header__bottom-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__bottom-container::before,
.header__bottom-container::after {
    display: none
}

.header__bottom .menu__toggle {
    --color-tone: #fff
}

.header__burger-content {
    display: none
}

.header .msgrs,
.header .firm-info {
    font-size: 16px
}

.header .msgrs__link svg {
    width: 24px;
    height: 24px
}

.header .msgrs__link b {
    font-size: inherit
}

.header__hamburger {
    --color-tone: #fff;
    display: none
}

@media screen and (min-width: 767.8px) {
    .header__msgrs-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-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .header__msgrs-box>* {
        margin-bottom: 9px
    }

    .header__msgrs-box>*:last-child {
        margin-bottom: 0
    }
}

@media(max-width: 991.8px) {
    .header__bottom {
        padding: 13px 0 14px
    }

    .header__burger {
        position: absolute;
        left: 0;
        width: 400px;
        font-size: 14px;
        color: #fff;
        background-color: var(--color-primary-dark);
        visibility: hidden;
        opacity: 0;
        -webkit-transition: opacity .3s, visibility 0s .3s;
        -o-transition: opacity .3s, visibility 0s .3s;
        transition: opacity .3s, visibility 0s .3s
    }

    .header__burger.open {
        visibility: visible;
        opacity: 1;
        -webkit-transition: opacity .3s;
        -o-transition: opacity .3s;
        transition: opacity .3s
    }

    .header__burger-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 35px 25px 30px;
        max-height: 100%;
        overflow: auto
    }

    .header__burger-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 37px
    }

    .header__burger-content>* {
        margin-bottom: 14px
    }

    .header__burger-content .firm-info {
        color: #fff
    }

    .header__burger-content .firm-info__ic {
        fill: #fff
    }

    .header__logo {
        max-width: 170px
    }

    .header__hamburger {
        display: block
    }
}

@media(max-width: 767.8px) {
    .header {
        font-size: 12px;
        background: transparent;
    }

    .header__top {
        padding: 0px;
        position: relative;
        z-index: 1;
        background: white;
    }

    .products__controls {
        position: sticky;
        top: 114px;
        background: white;
        z-index: 1;
        margin-bottom: 31px;
        margin-left: -4px;
        margin-right: -4px;
        padding: 4px;
        transition: 0.3s;
    }

    .header__bottom {
        transition: 0.3s;
    }

    body.scrolled-down .header__bottom {
        transform: translateY(-56px);
    }

    /* body.scrolled-down .header__bottom {display: none;} */
    body.scrolled-down .products__controls {
        top: 57px;
    }

    body.scrolled-down .header__inner {
        height: 58px;
    }

    .header__bottom {
        padding: 8px 0
    }

    .header__burger {
        height: calc(100vh - 155px)
    }

    .header__burger-inner {
        max-height: 100% !important
    }

    .header__logo {
        max-width: 87px
    }

    .header__msgrs-box {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .header__msgrs-box>* {
        margin-right: 28px
    }

    .header__msgrs-box>*:last-child {
        margin-right: 0
    }

    .header__btn-callback {
        --btn-height: 24px;
        margin: 0 auto
    }

    .header .msgrs {
        font-size: 12px
    }

    .header .msgrs__link b {
        font-size: 16px
    }
}

@media(max-width: 480px) {
    .header__burger {
        width: 100%
    }
}

.footer {
    position: relative;
    padding-top: 49px;
    font-size: 14px;
    color: #414141;
    background-color: var(--color-bg-main);
    -webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, .08);
    box-shadow: 0px 0px 50px rgba(0, 0, 0, .08)
}

.footer__body {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (auto)[4];
    grid-template-columns: repeat(4, auto);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.footer__col>* {
    margin-bottom: 22px
}

.footer__col>*:last-child {
    margin-bottom: 0
}

.footer__bottom {
    padding: 17px 0 15px;
    font-size: 16px;
    background-color: var(--color-primary);
    color: #fff
}

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

.footer__bottom a:hover {
    text-decoration: underline
}

.footer__links>* {
    margin-bottom: 1.4em
}

.footer__links>*:last-child {
    margin-bottom: 0
}

.footer__links a {
    font-weight: 700;
    text-decoration: underline;
    text-transform: uppercase;
    color: var(--color-primary)
}

.footer__links a:hover {
    text-decoration: none
}

.footer__logo {
    margin-bottom: 18px;
    max-width: 170px
}

.footer__bottom {
    margin-top: 54px
}

@media(max-width: 991.8px) {
    .footer__body {
        -ms-grid-columns: auto auto;
        grid-template-columns: auto auto;
        -webkit-column-gap: 60px;
        -moz-column-gap: 60px;
        column-gap: 60px;
        row-gap: 30px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media(max-width: 767.8px) {
    .footer {
        padding-top: 23px
    }

    .footer__body {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        row-gap: 30px
    }

    .footer__logo {
        margin-bottom: 13px
    }

    .footer__bottom {
        margin-top: 34px;
        padding: 20px 0 19px;
        font-size: 14px
    }
}

@media(max-width: 480px) {
    .footer {
        font-size: 12px
    }
}

.search-panel__inner {
    position: relative;
}

.search-panel__clear {
    right: 75px;
}

.search-panel__close {
    right: 35px;
}

@media (max-width: 767.8px) {
    .search-panel__clear {
        right: 60px;
    }

    .search-panel__close {
        right: 20px;
    }
}

video[preload="metadata"] {
    max-width: 49%;
}

section.categories {
    margin-bottom: 70px;
}

.categories-wrapper {
    margin: -15px;
}

.categories-block {
    min-height: 196px;
    border-radius: 10px;
    border: 1px solid #E1E3EE;
    background: var(--white, #FFF);
    box-shadow: 8px 8px 15px 0px rgba(149, 165, 241, 0.10), -8px -8px 15px 0px rgba(149, 165, 241, 0.10);
    width: calc(50% - 30px);
    float: left;
    margin: 15px;
    padding: 30px;
}

.categories-block:nth-child(3) {
    float: right;
}

.categories-block.categories-block-big {
    min-height: 400px;
}

.categories-main-link {
    color: var(--black, #19191C);
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.categories-main-link svg {
    margin-left: 10px;
    transform: translateY(-1px);
}

.subcategories {
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
}

.categories-block:not(.categories-block-big) .subcategories {
    flex-direction: column;
    align-items: start;
}

.subcategory {
    border-radius: 10px;
    border: 1px solid #E1E3EE;
    background: var(--white, #FFF);
    padding: 12px 20px;
    margin: 5px;
    color: var(--black, #19191C);
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
}

.subcategory:hover {
    color: var(--color-primary);
    border-color: var(--color-primary);
    background: var(--color-primary);
    color: white;
    transition: 0.2s;
}

.bg_cat1 {
    background: url('/assets/img/categories1.jpg') no-repeat center;
    background-size: 309px;
    background-position: calc(100% - 30px) bottom;
}

.bg_cat2 {
    background: url('/assets/img/categories2.jpg') no-repeat center;
    background-size: 240px;
    background-position: calc(100% - 20px) top;
}

.bg_cat3 {
    background: url('/assets/img/categories3.jpg') no-repeat center;
    background-size: 305px;
    background-position: calc(100% - 30px) bottom;
}

.bg_cat4 {
    background: url('/assets/img/categories4.jpg') no-repeat center;
    background-size: 230px;
    background-position: calc(100% - 30px) 30px;
}

@media (max-width: 1199px) {
    .bg_cat1 {
        background-size: 250px;
    }

    .bg_cat2 {
        background-size: 210px;
    }

    .bg_cat3 {
        background-size: 261px;
    }

    .bg_cat4 {
        background-size: 200px;
    }
}

@media (max-width: 767px) {
    section.categories {
        margin-bottom: 0px;
        padding-bottom: 30px;
        margin-top: 40px;
    }

    .categories-wrapper {
        margin: -10px;
        flex-direction: column;
        display: flex;
    }

    .categories-block {
        float: unset !important;
        width: calc(100% - 20px);
        margin: 10px;
        padding: 20px;
    }

    .categories-main-link {
        font-size: 16px;
    }

    .subcategory {
        padding: 8px 15px;
        font-size: 12px;
    }

    .categories-block {
        min-height: 140px;
    }

    .categories-block.categories-block-big {
        min-height: unset;
        padding-bottom: 164px;
    }

    .categories-block:nth-child(2) {
        order: 2;
    }

    .bg_cat1 {
        background-size: 257px;
        background-position: calc(100% - 20px) bottom;
    }

    .bg_cat2 {
        background-size: 140px;
        background-position-x: calc(100% - 10px);
    }

    .bg_cat3 {
        background-size: 252px;
        background-position: calc(100% - 20px) bottom;
    }

    .bg_cat4 {
        background-size: 160px;
        background-position: calc(100% - 10px) 20px;
    }
}

/* PRODUCT */
.product__main {
    border-radius: 10px;
    background: var(--white, #FFF);
    box-shadow: 8px 8px 15px 0px rgba(149, 165, 241, 0.10), -8px -8px 15px 0px rgba(149, 165, 241, 0.10);
    padding: 40px;
    display: flex;
}

.product__gallery {
    margin-right: 30px;
    width: 330px;
}

.product__content {
    flex: 1;
}

.product__content .line {
    border: none;
    height: 1px;
    background: #E0E0E0;
    margin: 25px 0;
}

.product__title {
    color: var(--black, #19191C);
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.product__choose {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: -5px -5px 10px;
    color: var(--black, #19191C);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.product__choose>* {
    margin: 5px;
}

.product__option {
    border-radius: 5px;
    border: 1px solid var(--light-purple, #E1E3EE);
    background: var(--white, #FFF);
    padding: 6px 14px;
    cursor: pointer;
}

.product__option.active {
    background: var(--light-purple, #E1E3EE);
}

.product__option.inactive {
    opacity: 0.5;
    pointer-events: none;
}

.buttons__list {
    display: grid;
    grid-template-columns: 260px auto;
    gap: 20px;
}

.buttons__list .btn {
    min-height: 40px;
}

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

.product__blocks {
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
}

.product__block {
    width: 100%;
    margin: 5px;
    padding: 15px 20px;
    border-radius: 10px;
    border: 1px solid var(--light-purple, #E1E3EE);
    background: var(--white, #FFF);
}

.product__block.half {
    width: calc(50% - 10px);
}

.product__block-title {
    color: var(--text, #757575);
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 5px;
}

.product__price {
    color: var(--purple, #616DA6);
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

span.product__price-old {
    color: var(--text, #757575);
    font-size: 20px;
    font-style: normal;
    line-height: normal;
    text-decoration: line-through;

}

span#new-price.red {
    color: var(--color-red);
}

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

.product__rent {
    color: var(--orange, #FF7000);
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.select-wrapper {
    position: relative;
    color: var(--black, #19191C);
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    text-align: center;
}

button.select {
    border-radius: 10px;
    border: 1px solid var(--light-purple, #E1E3EE);
    background: var(--white, #FFF);
    padding: 12px 20px;
    display: flex;
}

button.select svg {
    margin-left: 5px;
}

.variants {
    position: absolute;
    border-radius: 10px;
    border: 1px solid var(--light-purple, #E1E3EE);
    background: var(--white, #FFF);
    padding: 0px 12px;
    left: 0;
    top: 100%;
    margin-top: 4px;
    width: 100%;
    display: none;
}

.select-wrapper.opened .variants {
    display: block;
}

.variant {
    margin: 6px 0;
    padding: 4px 0;
    cursor: pointer;
}

.flex-block {
    display: flex;
    align-items: flex-end;
    margin-bottom: 15px;
}

.flex-block .product__block-title {
    margin-bottom: 4px;
}

.product__block-price {
    margin-left: 15px;
    color: var(--black, #19191C);
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.icon-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 25px;
}

.icon-text__text {
    margin-left: 15px;
    font-size: 14px;
    line-height: normal;
}

.icon-text__icon {
    flex: 0 0 50px;
    box-shadow: unset;
    filter: drop-shadow(8px 8px 15px rgba(149, 165, 241, 0.10)) drop-shadow(-8px -8px 15px rgba(149, 165, 241, 0.10));
    border: 1px solid #E1E3EE;
}

.product__description,
.product__seo {
    color: var(--text, #757575);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.product__description p+p,
.product__seo {
    margin-top: 10px;
}

.product__advantages {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}

.product__advantage {
    text-align: center;
}

.product__advantage-icon {
    box-shadow: 8px 8px 15px 0px #95A5F11A, -8px -8px 15px 0px #95A5F11A;
    display: flex;
    width: 80px;
    height: 80px;
    justify-content: center;
    align-items: center;
    border: 1px solid #E1E3EE;
    border-radius: 15px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

.product__advantage-title {
    color: var(--black, #19191C);
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 140%;
}

.product__advantage-title a {
    color: var(--purple, #616DA6);
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    text-decoration-line: underline;
}

.product__attibutes {
    margin-top: 40px;
}

.product__attibutes-title {
    color: var(--black, #19191C);
    text-align: center;
    font-size: 30px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 30px;
}

.product__attibutes .table-wrap {
    margin: 0 auto;
    max-width: 730px;
}

.product__attibutes table.product__table {
    color: var(--black, #19191C);
    text-align: center;
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.product__attibutes .product__table td,
.product__attibutes .product__table th {
    height: 50px;
}

.gallery-prod__thumbs-wrap {
    height: 90px;
    margin-top: 20px;
}

.slider-arr {
    width: 35px;
    height: 35px;
}

.gallery-prod__thumbs {
    margin: 0 30px;
}

@media (max-width: 1199px) and (min-width: 992px) {

    .product__price,
    .product__rent,
    .product__block-price {
        font-size: 24px;
    }

    button.select {
        padding: 12px 12px;
    }

    .buttons__list {
        grid-template-columns: 200px auto;
    }
}

@media (max-width: 991px) {
    .product__main {
        flex-direction: column;
    }

    .product__gallery {
        margin-right: 0;
        width: 100%;
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .product__main {
        padding: 10px 15px;
    }

    .product__gallery {
        margin-bottom: 20px;
    }

    .product__content .line {
        margin: 20px 0;
    }

    .product__title {
        font-size: 18px;
    }

    .product__choose {
        font-size: 12px;
    }

    .buttons__list .btn {
        margin-left: 0;
    }

    .buttons__list {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .buttons__links>*+* {
        margin-top: 10px;
    }

    .product__block.half {
        width: 100%;
    }

    .product__block-title {
        font-size: 14px;
    }

    .product__price,
    .product__rent,
    .product__block-price {
        font-size: 24px;
    }

    span.product__price-old {
        font-size: 16px;
    }

    button.select {
        padding: 9px 20px;
    }

    .icon-wrapper {
        gap: 0;
        display: flex;
        flex-wrap: wrap;
        margin: -5px;
    }

    .icon-wrapper .icon-text {
        margin: 5px;
    }

    .icon-text__icon {
        flex: 0 0 40px;
        width: 40px;
        height: 40px;
    }

    .icon-text__text {
        margin-left: 10px;
        font-size: 12px;
    }

    .product__description,
    .product__seo {
        font-size: 14px;
    }

    .product__advantages {
        margin-top: 30px;
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .product__advantage {
        display: flex;
        align-items: center;
    }

    .product__advantage-icon {
        margin-bottom: 0px;
        margin-right: 15px;
        height: 60px;
        width: 60px;
        margin-left: 0;
    }

    .product__advantage-icon svg {
        transform: scale(0.75);
    }

    .product__advantage-title a {
        display: block;
        text-align: left;
        margin-top: 2px;
    }

    .product__attibutes {
        margin-top: 30px;
    }

    .product__attibutes-title {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .product__attibutes table.product__table {
        font-size: 14px;
    }

    .gallery-prod__thumbs-wrap {
        height: 60px;
        margin-top: 10px;
    }

    .gallery-prod__thumbs-wrap .slider-arr {
        width: 35px;
        height: 35px;
    }

    .gallery-prod__thumbs {
        margin: 0 26px 0;
        height: 60px;
    }

    .gallery-prod__thumbs-item {
        padding: 0 10px;
    }

    .dop__info-summary {
        padding: 5px;
    }

    .dop-card__container:not(:last-child) {
        margin: 0 0 6px 0;
    }
}

@media (min-width: 1200px) {
    .product__advantage:first-child .product__advantage-title {
        margin: 0 auto;
        max-width: 180px;
    }
}

.advantages.advantages-mobile {
    display: none;
}

@media (max-width: 576px) {
    .advantages.advantages-mobile {
        display: block;
        padding-top: 0;
        margin-bottom: 25px;
    }

    .advantages.advantages-mobile .item {
        width: 50%;
    }
}

/* END PRODUCT */
.media {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 875px;
  margin: 0 auto 30px;
}
.media-title {
  text-align: center;
  margin-bottom: 70px;
  margin-top: 30px;
  font-size: 48px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .media {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 10px;
    text-align: center;
    margin-bottom: 10px;
  }
  .media-title {
    margin-bottom: 50px;
    margin-top: 10px;
    font-size: 32px;
  }
  .media-item img {max-width: 100%;}
  .media-item:nth-child(1) img {width: 130px;}
}

.boxes .products__list > .sale-banner {
  width: calc(100% / var(--columns) * 6 - var(--air-x));
}
@media screen and (min-width: 767.8px) and (max-width: 1199.8px) {
  .boxes .products__list > .sale-banner {
    width: calc(100% / var(--columns) * 8 - var(--air-x));
  }
}
@media (max-width: 767.8px) {
  .boxes .products__list > .sale-banner {
    width: calc(100% - var(--air-x));
  }
}
.sale-banner img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.sale-banner__text {
  padding: 20px 15px;
}
.product__content .sale-banner {
  margin: 20px auto 0;
  justify-content: center;
  display: flex;
  gap: 10px;
}
.product__content .sale-banner img {
  width: 430px;
}
@media (max-width: 1199.8px) {
  .product__content .sale-banner {
    flex-direction: column;
    align-items: center;
  }
}

@media (max-width: 767.8px) {
  .products__controls {
    position: sticky;
    top: 114px;                    /* под твою шапку */
    z-index: 10;
    background: white;
    margin: 0 -16px;               /* или -8px / -12px — под отступы контейнера */
    padding: 12px 16px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1); /* лёгкая тень для визуального отделения */
    
    display: flex;
    flex-direction: column;        /* ← главное изменение */
    align-items: stretch;
    gap: 12px 0;                   /* расстояние между строками */
  }

  /* Кнопка фильтра на всю ширину */
  .btn-ic {
    width: 100% !important;
    height: 48px;
    border-radius: 10px;
    background: var(--color-primary, #616DA6);
    color: white;
    font-size: 15px;
    font-weight: 600;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 16px;
    border: none;
    transition: background 0.2s;
  }

  .btn-ic:hover,
  .btn-ic:active {
    background: #4f5a8f;           /* чуть темнее при наведении/нажатии */
  }

  .btn-ic svg {
    width: 22px;
    height: 22px;
    fill: white;
    margin:0;
  }

  .sorting {
    width: 100%;
  }

  .sorting__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px 24px;
    font-size: 10px;
  }

  .sorting__title {
    font-weight: 600;
    margin-right: 8px;
    white-space: nowrap;
  }

  .sort {
    color: #333;
    text-decoration: none;
  }

  .sort.active,
  .sort:hover {
    color: var(--color-primary);
    font-weight: 600;
  }

  .record-counter {
    text-align: center;
    font-size: 13px;
    color: #666;
    padding-top: 4px;
  }
  .dop-card__container p {
    width: 100%;
    font-family: 'Raleway';
    font-style: italic;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    position: relative;
    cursor: pointer;
    padding: 16px;
    margin-top: -10px;
    max-width: 202px;
}
   .b-content p {
   margin-bottom:0;
  
}
}

.product__advantage-icon svg { fill: #FF7000; }

.b-radio .b-radio__custom,
.b-radio .b-radio__input {
    pointer-events: none;
}

/* ==============================================
   HEADER SECTION STYLES
   ============================================== */

/* Header Social Links - Desktop */
.header__bottom-container .d-md-inline-flex.sci-list {
  margin-left: 30px;
}

.header__bottom-container .sci-link svg.firm-info__ic {
  fill: #fff;
  margin: 0;
  height: 32px;
  width: 32px;
}

/* Button Icons */
.btn__icon svg {
  width: 12px;
  height: 12px;
}

.header__btn-callback .btn__icon svg {
  width: 12px;
  height: 12px;
}

/* Footer Navbar Button White Space */
.footer-navbar-link span[style*="white-space"],
.footer-navbar-btn-text {
  white-space: nowrap;
}

/* Burger Menu Social Images */
.img-tiktok-burger {
  filter: invert(1);
  transform: translateY(1px);
}

/* Header Social Images - Desktop */
.sci-list--header-social {
  margin-left: 30px;
}

.img-tiktok-invert {
  filter: invert(1);
}

.img-youtube-invert {
  filter: brightness(0) invert(1);
}

/* AI Search Display */
#ai-search {
  display: none;
}

/* Cookie Banner */
#cookie_banner {
  display: none;
  position: fixed;
  bottom: 0;
  width: 100%;
  justify-content: center;
  align-items: center;
  gap: 20px;
  background-color: var(--color-primary);
  color: white;
  padding: 12px 20px;
  z-index: 99999;
}

#cookie_banner > p {
  line-height: 21px;
}

#cookie_banner a {
  color: var(--color-orange);
  text-decoration: underline;
}

#cookie_banner a:hover {
  text-decoration: none;
}

@media (max-width: 767px) {
  #cookie_banner {
    flex-direction: column;
    gap: 12px;
  }
}

#cookie_banner .btn {
  box-shadow: none;
}

/* Showcase Section */
.showcase__title span {
  color: #ff7000;
  font-weight: bold;
}

/* Section Titles */
.section-title {
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 30px;
}

/* SEO Intro Section */
.seo-intro {
  background: #fff;
  padding: 60px 0;
}

.seo-intro h1 {
  font-size: 32px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 20px;
  text-align: center;
}

/* SEO Content Section */
.seo-content {
  background: #fff;
  padding: 60px 0;
}

.seo-content > div {
  max-width: 1000px;
  margin: 0 auto;
}

.seo-content h2 {
  font-size: 32px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 20px;
  text-align: center;
}

.seo-content .seo-text {
  font-size: 16px;
  line-height: 1.7;
  color: #333;
}

.seo-content .seo-text p {
  margin-bottom: 20px;
}

.seo-content h3 {
  font-size: 24px;
  font-weight: 600;
  margin: 30px 0 15px;
  color: #1a1a1a;
}

.seo-content ul {
  list-style: none;
  padding: 0;
  margin: 0 0 30px 0;
}

.seo-content ul li {
  padding: 10px 0;
  padding-left: 30px;
  position: relative;
}

.seo-content ul li span {
  position: absolute;
  left: 0;
  color: #9DA65D;
}

.seo-content ol {
  padding-left: 20px;
  margin: 0 0 30px 0;
}

.seo-content ol li {
  padding: 8px 0;
}

.seo-content a {
  color: #ff7000;
  text-decoration: none;
  border-bottom: 1px solid #ff7000;
}

.seo-content .text-center {
  text-align: center;
  color: #666;
  font-style: italic;
  margin-top: 30px;
}

/* Media Section */
.media {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
  margin-bottom: 50px;
}

.media-title {
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 40px;
}

/* Banner Quiz Section */
.banner-quiz {
  margin-bottom: 5rem;
}

/* FAQ Section */
.faq-section {
  background: #f8f9fa;
  padding: 60px 0;
}

.faq-section h2 {
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 40px;
  color: #1a1a1a;
}

.faq-list {
  max-width: 900px;
  margin: 0 auto;
}

.faq-item {
  background: #fff;
  margin-bottom: 15px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.faq-question {
  width: 100%;
  padding: 20px 25px;
  text-align: left;
  background: #fff;
  border: none;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #1a1a1a;
}

.faq-question span {
  font-size: 24px;
  transition: transform 0.3s;
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s;
  padding: 0 25px;
}

.faq-answer p {
  padding: 20px 0;
  margin: 0;
  line-height: 1.7;
  color: #333;
}

.faq-item.active .faq-answer {
  max-height: 500px !important;
  padding: 0 25px;
}

.faq-item.active .faq-question span {
  transform: rotate(180deg);
}

.faq-answer a {
  color: #ff7000;
}

/* Maps Section */
.map-tabs__item-map {
  position: relative;
  overflow: hidden;
  min-height: 480px;
}

.map-loader {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 480px;
  background: #f5f5f5;
  color: #6B7AA1;
  font-size: 16px;
}

#map-tabs-list li {
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 0.3s;
}

#map-tabs-list li:hover {
  opacity: 0.9;
}

#map-tabs-list li.active {
  opacity: 1;
}

.map-tabs__item {
  transition: opacity 0.3s ease;
}

.map-tabs__item-map a {
  color: #eee;
  font-size: 12px;
  position: absolute;
}

.map-tabs__item-map a:first-child {
  top: 0px;
}

.map-tabs__item-map a:nth-child(2) {
  top: 14px;
}

.map-tabs__item-map iframe {
  position: relative;
  width: 100%;
  height: 480px;
  border: 1px solid #ccc;
}

/* Modal Windows */
.froze-popup-container {
  position: static;
  width: auto;
  font-family: var(--fm-1);
  color: #414141;
}

.v-modal__title {
  font-size: 24px;
  margin-bottom: 4rem;
}

.v-up {
    cursor: pointer;
    position: fixed;
    right: 24px;
    bottom: 105px;
    z-index: 250;
    padding: 0;
    width: 50px;
    height: 50px;
    min-width: auto;
    border-radius: 50%;
    background-color: #fff;
    border: none;
    -webkit-box-shadow: 0px 0px 20px rgba(190, 201, 255, .5);
    box-shadow: 0px 0px 20px rgba(190, 201, 255, .5);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: background-color .3s, opacity .3s;
    -o-transition: background-color .3s, opacity .3s;
    transition: background-color .3s, opacity .3s
}

.v-up.active {
    opacity: 1;
    pointer-events: all
}

.v-up:hover {
    background-color: var(--color-primary)
}

.v-up:hover svg {
    fill: #fff
}

.v-up svg,
.v-up img {
    margin: auto;
    width: 20%;
    height: 38%;
    fill: #616da6;
    -webkit-transition: fill .3s;
    -o-transition: fill .3s;
    transition: fill .3s
}

.v-up svg path,
.v-up img path {
    fill: inherit
}

@media(max-width: 767.8px) {
    .v-up {
        bottom: 140px
    }
}

/* Footer */
.footer__payments {
  margin-top: 5rem;
}

.footer__bottom {
  margin-top: 3rem;
}

/* Social Media Links */
.sci-link img {
  width: 35px;
  height: 35px;
}

.sci-link img[src*="tiktok"] {
  width: 37px;
   /*filter: invert(1);*/
 transform: translateY(1px);
}

.sci-link img[src*="tiktok4"] {
  width: 35px;
  /*filter: brightness(0) invert(1);*/
}

.sci-link img[src*="youtube"] {
  width: 35px;
  /*filter: brightness(0) invert(1);*/
}

/* Header Social Links */
.d-md-inline-flex .sci-link svg {
  fill: #fff;
  margin: 0;
  height: 32px;
  width: 32px;
}

.d-md-inline-flex .sci-link img[src*="tiktok4"] {
  width: 35px;
  filter: invert(1);
}

.d-md-inline-flex .sci-link img[src*="youtube2"] {
  width: 35px;
  filter: brightness(0) invert(1);
}

/* Header Spacing */
.d-md-inline-flex {
  margin-left: 30px;
}

/* Button Icons */
.btn__icon {
  width: 12px;
  height: 12px;
}

/* Hidden Elements */
#cont_txt,
#cont_txt2 {
  display: none;
}

#cont_txt.active,
#cont_txt2.active {
  display: block;
}



/* Footer Bottom Spacing */
.footer__body + div p {
  margin-top: 2rem;
}

/* Mobile Footer Navbar */
.footer-navbar {
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  .footer-navbar {
    margin-bottom: 0;
  }
}

/* Popup Images */
.popup .image {
  height: 200px;
}

/* Banner Quiz */
.banner-quiz {
  margin-bottom: 5rem;
}

/* Advantages Section Spacing */
.advantages + .categories {
  margin-top: 0;
}

/* Media Queries for Text Size */
@media (max-width: 767px) {
  .section-title {
    font-size: 24px;
  }

  .seo-intro h1,
  .seo-content h2,
  .faq-section h2,
  .media-title {
    font-size: 24px;
  }

  .seo-content h3 {
    font-size: 20px;
  }
}


.product-card__labels {
    flex-direction: column;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}
.product-card__labels>* {
    margin-bottom: 5px;
}
.product-card__labels>*:last-child {
    margin-bottom: 0;
}
.product-card__labels .label-prod {
    display: none;
}

.product-card__labels .label-prod:last-child {
    display: flex;
    align-items: center;
}

@media (min-width: 768px) {
    .product-card__labels .label-prod {
        display: flex;
        align-items: center;
    }
}

.product__option2 {
    border-radius: 5px;
    border: 1px solid var(--light-purple, #E1E3EE);
    margin: 5px;
    padding: 6px 9px;
    display: flex;
    align-items: center;
}
.product__option2 svg {margin-right: 5px;}
@media (max-width: 767px) {
  .product__option2 svg {
    width: 15px;
    height: 15px;
  }
}
/* INTERIOR */
.buttons__links {
  margin-left: 10px;
  font-size: 14px;
  line-height: 16px;
}
.buttons__list.with_interior {grid-template-columns: 180px 220px auto;}
.product__btn-to-basket {min-width: 190px;}
.btn-interior {
  border: 1px solid #616DA6;
  border-radius: 5px;
  background: transparent;
  color: #616DA6;
  font-size: 14px;
  line-height: 16.44px;
  font-weight: 700;
  height: 40px;
}
.interior-icon {margin-right: 4px;}
@media (max-width: 1199px) {
  .buttons__list.with_interior {
    grid-template-columns: auto;
    gap: 10px;
  }
  .buttons__links {margin-left: 0;}
  .buttons__links .btn-link--2 {margin-top: 10px;}
}
.interior {
    background: white;
    border-radius: 20px;
    position: relative;
    max-width: 1000px;
    padding: 30px;
    box-sizing: border-box;
}
.interior__modal {
    display: flex;
    align-items: center;
    justify-content: center;
}
.interior img {max-width: 100%;}
.interior__close {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 50%;
    box-shadow: 8px 8px 15px 0px #95A5F11A, -8px -8px 15px 0px #95A5F11A;
    border: 1px solid #E1E3EE;
    background: white;
    position: absolute;
    right: -20px;
    top: -20px;
    width: 40px;
    height: 40px;
}
.interior__content {
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 20px;
}
.interior__title {margin-bottom: 10px; font-weight: 500;}
.interior__model {
    width: 40px;
    height: 40px;
    cursor: pointer;
    flex: 0 0 40px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.interior__model.active {
    outline: 2px solid #616DA6;
    outline-offset: -2px;
}
.interior__model img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -14px;
    max-width: unset;
    width: 56px;
    pointer-events: none;
    z-index: -1;
}
.interior__bgs {margin-top: 20px;}
.interior__bgs-grid {height: 319px;}
.interior__bg {
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    cursor: pointer;
    height: auto;
}
.interior__bg.active {
    outline: 2px solid #616DA6;
    outline-offset: -2px;
}
.interior__right {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    display: grid;
    height: min-content;
}
img.interior__img-door {position: absolute;}
.interior__right[data-bg="1"] .interior__img-door {
    width: 148px;
    bottom: 42px;
    right: 179px;
}
.interior__right[data-bg="2"] .interior__img-door {
    width: 113px;
    bottom: 102px;
    right: 70px;
}
.interior__right[data-bg="3"] .interior__img-door {
    width: 148px;
    bottom: 47px;
    left: 129px;
}
.interior__right[data-bg="4"] .interior__img-door {
    width: 113px;
    bottom: 118px;
    right: 300px;
}
.interior__right[data-bg="5"] .interior__img-door {
    width: 132px;
    bottom: 72px;
    left: 170px;
}
.interior__right[data-bg="6"] .interior__img-door {
    width: 148px;
    bottom: 56px;
    left: 135px;
}
.interior__bgs-navigation__prev, .interior__bgs-navigation__next {
  position: absolute;
  left: 50%;
  display: flex;
  z-index: 1;
  justify-content: center;
  align-items: center;
}
.interior__bgs-navigation__prev {
  top: 10px;
  -webkit-transform: translateX(-50%) rotate(180deg);
  -ms-transform: translateX(-50%) rotate(180deg);
  transform: translateX(-50%) rotate(180deg);
}
.interior__bgs-navigation__next {
  bottom: 10px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media (max-width: 1040px) {
  .interior__bgs-navigation__prev, .interior__bgs-navigation__next {
    width: 30px;
    height: 30px;
  }
  .interior__bgs-navigation__prev {
    top: 50%;
    left: 10px;
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
  }
  .interior__bgs-navigation__next {
    bottom: unset;
    top: 50%;
    left: unset;
    right: 10px;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
  }
    .interior__models {
        display: flex;
        align-items: center;
    }
    .interior__models .interior__title {margin-bottom: 0;}
    .interior__models-grid {margin-left: 10px;}
    .interior__content {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .interior {
        width: 330px;
        padding: 30px 15px;
        border-radius: 10px;
    }
    .interior__close {
        right: 50%;
        transform: translateX(50%);
    }
    .interior__bgs {margin-top: 10px;}
    .interior__bgs-grid {
        height: auto;
        width: 300px;
    }
    .interior__bg {
        height: 60px;
        width: 100px;
        border-radius: 5px;
    }
    .interior__right {border-radius: 10px;}
    .interior__right[data-bg="1"] .interior__img-door {
        width: 61px;
        bottom: 17px;
        right: 74px;
    }
    .interior__right[data-bg="2"] .interior__img-door {
        width: calc(113px / 720 * 300);
        bottom: calc(101px / 720 * 300);
        right: calc(70px / 720 * 300);
    }
    .interior__right[data-bg="3"] .interior__img-door {
        width: calc(148px / 720 * 300);
        bottom: calc(47px / 720 * 300);
        left: calc(129px / 720 * 300);
    }
    .interior__right[data-bg="4"] .interior__img-door {
        width: calc(113px / 720 * 300);
        bottom: calc(117px / 720 * 300);
        right: calc(300px / 720 * 300);
    }
    .interior__right[data-bg="5"] .interior__img-door {
        width: calc(132px / 720 * 300);
        bottom: calc(72px / 720 * 300);
        left: calc(170px / 720 * 300);
    }
    .interior__right[data-bg="6"] .interior__img-door {
        width: calc(148px / 720 * 300);
        bottom: calc(55px / 720 * 300);
        left: calc(135px / 720 * 300);
    }
}
/* END INTERIOR */
.banner__wrapper11 {position: relative;}
.banner__wrapper11 img {width: 100%;}
.item__banner11__desc {
  position: absolute;
  bottom: 9.791666666666667%;
  left: 4.385964912280702%;
  display: grid;
  gap: 14px;
}
.btn--outline {
  border: 2px solid var(--color-bg);
}
.btn--outline:not(:hover) {
  background: transparent;
  color: var(--color-bg);
}
.item__banner11__desc .btn {
  box-shadow: none !important;
  text-transform: uppercase;
  font-weight: 900;
}
.item__banner11__desc .btn--lg {
  padding: 15px 26px;
  min-height: 54px;
  font-size: 20px;
  line-height: 20px;
  min-width: 340px;
}
.razdvizh-title {
  text-align: center;
  font-size: 18px;
  color: var(--color-orange);
  font-weight: 600;
}
@media (max-width: 1199px) {
  .item__banner11__desc {
    bottom: 8%;
    left: 2.6%;
    gap: 12px;
  }
  .item__banner11__desc .btn--lg {
    min-width: 300px;
    padding-inline: 16px;
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .item__banner11__desc .btn--lg {
    padding: 11px 12px;
    min-height: 45px;
    font-size: 14px;
    line-height: 18px;
    min-width: 250px;
  }
  .item__banner11__desc {
    gap: 8px;
    bottom: 7.4%;
    left: 2%;
  }
  .razdvizh-title {font-size: 16px;}
}
@media (max-width: 767px) {
  .item__banner11__desc .btn--lg {
    min-height: 43px;
    padding: 10px 22px;
    white-space: nowrap;
    min-width: 300px;
  }
  .item__banner11__desc {
    left: 50%;
    bottom: unset;
    top: 15.76%;
    gap: 9px;
    transform: translateX(-50%);
  }
  .product-card-search__prop {display: none !important;}
}
@media (max-width: 576px) {
  .razdvizh-title {
    font-size: 14px;
    margin-top: 36px;
  }
}
/* MD15 */
.product__title-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.product-available {
  margin-top: 0.93em;
  display: flex;
  justify-content: center;
}
.product__available {
  position: relative;
  padding: 8px 10px;
  border-radius: 5px;
  border: 1px solid #E1E3EE;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
}
.wf1openwidget {
  top: unset !important;
  bottom: 0;
}
.btns-fixed {bottom: 90px;}

[data-tooltip] {position: relative;}
[data-tooltip] > tooltip:before {
  content: "";
  position: absolute;
  pointer-events: none;
  bottom: 100%;
  left: 100px;
  border: 8px solid transparent;
  box-sizing: border-box;
  border-bottom-color: #404040;
  transition: opacity .3s ease;
  margin-top: -8px;
}
[data-tooltip] > tooltip {
  position: absolute;
  pointer-events: none;
  background-color: #404040;
  color: white;
  padding: 8px 12px;
  border-radius: 10px;
  top: 100%;
  opacity: 0;
  transition: opacity .3s ease;
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  z-index: 1;
  gap: 8px;
  max-width: 350px;
}
tooltip > div {line-height: 18px;}
[data-tooltip]:hover > tooltip {opacity: 1;}

.logo {
  flex-direction: column;
  align-items: center;
}
.logo span {
  font-size: 12px;
  color: #19191C;
  font-weight: 700;
  padding-top: 1px;
  padding-bottom: 2px;
}
.filters__head .hamburger {
  width: 18px;
  height: 19px;
}
.search-panel__ai {
  position: absolute;
  top: 50%;
  right: 164px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  gap: 8px;
  margin-top: -2px;
}
.search-panel__ai path {
  stroke: white;
}
.ai-preloader {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  gap: 8px;
}
.search-panel__ai > span.mobile {display: none;}
.ui-widget-content {
  max-height: calc(100vh - 250px);
  max-height: calc(100dvh - 250px);
  overflow: auto;
}
@media (max-width: 767.8px) {
  .products__controls {z-index: 2;}
  .header__logo {padding: 12px 0 12px;}
  .logo img {height: 25px;}
  .logo span {
    font-size: 8px;
    padding-top: 0px;
    margin-top: -1px;
  }
  .search-panel__ai {
    right: 64px;
    min-width: unset;
    padding-inline: 10px;
    min-height: 36px;
  }
  .search-panel__ai > svg, .search-panel__ai > span.desktop {display: none;}
  .search-panel__ai > span.mobile {display: block;}
  .search-panel__clear {display: none;}
}
@media (max-width: 991.8px) {
  .filters-wrap {
    height: 100dvh;
  }
}


.details__container.details__container4 {
  padding-left: 20px;
}
.details__container.details__container4 p {
  padding-inline: 0;
}
.details__container.details__container4 a {
  color: white;
}
.details__container.details__container4 a:hover {
  text-decoration: underline;
}
.poleznoe__mobile {
  margin: 0 0 var(--air-y) var(--air-x);
  width: 100%;
}
.poleznoe__mobile + .product-card {order: -2;}
.poleznoe__mobile + .product-card + .product-card {order: -1;}
@media (min-width: 768px) {
  .poleznoe__mobile {display: none;}
  .details__container.details__container4 {padding-left: 25px;}
}
.review_links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: 40px;
}
.review_links .sci-list>*:not(:last-child) {
    margin-right: 12px;
}
@media (max-width: 389px) {
  .review_links {
    flex-direction: column;
    gap: 16px;
    margin-top: 32px;
  }
}
ul.content-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}
li.series-item {
    border-radius: 5px;
    border: 1px solid var(--light-purple, #E1E3EE);
    border-color: #E1E3EE !important;
    background: var(--white, #FFF);
    padding: 6px 14px;
    cursor: pointer;
}
li.active.series-item {
    background: var(--light-purple, #E1E3EE);
}
li.series-item a {
    color: var(--black, #19191C);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.series-content > div:not(.active) {
    display: none;
}

.sale-banner {
  position: relative;
}

.discount-badge {
  position: absolute;
    top: 6px;
    right: 3px;
  background: #FF4757;
  color: white;
  padding: 8px 15px;
  border-radius: 20px;
  font-weight: 600;
  font-size: 14px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.2);
}

/* 
 * Калькулятор перегородок dveri.by
 * Дизайн: точно из Figma
 */

:root {
    --primary-color: #6B7AA1;
    --primary-hover: #5B6A91;
    --text-primary: #19191C;
    --text-secondary: #757575;
    --border-color: #E8E8E8;
    --bg-light: #F8F8F8;
    --bg-gray: #EFEFEF;
    --white: #FFFFFF;
}

/* ============================================
   МОДАЛЬНОЕ ОКНО
   ============================================ */

.calc-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 10000;
    overflow-y: auto;
    padding: 20px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.calc-modal.active {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 40px;
}

.calc-modal.show {
    opacity: 1;
}

.calc-modal__container {
    position: relative;
    background: var(--white);
    border-radius: 12px;
    max-width: 540px;
    width: 100%;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
    transform: translateY(-20px);
    transition: transform 0.3s ease;
    margin-bottom: 40px;
}

.calc-modal.show .calc-modal__container {
    transform: translateY(0);
}

.calc-modal__close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 32px;
    height: 32px;
    border: none;
    background: var(--bg-light);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
    z-index: 10;
}

.calc-modal__close:hover {
    background: #E0E0E0;
}

.calc-modal__close svg {
    width: 16px;
    height: 16px;
    stroke: var(--text-primary);
    stroke-width: 2;
}

body.calc-modal-open {
    overflow: hidden;
}

/* ============================================
   ОСНОВНОЙ КОНТЕЙНЕР
   ============================================ */

.partition-calculator {
    background: var(--white);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica', 'Arial', sans-serif;
    color: var(--text-primary);
    font-size: 14px;
    line-height: 1.5;
    border-radius: 12px;
    overflow: hidden;
}

/* ============================================
   ТАБЫ НАВИГАЦИИ
   ============================================ */

.calc-tabs {
    display: flex;
    gap: 0;
    padding: 0;
    background: var(--white);
    border-bottom: 1px solid var(--border-color);
}

.calc-tab {
    flex: 1;
    padding: 16px 12px;
    font-size: 14px;
    color: var(--text-secondary);
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    transition: all 0.2s;
    font-weight: 400;
    text-align: center;
}

.calc-tab:hover {
    color: var(--primary-color);
    background: var(--bg-light);
}

.calc-tab.active {
    color: var(--primary-color);
    border-bottom-color: var(--primary-color);
    font-weight: 500;
}

/* ============================================
   КОНТЕНТ КАЛЬКУЛЯТОРА
   ============================================ */

.partition-calculator__content {
    padding: 24px;
}

.calc-tab-content {
    display: none;
}

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

/* ============================================
   ВИЗУАЛИЗАЦИЯ ПЕРЕГОРОДКИ
   ============================================ */

.calc-partition-preview {
    width: 120px;
    height: 280px;
    border: 3px solid #19191C;
    background: var(--white);
    margin: 0 auto 20px;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 8px;
}

/* Навигация по стилям */
.calc-style-navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-bottom: 24px;
}

.calc-style-nav-btn {
    width: 32px;
    height: 32px;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    background: var(--white);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
    font-size: 16px;
    color: var(--text-primary);
}

.calc-style-nav-btn:hover:not(:disabled) {
    background: var(--bg-light);
    border-color: var(--primary-color);
}

.calc-style-nav-btn:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.calc-style-label {
    font-size: 14px;
    color: var(--text-primary);
    min-width: 80px;
    text-align: center;
}

/* ============================================
   ПОЛЯ ВВОДА
   ============================================ */

.calc-form-group {
    margin-bottom: 20px;
}

.calc-form-group:last-child {
    margin-bottom: 0;
}

.calc-form-label {
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: var(--text-primary);
    margin-bottom: 8px;
}

.calc-input {
    width: 100%;
    padding: 12px 14px;
    font-size: 14px;
    border: 1px solid var(--border-color);
    border-radius: 6px;
    background: var(--white);
    color: var(--text-primary);
    transition: all 0.2s;
    font-family: inherit;
    box-sizing: border-box;
}

.calc-input:focus {
    outline: none;
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px rgba(107, 122, 161, 0.1);
}

.calc-input::placeholder {
    color: #BDBDBD;
}

.calc-input:disabled,
.calc-input[readonly] {
    background: var(--bg-light);
    color: var(--text-secondary);
}

/* Два поля в ряд */
.calc-input-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

/* Select */
select.calc-input {
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23757575' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    padding-right: 40px;
}

/* ============================================
   ЦВЕТОВЫЕ КРУГИ
   ============================================ */

.calc-color-picker {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 8px;
}

.calc-color-option {
    position: relative;
}

.calc-color-option input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.calc-color-circle {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.2s;
    border: 3px solid transparent;
    box-sizing: border-box;
    position: relative;
}

.calc-color-option input[type="radio"]:checked + .calc-color-circle {
    border-color: var(--primary-color);
}

.calc-color-option input[type="radio"]:checked + .calc-color-circle::after {
    content: '✓';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 16px;
    font-weight: bold;
    text-shadow: 0 0 3px rgba(0,0,0,0.3);
}

/* Цвета */
.calc-color-circle[data-color="black"] { background: #19191C; }
.calc-color-circle[data-color="white"] { background: #FFFFFF; border: 3px solid #E8E8E8; }
.calc-color-circle[data-color="gray1"] { background: #616161; }
.calc-color-circle[data-color="gray2"] { background: #424242; }
.calc-color-circle[data-color="brown1"] { background: #5D4037; }
.calc-color-circle[data-color="brown2"] { background: #4E342E; }
.calc-color-circle[data-color="gold"] { background: linear-gradient(135deg, #D4AF37 0%, #F9E79F 50%, #D4AF37 100%); }
.calc-color-circle[data-color="silver"] { background: linear-gradient(135deg, #C0C0C0 0%, #E8E8E8 50%, #C0C0C0 100%); }

/* ============================================
   СЧЁТЧИКИ (STEPPER)
   ============================================ */

.calc-stepper {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    border: 1px solid var(--border-color);
    border-radius: 6px;
    padding: 4px 8px;
    background: var(--white);
}

.calc-stepper-btn {
    width: 28px;
    height: 28px;
    border: none;
    background: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: var(--text-primary);
    transition: all 0.2s;
    border-radius: 4px;
}

.calc-stepper-btn:hover:not(:disabled) {
    background: var(--bg-light);
}

.calc-stepper-btn:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.calc-stepper-value {
    min-width: 30px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-primary);
}

/* ============================================
   ИНФОРМАЦИЯ О ПЕРЕГОРОДКЕ
   ============================================ */

.calc-info-section {
    background: var(--bg-light);
    border-radius: 8px;
    padding: 16px;
    margin: 20px 0;
}

.calc-info-title {
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 12px;
}

.calc-info-row {
    display: flex;
    justify-content: space-between;
    padding: 6px 0;
    font-size: 13px;
}

.calc-info-row__label {
    color: var(--text-secondary);
}

.calc-info-row__value {
    font-weight: 500;
    color: var(--text-primary);
}

/* ============================================
   ЧЕКБОКСЫ
   ============================================ */

/* ============================================
   БЛОК ЦЕНЫ
   ============================================ */

.calc-price-block {
    background: var(--white);
    padding: 20px 24px;
    border-top: 1px solid var(--border-color);
}

.calc-price-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 16px;
}

.calc-price-label {
    font-size: 14px;
    color: var(--text-secondary);
}

.calc-price-amount {
    font-size: 32px;
    font-weight: 600;
    color: var(--text-primary);
}

.calc-price-currency {
    font-size: 18px;
    color: var(--text-secondary);
    margin-left: 4px;
}

/* ============================================
   КНОПКИ
   ============================================ */

.calc-btn {
    width: 100%;
    padding: 14px 24px;
    font-size: 14px;
    font-weight: 500;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s;
    font-family: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.calc-btn-primary {
    background: var(--primary-color);
    color: var(--white);
}

.calc-btn-primary:hover {
    background: var(--primary-hover);
    box-shadow: 0 4px 12px rgba(107, 122, 161, 0.25);
    transform: translateY(-1px);
}

.calc-btn-primary:active {
    transform: translateY(0);
}

/* Навигация (Назад/Далее) */
.calc-navigation {
    display: flex;
    gap: 12px;
    margin-bottom: 12px;
}

.calc-nav-btn {
    flex: 1;
    padding: 10px 16px;
    font-size: 13px;
    font-weight: 500;
    color: var(--primary-color);
    background: var(--white);
    border: 1px solid var(--border-color);
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.calc-nav-btn:hover {
    background: var(--bg-light);
    border-color: var(--primary-color);
}

/* ============================================
   ФОРМА ЗАЯВКИ
   ============================================ */

.calc-form-request {
    padding: 24px;
}

.calc-form-request__title {
    font-size: 16px;
    font-weight: 500;
    color: var(--text-primary);
    margin-bottom: 8px;
    text-align: center;
}

.calc-form-request__subtitle {
    font-size: 13px;
    color: var(--text-secondary);
    margin-bottom: 20px;
    text-align: center;
}

/* ============================================
   АДАПТИВНОСТЬ
   ============================================ */

@media (max-width: 600px) {
    .calc-modal {
        padding: 10px;
    }
    
    .calc-modal__container {
        border-radius: 16px;
        max-width: 100%;
    }
    
    .partition-calculator__content {
        padding: 20px 16px;
    }
    
    .calc-tabs {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .calc-tab {
        white-space: nowrap;
        flex-shrink: 0;
        padding: 14px 16px;
        font-size: 13px;
    }
    
    .calc-input-row {
        grid-template-columns: 1fr;
    }
    
    .calc-price-amount {
        font-size: 28px;
    }
    
    .calc-partition-preview {
        width: 100px;
        height: 240px;
    }
}

@media (max-width: 400px) {
    .calc-color-picker {
        gap: 8px;
    }
    
    .calc-color-circle {
        width: 38px;
        height: 38px;
    }
    
    .calc-price-block {
        padding: 16px;
    }
}

.calc-banner {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 12px;
    padding: 28px 32px;
    margin: 0 0 40px 0;
    box-shadow: 0 10px 30px rgba(102, 126, 234, 0.2);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}


.calc-banner__container {
    display: flex;
    align-items: center;
    gap: 24px;
}

.calc-banner__icon {
    flex-shrink: 0;
    width: 68px;
    height: 68px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.calc-banner__content {
    flex: 1;
    color: #fff;
}

.calc-banner__title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 8px;
    line-height: 1.3;
}

.calc-banner__desc {
    font-size: 15px;
    opacity: 0.95;
    line-height: 1.5;
}

.calc-banner__btn {
    flex-shrink: 0;
    background: #fff;
    color: #667eea;
    border: none;
    border-radius: 8px;
    padding: 16px 32px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.calc-banner__btn:hover {
    background: #f8f9ff;
    transform: translateX(4px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}

.calc-banner__btn svg {
    transition: transform 0.3s ease;
}

.calc-banner__btn:hover svg {
    transform: translateX(4px);
}

/* Адаптив для планшетов */
@media (max-width: 992px) {
    .calc-banner {
        padding: 24px;
        margin-bottom: 32px;
    }
    
    .calc-banner__container {
        gap: 20px;
    }
    
    .calc-banner__icon {
        width: 60px;
        height: 60px;
    }
    
    .calc-banner__title {
        font-size: 20px;
    }
    
    .calc-banner__desc {
        font-size: 14px;
    }
    
    .calc-banner__btn {
        padding: 14px 26px;
        font-size: 15px;
    }
}

/* Адаптив для мобильных */
@media (max-width: 768px) {
    .calc-banner {
        padding: 20px;
        margin-bottom: 28px;
    }
    
    .calc-banner__container {
        flex-direction: column;
        text-align: center;
        gap: 18px;
    }
    
    .calc-banner__icon {
        width: 56px;
        height: 56px;
    }
    
    .calc-banner__title {
        font-size: 18px;
        margin-bottom: 6px;
    }
    
    .calc-banner__desc {
        font-size: 13px;
    }
    
    .calc-banner__btn {
        width: 100%;
        justify-content: center;
        padding: 16px 24px;
    }
}

@media (max-width: 480px) {
    .calc-banner__icon {
        display: none;
    }
    
    .calc-banner {
        padding: 18px;
    }
    
    .calc-banner__title {
        font-size: 17px;
    }
    
    .calc-banner__btn span {
        font-size: 15px;
    }
}
/* Визуализация стилей перегородок (SVG) */

.calc-partition-preview {
    width: 120px;
    height: 280px;
    margin: 0 auto 20px;
    position: relative;
    background: white;
}

.calc-partition-preview svg {
    width: 100%;
    height: 100%;
    display: block;
}

/* Стили для линий */

/* Дверная ручка */



/* Стили для линий и заливки */

/* Дверная ручка */

/* Адаптивность SVG */
.calc-partition-preview svg {
    width: 100%;
    height: 100%;
    display: block;
}


.calc-type-selector {
    display: flex;
    gap: 16px;
    margin-top: 16px;
}

.calc-type-option {
    flex: 1;
    cursor: pointer;
}

.calc-type-option input {
    display: none;
}

.calc-type-card {
    padding: 20px;
    border: 2px solid #e0e0e0;
    border-radius: 12px;
    text-align: center;
    transition: all 0.3s ease;
}

.calc-type-option input:checked + .calc-type-card {
    border-color: #1a1a1a;
    background: #f8f8f8;
}

.calc-type-icon {
    font-size: 32px;
    margin-bottom: 12px;
}

.calc-type-title {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 8px;
}

.calc-type-desc {
    font-size: 13px;
    color: #666;
    line-height: 1.4;
}

/* Мелкие строки цены */
.calc-price-row--small {
    font-size: 13px;
    color: #666;
    padding: 4px 0;
}

.calc-price-info {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #eee;
}


.discount-badge-akczii {
    position: absolute;
    top: 160px;
    right: 88px;
    background: #FF4757;
    color: white;
    padding: 8px 15px;
    border-radius: 20px;
    font-weight: 600;
    font-size: 14px;
    box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
}
.discount-badge-category {
position: absolute;
    top: 320px;
    right: 34px;
    background: #FF4757;
    color: white;
    padding: 5px 33px;
    border-radius: 20px;
    font-weight: 600;
    font-size: 16px;
    box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
}
@media (max-width: 767px) {
.discount-badge-akczii {
    top: 250px;
    right: 20px;
    font-size: 10px;
    position: absolute;
    background: #FF4757;
    color: white;
    padding: 8px 15px;
    border-radius: 20px;
    font-weight: 600;
    box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
}
  .discount-badge-category {
    top: 266px;
        right: 21px;
        font-size: 16px;
        position: absolute;
        background: #FF4757;
        color: white;
        padding: 4px 27px;
    border-radius: 20px;
    font-weight: 600;
    box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
}
  
}


/* === Баннер НГ === */
        .popup-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.85);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 1000;
            padding: 20px;
        }

        .popup-container {
            position: relative;
            max-width: 1100px;
            width: 100%;
            background: #2d1810;
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
        }

        .close-btn {
            position: absolute;
            top: 15px;
            right: 15px;
            width: 40px;
            height: 40px;
            background: rgba(0, 0, 0, 0.5);
            border: 2px solid rgba(255, 255, 255, 0.3);
            border-radius: 50%;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 28px;
            color: white;
            transition: all 0.3s;
            z-index: 10;
            line-height: 1;
        }

        .close-btn:hover {
            background: rgba(0, 0, 0, 0.7);
            transform: rotate(90deg);
        }

        .popup-image {
            width: 100%;
            height: auto;
            display: block;
        }

        .button-container {
 position: absolute;
    bottom: 13%;
    left: 34%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 500px;
    z-index: 5;
        }

        .gift-button {
            width: 100%;
            background: transparent;
            border: none;
            cursor: pointer;
            padding: 18px 0;
            transition: all 0.3s;
        }

        .gift-button:hover {
            transform: scale(1.05);
            filter: brightness(1.1);
        }

        .gift-button:active {
            transform: scale(0.98);
        }

        /* Для мобильных устройств */
        @media (max-width: 768px) {
            .popup-container {
                border-radius: 10px;
            }

            .close-btn {
                top: 10px;
                right: 10px;
                width: 35px;
                height: 35px;
                font-size: 24px;
            }

            .button-container {
                bottom: 6%;
            }
        }

        @media (max-width: 480px) {
            .button-container {
                bottom: 4%;
            }
        }
/* === SEO === */       
.seo-intro {
background: #f8f9fa; 
padding: 30px 0; 
margin: 40px 0;
}

.seo-intro h1 {
font-size: 32px; 
font-weight: 700; 
color: #1a1a1a; 
margin: 0; 
line-height: 1.3; 
text-align: center;
}
.seo-intro p {
text-align: center; 
color: #666; 
font-size: 18px; 
margin-top: 15px; 
max-width: 800px; 
margin-left: auto; 
margin-right: auto;
}
  .product-card__price del,
.product-card__price .product__price-old {
    color: #b8bdd7;
    font-size: 0.85em;
    text-decoration: line-through;
}

.product-card__price .product__price-old {
    display: inline-block;
}      

.product-customer-photos {
  margin: 40px 0;
  padding: 30px 0;
  border-top: 1px solid #e0e0e0;
}

.customer-photos-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #1a1a1a;
}

/* Галерея */
.customer-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 15px;
}

.customer-gallery-item {
  position: relative;
  aspect-ratio: 1;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.3s, box-shadow 0.3s;
  background: #f5f5f5;
}

.customer-gallery-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 15px rgba(0,0,0,0.15);
}

.customer-gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.customer-gallery-item-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(transparent, rgba(0,0,0,0.7));
  color: #fff;
  padding: 15px 10px 10px 10px;
  font-size: 13px;
  line-height: 1.3;
  opacity: 0;
  transition: opacity 0.3s;
}

.customer-gallery-item:hover .customer-gallery-item-caption {
  opacity: 1;
}

/* Лайтбокс */
.gallery-lightbox {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.95);
  z-index: 9999;
  align-items: center;
  justify-content: center;
  padding: 20px;
  animation: fadeIn 0.3s;
}

.gallery-lightbox.active {
  display: flex;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.gallery-lightbox-content {
  position: relative;
  max-width: 90%;
  max-height: 90%;
  animation: zoomIn 0.3s;
}

@keyframes zoomIn {
  from { transform: scale(0.8); }
  to { transform: scale(1); }
}

.gallery-lightbox img {
  max-width: 100%;
  max-height: 90vh;
  border-radius: 8px;
  box-shadow: 0 0 40px rgba(0,0,0,0.5);
}

.gallery-lightbox-caption {
  text-align: center;
  color: #fff;
  margin-top: 15px;
  font-size: 16px;
}

.gallery-lightbox-close {
  position: absolute;
  top: -50px;
  right: -50px;
  width: 40px;
  height: 40px;
  background: rgba(255,255,255,0.2);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}

.gallery-lightbox-close:hover {
  background: #ff7000;
  transform: rotate(90deg);
}

.gallery-lightbox-close::before,
.gallery-lightbox-close::after {
  content: '';
  position: absolute;
  width: 20px;
  height: 2px;
  background: #fff;
}

.gallery-lightbox-close::before {
  transform: rotate(45deg);
}

.gallery-lightbox-close::after {
  transform: rotate(-45deg);
}

.gallery-lightbox-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  background: rgba(255,255,255,0.2);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  z-index: 10;
}

.gallery-lightbox-nav:hover {
  background: #ff7000;
}

.gallery-lightbox-nav.prev {
  left: -60px;
}

.gallery-lightbox-nav.next {
  right: -60px;
}

.gallery-lightbox-nav svg {
  width: 24px;
  height: 24px;
  stroke: #fff;
}

.gallery-lightbox-counter {
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  font-size: 14px;
  background: rgba(0,0,0,0.5);
  padding: 5px 15px;
  border-radius: 20px;
}

/* Адаптив */
@media (max-width: 768px) {
  .customer-gallery {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 10px;
  }
  
  .gallery-lightbox-close {
    top: 10px;
    right: 10px;
  }
  
  .gallery-lightbox-nav {
    width: 36px;
    height: 36px;
  }
  
  .gallery-lightbox-nav.prev {
    left: 10px;
  }
  
  .gallery-lightbox-nav.next {
    right: 10px;
  }
  
  .gallery-lightbox-counter {
    top: 10px;
    left: 10px;
    transform: none;
  }
}

@media (max-width: 480px) {
  .customer-gallery {
    grid-template-columns: repeat(2, 1fr);
  }
}


.help-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

.help-popup.active {
  opacity: 1;
  visibility: visible;
}

.help-popup__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

.help-popup__container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.9);
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
  max-width: 500px;
  width: 90%;
  padding: 40px 30px 30px;
  transition: transform 0.3s ease;
}

.help-popup.active .help-popup__container {
  transform: translate(-50%, -50%) scale(1);
}

.help-popup__close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 32px;
  height: 32px;
  font-size: 32px;
  line-height: 28px;
  text-align: center;
  color: #999;
  cursor: pointer;
  transition: all 0.2s ease;
}

.help-popup__close:hover {
  color: #ff7000;
  transform: rotate(90deg);
}

.help-popup__title {
  font-size: 24px;
  font-weight: 700;
  color: #414141;
  text-align: center;
  margin: 0 0 10px;
  line-height: 1.3;
}

.help-popup__subtitle {
  font-size: 16px;
  color: #666;
  text-align: center;
  margin: 0 0 25px;
}

.help-popup__form input[type="text"],
.help-popup__form input[type="tel"] {
  width: 100%;
  padding: 14px 18px;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  font-size: 15px;
  color: #414141;
  margin-bottom: 12px;
  transition: border-color 0.2s ease;
  box-sizing: border-box;
}

.help-popup__form input:focus {
  outline: none;
  border-color: #ff7000;
}

.help-popup__form input::placeholder {
  color: #999;
}

.help-popup__agreement {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 15px 0 20px;
  font-size: 13px;
  color: #666;
  line-height: 1.4;
}

.help-popup__agreement svg {
  flex-shrink: 0;
  margin-top: 2px;
}

.help-popup__submit {
  width: 100%;
  padding: 16px 20px !important;
  background: linear-gradient(135deg, #ff7000 0%, #ff8c3a 100%) !important;
  border: none;
  border-radius: 8px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

.help-popup__submit:hover {
  background: linear-gradient(135deg, #ff8c3a 0%, #ff7000 100%) !important;
  box-shadow: 0 4px 12px rgba(255, 112, 0, 0.4);
  transform: translateY(-2px);
}

body.help-popup-open {
  overflow: hidden;
}

@media (max-width: 576px) {
  .help-popup__container {
    max-width: 95%;
    padding: 35px 20px 25px;
  }
  
  .help-popup__title {
    font-size: 20px;
  }
  
  .help-popup__subtitle {
    font-size: 14px;
  }
  
  .help-popup__form input[type="text"],
  .help-popup__form input[type="tel"] {
    padding: 12px 15px;
    font-size: 14px;
  }
  
  .help-popup__submit {
    padding: 14px 18px !important;
    font-size: 15px;
  }
}
/* SEO Intro Section */
.seo-intro {
  /* Добавьте нужные стили если требуется */
}

/* Section Title */
h2.catalog-title {
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 30px;
}

/* Showcase Section Title */
.showcase__title span span {
  color: #ff7000;
  font-weight: bold;
}

/* SEO Content Section */
.seo-content {
  background: #fff;
  padding: 60px 0;
}

.seo-content .container > div {
  max-width: 1000px;
  margin: 0 auto;
}

.seo-content h2 {
  font-size: 32px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 20px;
  text-align: center;
}

.seo-text {
  font-size: 16px;
  line-height: 1.7;
  color: #333;
}

.seo-text p {
  margin-bottom: 20px;
}

.seo-text h3 {
  font-size: 24px;
  font-weight: 600;
  margin: 30px 0 15px;
  color: #1a1a1a;
}

.seo-text ul {
  list-style: none;
  padding: 0;
  margin: 0 0 30px 0;
}

.seo-text ul li {
  padding: 10px 0;
  padding-left: 30px;
  position: relative;
}

.seo-text ul li span {
  position: absolute;
  left: 0;
  color: #9DA65D;
}

.seo-text ol {
  padding-left: 20px;
  margin: 0 0 30px 0;
}

.seo-text ol li {
  padding: 8px 0;
}

.seo-text a {
  color: #ff7000;
  text-decoration: none;
  border-bottom: 1px solid #ff7000;
}

.seo-info-box {
  background: #f8f9fa;
  padding: 25px;
  border-radius: 8px;
  margin: 30px 0;
}

.seo-info-box p {
  margin: 0;
  line-height: 1.8;
}

.seo-info-box a {
  color: #ff7000;
  text-decoration: none;
  font-weight: 600;
}

.seo-text-center {
  text-align: center;
  color: #666;
  font-style: italic;
  margin-top: 30px;
}

/* Media Section */
.media-title {
  /* Добавьте стили если есть */
}

.media {
  /* Добавьте стили если есть */
}

/* FAQ Section */
.faq-section {
  background: #f8f9fa;
  padding: 60px 0;
}

.faq-section h2 {
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 40px;
  color: #1a1a1a;
}

.faq-list {
  max-width: 900px;
  margin: 0 auto;
}

.faq-item {
  background: #fff;
  margin-bottom: 15px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.faq-question {
  width: 100%;
  padding: 20px 25px;
  text-align: left;
  background: #fff;
  border: none;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #1a1a1a;
}

.faq-question span {
  font-size: 24px;
  transition: transform 0.3s;
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s;
  padding: 0 25px;
}

.faq-answer p {
  padding: 20px 0;
  margin: 0;
  line-height: 1.7;
  color: #333;
}

.faq-answer a {
  color: #ff7000;
}

.faq-item.active .faq-answer {
  max-height: 500px !important;
  padding: 0 25px;
}

.faq-item.active .faq-question span {
  transform: rotate(180deg);
}

/* Category Page Specific Styles */
.category-content {
  max-width: 1100px;
  margin: 0 auto;
}

.category-content h2 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 25px;
}

.category-content p {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 20px;
}

.category-content h3 {
  font-size: 24px;
  font-weight: 600;
  margin: 30px 0 20px 0;
}

.category-content ol {
  padding-left: 20px;
  margin: 0 0 30px 0;
  line-height: 1.8;
}

.category-content ol li {
  padding: 8px 0;
}

.category-content a {
  color: #ff7000;
  text-decoration: none;
}

/* Protection Table */
.protection-table {
  width: 100%;
  border-collapse: collapse;
  margin: 25px 0;
}

.protection-table thead tr {
  background: #ff7000;
  color: #fff;
}

.protection-table th {
  padding: 15px;
  text-align: left;
}

.protection-table td {
  padding: 15px;
}

.protection-table tbody tr {
  border-bottom: 1px solid #e0e0e0;
}

.protection-table .price-cell {
  color: #ff7000;
  font-weight: 600;
}

/* Manufacturer Grid */
.manufacturer-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  margin: 25px 0;
}

.manufacturer-card {
  background: #f8f9fa;
  padding: 20px;
  border-radius: 8px;
}

.manufacturer-card h4 {
  margin: 0 0 10px 0;
  font-size: 18px;
}

.manufacturer-card p {
  font-size: 14px;
  margin: 0;
  color: #666;
}

/* Product Table */
.product__table {
  margin-top: 20px;
}

/* Review Card */
.review-card {
  background: #f8f9fa;
  padding: 25px;
  border-radius: 8px;
  margin-bottom: 20px;
}

.review-card .review-author {
  font-weight: 600;
  margin: 0 0 10px 0;
}

.review-card p {
  margin: 0;
  line-height: 1.7;
  color: #333;
}

/* CTA Banner */
.cta-banner {
  background: linear-gradient(135deg, #ff7000 0%, #ff8c3a 100%);
  padding: 30px;
  border-radius: 12px;
  text-align: center;
  color: #fff;
  margin-top: 40px;
}

.cta-banner h3 {
  margin: 0 0 15px 0;
  font-size: 24px;
}

.cta-banner p {
  margin: 0 0 20px 0;
  font-size: 16px;
}

.cta-banner .cta-phone {
  display: inline-block;
  background: #fff;
  color: #ff7000;
  padding: 15px 30px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
}

/* Link with border */
.link-bordered {
  color: #ff7000;
  text-decoration: none;
  border-bottom: 2px solid #ff7000;
  font-weight: 600;
}

/* Info Box with Left Border */
.info-box-warning {
  background: #fff3e0;
  border-left: 4px solid #ff7000;
  padding: 20px;
  margin: 25px 0;
}

.info-box-warning h4 {
  margin: 0 0 15px 0;
  font-size: 18px;
  color: #ff7000;
}

.info-box-warning ol {
  padding-left: 20px;
  margin: 0;
  line-height: 1.8;
}

.info-box-warning ol li {
  padding: 5px 0;
}

/* Feature Card with Green Border */
.feature-card-green {
  background: #f8f9fa;
  padding: 25px;
  border-radius: 8px;
  border-left: 4px solid #9DA65D;
}

.feature-card-green h5 {
  margin: 0 0 12px 0;
  font-size: 18px;
}

.feature-card-green p {
  font-size: 14px;
  margin: 0 0 10px 0;
  color: #666;
}

.feature-card-green p:last-child {
  margin: 0;
  line-height: 1.6;
}

/* Room Cards */
.room-card-suitable {
  background: #e8f5e9;
  padding: 20px;
  border-radius: 8px;
}

.room-card-suitable h5 {
  margin: 0 0 12px 0;
  font-size: 16px;
  color: #2e7d32;
}

.room-card-unsuitable {
  background: #ffebee;
  padding: 20px;
  border-radius: 8px;
}

.room-card-unsuitable h5 {
  margin: 0 0 12px 0;
  font-size: 16px;
  color: #c62828;
}

.room-card-suitable ul,
.room-card-unsuitable ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
  line-height: 1.8;
}

.room-card-suitable p,
.room-card-unsuitable p {
  margin: 15px 0 0 0;
  font-size: 13px;
  color: #666;
}

/* Brand Card with Orange Border */
.brand-card-orange {
  border-left: 4px solid #ff7000;
  padding-left: 15px;
}

.brand-card-orange h4 {
  margin: 0 0 8px 0;
  font-size: 18px;
}

.brand-card-orange p {
  font-size: 14px;
  margin: 0;
  color: #666;
  line-height: 1.6;
}

/* Installation List Box */
.installation-list-box {
  background: #f8f9fa;
  padding: 25px;
  border-radius: 8px;
  margin: 25px 0;
}

.installation-list-box ul {
  list-style: none;
  padding: 0;
  margin: 0;
  columns: 2;
  column-gap: 30px;
}

.installation-list-box ul li {
  padding: 8px 0;
  break-inside: avoid;
}

/* CTA Banner Extended */
.cta-banner h3.large-title {
  margin: 0 0 15px 0;
  font-size: 28px;
  font-weight: 700;
}

.cta-banner p.large-text {
  margin: 0 0 25px 0;
  font-size: 18px;
  line-height: 1.6;
}

.cta-banner .button-group {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
}

.cta-banner .cta-button-outline {
  display: inline-block;
  background: transparent;
  border: 2px solid #fff;
  color: #fff;
  padding: 15px 35px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
}

.cta-banner .cta-phone-large {
  display: inline-block;
  background: #fff;
  color: #ff7000;
  padding: 15px 35px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
}

/* Text Center Gray */

/* Subtitle */
.category-content h4 {
  font-size: 20px;
  font-weight: 600;
  margin: 25px 0 15px 0;
}
.blog-post__cta-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-shrink: 0;
  width: 260px;
}
.blog-post__cta-form input[type="text"],
.blog-post__cta-form input[type="tel"] {
  padding: 12px 14px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 14px;
  font-family: inherit;
  width: 100%;
  box-sizing: border-box;
}
.blog-post__cta-form input:focus {
  outline: none;
  border-color: #ff7000;
}
.blog-post__cta-form .btn {
  width: 100%;
  padding: 12px;
  font-size: 14px;
}
@media (max-width: 767px) {
  .blog-post__cta-form {
    width: 100%;
  }
}
.stock__btn {
  display: inline-block;
  font-size: 14px;
  color: #ff7000;
  text-decoration: none;
  margin-top: 12px;
  transition: color 0.2s;
}
.stock__btn:hover {
  color: #c0392b;
}
.search-panel__preview {
    margin-top: 16px;
    background-color: #fff;
    border-radius: 10px;
    padding: 20px 26px;
    max-height: calc(100vh - 240px);
    overflow-y: auto;
}
@media (max-width: 767.8px) {
    .search-panel__preview {
        padding: 15px 20px;
        max-height: calc(100vh - 140px);
    }
}

.search-filter {
    display: block;
}
.search-filter__top {
    position: sticky;
    top: 0;
    z-index: 5;
    background: #fff;
    padding: 12px 0;
    margin-bottom: 16px;
    border-bottom: 1px solid rgba(97, 109, 166, .19);
}
.search-filter__body {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
}
.search-filter__body > * {
    flex: 1 1 auto;
    min-width: 180px;
}
.search-filter__total {
    margin-bottom: 12px;
    font-size: 14px;
    color: #757575;
}
.search-filter__results .product-card-search {
    padding: 12px 0;
    border-bottom: 1px solid rgba(97, 109, 166, .19);
}
.search-filter__results .product-card-search:last-child {
    border-bottom: none;
}
@media (max-width: 767.8px) {
    .search-filter__body {
        flex-direction: column;
        align-items: stretch;
    }
    .search-filter__body > * {
        min-width: 0;
        width: 100%;
    }
}

.sf { display: flex; flex-direction: column; gap: 20px; }
.sf__filters { display: flex; flex-wrap: wrap; gap: 16px; align-items: flex-end; padding: 16px; background: #f5f6fa; border-radius: 10px; }
.sf__group { display: flex; flex-direction: column; gap: 6px; flex: 1 1 180px; min-width: 180px; }
.sf__group--price { flex: 1 1 240px; }
.sf__label { font-size: 13px; color: #757575; }
.sf__price { display: flex; align-items: center; gap: 8px; }
.sf__input, .sf__select { width: 100%; padding: 8px 12px; border: 1px solid #d8d8d8; border-radius: 6px; background: #fff; font-size: 14px; height: 38px; }
.sf__price-sep { color: #757575; }
.sf__reset { align-self: flex-end; padding: 8px 16px; background: transparent; border: 1px solid #d8d8d8; border-radius: 6px; cursor: pointer; height: 38px; font-size: 14px; }
.sf__reset:hover { background: #fff; }
.sf__results-title { font-size: 16px; font-weight: 700; margin-bottom: 12px; color: #414141; }
.sf__results-list { display: flex; flex-direction: column; gap: 0; transition: opacity .15s; }
.sf__results-list.is-loading { opacity: .5; pointer-events: none; }
.sf__card { display: flex; gap: 14px; padding: 12px 0; border-bottom: 1px solid rgba(97,109,166,.19); color: #333; text-decoration: none; }
.sf__card:last-child { border-bottom: none; }
.sf__card-img { flex: 0 0 80px; }
.sf__card-img img { width: 80px; height: 100px; object-fit: contain; }
.sf__card-body { display: flex; flex-direction: column; justify-content: center; gap: 6px; }
.sf__card-title { font-size: 14px; font-weight: 500; }
.sf__card-price { font-size: 15px; font-weight: 700; color: #616da6; }
.sf__empty, .sf__loading { padding: 20px; text-align: center; color: #888; }
@media (max-width: 767.8px) {
    .sf__filters { flex-direction: column; align-items: stretch; }
    .sf__group, .sf__group--price { flex: none; min-width: 0; width: 100%; }
}
.sf__group--dep.is-hidden { display: none; }