@charset "UTF-8";

*,
.banner,
.header-btn,
.header__burger-menu,
.header__burger-menu-inner,
.header__inner,
.menu-catalog__content,
.menu-catalog__panel,
.menu-catalog__panel-link,
.search-form__result,
.search-form__search,
.search-form__wrapper {
    box-sizing: border-box
}

.breadcrumbs-list,
.header li,
.main-categories li,
.pagination {
    list-style-type: none
}

.contact-text-box__value,
.info-box__description,
.textarea_order {
    font-variant-numeric: tabular-nums
}

.filter__price-input:focus,
.input:focus,
.search-box__input,
.search-form__search:focus,
.select__field-text:focus,
.subscribe-form__input:focus,
.textarea:focus {
    outline: 0
}

.blue-box__text_right span,
.board-item__btn,
.breadcrumbs-list__item,
.btn,
.btnTBank,
.filter__count,
.footer-bottom__link,
.header-btn,
.header__contacts-tel,
.mini-product-card__price,
.order-bonus__text span,
.price-block__price,
.product-page-button,
.select__current,
.totals__title-price span {
    white-space: nowrap
}

:root {
    --white: #FFF;
    --black: #1A1C1E;
    --gray: #9b9eb6;
    --muddy-blue: #8FC6FF;
    --main-blue: #047fff;
    --light-blue: #EBF0FF;
    --light-blue-hover: #D7DEF3;
    --main-blue-hover: #006fe3;
    --main-purple: #AF41FC;
    --main-purple-hover: #932CDB;
    --light-purple: #F7ECFF;
    --red: #ff003d;
    --orange: #ff6f42;
    --light-orange: #FFF2D0;
    --aqua: #0AB1BC;
    --light-green: #E0FBC5;
    --transition: .3s;
    --main-font: "ALS Hauss", Arial, sans-serif;
    --alt-font: "ALS Gorizont", Arial, sans-serif
}

* {
    font-family: var(--main-font);
    -webkit-tap-highlight-color: transparent
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    padding: 80px 0 0;
    margin: 0;
    background-color: var(--white);
    font-weight: 400
}

body[with-smartbanner=true] {
    padding-top: 0
}

body[with-smartbanner=true] .header {
    position: sticky
}

.smartbanner {
    z-index: 10
}

div[id^=wait_bx_],
div[id^=wait_comp_] {
    display: none !important
}

.with-fancybox .header {
    width: calc(100% - var(--fancybox-scrollbar-compensate));
    transition: none
}

.no-scroll {
    overflow: hidden !important
}

.container {
    max-width: 1520px;
    margin: 0 auto;
    padding: 0 8px;
    width: 100%
}

#paymentButton input,
.swiper-pagination {
    margin: 24px auto 0
}

.banner-slider__btn-next.slider-btn,
.banner-slider__btn-prev.slider-btn,
.btn-more_mobile_hidden,
.categories-slider__btn-next.slider-btn,
.categories-slider__btn-prev.slider-btn,
.section-tab__text,
.swiper-button-disabled.slider-btn,
.swiper-button-lock,
.swiper-pagination-lock {
    display: none
}

.slider-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-70%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    z-index: 1;
    background: var(--main-blue);
    transition: var(--transition)
}

.slider-btn:active {
    background: var(--main-blue-hover)
}

.slider-btn_prev {
    left: 0
}

.slider-btn_next {
    right: 0
}

.swiper-pagination {
    display: flex;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    left: 50% !important;
    transform: translateX(-50%) !important
}

.swiper-pagination_white .swiper-pagination-bullet {
    background: var(--white)
}

.bullet_active,
.main-categories-item_main-blue,
.swiper-pagination-bullet-active,
.swiper-pagination_white .swiper-pagination-bullet-active {
    background: var(--main-blue)
}

.swiper-pagination-bullet {
    opacity: 1;
    display: block;
    width: 24px;
    height: 8px;
    background: #e9f1fe;
    border-radius: 10px;
    flex-shrink: 0
}

.section,
.section-heading_m-max,
.section_contact {
    margin-bottom: 36px
}

.section_banner-slider {
    margin: 4px 0 24px
}

.section-title,
.section-title * {
    font-size: 24px;
    font-family: var(--alt-font);
    font-weight: 800;
    margin: 0;
    line-height: 26px;
    color: var(--black)
}

.btn,
.sticker {
    line-height: 14px
}

.section-heading {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 16px;
    -moz-column-gap: 36px;
    column-gap: 36px
}

.section-heading_m-min {
    margin-bottom: 16px
}

.section-heading_align_left {
    justify-content: start
}

.fast-contact__links,
.section-heading__links {
    display: flex;
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px
}

.bullet {
    display: block;
    background: #ebf0ff;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    transition: var(--transition);
    cursor: pointer;
    border: 2px solid var(--white)
}

.btn,
.video-btn {
    width: -moz-fit-content;
    transition: var(--transition);
    text-decoration: none;
    cursor: pointer
}

.video-btn {
    display: flex;
    align-items: center;
    border-radius: 16px;
    font-family: var(--alt-font);
    font-weight: 900;
    font-size: 10px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    padding: 4px 8px 4px 4px;
    border: 1px solid var(--main-purple);
    background-color: var(--white);
    width: fit-content;
    color: var(--main-purple);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5
}

.video-btn__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: var(--main-purple);
    transition: var(--transition)
}

.btn,
.btn-wrapper {
    align-items: center
}

.btn {
    display: flex;
    -moz-column-gap: 8px;
    column-gap: 8px;
    background: var(--main-blue);
    width: fit-content;
    border: none;
    border-radius: 8px;
    justify-content: center;
    padding: 12px 16px;
    font-size: 12px;
    color: var(--white);
    font-weight: 500
}

.btn_min {
    padding: 8px 16px
}

.btn_light {
    padding: 13px 12px;
    background: var(--light-blue);
    color: var(--black);
    font-size: 12px
}

.btn_black {
    background: var(--black)
}

.btn_transparent {
    background: 0 0;
    color: var(--gray)
}

.btn_big {
    padding: 15.5px 16px
}

.btn svg,
.pagination__item,
.split-block__tooltip-icon {
    display: inline-flex
}

.btn-wrapper {
    display: flex;
    -moz-column-gap: 36px;
    column-gap: 36px;
    row-gap: 16px;
    flex-wrap: wrap
}

.btn__text_big-card {
    font-size: 14px;
    display: none
}

.categories-slider__wrapper,
.follow-btn {
    display: flex
}

.follow-btn {
    position: relative;
    z-index: 1;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    -moz-column-gap: 8px;
    column-gap: 8px;
    border-radius: 8px;
    padding: 16px;
    background-color: var(--main-purple);
    color: var(--white);
    font-weight: 700;
    font-size: 12px
}

.follow-btn_transparent {
    background: rgba(255, 255, 255, .1);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px)
}

.categories-slider {
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    padding-bottom: 32px
}

.categories-slider_catalog {
    max-width: 1482px;
    padding: 0 8px 32px
}

@media (min-width:700px) {
    .container {
        padding: 0 36px
    }

    .banner-slider__btn-next.slider-btn,
    .banner-slider__btn-prev.slider-btn {
        display: flex
    }

    .swiper-pagination_mobile {
        display: none
    }

    .categories-slider_catalog {
        padding: 0 24px 32px
    }

    .categories-slider {
        padding-bottom: 32px
    }
}

@media (min-width:1100px) {

    body,
    body[with-smartbanner=true] {
        padding-top: 160px
    }

    body[with-smartbanner=true] .header {
        position: fixed
    }

    [data-smartbanner-original-margin-top] {
        margin-top: 0 !important
    }

    .smartbanner,
    .swiper-pagination_mobile {
        display: none
    }

    .container {
        padding: 0 40px
    }

    .categories-slider__btn-next.slider-btn,
    .categories-slider__btn-prev.slider-btn {
        display: flex
    }

    .banner-slider__btn-next.slider-btn,
    .banner-slider__btn-prev.slider-btn {
        top: calc(50% + 20px)
    }

    .slider-btn {
        display: flex
    }

    .section {
        margin-bottom: 60px
    }

    .section_banner-slider {
        margin: 16px 0
    }

    .section__container_about {
        max-width: 1032px
    }

    .section-title,
    .section-title * {
        font-size: 32px;
        line-height: 34px
    }

    .section-title_center {
        text-align: center;
        margin: 0 auto
    }

    .section-heading {
        flex-direction: row;
        align-items: center;
        margin-bottom: 36px
    }

    .section-heading_m-min {
        margin-bottom: 24px
    }

    .categories-slider:not(.categories-slider_catalog) {
        padding: 0 40px 32px;
        max-width: 1368px
    }

    .categories-slider_catalog {
        padding: 0 24px 32px
    }

    .categories-slider {
        padding-bottom: 32px
    }
}

.categories-slider:not(.categories-slider_catalog) .swiper-slide:nth-child(4n+1) .category-card__img-wrapper {
    background: #ffe8ef
}

.categories-slider:not(.categories-slider_catalog) .swiper-slide:nth-child(4n+2) .category-card__img-wrapper {
    background: #e9f1fe
}

.categories-slider:not(.categories-slider_catalog) .swiper-slide:nth-child(4n+3) .category-card__img-wrapper,
.content-icon_aqua {
    background: #d9f8fa
}

.categories-slider:not(.categories-slider_catalog) .swiper-slide:nth-child(4n+4) .category-card__img-wrapper {
    background: #f1e7ff
}

.categories-slider:not(.categories-slider_catalog) .category-card__img {
    mix-blend-mode: unset
}

.categories-slider-overlay {
    position: relative;
    max-width: 1490px;
    margin: 0 auto
}

.categories-slider__btn-next,
.categories-slider__btn-prev {
    top: 45%;
    transform: translateY(-70%)
}

.product-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 8px;
    grid-auto-rows: auto;
    width: 100%;
    grid-auto-flow: dense
}

.header-address__content,
.product-grid_list,
.quiz__container,
.text-block {
    display: flex;
    flex-direction: column
}

@media (min-width:344px) {

    .product-grid_one-row .product-card,
    .product-grid_two-rows .product-card {
        display: none
    }

    .product-grid_one-row .product-card:nth-child(-n+4),
    .product-grid_two-rows .product-card:nth-child(-n+8) {
        display: grid
    }
}

@media (min-width:512px) {

    .product-grid_one-row .product-card:nth-child(-n+3),
    .product-grid_two-rows .product-card:nth-child(-n+6) {
        display: grid
    }

    .product-grid_one-row .product-card:nth-child(4),
    .product-grid_two-rows .product-card:nth-child(7),
    .product-grid_two-rows .product-card:nth-child(8) {
        display: none
    }
}

@media (min-width:680px) {

    .product-grid_one-row .product-card:nth-child(-n+4),
    .product-grid_two-rows .product-card:nth-child(-n+8) {
        display: grid
    }
}

@media (min-width:862px) {

    .product-grid_one-row .product-card:nth-child(-n+3),
    .product-grid_two-rows .product-card:nth-child(-n+6) {
        display: grid
    }

    .product-grid_one-row .product-card:nth-child(4),
    .product-grid_two-rows .product-card:nth-child(7),
    .product-grid_two-rows .product-card:nth-child(8) {
        display: none
    }
}

@media (min-width:1152px) {

    .product-grid_one-row .product-card:nth-child(-n+4),
    .product-grid_two-rows .product-card:nth-child(-n+8) {
        display: grid
    }
}

@media (min-width:1426px) {

    .product-grid_one-row .product-card:nth-child(-n+5),
    .product-grid_two-rows .product-card:nth-child(-n+10) {
        display: grid
    }
}

.product-grid__banner {
    grid-column: 1/-1
}

.btn-more {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px;
    gap: 8px;
    background: var(--white);
    border: 1px solid #eeeef4;
    border-radius: 8px;
    transition: var(--transition);
    margin-top: 8px;
    color: var(--black);
    text-decoration: none;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    box-shadow: 0 5px 20px rgba(96, 103, 109, .1)
}

.btn-more_m-none {
    margin: 0
}

.product-page-option__list,
.stickers {
    display: flex;
    gap: 4px;
    flex-wrap: wrap
}

.stickers_column {
    flex-direction: column
}

.sticker {
    display: flex;
    align-items: center;
    -moz-column-gap: 4px;
    column-gap: 4px;
    font-weight: 500;
    border-radius: 4px;
    padding: 4px 8px;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 10px;
    height: -moz-fit-content;
    height: fit-content
}

.product-page__main .sticker {
    padding: 4px
}

.sticker_green {
    background-color: #d1f0b1;
    color: #33860f
}

.sticker_red {
    color: var(--red);
    background: #ffe5ec
}

.sticker_purple {
    color: var(--main-purple);
    background: #f7ecff
}

.sticker_orange {
    color: var(--orange);
    background: #ffebe5
}

.sticker_yellow {
    color: #f80;
    background: #fff0dc
}

.sticker_blue {
    color: var(--main-blue);
    background: #e6f2ff
}

.sticker_aqua {
    background: #d9f8fa;
    color: var(--aqua)
}

.sticker_gray {
    background: var(--light-blue);
    color: #656771
}

.sticker_black {
    background: var(--black);
    color: var(--white)
}

.sticker_rec::before {
    content: url("../images/icons/lightning.gif");
    height: 16px;
    width: 16px
}

.sticker_sale::before {
    content: url("../images/icons/percent.svg");
    height: 16px;
    width: 16px
}

.sticker_bonus::before {
    content: url("../images/icons/bonus.svg");
    height: 16px;
    width: 16px
}

.sticker_bonus_gif::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/icons/bonus-loop.gif") center center/contain no-repeat
}

.sticker_stock::before {
    content: url("../images/icons/package.svg");
    height: 16px;
    width: 16px
}

.sticker_gift::before {
    content: url("../images/icons/christmas-gift.svg");
    height: 16px;
    width: 16px
}

.sticker_has-value {
    padding: 2px 2px 2px 8px
}

.sticker__icon {
    width: 16px;
    height: 16px;
    -o-object-fit: contain;
    object-fit: contain
}

.sticker__value {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
    padding: 3px 4px;
    background: var(--white);
    font-size: 12px;
    font-weight: 500;
    line-height: 13px
}

.sticker-wrapper {
    display: flex;
    align-items: center;
    -moz-column-gap: 4px;
    column-gap: 4px;
    font-size: 10px;
    font-weight: 400;
    color: var(--black)
}

.default-tabs,
.tags {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap
}

.section-tab,
.section-tabs {
    display: flex;
    align-items: center
}

.default-tab {
    font-size: 14px;
    font-weight: 500;
    color: var(--gray);
    padding: 8px 16px;
    border-radius: 8px;
    border: none;
    background: var(--light-blue);
    cursor: pointer;
    transition: var(--transition)
}

.banner-text_blue,
.comparison-category_active,
.default-tab.tab_active,
.journal-tab.tab_active {
    background: var(--main-blue);
    color: var(--white)
}

.dropdown__btn,
.dropdown__menu,
.section-tab {
    background: var(--light-blue)
}

.section-tabs {
    padding: 4px 4px 4px 16px;
    border-radius: 12px;
    border: 1px solid #eeeef4;
    -moz-column-gap: 4px;
    column-gap: 4px;
    width: 100%
}

.section-tabs::before {
    content: "Для:";
    margin-right: auto;
    color: var(--gray);
    font-size: 14px;
    font-weight: 500
}

.section-tab {
    -moz-column-gap: 8px;
    column-gap: 8px;
    border-radius: 8px;
    color: var(--black);
    padding: 8px 16px;
    font-size: 12px;
    font-weight: 500;
    transition: var(--transition);
    cursor: pointer;
    border: none
}

.section-tab.tab_active {
    color: var(--white);
    background: var(--main-blue)
}

.journal-tab.tab_active .journal-tab__svg path,
.section-tab.tab_active .section-tab__svg path {
    stroke: var(--white)
}

.section-tab__svg path {
    transition: var(--transition);
    stroke: var(--black)
}

.fancybox__iframe,
.modal.fancybox__content {
    border-radius: 32px
}

.modal .f-button.is-close-btn {
    width: 24px;
    height: 24px
}

.modal .f-button.is-close-btn svg {
    color: var(--gray)
}

.fancybox__content:not(.modal) {
    border-radius: 32px;
    position: static !important;
    background: 0 0 !important
}

.fancybox__track {
    position: relative !important
}

.fancybox__slide {
    padding: 50px 20px !important
}

.f-button.is-close-btn {
    top: 11px !important;
    right: 14px !important;
    background: 0 0 !important
}

.f-button.is-close-btn svg {
    width: 48px !important;
    height: 48px !important
}

.fancybox__slide.has-image>.fancybox__content {
    padding: 30px;
    width: 80% !important;
    height: 80% !important
}

.fancybox__slide.iframe-video-review .fancybox__content {
    width: 100% !important;
    height: 244px !important;
    padding-left: 0 !important;
    padding-right: 0 !important
}

.fancybox__slide.iframe-video .fancybox__content {
    width: 100% !important;
    height: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important
}

.fancybox__slide.iframe-video .fancybox__iframe {
    height: 180px !important
}

@media (min-width:360px) {

    .fancybox__slide.iframe-video .fancybox__content,
    .fancybox__slide.iframe-video-review .fancybox__content {
        width: 320px !important
    }
}

@media (min-width:400px) {
    .fancybox__slide.iframe-video-review .fancybox__content {
        width: 360px !important;
        height: 267px !important
    }

    .fancybox__slide.iframe-video .fancybox__content {
        width: 360px !important
    }

    .fancybox__slide.iframe-video .fancybox__iframe {
        height: 203px !important
    }
}

@media (min-width:500px) {
    .fancybox__slide.iframe-video-review .fancybox__content {
        width: 460px !important;
        height: 323px !important
    }

    .fancybox__slide.iframe-video .fancybox__content {
        width: 460px !important
    }

    .fancybox__slide.iframe-video .fancybox__iframe {
        height: 259px !important
    }
}

@media (min-width:600px) {
    .fancybox__slide.iframe-video-review .fancybox__content {
        width: 560px !important;
        height: 379px !important
    }

    .fancybox__slide.iframe-video .fancybox__content {
        width: 560px !important
    }

    .fancybox__slide.iframe-video .fancybox__iframe {
        height: 315px !important
    }
}

@media (min-width:700px) {
    .product-grid {
        gap: 20px;
        grid-template-columns: repeat(auto-fill, minmax(239px, 1fr))
    }

    .product-grid_one-row .product-card:nth-child(-n+4),
    .product-grid_two-rows .product-card:nth-child(-n+8) {
        display: grid
    }

    .btn-more {
        margin-top: 20px
    }

    .btn-more_mobile_hidden {
        display: flex
    }

    .fancybox__slide.iframe-video-review .fancybox__content {
        height: 400px !important;
        width: 595px !important
    }

    .fancybox__slide.iframe-video .fancybox__content {
        width: 595px !important
    }

    .fancybox__slide.iframe-video .fancybox__iframe {
        height: 335px !important
    }
}

.dropdown {
    position: relative;
    max-width: 342px;
    width: 100%
}

.dropdown-inn,
.dropdown.aside__dropdown {
    max-width: unset
}

.dropdown * {
    text-decoration: none;
    color: var(--black)
}

.dropdown__btn {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    -moz-column-gap: 8px;
    column-gap: 8px;
    padding: 12px 16px;
    border: none;
    font-size: 14px;
    font-weight: 500;
    color: var(--black);
    border-radius: 12px;
    cursor: pointer
}

.dropdown__btn::after {
    content: url("../images/filter/accordion-arrow.svg");
    display: inline-flex;
    height: 24px;
    transition: var(--transition);
    margin-left: auto
}

.dropdown__btn.aside-menu-btn::after {
    content: url("../images/filter/accordion-arrow_white.svg");
    margin-left: auto;
    transform: rotate(180deg)
}

.default-accordion-btn.accordion-btn_active::after,
.dropdown__btn_active::after {
    transform: rotate(180deg)
}

.dropdown__btn_active.aside-menu-btn::after {
    transform: rotate(0)
}

.dropdown__menu {
    display: none;
    position: absolute;
    z-index: 7;
    top: calc(100% + 5px);
    width: 100%;
    flex-direction: column;
    border-radius: 12px;
    padding: 2px
}

.banner-slider__wrapper,
.dropdown__menu_active,
.input-label,
.insta-circles__list .swiper-wrapper,
.insta-products__product-gallery .swiper-wrapper,
.insta-stack__content .swiper-wrapper,
.result-slider__wrapper {
    display: flex
}

.dropdown__item {
    position: relative;
    display: block;
    padding: 16px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 12px;
    transition: .1s
}

.error-text,
.errortext,
.input {
    font-weight: 400
}

.back-btn,
.back-btn__svg,
.back-btn__svg path,
.color-link,
.expand-checkbox__svg {
    transition: var(--transition)
}

.dropdown__item:not(:last-child)::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 92%;
    background-color: #d2d3e0;
    height: 1px
}

.dropdown_catalog {
    width: 342px
}

.company-menu {
    max-height: 390px;
    overflow: auto
}

.banner-slider {
    position: relative;
    padding-bottom: 32px;
    padding-top: 20px
}

.banner-slider-overlay {
    position: relative;
    overflow: hidden;
    max-width: 1472px;
    margin: 0 auto;
    padding: 0 24px 0 8px
}

.input,
.textarea {
    padding: 16px;
    background: var(--light-blue)
}

.banner-slider-pagination {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

.m-t {
    margin-top: 24px
}

.color-link {
    position: relative;
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 50%
}

.color-link_active::after {
    content: "";
    position: absolute;
    width: 39px;
    height: 39px;
    border-radius: 50%;
    border: 2px solid var(--main-blue);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    right: 0
}

.color-link_disabled {
    opacity: .5;
    filter: opacity(.2)
}

.color-link_img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.content-icon_big,
.success-img {
    width: 84px;
    height: 84px
}

.input {
    font-size: 14px;
    line-height: 16.8px;
    border-radius: 8px;
    border: none;
    width: 100%
}

.input_error {
    border: 2px solid #eb4f27
}

.error-text {
    font-size: 14px;
    color: #eb4f27;
    margin-top: 8px
}

.header h1,
.header h2,
.header h3,
.header h4,
.header h5,
.header h6,
.header ul,
.main-categories ul {
    margin: 0;
    padding: 0
}

.errortext {
    font-size: 14px;
    color: #eb4f27
}

.blue-link,
.input-label,
.select__error {
    font-size: 14px;
    font-weight: 500
}

.select__error {
    color: #eb4f27;
    margin: 0
}

.input-label {
    flex-direction: column;
    row-gap: 8px
}

.contact-map,
.warning-box {
    flex-direction: column;
    display: flex
}

.textarea {
    border-radius: 8px;
    border: none;
    max-width: 100%;
    resize: none
}

.content-box,
.map {
    border-radius: 24px
}

.textarea_order {
    height: 98px
}

.blue-link {
    color: var(--main-blue);
    text-decoration: none
}

.map {
    width: 100% !important;
    height: 400px !important;
    overflow: hidden
}

.contact-map {
    row-gap: 16px;
    min-width: 0
}

.warning-box {
    justify-content: center;
    align-items: center;
    row-gap: 24px;
    margin: 80px 0;
    text-align: center
}

.warning-box__bottom {
    display: flex;
    -moz-column-gap: 16px;
    column-gap: 16px
}

.warning-box__description {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    text-align: center;
    font-size: 16px;
    font-weight: 400
}

.main-categories-item_c .main-categories-item__title,
.main-categories-item_e .main-categories-item__title,
.main-categories-item_f .main-categories-item__title,
.main-categories-item_j .main-categories-item__title,
.product-card-info_product-page .product-card-info__label,
.product-card-info_product-page .product-card-info__link,
.product-card-info_product-page .product-card-info__value,
.warning-box__btn {
    font-size: 14px
}

.content-box {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    padding: 24px;
    border: 1px solid var(--light-blue)
}

.content-blue-box {
    display: flex;
    flex-direction: column;
    background: var(--light-blue);
    border-radius: 24px;
    padding: 24px;
    row-gap: 12px
}

.article :last-child,
.content-blue-box :last-child {
    margin-bottom: 0
}

.content-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 56px;
    height: 56px;
    flex-shrink: 0
}

.content-icon_green,
.warranty-box_green {
    background: var(--light-green)
}

.content-icon_blue {
    background: #e6f2ff
}

.content-icon_purple {
    background: var(--light-purple)
}

.content-icon_red,
.warranty-box_purple {
    background: #ffebe5
}

.content-icon__img {
    width: 24px;
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain
}

.content-icon__img_big {
    width: 36px;
    height: 36px
}

.content-box__heading {
    display: flex;
    -moz-column-gap: 15px;
    column-gap: 15px;
    align-items: center;
    font-family: var(--alt-font);
    font-size: 18px
}

.content-box__heading_column {
    font-family: var(--main-font);
    font-weight: 500;
    align-items: start;
    flex-direction: column;
    row-gap: 12px
}

.content-grid,
.delivery-subbox,
.order-card__content,
.orders,
.price-block,
.price-block-wrapper,
.question-list,
.split-block__top {
    display: flex;
    flex-direction: column;
    row-gap: 8px
}

@media (min-width:700px) {
    .banner-slider-overlay {
        padding: 0 24px 0 36px
    }

    .m-t {
        margin-top: 36px
    }

    .contact-map {
        grid-area: map
    }

    .content-grid_four-columns {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 24px
    }

    .content-grid_four-columns .content-box:last-child {
        grid-column: unset
    }
}

.content-part,
.menu-catalog__content-group,
.totals-list {
    display: flex;
    flex-direction: column;
    row-gap: 16px
}

.content-box-grid,
.subscribe-block {
    display: flex;
    gap: 8px;
    flex-direction: column
}

.error-img {
    width: 188px;
    height: 64px;
    -o-object-fit: contain;
    object-fit: contain
}

.about-page__title,
.form-section__btn,
.resale-quiz__title,
.totals__btn {
    margin-bottom: 24px
}

.hero__img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 300px
}

.form-warning-text {
    color: var(--gray);
    font-size: 12px;
    font-weight: 400;
    line-height: 14px
}

.form-warning-text_black,
.menu-catalog a,
.totals-text,
.totals__title {
    color: var(--black)
}

.form-warning-text *,
.totals-price-alt__value {
    font-size: 12px
}

.default-accordion {
    border-radius: 12px;
    border: 1px solid var(--light-blue)
}

.default-accordion-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    font-size: 14px;
    font-weight: 500;
    color: var(--black);
    width: 100%;
    padding: 12px 16px
}

.default-accordion-btn.accordion-btn::after {
    display: inline-flex;
    height: 24px;
    transition: var(--transition);
    right: 16px;
    content: url("../images/filter/accordion-arrow.svg")
}

.default-accordion-content {
    padding: 0 16px
}

.default-accordion-content>:last-child {
    padding-bottom: 16px
}

.cart-products,
.layout,
.resale-quiz,
.videos-page {
    display: flex;
    flex-direction: column;
    row-gap: 36px
}

@media (min-width:800px) {
    .fancybox__slide.iframe-video-review .fancybox__content {
        width: 756px !important;
        height: 489px !important
    }

    .fancybox__slide.iframe-video .fancybox__content {
        width: 756px !important
    }

    .fancybox__slide.iframe-video .fancybox__iframe {
        height: 426px !important
    }

    .layout_late-wrap {
        flex-direction: row;
        -moz-column-gap: 20px;
        column-gap: 20px
    }
}

.totals-outer {
    border-radius: 24px;
    border: 1px solid var(--light-blue);
    padding: 24px 12px 24px 24px;
    overflow: hidden
}

.totals {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    width: 100%;
    padding-right: 12px
}

.account-main__info,
.footer-info,
.footer-nav,
.footer-social,
.footer__column,
.order-item__list,
.product-page-box,
.product-page-box__main,
.quiz-successful__inner,
.totals__inner {
    display: flex;
    flex-direction: column;
    row-gap: 24px
}

.totals__inner_min-gap {
    row-gap: 16px
}

.totals__line {
    flex-shrink: 0;
    width: 100%;
    height: 1px;
    background: var(--light-blue)
}

.totals__btn {
    width: 100%;
    margin-right: 12px
}

.totals-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap
}

.totals__title {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 8px;
    flex-wrap: wrap;
    font-size: 18px;
    font-weight: 500
}

.totals-price,
.totals__title_column {
    flex-direction: column
}

.totals__title_max {
    font-size: 28px;
    line-height: 30px
}

.totals-text {
    font-size: 14px;
    line-height: 16px;
    font-weight: 500
}

.totals-text_gray {
    color: var(--gray);
    line-height: 20px
}

.totals-text_min {
    font-size: 12px;
    line-height: 14px;
    align-self: center
}

.totals-text_red {
    color: var(--red)
}

.quiz-successful .totals__btn,
.totals-text_price {
    font-size: 16px;
    line-height: 18px
}

.quiz-successful .fast-contact__text,
.totals-text_max {
    font-size: 18px;
    line-height: 20px
}

.totals-price {
    display: flex;
    row-gap: 6px;
    align-self: center;
    text-align: end
}

.totals-price-alt {
    display: flex;
    flex-direction: column;
    align-items: end;
    font-weight: 500;
    color: var(--gray)
}

.expand-checkbox,
.fast-contact,
.text-block__subtitle {
    font-weight: 500;
    color: var(--black)
}

.totals-price-alt__label {
    font-size: 10px
}

.totals-wrapper {
    width: 100%;
    background: #fff;
    border-radius: 24px
}

@media (min-width:900px) {
    .totals-wrapper {
        width: 466px;
        flex-shrink: 0
    }
}

.totals-wrapper__block {
    position: sticky;
    top: 100px;
    display: flex;
    flex-direction: column;
    row-gap: 16px
}

.hr,
.info-box__description,
.line-paragraph,
.sticker {
    position: relative
}

.promocode {
    display: flex;
    -moz-column-gap: 8px;
    column-gap: 8px;
    align-items: flex-end
}

.promocode input {
    height: 45px
}

.text-block_reverse {
    flex-direction: column-reverse
}

.expand-checkbox {
    display: flex;
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
    font-size: 14px;
    padding: 12px 16px;
    border-radius: 12px;
    border: 1px solid var(--light-blue);
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
    margin-top: 36px
}

.filter-action-block__btn,
.hr,
.info-box,
.product-grid_list {
    width: 100%
}

.expand-checkbox__svg {
    display: inline-flex
}

.text-block__subtitle {
    font-size: 18px;
    margin-top: 36px
}

.expand-checkbox__text {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.categories-slider_destroyed .swiper-pagination,
.categories-slider_destroyed .swiper-prev-btn,
.categories-slider_destroyed~.slider-btn,
.expand-checkbox-input:checked~.expand-checkbox .expand-checkbox__text:first-child,
.expand-checkbox__text:nth-child(2),
.preloader_loaded,
.swiper-pagination-bullet-active-next-next {
    display: none
}

[data-expandable-text] {
    position: relative;
    max-height: 490px;
    overflow: hidden
}

[data-expandable-text]::after {
    content: "";
    position: absolute;
    background: linear-gradient(0deg, #fff 27%, rgba(0, 0, 0, 0) 100%);
    bottom: -30px;
    height: 86px;
    left: 0;
    right: 0
}

.expand-checkbox-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: none
}

.expand-checkbox-input:checked~.expand-checkbox .expand-checkbox__svg {
    transform: rotate(180deg)
}

.expand-checkbox-input:checked~[data-expandable-text] {
    max-height: unset
}

.expand-checkbox-input:checked~[data-expandable-text]::after {
    content: none
}

.expand-checkbox-input:checked~.expand-checkbox .expand-checkbox__text:nth-child(2) {
    display: block
}

.hr {
    z-index: 2;
    height: 1px;
    background: var(--light-blue)
}

.categories-slider_destroyed .categories-slider__wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    -moz-column-gap: 8px;
    column-gap: 8px;
    row-gap: 24px
}

.categories-slider_destroyed .swiper-slide {
    width: unset
}

.categories-slider_destroyed .category-card {
    width: 100%;
    height: 100%;
    max-width: unset
}

.categories-slider_destroyed .category-card__img-wrapper {
    width: 100%;
    max-width: 100%;
    height: 183px;
    min-width: 150px
}

.swiper-slide {
    width: -moz-fit-content;
    width: fit-content;
    height: unset;
    flex-shrink: 1
}

.insta-gallery__stacks .swiper-slide,
.swiper-slide.resale-grid__slide {
    flex-shrink: 0
}

.line-paragraph::before {
    content: "";
    position: absolute;
    top: -2px;
    width: 260px;
    height: 1px;
    background: var(--black)
}

.fast-contact {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px
}

.old-price {
    font-size: 14px;
    font-weight: 400;
    color: var(--gray);
    text-decoration: line-through
}

.back-btn,
.banner,
.category-card,
.contact-text-box a,
.customer-btn,
.footer a,
.header a,
.header__contacts-tel,
.main-categories a,
.main-categories-item,
.product-card__name-link {
    text-decoration: none
}

.preloader {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, .6);
    z-index: 40
}

.preloader__row {
    position: relative;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    margin-top: -35px;
    margin-left: -35px;
    text-align: center;
    animation: 2s linear infinite preloader-rotate
}

.preloader__item {
    position: absolute;
    display: inline-block;
    top: 0;
    background-color: var(--main-blue);
    border-radius: 100%;
    width: 35px;
    height: 35px;
    animation: 2s ease-in-out infinite preloader-bounce
}

.preloader__item:last-child {
    top: auto;
    bottom: 0;
    animation-delay: -1s
}

@keyframes preloader-rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes preloader-bounce {

    0%,
    100% {
        transform: scale(0)
    }

    50% {
        transform: scale(1)
    }
}

.insta-circle {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 90px;
    margin-right: 3px
}

.insta-gallery__stacks .swiper-wrapper,
.product-page-slider__wrapper {
    display: flex;
    height: 100%
}

.comparison-row-slider,
.insta-circles__list,
.insta-stack__content,
.journal__contents,
.modal,
.product-page-slider-thumbs {
    overflow: hidden
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden
}

.section-bundles__errors.error {
    padding: 12px 24px;
    background-color: rgba(255, 124, 127, .3294117647);
    border-radius: 25px;
    margin-bottom: 20px
}

.section-bundles__errors {
    padding: 12px 24px;
    list-style-type: none
}

.header-address:nth-child(2),
.header__top_hidden,
.logo__img,
.section-bundles__errors--hide {
    display: none
}

.error-message {
    color: red;
    font-size: 16px
}

.search-box {
    display: flex;
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
    border-radius: 8px;
    background: var(--light-blue);
    height: 56px;
    padding: 0 16px
}

.back-btn,
.search-box__input {
    font-size: 14px;
    background: 0 0;
    border: none;
    line-height: 16px
}

.search-box__svg {
    flex-shrink: 0;
    width: 24px;
    height: 24px
}

.back-btn,
.header {
    display: flex;
    align-items: center
}

.search-box__input {
    height: 100%;
    width: 100%;
    font-weight: 400;
    padding: 0
}

.back-btn {
    -moz-column-gap: 4px;
    column-gap: 4px;
    font-weight: 500;
    color: var(--black);
    cursor: pointer
}

.additional-delivery-field {
    scroll-margin-top: 120px
}

.admin-body {
    padding: 0 !important
}

.admin-header {
    position: sticky !important
}

.header {
    position: fixed;
    top: 0;
    width: 100%;
    height: 80px;
    background: var(--main-blue);
    transition: height .5s;
    z-index: 10
}

.customer-btn,
.customer-btn svg path,
.customer-btn__text,
.product-mini-btn svg,
.product-mini-btn svg path,
.result-product,
.result-product__title,
.result-product__value,
.search-form__button svg path,
.search-form__button:hover svg path {
    transition: var(--transition)
}

.header__inner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
    align-items: center
}

.header__bottom-left {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.header__addresses {
    grid-area: addresses;
    order: 1;
    display: flex;
    column-gap: 16px;
    align-self: flex-end
}

.header__contacts {
    order: 3;
    grid-area: contacts;
    display: flex;
    column-gap: 16px;
    margin-top: auto;
    flex-direction: column;
    align-items: center
}

.header__bottom {
    order: 2;
    grid-area: bottom
}

.header-address,
.product-card-info__item {
    display: flex;
    align-items: center;
    column-gap: 8px
}

@media (min-width:1100px) {
    .product-grid {
        gap: 24px
    }

    .btn-more {
        margin-top: 24px
    }

    .section-tabs {
        width: -moz-fit-content;
        width: fit-content
    }

    .section-tabs::before {
        margin-right: 12px
    }

    .section-tab__text {
        display: block
    }

    .company-menu::-webkit-scrollbar {
        background-color: transparent;
        width: 4px
    }

    .company-menu::-webkit-scrollbar-thumb {
        background-color: var(--main-blue);
        border-radius: 12px;
        width: 4px
    }

    .banner-slider {
        padding-bottom: 0
    }

    .banner-slider-overlay {
        padding: 0 24px
    }

    .banner-slider-pagination {
        bottom: 32px
    }

    .m-t_max {
        margin-top: 60px
    }

    .contact-map {
        row-gap: 36px
    }

    .content-box:last-child {
        grid-column: span 2
    }

    .content-icon {
        width: 84px;
        height: 84px
    }

    .content-icon__img {
        width: 36px;
        height: 36px
    }

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

    .content-part {
        row-gap: 24px
    }

    .content-box-grid {
        flex-direction: row;
        gap: 24px;
        flex-wrap: wrap
    }

    .content-box-grid .content-blue-box {
        flex-grow: 1;
        width: 300px
    }

    .about-page {
        max-width: 708px;
        margin: 0 auto
    }

    .hero__img {
        height: 380px
    }

    .layout {
        flex-direction: row;
        -moz-column-gap: 36px;
        column-gap: 36px
    }

    .layout_late-wrap {
        -moz-column-gap: 24px;
        column-gap: 24px
    }

    .totals::-webkit-scrollbar {
        background-color: transparent;
        width: 4px
    }

    .totals::-webkit-scrollbar-thumb {
        background-color: var(--main-blue);
        border-radius: 12px;
        width: 4px
    }

    .totals-wrapper {
        width: 416px
    }

    .expand-checkbox {
        margin: 36px auto 0
    }

    .text-block {
        max-width: 1160px;
        margin: 0 auto
    }

    .text-block__title {
        text-align: center;
        margin: 0 80px
    }

    .text-block__subtitle {
        text-align: center
    }

    .header {
        transition: height .15s;
        height: 160px
    }

    .header__inner {
        display: flex;
        padding: 8px 0;
        column-gap: 53px;
        align-items: unset;
        position: relative
    }

    .header__top {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .header__bottom-left {
        flex-direction: row
    }

    .header__addresses {
        order: unset;
        align-self: unset
    }

    .header__contacts {
        order: unset;
        margin: 0;
        flex-direction: row;
        justify-self: end
    }

    .header__bottom {
        order: unset
    }

    .header-address:first-child {
        display: none
    }

    .header-address:nth-child(2) {
        display: flex
    }
}

@media (min-width:1201px) {
    .header-address:first-child {
        display: flex
    }
}

.search-form__wrapper {
    display: flex;
    align-items: center;
    width: 100%;
    height: 56px;
    background-color: var(--white);
    border: none;
    padding: 0 20px;
    border-radius: 8px;
    overflow: hidden
}

.search-form {
    order: -1;
    position: relative;
    width: 100%
}

.search-form__search {
    border: none;
    width: 100%;
    font-weight: 400;
    font-size: 16px;
    padding: 20px 0
}

.search-form__search::placeholder {
    color: #9b9eb6
}

.search-form__buttons {
    display: flex;
    gap: 16px
}

.search-form__button {
    padding: 0;
    display: inline-flex;
    background: 0 0;
    border: none;
    cursor: pointer
}

.search-form__button:hover svg path {
    stroke: var(--main-blue)
}

.search-form__button_voice_active svg path {
    transition: var(--transition);
    stroke: var(--main-blue);
    animation: 1.5s infinite reverse voice
}

@keyframes voice {

    0%,
    100% {
        stroke: var(--black)
    }

    50% {
        stroke: var(--main-blue)
    }
}

.search-form__buttons-line {
    background-color: #d3d5e4;
    width: 1px
}

.search-form__result {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    background-color: var(--white);
    box-shadow: 0 16px 16px rgba(26, 28, 30, .3);
    border-radius: 36px;
    animation: .3s forwards searchIn;
    overflow: hidden;
    top: calc(100% + 10px)
}

.search-form__result_active {
    display: block;
    z-index: 1000
}

.search-form__result-inner {
    padding: 24px;
    overflow: hidden auto;
    min-height: 260px;
    max-height: calc(100dvh - 230px)
}

.search-form__result:not(.search-form__result_active) {
    animation-name: searchOut
}

@keyframes searchIn {
    0% {
        opacity: 0;
        display: block;
        top: calc(100% - 10px)
    }

    100% {
        opacity: 1;
        top: calc(100% + 10px)
    }
}

@keyframes searchOut {
    0% {
        opacity: 1;
        display: block;
        top: calc(100% + 10px)
    }

    100% {
        opacity: 0;
        display: none;
        top: calc(100% - 10px)
    }
}

.result-product {
    display: flex;
    align-items: flex-start;
    column-gap: 24px;
    row-gap: 16px;
    align-items: center;
    padding: 16px 0;
    border-top: 1px solid #e9f1fe
}

.result-product__main {
    display: flex;
    flex-direction: column;
    width: 100px;
    flex-grow: 1;
    row-gap: 8px
}

.result-product__inner {
    display: flex;
    column-gap: 24px;
    row-gap: 16px;
    justify-content: space-between;
    width: 100%;
    align-items: flex-start;
    flex-wrap: wrap
}

.cart-product__checkbox,
.footer-yandex-link_mobile,
.result-product__img-link {
    align-self: flex-start
}

.result-product__img {
    width: 60px;
    height: 60px;
    object-fit: contain
}

.result-product__title {
    font-size: 12px;
    font-weight: 500;
    width: fit-content;
    color: var(--black)
}

.result-product__info {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
    max-width: 115px;
    width: 100%
}

.filter__price-after,
.result-product__info-label {
    font-weight: 500;
    font-size: 12px;
    color: var(--black)
}

.result-product__value {
    font-size: 12px;
    font-weight: 400;
    word-break: break-word;
    color: var(--black)
}

.result-slider {
    position: relative;
    margin-bottom: 16px
}

.result-slider__btn-next,
.result-slider__btn-prev {
    width: 38px;
    height: 38px
}

.header-address__label {
    color: var(--muddy-blue);
    font-size: 10px;
    font-weight: 500
}

.header-address__value {
    color: var(--white);
    font-size: 12px;
    font-weight: 500
}

.header__contact-icons {
    display: flex;
    align-items: center;
    column-gap: 4px
}

.header__contacts-tel {
    font-size: 16px;
    font-weight: 500;
    color: var(--white);
    margin-bottom: 16px
}

.header__customer-block {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: end
}

.header__customer-buttons {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    column-gap: 4px
}

.customer-btn {
    position: relative;
    display: flex;
    flex-direction: column;
    row-gap: 4px;
    align-items: center;
    background: 0 0;
    font-size: 12px;
    font-weight: 400;
    color: var(--white);
    min-width: 38px
}

.customer-btn__icon {
    display: inline-flex;
    position: relative
}

.customer-btn__count {
    display: none;
    position: absolute;
    justify-content: center;
    align-items: center;
    top: -3px;
    right: -10px;
    min-width: 17px;
    padding: 8px 5px;
    max-height: 11px;
    text-align: center;
    border-radius: 50%;
    background-color: #ff003d;
    font-weight: 500;
    font-size: 12px
}

.burger-btn,
.header-btn {
    column-gap: 8px;
    color: var(--white);
    font-weight: 700
}

.aside__list,
.comparison-slider__wrapper,
.comparison-table__row,
.customer-btn__count_active,
.journal-slider__wrapper,
.menu-catalog.menu-catalog_active,
.menu-catalog_active,
.product-card-buttons__right,
.product-card-info_product-page,
.product-page-box_mobile,
.product-page-slider-thumbs__wrapper,
.product-slider__slide,
.product-slider__wrapper,
.rating,
.review-slider__wrapper {
    display: flex
}

.customer-btn__text {
    display: none
}

.contact-icon,
.header-btn {
    display: flex;
    transition: var(--transition);
    cursor: pointer
}

.contact-icon {
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    flex-shrink: 0;
    background-color: #000
}

.contact-icon_blue {
    background: #c2dfff
}

.contact-icon_blue:active {
    background: #d8ebff
}

.contact-icon_green {
    background: #c2ffde
}

.contact-icon_green:active {
    background: #daffeb
}

.contact-icon_red {
    background: #ffd3e1
}

.contact-icon_red:active {
    background: #ffebf1
}

.contact-icon_purple {
    background: #eed1fb
}

.contact-icon_purple:active {
    background: #f8e9ff
}

.contact-icon:hover {
    background-color: #c2dfff
}

.header-btn {
    align-items: center;
    padding: 8px 16px;
    font-size: 16px;
    border: none;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, .2);
    height: 56px;
    line-height: 19px
}

.header-btn_min {
    font-size: 12px;
    display: none
}

.header-btn_mobile {
    height: 56px;
    width: 100%;
    justify-content: center;
    margin-bottom: 28px
}

.header-btn:active {
    background-color: rgba(255, 255, 255, .3)
}

.header-btn svg {
    pointer-events: none
}

.logo {
    justify-self: center;
    max-width: 132px;
    max-height: 144px;
    min-width: fit-content;
    flex-shrink: 0
}

.info-block__open:hover~.info-block__text,
.logo__img_mobile,
.price-block__description:hover .info-block__text,
.sticker:hover .info-block__text {
    display: block
}

.header__burger-menu {
    position: absolute;
    width: 100%;
    min-height: 100dvh;
    left: 0;
    top: 0;
    background-color: var(--main-blue);
    z-index: -10;
    transition: transform, opacity var(--transition), .5s;
    transform: translateY(-100%);
    opacity: 0
}

.header__burger-menu_active {
    display: flex;
    transition: transform, opacity var(--transition), .3s;
    transform: translateY(0);
    opacity: 1;
    z-index: 1000
}

.banner,
.category-card,
.main-categories-item,
.menu-catalog__panel-link,
.product-card,
.product-card-info__link,
.product-card__name-link {
    transition: var(--transition)
}

.header__burger-menu-inner {
    display: flex;
    flex-direction: column;
    row-gap: 27px;
    width: 100%;
    max-height: 100vh;
    overflow: auto;
    padding: 27px 8px 24px;
    position: relative
}

.burger-menu-close {
    position: absolute;
    display: inline-flex;
    background: 0 0;
    border: none;
    z-index: 1000;
    padding: 4px;
    background: var(--main-blue);
    border-radius: 50%;
    transform: translateY(-3px)
}

.burger-btn {
    display: flex;
    align-items: center;
    height: fit-content;
    padding: 12px 0;
    background-color: transparent;
    border: none;
    font-size: 16px
}

.footer-yandex-link_desktop,
.footer-yandex-link_tablet,
.header_sticky .logo__img:not(.logo__img_mobile) {
    display: none
}

.menu-catalog {
    display: none;
    position: absolute;
    top: 0;
    background-color: var(--white);
    width: 100%;
    left: 0;
    animation: .3s mobCatalogIn;
    z-index: 10000;
    height: 100dvh
}

.filter-action-block,
.sticky-box {
    box-shadow: 0 16px 16px rgba(26, 28, 30, .3)
}

@keyframes mobCatalogIn {
    0% {
        opacity: 0;
        display: flex;
        left: -100%
    }

    100% {
        opacity: 1;
        left: 0
    }
}

@keyframes mobCatalogOut {
    0% {
        opacity: 1;
        display: flex;
        left: 0
    }

    100% {
        opacity: 0;
        display: none;
        left: -100%
    }
}

@keyframes catalogIn {
    0% {
        opacity: 0;
        display: flex;
        top: calc(100% - 20px)
    }

    100% {
        opacity: 1;
        top: calc(100% - 10px)
    }
}

@keyframes catalogOut {
    0% {
        opacity: 1;
        display: flex;
        top: calc(100% - 10px)
    }

    100% {
        opacity: 0;
        display: none;
        top: calc(100% - 20px)
    }
}

.menu-catalog:not(.menu-catalog_active) {
    animation-name: mobCatalogOut
}

.header_sticky .menu-catalog {
    max-height: calc(100vh - 100px)
}

.menu-catalog__panel {
    display: flex;
    flex-direction: column;
    row-gap: 28px;
    padding: 28px 8px 10px;
    min-width: fit-content;
    width: 100%;
    max-height: 100dvh
}

.menu-catalog__panel-list {
    overflow: auto
}

.menu-catalog__panel-link {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    column-gap: 10px;
    font-size: 14px;
    font-weight: 500
}

.banner-text,
.menu-catalog__content-group-title {
    font-weight: 700
}

.menu-catalog__panel-item-img {
    width: 25px;
    height: 25px;
    object-fit: contain
}

.category-card_active,
.menu-catalog__panel-item_active a {
    color: var(--main-blue)
}

.menu-catalog__contents {
    width: 100%;
    display: none
}

.menu-catalog__content {
    display: flex;
    width: 100%;
    padding: 24px;
    column-gap: 50px;
    height: 100%
}

.menu-catalog__content-main {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    justify-items: flex-start;
    gap: 20px;
    flex-wrap: wrap;
    box-sizing: border-box;
    width: 100%;
    overflow: auto;
    padding-right: 10px
}

.journal-card__main,
.menu-catalog__content-group-list,
.ordered-product__main,
.product-card-info__list,
.product-page-header__inner,
.sticky-box__inner,
.warranty-page__main {
    display: flex;
    flex-direction: column;
    row-gap: 16px
}

.menu-catalog__content-group-link {
    transition: var(--transition);
    word-break: auto-phrase
}

.category-card,
.select__error {
    word-break: break-word
}

.menu-catalog__panel-line {
    background: #e9f1fe;
    height: 1px;
    width: 100%
}

.menu-catalog-close {
    display: inline-flex;
    background: 0 0;
    border: none;
    padding: 0
}

.banner {
    display: block;
    position: relative;
    padding: 24px;
    background-color: #efefef;
    border-radius: 24px;
    max-width: 269px;
    width: 100%;
    overflow: hidden
}

.banner_horizontal {
    width: 100%;
    max-width: unset;
    height: 200px;
    flex-shrink: 0
}

.banner__inner {
    display: grid;
    justify-content: space-between;
    align-content: space-between;
    max-width: 380px;
    height: 100%
}

.banner__picture {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%
}

.banner__img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.banner-title {
    position: relative;
    z-index: 1;
    font-family: var(--alt-font);
    color: var(--black);
    font-size: 24px;
    margin: 0
}

.banner-title_white {
    color: var(--white)
}

.banner-text {
    position: relative;
    z-index: 1;
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 12px;
    background-color: rgba(255, 255, 255, .5);
    backdrop-filter: blur(50px);
    width: fit-content;
    height: fit-content;
    color: var(--black)
}

.banner-text_transparent {
    background: rgba(255, 255, 255, .1);
    color: var(--white)
}

.category-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 16px;
    font-size: 16px;
    font-weight: 500;
    max-width: min-content;
    color: var(--black)
}

.category-card__img-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 150px;
    height: 150px;
    border-radius: 24px;
    overflow: hidden;
    background-color: #ebf0ff
}

.category-card__img-wrapper_avg {
    width: 122px;
    height: 122px
}

.category-card__img-wrapper_avg .category-card__img {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 15px;
    top: 30px
}

.category-card__img-wrapper_search {
    width: 80px;
    height: 80px
}

.category-card__img-wrapper_search .category-card__img {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 15px;
    top: 25px
}

.category-card__img-wrapper_orange {
    background-color: #ffebe5
}

.category-card__img-wrapper_pink {
    background-color: #ffe8ef
}

.category-card__img-wrapper_blue {
    background-color: #e9f1fe
}

.category-card__img-wrapper_aqua {
    background-color: #d9f8fa
}

.category-card__img-wrapper_purple {
    background-color: #f1e7ff
}

.category-card__img-wrapper_bottom {
    justify-content: flex-end;
    align-items: flex-end
}

.category-card__img-wrapper_bottom img {
    mix-blend-mode: multiply !important
}

.category-card__img {
    width: 80%;
    height: 80%;
    object-fit: contain;
    mix-blend-mode: multiply
}

.category-card__name {
    font-size: 16px;
    font-weight: 500;
    max-width: 122px
}

.category-card__name_min {
    font-size: 12px
}

.footer-info__title,
.footer-nav__title,
.footer-social__title {
    font-family: var(--alt-font);
    font-size: 14px;
    color: #8fc6ff
}

.footer {
    margin-top: auto;
    overflow: hidden
}

.footer-top {
    padding: 36px 0;
    background: var(--main-blue)
}

.footer-top__main {
    display: flex;
    column-gap: 9px;
    row-gap: 36px;
    justify-content: space-between;
    flex-wrap: wrap
}

@media (min-width:906px) {
    .footer-top__main {
        column-gap: 45px
    }
}

.footer-nav__title {
    text-transform: uppercase
}

.footer-bottom__info,
.footer-bottom__info *,
.footer-bottom__link,
.split-block__text {
    font-size: 12px;
    font-weight: 400
}

.footer-bottom {
    padding: 12px 0;
    background: #0069d7
}

.footer-bottom__info {
    display: flex;
    align-items: center;
    column-gap: 24px;
    color: var(--white)
}

.footer-bottom__inner {
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
    column-gap: 9px;
    row-gap: 12px;
    justify-content: space-between
}

.footer-bottom__logo-designer {
    width: 96px;
    height: 32px
}

.footer-bottom__logo-developer {
    width: 136px;
    height: 24px
}

.footer-bottom__link-developer {
    align-self: flex-start;
    display: flex;
    margin-bottom: 16px;
    width: 100%
}

.footer-bottom__block {
    display: flex;
    flex-wrap: wrap;
    column-gap: 36px;
    row-gap: 12px;
    flex-direction: column;
    width: 200px;
    flex-grow: 1
}

.footer-bottom__link {
    color: var(--white)
}

.footer-nav__link {
    font-size: 14px;
    color: var(--white);
    font-weight: 500;
    width: fit-content
}

.footer-yandex-link {
    height: fit-content
}

.footer-yandex-img {
    width: 80px;
    height: 120px;
    object-fit: none
}

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

.footer-social__item-content,
.info-box__main,
.service-block__list,
.split-part {
    display: flex;
    flex-direction: column;
    row-gap: 4px
}

.footer-social__item-title {
    color: var(--white);
    font-size: 14px
}

.footer-social__item-title_contacts {
    font-weight: 500;
    color: var(--black)
}

.footer-social__item-description {
    color: #8fc6ff;
    font-size: 14px;
    font-weight: 500
}

.footer-social__item-description_contacts {
    font-weight: 500;
    color: var(--gray)
}

.footer-info__text {
    color: var(--white);
    font-weight: 500;
    font-size: 14px
}

.footer-info__link {
    color: var(--white);
    font-size: 16px;
    font-weight: 500
}

.footer-bottom__copyright,
.footer-bottom__logo-info {
    color: var(--white);
    font-weight: 400;
    font-size: 12px
}

.footer-bottom__logo-info {
    display: flex;
    align-items: center;
    column-gap: 16px;
    flex-flow: row wrap
}

@media (max-width:435px) {
    .footer-bottom__logo-info span br {
        display: none
    }
}

.footer-bottom__copyright_desktop,
.product-card-buttons .btn_light,
.videos-slider__slide:not(.swiper-slide-active) .video-btn {
    display: none
}

.catalog-card__img,
.footer-bottom__star {
    width: 48px;
    height: 48px;
    object-fit: contain
}

.main-categories {
    padding-top: 24px;
    display: grid;
    gap: 8px
}

@media (min-width:700px) {
    .result-product__info {
        max-width: 160px
    }

    .header__burger-menu-inner {
        padding: 27px 36px 24px
    }

    .menu-catalog__panel {
        padding: 28px 36px 10px
    }

    .footer-top__main {
        column-gap: 9px
    }

    .footer-bottom__info {
        width: 200px;
        flex-grow: 1;
        column-gap: 12px
    }

    .footer-bottom__inner {
        column-gap: 36px
    }

    .footer-bottom__block {
        width: 100%;
        flex-grow: 0;
        flex-direction: row;
        align-items: center
    }

    .footer-yandex-link_mobile {
        display: none
    }

    .footer-yandex-link_tablet {
        display: block
    }

    .footer-yandex-img {
        width: 105px;
        height: 200px
    }

    .main-categories {
        gap: 20px;
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width:1100px) {
    .search-form__wrapper {
        height: 64px
    }

    .search-form {
        order: unset
    }

    .search-form__result-inner {
        max-height: 455px
    }

    .search-form__result-inner::-webkit-scrollbar {
        background-color: transparent;
        width: 4px
    }

    .search-form__result-inner::-webkit-scrollbar-thumb {
        background-color: var(--main-blue);
        border-radius: 12px;
        width: 4px
    }

    .result-product__title {
        font-size: 14px
    }

    .header__contacts-tel {
        margin-bottom: 0
    }

    .header__customer-block {
        padding-top: 8px;
        height: 100%
    }

    .header__customer-buttons {
        padding: 11px 0;
        column-gap: 16px
    }

    .customer-btn__text,
    .logo__img {
        display: block
    }

    .header-btn {
        height: unset;
        width: fit-content
    }

    .header-btn_min {
        display: flex
    }

    .header-btn_mobile {
        display: none
    }

    .burger-btn,
    .burger-menu-close,
    .footer-bottom__copyright_mobile,
    .footer-yandex-link_tablet,
    .header_sticky .header-btn_min,
    .header_sticky .header__addresses,
    .header_sticky .header__contacts,
    .logo__img_mobile,
    .menu-catalog-close {
        display: none
    }

    .header__burger-menu {
        z-index: 0;
        background-color: transparent;
        height: 100%;
        transform: none;
        min-height: unset;
        position: static;
        transition: none;
        opacity: 1;
        padding-top: 8px
    }

    .header__burger-menu-inner {
        display: grid;
        grid-template-areas: "addresses contacts" "bottom bottom";
        justify-content: space-between;
        gap: 10px;
        padding: 0;
        overflow: visible
    }

    .header_sticky {
        height: 96px
    }

    .footer-bottom__copyright_desktop,
    .footer-yandex-link_desktop,
    .header_sticky .logo__img_mobile,
    .menu-catalog__contents {
        display: block
    }

    .header_sticky .logo {
        display: block;
        margin-right: 87px
    }

    .header_sticky .header__burger-menu-inner {
        grid-template-areas: "bottom bottom";
        align-self: center
    }

    .header_sticky .header__burger-menu {
        padding-top: 0
    }

    .header_sticky .header__inner {
        align-items: center
    }

    .menu-catalog {
        animation: .3s catalogIn;
        height: unset;
        left: 50%;
        transform: translateX(-50%);
        top: calc(100% - 10px);
        max-height: calc(100vh - 160px);
        max-width: 1185px;
        border-radius: 36px;
        box-shadow: 0 16px 16px 0 rgba(26, 28, 30, .3)
    }

    .menu-catalog:not(.menu-catalog_active) {
        animation-name: catalogOut
    }

    .menu-catalog__panel {
        row-gap: 4px;
        padding: 24px 14px 24px 24px;
        max-height: unset;
        width: unset;
        border-right: 3px solid #e9f1fe
    }

    .menu-catalog__panel-list {
        padding-right: 10px
    }

    .menu-catalog__panel-list::-webkit-scrollbar {
        background-color: transparent;
        width: 4px
    }

    .menu-catalog__panel-list::-webkit-scrollbar-thumb {
        background-color: var(--main-blue);
        border-radius: 12px;
        width: 4px
    }

    .menu-catalog__panel-link {
        column-gap: 8px
    }

    .menu-catalog__content-main {
        max-height: 529px
    }

    .menu-catalog__content-main::-webkit-scrollbar {
        background-color: transparent;
        width: 4px
    }

    .menu-catalog__content-main::-webkit-scrollbar-thumb {
        background-color: var(--main-blue);
        border-radius: 12px;
        width: 4px
    }

    .menu-catalog__panel-item.tab_active .menu-catalog__panel-link {
        color: var(--main-blue)
    }

    .footer-top {
        padding: 48px 0
    }

    .footer-top__inner {
        display: flex;
        justify-content: space-between;
        column-gap: 60px
    }

    .footer-top__main {
        max-width: 1124px;
        justify-content: space-between;
        width: 100%;
        flex-wrap: nowrap
    }

    .footer__column {
        row-gap: 36px
    }

    .footer-bottom__info {
        justify-content: space-between
    }

    .footer-bottom__inner {
        column-gap: 45px;
        row-gap: 12px;
        justify-content: flex-start
    }

    .footer-bottom__logo-designer {
        width: 121px;
        height: 40px
    }

    .footer-bottom__logo-developer {
        width: 170px;
        height: 30px
    }

    .footer-bottom__link-developer {
        margin-bottom: 0;
        width: auto
    }

    .footer-bottom__block {
        width: fit-content;
        column-gap: 45px;
        row-gap: 12px
    }

    .footer-bottom__logo-info {
        column-gap: 12px;
        flex-flow: row nowrap
    }

    .main-categories {
        grid-template-areas: "a b b c " "d b b c " "d b b g " "d e f g " "d e f g " "h e f g " "h i i j ";
        gap: 24px;
        grid-template-rows: unset;
        grid-template-columns: repeat(4, 1fr)
    }
}

.main-categories-item {
    display: grid;
    align-content: space-between;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    width: 100%;
    border-radius: 32px;
    padding: 24px;
    row-gap: 6px;
    min-height: 200px;
    max-height: 200px;
    height: 100%
}

.main-categories-item__img,
.main-categories-item__picture {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.main-categories-item_blue,
.quiz-answer_modal {
    background: var(--light-blue)
}

.main-categories-item_blue * {
    color: var(--black);
    font-weight: 500;
    font-family: var(--main-font)
}

.main-categories-item_a {
    order: 5;
    grid-row: span 1;
    grid-column: span 2;
    min-height: 150px;
    max-height: 150px
}

.main-categories-item_b {
    order: 1;
    grid-column: span 2;
    grid-row: span 1
}

.main-categories-item_c {
    order: 7;
    grid-row: span 1;
    min-height: 250px;
    max-height: 250px
}

.main-categories-item_d {
    order: 4;
    grid-column: span 2;
    grid-row: span 1;
    min-height: 250px;
    max-height: 250px
}

.main-categories-item_e {
    order: 2;
    grid-column: span 1;
    grid-row: span 1;
    min-height: 250px;
    max-height: 250px
}

.main-categories-item_f {
    order: 3;
    grid-column: span 1;
    grid-row: span 1;
    min-height: 250px;
    max-height: 250px
}

.main-categories-item_g {
    order: 9;
    grid-column: span 2;
    grid-row: span 1;
    min-height: 250px;
    max-height: 250px
}

.main-categories-item_h {
    order: 10;
    grid-column: span 2;
    grid-row: span 1
}

.main-categories-item_i {
    order: 6;
    grid-column: span 2;
    grid-row: span 1;
    min-height: 150px;
    max-height: 200px
}

.main-categories-item_j {
    order: 8;
    grid-column: span 1;
    grid-row: span 1;
    min-height: 250px;
    max-height: 250px
}

.main-categories-item__title {
    font-size: 18px;
    line-height: 21.6px
}

.main-categories-item__img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.product-card {
    display: grid;
    grid-template-areas: "stickers" "preview" "price-block" "price-stickers" "name" "warn" "buttons";
    grid-template-rows: repeat(6, auto) 1fr;
    background: var(--white);
    padding: 8px;
    border: 1px solid #eeeef4;
    border-radius: 12px
}

.product-card-info {
    grid-area: info;
    display: none;
    flex-direction: column;
    row-gap: 16px
}

.product-card-info__label {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #9b9eb6
}

.product-card-info__value {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: var(--black)
}

.product-card-info__link {
    color: var(--main-blue);
    font-weight: 500;
    font-size: 12px;
    width: fit-content;
    cursor: pointer;
    text-decoration: none
}

.board-btn,
.product-card-info__link_m-t {
    margin-top: 16px
}

.product-card-preview {
    grid-area: preview;
    position: relative;
    margin-bottom: 12px;
    flex-shrink: 0
}

.product-card__price-block {
    display: flex;
    flex-direction: column;
    grid-area: price-block;
    margin-bottom: 12px;
    row-gap: 4px
}

.product-card__warning {
    grid-area: warn;
    margin-bottom: 12px;
    color: var(--gray);
    font-size: 12px;
    font-weight: 400
}

.product-card__name {
    margin: 0;
    font-size: 14px;
    font-weight: 400
}

.product-card__name-link {
    grid-area: name;
    margin-bottom: 12px;
    color: var(--black)
}

.product-card__name-link:hover,
.product-page-button.active {
    color: var(--main-blue)
}

.product-card__price {
    color: var(--black);
    font-size: 18px;
    font-weight: 500
}

.product-card__price-wrapper {
    display: flex;
    align-items: center;
    column-gap: 8px;
    flex-wrap: wrap
}

.product-card__price_old {
    color: var(--gray);
    text-decoration: line-through;
    font-weight: 400
}

.breadcrumbs-list__item,
.catalog-card,
.info-box,
.journal-card__text,
.journal-card__title,
.option-btn,
.pagination__item-link,
.product-set-card__title,
.subscribe-banner,
.tag,
.video-card {
    text-decoration: none
}

.product-card-preview__slide {
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    position: absolute;
    transition: .1s ease-in-out;
    width: 100%;
    max-width: 245px;
    object-fit: contain;
    margin: 0 auto
}

.product-card-preview__picture_active .product-card-preview__slide {
    opacity: 1;
    transition: .1s ease-in-out
}

.product-card-buttons {
    grid-area: buttons;
    display: flex;
    width: 100%;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: auto
}

.product-card-buttons__left,
.resale-quiz-item__group {
    display: flex;
    column-gap: 4px
}

.product-card__stickers {
    grid-area: stickers;
    margin-bottom: 12px
}

.product-card__stickers_in-price {
    grid-area: unset;
    margin-bottom: 0
}

.product-mini-btn {
    display: inline-flex;
    background: 0 0;
    border: none;
    cursor: pointer;
    flex-shrink: 0;
    transition: var(--transition)
}

.product-mini-btn.active svg,
.product-mini-btn_active svg {
    fill: var(--main-blue-hover)
}

.product-mini-btn.active svg path,
.product-mini-btn_active svg path {
    stroke: var(--main-blue-hover)
}

.contact-form__top,
.contact-text-box,
.product-card-preview__container {
    display: flex;
    flex-direction: column;
    row-gap: 12px
}

.product-card-preview__wrapper {
    row-gap: 16px;
    height: 150px;
    position: relative
}

.product-card-preview__track {
    display: flex;
    column-gap: 8px;
    height: 100%
}

.product-card-preview__pagination {
    display: flex;
    justify-content: center;
    column-gap: 2px;
    pointer-events: none
}

.product-card-preview__separator {
    display: none;
    justify-content: space-between;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.product-card-preview__separator-item,
.promocode__form-item {
    flex-grow: 1
}

.product-slider {
    position: relative;
    padding: 0 8px 32px
}

@media (min-width:700px) {
    .main-categories-item_a {
        grid-column: span 1;
        min-height: 150px;
        max-height: 200px
    }

    .main-categories-item_c,
    .main-categories-item_d,
    .main-categories-item_e,
    .main-categories-item_f,
    .main-categories-item_j {
        min-height: 200px;
        max-height: 200px
    }

    .main-categories-item_d .banner-text {
        color: var(--black);
        background: rgba(255, 255, 255, .5)
    }

    .main-categories-item_g {
        min-height: 200px;
        max-height: 200px;
        grid-column: span 1
    }

    .main-categories-item_h,
    .main-categories-item_i {
        grid-column: span 1
    }

    .product-card {
        padding: 16px
    }

    .product-card__warning {
        font-size: 14px
    }

    .product-card__name {
        font-size: 16px
    }

    .product-card__price {
        font-size: 20px
    }

    .product-card-preview__wrapper {
        height: 245px
    }

    .product-card-buttons .btn_light {
        display: flex
    }

    .product-slider {
        margin-top: -10px;
        padding: 10px 36px 32px
    }
}

@media (min-width:1100px) {
    .main-categories-item_a {
        grid-area: a;
        min-height: 150px;
        max-height: 150px;
        height: 100%
    }

    .main-categories-item_b {
        grid-area: b;
        min-height: 350px;
        max-height: 350px;
        height: 100%
    }

    .main-categories-item_c {
        grid-area: c;
        min-height: 250px;
        max-height: 250px;
        height: 100%
    }

    .main-categories-item_c .main-categories-item__title,
    .main-categories-item_e .main-categories-item__title,
    .main-categories-item_f .main-categories-item__title,
    .main-categories-item_j .main-categories-item__title {
        font-size: 18px
    }

    .main-categories-item_d {
        grid-area: d;
        min-height: 450px;
        max-height: 450px;
        height: 100%
    }

    .main-categories-item_d .banner-text {
        background: rgba(255, 255, 255, .1);
        color: var(--white);
        backdrop-filter: blur(50px)
    }

    .main-categories-item_e {
        grid-area: e;
        min-height: 350px;
        max-height: 350px;
        height: 100%
    }

    .main-categories-item_f {
        grid-area: f;
        min-height: 350px;
        max-height: 350px;
        height: 100%
    }

    .main-categories-item_g {
        grid-area: g;
        min-height: 450px;
        max-height: 450px;
        height: 100%
    }

    .main-categories-item_h {
        grid-area: h;
        min-height: 300px;
        max-height: 300px;
        height: 100%
    }

    .main-categories-item_i {
        grid-area: i;
        min-height: 200px;
        max-height: 200px;
        height: 100%
    }

    .main-categories-item_j {
        grid-area: j;
        min-height: 200px;
        max-height: 200px;
        height: 100%
    }

    .product-card-info__link_m-t {
        margin-top: 28px
    }

    .product-card-preview__pagination {
        pointer-events: initial
    }

    .product-card-preview__separator {
        display: flex
    }

    .product-slider {
        padding-top: 10px;
        max-width: 1500px;
        padding-bottom: 32px
    }
}

@media (min-width:1500px) {
    .product-slider {
        max-width: 1480px;
        padding-left: 16px;
        padding-bottom: 32px
    }
}

.swiper-slide .product-card {
    width: 183px
}

.product-slider-overlay {
    padding: 0;
    width: fit-content;
    margin: 0 auto
}

.subscribe-banner,
.subscribe-form {
    border-radius: 32px;
    padding: 24px;
    overflow: hidden
}

.journal-slider__btn-prev,
.product-slider__btn-prev,
.review-slider__btn-prev {
    left: 8px
}

.journal-slider__btn-next,
.product-slider__btn-next,
.review-slider__btn-next {
    right: 8px
}

.subscribe-banner__img,
.subscribe-form__img,
.video-card__img {
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    object-fit: cover
}

.subscribe-banner {
    position: relative;
    background: var(--main-blue);
    width: 100%;
    flex-grow: 1;
    transition: var(--transition)
}

.subscribe-banner__content {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    margin-bottom: 24px;
    max-width: 190px
}

.subscribe-banner__title {
    font-size: 18px;
    color: var(--white);
    margin-bottom: 8px
}

.subscribe-banner__text {
    position: relative;
    z-index: 1;
    color: var(--white);
    font-size: 16px
}

.subscribe-form__warning {
    position: relative;
    z-index: 1;
    font-size: 10px;
    font-weight: 400;
    color: var(--gray)
}

.subscribe-banner__img {
    position: absolute;
    width: 100%;
    height: 100%
}

.subscribe-form {
    position: relative;
    flex-grow: 1;
    background: #e9f1fe
}

.subscribe-form__form {
    display: flex;
    padding: 4px 4px 4px 16px;
    align-items: center;
    background: #fff;
    border-radius: 12px;
    gap: 8px;
    width: 100%;
    margin-bottom: 16px;
    height: 56px
}

.subscribe-form__input {
    height: 100%;
    width: 100%;
    border: none;
    font-size: 16px;
    font-weight: 400
}

.subscribe-form__input::placeholder {
    color: var(--gray)
}

.subscribe-form__content {
    position: relative;
    z-index: 1
}

.subscribe-form__btn {
    padding: 12px
}

.subscribe-form__img {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%
}

.subscribe-form__title {
    font-size: 18px;
    margin-bottom: 24px
}

.video-card {
    display: flex;
    padding: 20px;
    border-radius: 32px;
    position: relative;
    transition: .2s;
    width: 168px;
    height: 260px
}

.videos-slider__slide {
    justify-content: right
}

.videos-slider__slide.swiper-slide-next+.swiper-slide {
    justify-content: left !important
}

.videos-slider__slide.swiper-slide-active,
.videos-slider__slide.swiper-slide-next,
.videos-slider__slide.swiper-slide-prev {
    justify-content: center !important
}

.videos-slider__slide {
    display: flex;
    align-items: center;
    max-width: 288px;
    min-width: 288px;
    max-height: 460px;
    min-height: 460px;
    transition: .5s
}

.video__title {
    position: relative;
    z-index: 2;
    font-weight: 900;
    color: var(--white);
    width: 100%
}

.video__title_max {
    font-size: 16px !important;
    line-height: 20px !important;
    max-width: 200px !important;
    font-family: var(--alt-font) !important;
    text-align: left !important;
    color: var(--white) !important;
    margin: 0 !important
}

.contact-form__title,
.max-video-btn,
.modal-title {
    font-family: var(--alt-font)
}

@media (min-width:700px) {
    .swiper-slide .product-card {
        width: 305px
    }

    .product-slider__btn-prev {
        left: 36px
    }

    .product-slider__btn-next {
        right: 36px
    }

    .subscribe-block {
        gap: 20px;
        flex-direction: row
    }

    .subscribe-banner {
        max-width: 374px
    }

    .video-card {
        padding: 24px
    }

    .video__title {
        text-align: left
    }

    .video__title_max {
        font-size: 25px !important;
        line-height: 27px !important;
        max-width: unset !important
    }
}

.swiper-slide-active .video-card {
    max-width: 288px;
    min-width: 288px;
    max-height: 460px;
    min-height: 460px
}

.videos-slider__slide.swiper-slide-next .video-card,
.videos-slider__slide.swiper-slide-prev .video-card {
    width: 228px;
    height: 360px
}

.videos-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    min-height: 460px;
    max-width: 1200px;
    padding-bottom: 44px
}

.videos-slider-overlay {
    position: relative;
    max-width: 1480px;
    margin: 0 auto
}

.videos-slider__wrapper {
    display: flex;
    min-height: 460px;
    align-items: center;
    width: 100%;
    transition-timing-function: ease-out
}

.video-card__img {
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 32px
}

.video-card__btn {
    border: none;
    background: 0 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.video-card__btn .video-btn__icon {
    width: 48px;
    height: 48px
}

.video-card__btn svg {
    width: 30px;
    height: 36px
}

.review-block {
    display: flex;
    flex-direction: column;
    column-gap: 11px;
    justify-content: space-between;
    row-gap: 24px;
    padding: 0
}

.rating-statistics {
    position: relative;
    display: flex;
    column-gap: 24px;
    padding: 24px 24px 24px 108px;
    background: #e9f1fe;
    border-radius: 32px;
    flex-shrink: 0;
    height: fit-content;
    margin: 0 8px;
    width: fit-content
}

.rating-statistics__content {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    width: fit-content
}

.rating-statistics__percents {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    column-gap: 24px;
    row-gap: 16px
}

.cart-page__top-buttons,
.rating-statistics__top,
.review-avatar {
    display: flex;
    align-items: center;
    column-gap: 16px
}

.rating-statistics__img {
    position: absolute;
    left: 4px;
    top: 11px;
    max-width: 100px;
    height: 180px
}

@media (min-width:385px) {
    .rating-statistics {
        padding: 24px 24px 24px 153px
    }

    .rating-statistics__img {
        max-width: 145px;
        height: 245px
    }
}

.rating-percent__value {
    display: flex;
    align-items: center;
    column-gap: 4px;
    color: #42bc0c;
    font-weight: 500;
    font-size: 16px
}

.rating-statistics__mark {
    font-size: 48px;
    font-weight: 500;
    color: var(--black)
}

.rating-statistics__link {
    display: flex;
    align-items: center;
    column-gap: 2px;
    text-decoration: none;
    color: var(--main-blue);
    transition: var(--transition);
    font-size: 12px
}

.journal,
.review {
    flex-direction: column
}

.rating-star__svg path {
    fill: var(--light-blue)
}

.rating-star_active .rating-star__svg path {
    fill: var(--main-blue)
}

.rating-text {
    font-size: 12px;
    color: var(--black);
    font-weight: 400
}

.review {
    display: flex;
    border-radius: 32px;
    padding: 24px;
    border: 1px solid #eeeef4;
    row-gap: 16px;
    max-width: 300px;
    width: 100%;
    flex-shrink: 0;
    height: fit-content
}

.alt-price-link__bottom,
.delivery-subbox__header,
.filter__top,
.review__header,
.split-block__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.review-avatar__name {
    font-size: 16px;
    font-weight: 500;
    color: var(--black)
}

.review-avatar__img {
    width: 48px;
    height: 48px;
    overflow: hidden;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0
}

.review-more-btn {
    display: block;
    padding: 0;
    color: var(--gray);
    font-size: 14px;
    font-weight: 500;
    width: fit-content;
    border: none;
    background-color: transparent;
    cursor: pointer
}

.review-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    color: var(--black)
}

.review-text_hidden {
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.review-slider {
    padding: 0 8px 32px;
    overflow: hidden
}

@media (min-width:700px) {
    .rating-statistics {
        margin: 0 24px
    }

    .review {
        max-width: 396px
    }

    .review-slider {
        padding: 0 24px 32px
    }

    .review-block__btn {
        display: none
    }
}

.review-slider__overlay {
    position: relative;
    min-width: 0
}

@media (min-width:980px) {
    .review-block {
        flex-direction: row;
        padding: 0 24px
    }

    .video-card__btn .video-btn__icon {
        width: 72px;
        height: 72px
    }

    .review-slider {
        max-width: 396px;
        padding: 0 0 32px
    }

    .review-slider__overlay {
        padding: 0 72px
    }

    .review-slider__btn-prev {
        left: 0
    }

    .review-slider__btn-next {
        right: 0
    }
}

.review-block__btn {
    width: 100%;
    padding: 15.5px
}

.review-slider-pagination {
    position: static;
    margin: 20px auto 0;
    transform: unset !important
}

.journal {
    display: flex;
    row-gap: 24px;
    padding: 24px 0;
    border-radius: 32px;
    background: #e9f1fe;
    overflow: hidden
}

.journal-tab,
.tag {
    background: var(--white);
    transition: var(--transition);
    color: var(--black)
}

.journal-header {
    display: flex;
    column-gap: 22px;
    flex-direction: column;
    row-gap: 24px;
    margin: 0 24px
}

.journal-header__heading {
    display: flex;
    align-items: center;
    column-gap: 22px
}

.journal-header__main {
    display: flex;
    align-items: center;
    column-gap: 24px
}

.journal__main {
    display: flex;
    flex-direction: column;
    row-gap: 25px
}

.journal-tab {
    display: flex;
    align-items: center;
    column-gap: 8px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 700;
    padding: 12px 16px;
    width: fit-content;
    border: none;
    cursor: pointer
}

.journal-tab .journal-tab__svg path {
    stroke: var(--black);
    transition: var(--transition)
}

.journal__tabs {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    margin: 0 24px
}

.tag {
    padding: 4px 8px;
    border-radius: 12px;
    font-weight: 500;
    font-size: 12px;
    width: fit-content
}

.journal-card {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    width: 260px;
    transition: .5s
}

.journal-card__img {
    width: 100%;
    height: 180px;
    border-radius: 8px;
    object-fit: cover;
    transition: .5s
}

.breadcrumbs-list__item,
.breadcrumbs-list__item svg path,
.journal-card__text,
.journal-card__title,
a.order-title {
    transition: var(--transition)
}

.journal-card__title {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: var(--black);
    margin-bottom: 16px;
    cursor: pointer
}

.journal-card__title h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 700
}

.journal-card__img-wrapper {
    display: inline-flex;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer
}

.journal-card__text-content {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    cursor: pointer
}

.journal-card__text {
    font-size: 14px;
    font-weight: 400;
    color: var(--black);
    line-height: 120%
}

.journal-slider-overlay {
    position: relative;
    width: 100%
}

.journal-card__date {
    color: var(--gray);
    font-size: 10px;
    font-weight: 400
}

.journal-slider {
    overflow: hidden;
    max-width: 1043px;
    padding: 0 24px 32px
}

.breadcrumbs {
    background-color: var(--light-blue)
}

.breadcrumbs-list {
    display: flex;
    align-items: center;
    padding: 12px 0;
    margin: 0;
    column-gap: 16px;
    overflow: auto
}

.filter-btn,
.product-grid_list .product-card .btn {
    padding: 12px 16px
}

.breadcrumbs-list__item {
    position: relative;
    display: inline-flex;
    color: var(--gray);
    font-size: 12px;
    font-weight: 500;
    line-height: 12px
}

.breadcrumbs-list__item:not(:last-child)::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 14px;
    background: #d2d3e0;
    left: calc(100% + 7px);
    top: 1px
}

.filter,
.filter__header::after {
    top: 0;
    right: 0;
    transition: var(--transition)
}

.filter-btn {
    justify-content: space-between;
    width: 100%;
    font-size: 14px
}

.view-switch {
    padding: 0;
    background: 0 0;
    border: none;
    cursor: pointer
}

.view-switch_active .view-switch__svg path {
    stroke: var(--main-blue)
}

.view-switch__svg path {
    transition: var(--transition);
    stroke: var(--gray)
}

.filter {
    display: flex;
    opacity: 0;
    position: fixed;
    z-index: 0;
    width: 100%;
    height: 100%;
    left: 0;
    background: var(--white);
    padding: 0 8px 8px;
    transform: translateX(-130%)
}

.checkbox__input,
.filter__checkbox {
    transition: var(--transition) ease-out
}

.filter_active {
    opacity: 1;
    flex-direction: column;
    transform: translateX(0);
    z-index: 20
}

.filter__close {
    width: fit-content;
    border: none;
    background: 0 0;
    padding: 12px 0;
    margin: 8px 0 16px
}

.filter__form {
    display: flex;
    max-height: calc(100vh - 120px);
    flex-direction: column;
    row-gap: 4px;
    flex-shrink: 0;
    overflow: auto
}

.filter__box_price {
    margin-bottom: 100px
}

.filter-action-block {
    position: absolute;
    display: flex;
    column-gap: 16px;
    top: calc(100% - 100px);
    left: 8px;
    right: 8px;
    padding: 24px;
    border-radius: 24px;
    background: var(--white);
    border: 1px solid var(--light-blue);
    z-index: 21
}

.filter__name {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    color: var(--black);
    width: 100%
}

.info-block__text,
.radio-btn__input:checked~* {
    color: var(--white)
}

.filter__name_tooltip {
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 4px;
    column-gap: 8px
}

.filter__header,
.info-block {
    align-items: center;
    position: relative;
    display: flex
}

.filter__name_tooltip svg {
    cursor: pointer
}

.filter__name_big {
    font-size: 18px
}

.filter__header {
    padding-right: 10px
}

.filter__header:hover {
    cursor: pointer
}

.filter__header::after {
    content: url("../images/filter/accordion-arrow.svg");
    display: inline-flex;
    height: 24px;
    transform: translate(0)
}

.filter__box_active .filter__header::after {
    transform: translate(0) rotate(180deg)
}

.filter__box_blue .filter__header::after,
.filter__header_info::after {
    content: none
}

.filter__header_info {
    display: flex;
    column-gap: 8px;
    width: fit-content
}

.info-block {
    justify-content: center;
    background: var(--light-blue);
    border-radius: 50%;
    padding: 4px;
    width: fit-content;
    height: fit-content;
    margin-left: auto
}

.info-box__description:hover .info-block__text {
    display: block;
    top: 25px
}

.price-block__description {
    position: relative
}

.info-block__open {
    display: flex;
    align-items: center;
    justify-content: center
}

.info-block__open_filter svg {
    width: 16px;
    height: 16px
}

.info-block__text {
    display: none;
    position: absolute;
    top: 40px;
    right: -3px;
    width: 240px;
    z-index: 10;
    font-weight: 400;
    font-size: 12px;
    padding: 16px;
    background: var(--main-blue);
    border-radius: 16px
}

.filter__box,
.filter__box_blue {
    display: flex;
    flex-direction: column
}

.checkbox__input,
.filter__box_blue .filter__form-group_border:not(:last-child),
.filter__checkbox,
.switch__label {
    position: relative
}

.checkbox,
.filter__label,
.switch__text {
    font-size: 14px;
    font-weight: 400
}

.info-block__text::after {
    position: absolute;
    content: "";
    right: 10px;
    top: 2px;
    transform: translateY(-100%);
    z-index: 2;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid var(--main-blue)
}

.info-block__text_filter {
    left: -60px
}

.info-block__text_filter::after {
    left: 65px;
    right: unset
}

.info-block__text_sticker {
    left: 0
}

.info-block__text_sticker::after {
    left: 24px;
    right: unset
}

.filter__box {
    padding: 12px 6px 12px 16px;
    background: var(--white);
    border-radius: 12px;
    border: 1px solid #eeeef4
}

.filter__box_no-pd {
    padding: 0;
    border: none
}

.filter__box_row {
    flex-direction: row;
    margin-bottom: 8px
}

.checkbox__input,
.filter__checkbox,
.radio-box-input,
.radio-btn__input,
.radio-input {
    margin: 0;
    appearance: none
}

.filter__box_blue {
    row-gap: 8px;
    background: var(--light-blue);
    border: none
}

.filter__box_hidden {
    display: none !important
}

.filter__block {
    display: none;
    max-height: 550px;
    overflow-y: auto;
    padding-right: 10px;
    -webkit-overflow-scrolling: touch
}

.filter__block::-webkit-scrollbar {
    width: 3px
}

.filter__block::-webkit-scrollbar-track {
    background: 0 0
}

.filter__block::-webkit-scrollbar-thumb {
    background-color: rgba(155, 158, 182, .4);
    border-radius: 3px
}

.filter__box_active .filter__block,
.product-grid_list .product-card-info {
    display: block
}

.filter__checkbox-list {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    padding-top: 12px
}

.filter__checkbox-list_row {
    flex-direction: row;
    gap: 8px;
    flex-wrap: wrap
}

.filter__checkbox-list_blue {
    padding: 8px;
    border-radius: 12px;
    background: var(--light-blue)
}

.filter-box__switch {
    justify-content: space-between;
    padding: 8px
}

.checkbox,
.checkbox__input {
    align-items: center;
    cursor: pointer;
    display: flex
}

.filter__box_blue .filter__form-group_border:not(:last-child)::after {
    content: "";
    position: absolute;
    width: 98%;
    height: 1px;
    background: var(--white);
    bottom: -7px;
    left: 50%;
    transform: translateX(-50%)
}

.filter__box_blue .filter__checkbox-list {
    padding-top: 0
}

.checkbox {
    column-gap: 8px;
    color: var(--black)
}

.checkbox__input {
    justify-content: center;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    border-radius: 6px;
    border: 2px solid #d4daea
}

.additional_services {
    background-color: #fff
}

.checkbox__input:not(.checkbox__input_color):checked {
    background: var(--main-blue);
    border: 2px solid var(--main-blue)
}

.checkbox__input:not(.checkbox__input_color):checked::after {
    content: url("../images/filter/check-mark.svg");
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.checkbox__input_color {
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 50%
}

.checkbox__input_color:checked {
    border: 2px solid var(--main-blue)
}

.filter__checkbox:disabled+label {
    cursor: default;
    opacity: .3
}

.filter__checkbox:disabled,
.radio-box-input:disabled~* {
    opacity: .3
}

.filter__form-group,
.product-page-buttons__contact {
    display: flex;
    align-items: center;
    column-gap: 8px
}

.filter__checkbox,
.filter__label {
    align-items: center;
    cursor: pointer;
    display: flex
}

.filter__count {
    color: var(--gray)
}

.filter__checkbox {
    justify-content: center;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    border-radius: 6px;
    border: 2px solid #d4daea
}

.filter__checkbox:not(.checkbox__input_color):checked {
    background: var(--main-blue);
    border: 2px solid var(--main-blue)
}

.filter__checkbox:not(.checkbox__input_color):checked::after {
    content: url("../images/filter/check-mark.svg");
    height: 17px
}

.filter__checkbox_color {
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 50%
}

.filter__checkbox:checked~.filter__label_circle,
.filter__checkbox_color:checked,
.radio-box-input:checked {
    border: 2px solid var(--main-blue)
}

.filter__label {
    width: 100%;
    justify-content: space-between;
    color: var(--black)
}

.filter__label_circle {
    width: 36px;
    height: 36px;
    border-radius: 50%
}

.filter__form-group_circle .filter__checkbox,
.product-grid_list .product-card .btn_light,
.product-grid_list .product-card__warning {
    display: none
}

.filter__prices,
.section-heading-filters__view-filter {
    display: flex;
    column-gap: 8px
}

.checkbox:has(input:disabled),
.checkbox:has(input:disabled) * {
    cursor: default;
    opacity: .5
}

.switch {
    display: flex;
    column-gap: 8px;
    align-items: center
}

.switch__label {
    display: inline-block;
    width: 40px;
    height: 24px;
    border: none;
    background: #d4daea;
    border-radius: 20px;
    flex-shrink: 0
}

.blue-box_cursor,
.switch__label:hover {
    cursor: pointer
}

.switch__label::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: var(--white);
    top: 2px;
    left: 2px;
    transition: var(--transition)
}

.switch__input {
    appearance: none;
    position: absolute
}

.switch__input:checked~.switch__label::after {
    left: calc(100% - 22px);
    background: var(--white)
}

.switch__input:checked+.switch__label {
    background-color: var(--main-blue)
}

.switch__text_min {
    font-size: 12px
}

.filter-box__right {
    display: flex;
    justify-content: space-between;
    padding: 8px
}

.radio {
    display: flex;
    align-items: center;
    column-gap: 8px;
    cursor: pointer
}

.radio-box {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 16px;
    background: var(--light-blue);
    border-radius: 16px;
    align-items: flex-start;
    row-gap: 16px;
    height: fit-content
}

.radio-box__mark,
.radio-input {
    background: var(--white);
    transition: var(--transition)
}

.radio-box__mark {
    width: 24px;
    height: 24px;
    border: 2px solid #d4daea;
    border-radius: 50%
}

.radio-box-input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    cursor: pointer
}

.radio-box-input_yandex::after {
    position: absolute;
    content: "";
    display: block;
    background: url("../images/yandex-delivery.png") 0 0/contain;
    width: 102px;
    height: 20px;
    top: 16px;
    right: 16px
}

.radio-box-input_cdek::after {
    position: absolute;
    content: "";
    display: block;
    background: url("../images/cdek-delivery.png") 0 0/contain;
    width: 85px;
    height: 24px;
    top: 16px;
    right: 16px
}

.radio-box-input:checked~.radio-box__mark,
.radio-input:checked {
    border: 7.5px solid var(--main-blue)
}

.radio-box-input:disabled::after {
    filter: opacity(.3)
}

.radio-input {
    cursor: pointer;
    width: 24px;
    height: 24px;
    border: 1px solid var(--light-blue);
    border-radius: 50%
}

.radio-btn {
    position: relative;
    padding: 8px 12px;
    cursor: pointer
}

.radio-btn__input {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 8px;
    width: 100%;
    height: 100%;
    background: var(--light-blue);
    cursor: pointer
}

.product-page__banner_blockquote,
.radio-btn__text,
.stickers__right {
    position: relative
}

.radio-btn__input:checked {
    background: var(--main-blue)
}

.radio-btn__text {
    z-index: 1;
    color: var(--black);
    font-size: 14px;
    font-weight: 500
}

.filter__price-container {
    display: flex;
    align-items: center;
    column-gap: 2px;
    padding: 12px;
    border-radius: 8px;
    background: var(--white);
    border: none;
    max-width: 49%;
    flex-grow: 1;
    width: 114px
}

.filter__price-input {
    width: 100%;
    min-width: 0;
    font-weight: 500;
    font-size: 12px;
    border: none;
    text-align: end
}

.filter__price-input::placeholder {
    color: var(--gray)
}

.filter__price-before {
    font-weight: 500;
    font-size: 12px;
    color: var(--gray)
}

.catalog__main {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: fit-content
}

.product-grid_list .product-card {
    grid-template-areas: "preview stickers" "preview name" "preview price-block" "preview buttons" "info info";
    padding: 8px;
    column-gap: 8px;
    grid-template-columns: 150px 1fr
}

.product-grid_list .product-card-info__list {
    display: block;
    columns: 2;
    padding-top: 16px;
    width: fit-content;
    break-after: avoid
}

.product-grid_list .product-card .product-card-info__link {
    width: 100%;
    text-align: left
}

.product-grid_list .product-card .product-card-info__item {
    margin-bottom: 8px;
    flex-direction: column;
    row-gap: 4px;
    align-items: flex-start;
    -webkit-column-break-inside: avoid;
    break-inside: avoid
}

.product-grid_list .product-card-preview {
    width: 150px
}

.article p,
.product-grid_list .product-card__price-block {
    margin-bottom: 12px
}

.product-grid_list .product-card__stickers_in-price {
    flex-direction: column
}

@media (min-width:700px) {
    .journal-card {
        width: 285px
    }

    .journal-slider__btn-next {
        right: 24px
    }

    .journal-slider__btn-prev {
        left: 24px
    }

    .product-grid_list .product-card {
        grid-template-columns: 247px 1fr;
        padding: 24px
    }

    .product-grid_list .product-card-preview {
        min-width: 237px
    }

    .product-grid_list .product-card .btn__text_big-card {
        display: block
    }

    .product-grid_list .product-card .stickers:not(.product-card__stickers_in-price),
    .product-grid_list .product-card__name-link {
        margin-bottom: 16px
    }

    .product-grid_list .product-card__price-block {
        margin-bottom: 4px
    }

    .product-grid_list .product-card__price {
        font-size: 24px
    }
}

@media (min-width:950px) {
    .product-grid_list .product-card .product-card-info__item {
        margin-bottom: 0;
        flex-direction: row
    }

    .product-grid_list .product-card {
        grid-template-areas: "preview stickers price-block" "preview name price-block" "preview info price-block" "preview info warn" "preview info buttons";
        padding: 24px;
        column-gap: 24px;
        grid-template-columns: auto 1fr 318px;
        grid-template-rows: auto auto auto 1fr auto
    }

    .product-grid_list .product-card__warning {
        display: block
    }

    .product-grid_list .product-card__name {
        font-size: 18px
    }

    .product-grid_list .product-card-info {
        display: flex;
        max-width: 500px;
        width: 100%
    }

    .product-grid_list .product-card-info__list {
        display: flex;
        padding-top: 0
    }
}

@media (min-width:1100px) {
    .swiper-slide .product-card {
        width: 269px
    }

    .journal-slider__btn-prev,
    .product-slider__btn-prev {
        left: 0
    }

    .journal-slider__btn-next,
    .product-slider__btn-next {
        right: 0
    }

    .subscribe-block {
        gap: 24px
    }

    .subscribe-banner {
        max-width: 342px
    }

    .subscribe-form__content {
        max-width: 375px
    }

    .subscribe-form__img {
        display: block
    }

    .review-block {
        padding: 0 36px;
        max-width: 1520px;
        margin: 0 auto
    }

    .rating-statistics {
        margin: 0
    }

    .review-slider {
        max-width: 816px;
        padding-bottom: 32px
    }

    .review-slider__overlay {
        margin: 0 auto
    }

    .journal {
        padding: 24px
    }

    .journal-header {
        margin: 0;
        align-items: center;
        flex-direction: row
    }

    .journal__main {
        flex-direction: row;
        column-gap: 25px
    }

    .journal-tab {
        padding: 22px 25px 22px 22px;
        width: 100%
    }

    .journal__tabs {
        margin: 0;
        flex-direction: column;
        max-width: 182px
    }

    .journal-card {
        width: 331px
    }

    .journal-slider-overlay {
        padding: 0 72px
    }

    .journal-slider {
        padding: 0 0 32px
    }

    .journal-slider__btn-next.swiper-button-disabled {
        display: flex;
        background: rgba(4, 127, 255, .15)
    }

    .journal-slider__btn-prev.swiper-button-disabled {
        display: flex;
        background: rgba(4, 127, 255, .15)
    }

    .breadcrumbs-list {
        column-gap: 32px
    }

    .breadcrumbs-list__item:not(:last-child)::after {
        left: calc(100% + 15px)
    }

    .filter-action-block,
    .filter-btn,
    .filter__close {
        display: none
    }

    .filter {
        overflow: unset;
        position: static;
        z-index: 0;
        width: 268px;
        display: flex;
        opacity: 1;
        animation: none;
        transform: none
    }

    .filter__form {
        max-height: unset;
        overflow: unset;
        width: 268px
    }

    .filter__box_price {
        margin-bottom: 0
    }

    .info-box__description:hover .info-block__text {
        bottom: 25px;
        top: unset
    }

    .price-block__description:hover .info-block__text {
        bottom: 30px
    }

    .info-block__text {
        left: -105px;
        top: unset;
        right: unset;
        bottom: 38px;
        transform: none
    }

    .info-block__text::after {
        top: calc(100% - 1px);
        left: 50%;
        right: unset;
        transform: translateX(-50%);
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid var(--main-blue);
        border-bottom: unset
    }

    .info-block__text_filter {
        left: -105px
    }

    .info-block__text_filter::after {
        left: 50%;
        transform: translateX(-50%)
    }

    .info-block__text_sticker {
        left: -90px
    }

    .info-block__text_sticker::after {
        left: 50%;
        transform: translateX(-50%)
    }

    .radio-box {
        row-gap: 24px
    }

    .filter__price-container {
        max-width: 114px
    }

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

    .product-grid_list .product-card {
        grid-template-areas: "preview stickers" "preview name" "preview price-block" "preview warn" "preview buttons" "info info";
        grid-template-columns: 247px 1fr;
        grid-template-rows: unset
    }
}

@media (min-width:1250px) {
    .product-grid_list .product-card {
        grid-template-areas: "preview stickers price-block" "preview name price-block" "preview info price-block" "preview info warn" "preview info buttons";
        grid-template-columns: auto 1fr 318px;
        grid-template-rows: auto auto auto 1fr auto
    }
}

.section-heading-filters {
    display: flex;
    row-gap: 16px;
    justify-content: space-between;
    flex-direction: column
}

.section-heading-filters__main {
    display: flex;
    align-items: center;
    column-gap: 24px;
    justify-content: space-between
}

.catalog-main {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    margin: 24px 0
}

.catalog-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--black);
    padding: 48px 16px;
    border: 1px solid var(--light-blue);
    border-radius: 32px;
    transition: var(--transition)
}

.catalog-card__text {
    font-size: 16px;
    font-weight: 500;
    color: var(--black);
    text-align: center
}

.pagination {
    display: flex;
    column-gap: 4px;
    align-items: center;
    padding: 24px 0 0;
    margin: 0 auto;
    width: fit-content
}

.pagination__item-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    font-weight: 500;
    font-size: 14px;
    color: var(--black);
    border-radius: 8px;
    transition: var(--transition);
    border: 1px solid #eeeef4;
    cursor: pointer;
    background: var(--white)
}

.pagination__item-link_active {
    background: var(--main-blue);
    color: var(--white);
    border: 1px solid var(--main-blue)
}

.pagination__button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #eeeef4;
    width: 35px;
    height: 35px;
    border-radius: 8px;
    background: 0 0;
    cursor: pointer
}

@media (min-width:359px) {

    .pagination__button,
    .pagination__item-link {
        width: 46px;
        height: 46px
    }
}

.product-page {
    margin-top: 24px;
    margin-bottom: 36px
}

.product-page__banner {
    width: 170px;
    height: 250px;
    flex-grow: 1
}

.product-page__banner_blockquote:before {
    content: '';
    position: absolute;
    top: Min(Max(5px, 3vw), 15px);
    left: Min(Max(5px, 3vw), 15px);
    background-image: url(../images/icons/blockquote.svg);
    width: 50px;
    height: 39px;
    background-repeat: no-repeat;
    background-size: cover
}

.product-page__banner.main-categories-item {
    min-height: auto;
    max-height: none
}

.product-page__banner .banner-title {
    max-width: unset
}

.product-page__banner:first-child .banner-title {
    font-size: 14px;
    line-height: 16px;
    font-weight: 400
}

.product-page__banner:nth-child(2) .banner-title {
    font-size: 14px;
    line-height: 16px
}

.product-page__banner:last-child {
    max-height: unset;
    height: unset;
    min-width: 190px
}

@media (min-width:562px) {
    .product-page__banner {
        height: auto
    }

    .product-page__banner.main-categories-item:not(:last-child) {
        min-height: 170px
    }

    .product-page__banner:last-child {
        min-width: 250px;
        height: unset;
        min-height: 170px
    }
}

.product-page__banner:last-child .banner-title {
    font-size: 14px;
    line-height: 140%;
    font-weight: 400
}

.product-page__banner .banner-text {
    padding: 5px 12px
}

.product-page__banner:last-child .banner-text {
    padding: 0;
    background: 0 0
}

.product-page__banner .follow-btn {
    padding: 13px 16px
}

.product-page__banners {
    grid-area: banners;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 24px
}

.product-page__grid {
    display: grid;
    grid-template-areas: "header" "preview" "options" "main" "info" "description"
}

@media (min-width:700px) {
    .catalog-main {
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
        margin: 36px 0
    }

    .product-page__banner {
        width: 170px
    }

    .product-page__banner .banner-title {
        max-width: unset
    }

    .product-page__banner:nth-child(2) .banner-title {
        font-size: 18px;
        line-height: 20px
    }

    .product-page__grid {
        grid-template-areas: "preview header" "preview options" "preview main" "preview info" "preview description"
    }

    .product-page-preview-wrapper {
        margin-right: 24px
    }
}

.product-page_split-block {
    grid-area: split;
    margin-bottom: 24px
}

.product-page__delivery-box {
    grid-area: delivery;
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    margin-bottom: 24px
}

.product-page__pay-box {
    grid-area: pay;
    margin-bottom: 24px
}

.product-page-preview-wrapper {
    grid-area: preview;
    position: relative
}

.product-page-header {
    grid-area: header;
    display: flex;
    flex-direction: column;
    row-gap: 16px
}

.product-page__main {
    grid-area: main;
    display: grid;
    grid-template-areas: "stickers" "price-block" "split" "service" "buttons" "pay" "delivery" "info"
}

.product-page__description {
    grid-area: description
}

.product-card-info_product-page,
.product-page-box_in-grid {
    grid-area: info
}

.product-page__stickers {
    grid-area: stickers;
    margin-bottom: 4px
}

.product-description__content {
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    margin-top: 24px
}

.product-description__title {
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 24px
}

.product-page-button,
.product-page-buttons__text,
.product-page-header__article-number {
    font-size: 12px;
    color: var(--gray);
    font-weight: 500
}

.product-page-header__top {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    width: 100%
}

.modal_geo .f-button.is-close-btn,
.product-page-box_desktop,
.product-page-header__article-number_desktop {
    display: none
}

.product-page-header__article-number:not(.product-page-header__article-number_desktop),
.sticky-box_active {
    display: block
}

.product-page-button {
    display: flex;
    align-items: center;
    column-gap: 4px;
    cursor: pointer;
    width: fit-content
}

.product-page-header__buttons {
    display: flex;
    align-items: center;
    column-gap: 12px;
    flex-shrink: 0
}

@media (min-width:1100px) {
    .section-heading-filters {
        flex-direction: row
    }

    .catalog-main {
        margin: 48px 0
    }

    .product-page {
        margin-bottom: 72px
    }

    .product-page__banner .banner-title {
        max-width: unset
    }

    .product-page__banner:last-child {
        flex-grow: 1
    }

    .product-page__banners {
        gap: 12px;
        margin-top: 36px;
        column-gap: 12px
    }

    .product-page__delivery-box,
    .product-page__pay-box {
        margin-bottom: 36px
    }

    .product-page-box_in-grid {
        margin-right: 36px
    }

    .product-description__content {
        margin-top: 36px
    }

    .product-page-header__article-number {
        margin: 0 auto;
        padding: 0 10px
    }

    .product-page-header__article-number_desktop {
        display: block;
        padding: 0;
        margin: 0 auto 0 0
    }

    .product-page-header__article-number:not(.product-page-header__article-number_desktop) {
        display: none
    }

    .product-page-header__buttons {
        max-width: 440px;
        width: 100%
    }

    .product-page-options {
        margin-right: 36px;
        min-width: 270px
    }
}

.product-page-option__list_max-gap,
.product-page-option_color {
    column-gap: 8px
}

.product-page-options {
    display: flex;
    grid-area: options;
    flex-direction: column;
    row-gap: 16px;
    margin-bottom: 24px
}

.product-page-option {
    display: flex;
    align-items: center;
    column-gap: 4px;
    row-gap: 8px;
    flex-wrap: wrap
}

.product-page-option__name {
    font-size: 14px;
    font-weight: 500;
    color: var(--black);
    margin-right: 12px
}

.option-btn {
    display: block;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 500;
    color: #656771;
    background: var(--light-blue);
    width: fit-content;
    border-radius: 8px;
    transition: var(--transition)
}

.option-btn_active {
    color: var(--white);
    background: #656771
}

.aside__title,
.product-page-box__title,
.service-block__title {
    font-size: 18px;
    font-weight: 500;
    color: var(--black)
}

.product-page__delivery-box .product-page-box__main {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    flex-direction: row
}

.product-page__delivery-box .info-box {
    width: 200px;
    flex-grow: 1
}

.product-page__delivery-box .info-box:first-child {
    width: 100%
}

.product-card-info__link {
    border: none;
    background: 0 0;
    padding: 0
}

.product-page-option+.product-page-box_desktop {
    margin-top: 20px
}

.info-box {
    display: flex;
    column-gap: 12px
}

.info-box__icon {
    width: 24px;
    height: 24px;
    object-fit: cover
}

.info-box__title {
    transition: var(--transition);
    font-size: 14px;
    font-weight: 500;
    color: var(--black)
}

.info-box__description {
    font-size: 12px;
    font-weight: 500;
    color: var(--gray)
}

.info-box__description_red,
.price-block__description_red,
.price-block__desctiption_red,
.status_cancel {
    color: var(--red)
}

.product-set {
    display: flex;
    flex-direction: column;
    gap: 52px;
    flex-wrap: wrap
}

.product-set-card {
    display: grid;
    padding: 24px;
    border: 1px solid #eeeef4;
    border-radius: 24px;
    position: relative;
    grid-template-areas: "img title" "img set-price" "img set-price";
    column-gap: 24px;
    grid-template-columns: min-content 1fr;
    grid-template-rows: min-content 1fr;
    align-items: start
}

.product-set-card:not(:nth-child(4))::after {
    position: absolute;
    display: block;
    width: 36px;
    height: 36px;
    left: 50%;
    transform: translate(-50%, 100%);
    bottom: -8px
}

.product-set-card:first-child::after,
.product-set-card:nth-child(2)::after {
    content: url("../images/product-page/plus.svg")
}

.product-set-card:nth-child(3)::after {
    content: url("../images/product-page/equal.svg")
}

.product-set-card__title {
    grid-area: title;
    font-size: 18px;
    font-weight: 500;
    color: var(--black);
    margin-bottom: 16px;
    height: fit-content;
    transition: var(--transition)
}

.product-set-result {
    display: flex;
    flex-direction: column;
    padding: 24px;
    border: 1px solid #eeeef4;
    border-radius: 24px;
    row-gap: 32px
}

.product-set-result__btn {
    width: 100%;
    padding: 12px;
    font-size: 14px;
    font-weight: 500
}

.product-set-result__title {
    font-size: 18px;
    font-weight: 500;
    color: var(--black);
    margin-bottom: 24px
}

.product-set-result__list {
    display: flex;
    flex-direction: column;
    row-gap: 25px;
    padding-left: 20px;
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    color: var(--black)
}

.product-set-price {
    grid-area: set-price;
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    font-size: 24px;
    font-weight: 500;
    color: var(--black);
    margin-top: auto
}

.product-set-price__wrapper {
    grid-area: price;
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    row-gap: 4px
}

.product-set-price_old {
    text-decoration: line-through;
    color: var(--gray)
}

.product-set-price__stickers {
    grid-area: stickers
}

.product-set-card__img-wrapper {
    grid-area: img;
    margin-top: auto;
    display: block;
    width: 80px;
    height: 80px;
    grid-row: 1
}

.product-page-slider-thumbs__img,
.product-set-card__img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.product-page-slider {
    position: relative;
    overflow: hidden;
    width: 304px;
    height: 304px;
    margin-top: 24px
}

.product-page-slider__slide {
    padding-top: 20px;
    height: 100%;
    align-self: center;
    display: flex;
    justify-content: center;
    width: 100%;
    flex-shrink: 0
}

.product-page-slider__img {
    max-width: 100%;
    width: auto;
    height: 100%;
    object-fit: contain
}

.product-page-preview {
    top: 100px;
    width: 100%;
    max-width: 304px;
    margin: 0 auto 24px
}

@media (min-width:700px) {
    .product-page-header {
        margin-bottom: 24px
    }

    .product-set-result {
        row-gap: 62px
    }

    .product-page-slider {
        margin-top: 0
    }

    .product-page-preview {
        position: sticky;
        margin: 0
    }
}

@media (min-width:1200px) {
    .product-page__banner {
        flex-grow: initial
    }

    .product-page__banner:last-child {
        min-width: 190px
    }

    .product-page__banners {
        position: sticky;
        top: 110px
    }

    .product-page__grid {
        grid-template-areas: "preview header header" "preview options main" "preview info main" "description description main";
        grid-template-columns: auto 1fr auto;
        grid-template-rows: min-content min-content auto 1fr
    }

    .product-page__main {
        grid-column: unset;
        max-width: 500px;
        align-self: flex-start
    }

    .product-page__description {
        margin-right: 36px
    }

    .product-page-header__buttons {
        max-width: 497px
    }

    .product-page-options {
        margin-bottom: 36px
    }

    .product-page-box_mobile {
        display: none
    }

    .product-page-box_desktop {
        display: flex
    }

    .product-page-preview {
        position: initial
    }
}

.product-page-preview__stickers {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.product-page-slider-thumbs__container {
    margin-top: 16px;
    display: flex;
    gap: 6px
}

.product-page-slider-thumbs__slide {
    width: 98px;
    height: 98px;
    padding: 8px;
    border: 1px solid transparent;
    border-radius: 16px;
    flex-shrink: 0;
    cursor: pointer
}

.product-page-slider-thumbs__slide_review {
    border: 1px solid var(--black);
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    text-align: center;
    text-decoration: none;
    gap: 4px
}

.product-page-slider-thumbs__slide_review:focus,
.product-page-slider-thumbs__slide_review:hover,
.swiper-slide-thumb-active.product-page-slider-thumbs__slide {
    border: 1px solid var(--main-blue)
}

.product-page-slider-thumbs__slide_review img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 80px;
    height: 80px;
    z-index: -1
}

.product-page-slider-thumbs__slide_review .max-video-btn__icon {
    position: relative;
    left: 0;
    bottom: 0;
    right: 0
}

.product-page-slider-thumbs__slide_review .review-text {
    color: var(--white);
    font-family: var(--alt-font);
    font-size: 10px
}

.service-block {
    grid-area: service;
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    margin-bottom: 24px
}

.service-block__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;
    padding: 8px;
    column-gap: 10px;
    background: var(--light-blue)
}

.service-block__item .sticker {
    border: 1px solid red
}

.service-block__checkbox {
    column-gap: 16px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px
}

.split-block {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    border-radius: 16px;
    background: var(--light-blue)
}

.split-block_switch {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between
}

.split-block__btn {
    background: #dcdeef;
    padding: 8px 12px
}

.split-block__parts {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10px, 1fr));
    grid-auto-flow: column;
    grid-template-rows: auto;
    width: 100%;
    column-gap: 2px
}

.split-part__indicator {
    background: #d4d6ea;
    border-radius: 4px;
    height: 4px
}

.split-part__indicator_active {
    background: var(--main-blue)
}

.split-block__title,
.warranty-box__label {
    font-size: 14px;
    font-weight: 500;
    color: var(--black)
}

.alt-price-link__label,
.split-block__description,
.split-part__name {
    font-size: 12px;
    font-weight: 400;
    color: var(--gray)
}

.login-error .errortext,
.split-part__name_active {
    color: var(--black)
}

.product-page-buttons {
    grid-area: buttons;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    column-gap: 36px;
    margin-bottom: 24px;
    flex-wrap: wrap;
    row-gap: 12px
}

.product-page-buttons__busket {
    padding: 12px;
    width: 100%;
    font-size: 14px
}

.product-page-buttons__box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 16px;
    flex-grow: 1;
    width: 100%
}

.delivery-subbox__title {
    font-size: 14px;
    font-weight: 500
}

.blue-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    border-radius: 8px;
    background: var(--light-blue);
    width: 100%
}

.blue-box_p-min {
    padding: 12.5px 16px;
    flex-wrap: wrap;
    gap: 8px
}

.blue-box__text {
    display: flex;
    align-items: center;
    column-gap: 8px;
    font-size: 12px;
    font-weight: 700;
    color: var(--main-blue)
}

.blue-box__text_black,
.price-block__price {
    color: var(--black);
    font-weight: 500
}

.product-page__price {
    grid-area: price-block;
    display: flex;
    gap: 8px;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 16px;
    align-items: end
}

.price-block-wrapper__inner,
.price-block-wrapper__top {
    display: grid;
    grid-template-columns: minmax(0px, 170px) minmax(0px, 170px)
}

.price-block-wrapper__top {
    gap: 16px;
    align-items: center
}

.price-block-wrapper__inner {
    gap: 16px
}

.price-block__price {
    font-size: 28px
}

.modal-text_gray,
.modal-text_gray *,
.price-block__description_gray,
.price-block__desctiption_gray,
.price-block__price_gray {
    color: var(--gray)
}

.price-block__price_modal {
    font-size: 24px
}

.price-block__description,
.price-block__desctiption {
    font-size: 12px;
    font-weight: 500;
    color: var(--black)
}

.alt-price-link {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    border: 1px solid var(--light-blue);
    padding: 12px;
    border-radius: 12px;
    transition: var(--transition);
    text-decoration: none;
    cursor: pointer;
    color: var(--black);
    height: fit-content;
    width: 100%;
    flex-grow: 1
}

.max-video-btn {
    position: absolute;
    display: flex;
    column-gap: 4px;
    align-items: center;
    font-size: 10px;
    color: var(--black);
    bottom: 0;
    padding: 4px 8px 4px 4px;
    text-decoration: none;
    background: var(--white);
    border: 1px solid var(--black);
    border-radius: 16px;
    z-index: 3;
    max-width: 135px
}

.max-video-btn__img {
    width: 60px;
    height: 80px;
    object-fit: cover;
    border-radius: 12px
}

.max-video-btn__img-wrapper {
    position: relative;
    display: flex
}

.max-video-btn__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 5px;
    bottom: 5px;
    border-radius: 50%;
    background: var(--main-purple);
    width: 20px;
    height: 20px
}

.info-block svg,
.max-video-btn__icon-svg {
    width: 14px;
    height: 14px
}

.comparison-page {
    display: flex;
    flex-direction: column;
    position: relative
}

.mini-product-card {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    width: 183px;
    height: 100%
}

.mini-product-card__buttons {
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-top: auto
}

.mini-product-card__prices {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
    flex-wrap: wrap
}

.mini-product-card__price {
    font-size: 14px;
    font-weight: 500;
    color: var(--black)
}

.mini-product-card__price_old {
    text-decoration: line-through;
    color: var(--gray)
}

.mini-product-card__title {
    display: block;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    color: var(--black);
    transition: var(--transition)
}

.cart-product,
.mini-product-card__main,
.order-card,
.ordered-product {
    display: flex;
    column-gap: 16px
}

.mini-product-card__img,
.ordered-product__img {
    width: 64px;
    height: 64px;
    object-fit: contain
}

.comparison-slider {
    grid-area: slider;
    overflow: hidden;
    position: sticky;
    z-index: 2;
    top: 80px;
    padding-top: 24px;
    background: var(--white);
    height: fit-content;
    padding-bottom: 10px
}

.comparison-table {
    grid-area: data;
    display: flex;
    flex-direction: column;
    row-gap: 28px;
    margin-top: 36px
}

.comparison-table__name {
    font-size: 14px;
    font-weight: 400;
    color: var(--black);
    flex-shrink: 0
}

.comparison-table__section {
    position: relative;
    display: flex;
    flex-direction: column;
    row-gap: 16px
}

.comparison-table__section:not(:last-child)::after {
    content: "";
    height: 1px;
    width: 100%;
    position: absolute;
    top: calc(100% + 14px);
    left: 0;
    background-color: #ebf0ff
}

.comparison-category,
.comparison-settings__sort-button {
    column-gap: 8px;
    font-size: 14px;
    transition: var(--transition);
    text-decoration: none
}

.comparison-table__section_modal {
    display: grid
}

.aside__dropdown,
.comparison-table__section_modal *,
.form-group__btn,
.form-item,
.modal-blog-tags .journal-card,
.modal-box__label {
    width: 100%
}

.comparison-table__cell {
    font-size: 14px;
    font-weight: 500;
    color: var(--black);
    width: 183px;
    flex-shrink: 0
}

.comparison-table__cell_modal {
    max-width: 100%;
    width: 100%
}

.comparison-page__top {
    display: flex;
    flex-direction: column;
    gap: 36px
}

.comparison-settings {
    grid-area: settings;
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    flex-shrink: 0;
    margin-bottom: 12px
}

.comparison-settings__buttons {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    width: fit-content
}

.comparison-settings__btn {
    cursor: pointer;
    border: none;
    background: 0 0;
    color: var(--main-blue);
    font-size: 14px;
    font-weight: 500;
    transition: var(--transition);
    padding: 0;
    text-decoration: none
}

.comparison-settings__radios {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    padding: 16px 12px;
    border: 1px solid #eeeef4;
    border-radius: 12px
}

.comparison-settings__sort-button {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-weight: 400;
    color: var(--black)
}

.comparison-settings__sort-button::before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--white);
    border: 1px solid var(--light-blue)
}

.comparison-settings__sort-button_active::before {
    border: 7.5px solid var(--main-blue);
    width: 10px;
    height: 10px
}

.comparison-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 24px
}

.comparison-category {
    display: flex;
    align-items: center;
    padding: 6px 6px 6px 12px;
    border-radius: 8px;
    background: var(--light-blue);
    color: var(--gray);
    font-weight: 500
}

.comparison-category_active .comparison-category__count {
    background: hsla(0, 0%, 100%, .2)
}

.comparison-category__count {
    padding: 3px 4px;
    background: var(--white);
    border-radius: 4px;
    font-size: 12px
}

.aside-btn,
.aside-menu-btn,
.aside__list.dropdown__menu {
    background: var(--main-blue)
}

.layout-main {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    row-gap: 16px;
    grid-template-areas: "title" "contact-content" "map" "contact-form"
}

.layout-main__title {
    grid-area: title;
    margin-bottom: 16px;
    height: fit-content
}

.account-main {
    display: flex;
    flex-direction: column;
    width: 100%;
    row-gap: 36px
}

.account-main__content,
.account-main__right {
    flex-direction: column;
    row-gap: 36px;
    display: flex
}

.account-main__text {
    font-size: 16px;
    font-weight: 400;
    color: var(--black);
    text-decoration: none
}

.aside-btn,
.aside-btn * {
    font-weight: 500;
    font-size: 16px
}

.account-main__text_max {
    font-weight: 500;
    font-size: 18px
}

.account-main__right {
    padding: 24px;
    flex-grow: 1
}

.account-main__right-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap
}

.account-main__content {
    width: 100%;
    align-self: flex-start
}

.aside {
    display: flex;
    width: 100%;
    flex-direction: column;
    row-gap: 16px
}

.aside__list.dropdown__menu {
    top: calc(100% - 2px);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    display: none
}

.aside__list.dropdown__menu.dropdown__menu_active,
.cart-layout {
    display: flex
}

.aside-menu-btn {
    display: flex;
    width: 100%;
    color: var(--white);
    justify-content: start
}

.aside-menu-btn.dropdown__btn {
    transition: none
}

.aside-btn svg path,
.aside-menu-btn.dropdown__btn svg path {
    stroke: var(--white)
}

.aside-menu-btn.dropdown__btn_active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.aside-btn {
    display: flex;
    column-gap: 8px;
    align-items: center;
    padding: 16px;
    border-radius: 8px;
    transition: var(--transition);
    color: var(--black);
    text-decoration: none;
    color: var(--white);
    position: relative
}

.aside-btn:not(:last-child)::after {
    content: "";
    position: absolute;
    height: 1px;
    width: calc(100% - 32px);
    left: 16px;
    right: 16px;
    background: #2e94ff;
    bottom: 0
}

.aside-btn .aside-btn__svg_fill path {
    transition: var(--transition);
    fill: var(--white);
    stroke: none
}

@media (min-width:1100px) and (hover:hover) {
    .aside-btn:hover {
        background: var(--main-blue);
        color: var(--white)
    }

    .aside-btn:hover svg path {
        stroke: var(--white)
    }

    .aside-btn:hover .aside-btn__svg_fill path {
        transition: var(--transition);
        fill: var(--white);
        stroke: none
    }
}

.aside-btn * {
    background: 0 0;
    border: none;
    color: var(--black);
    padding: 0
}

.aside-btn [type=submit] {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    cursor: pointer
}

.status_cancel::before,
.status_return::before,
.status_success::before {
    width: 16px;
    height: 16px;
    object-fit: contain
}

.aside-btn__svg {
    display: inline-flex
}

.aside-btn__svg path {
    transition: var(--transition);
    stroke: var(--black)
}

.order-item__header {
    display: flex;
    flex-wrap: wrap;
    column-gap: 36px;
    row-gap: 12px;
    align-items: center
}

.order-card__data {
    display: flex;
    flex-direction: column;
    column-gap: 36px;
    row-gap: 8px
}

.order-text-box {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    grid-auto-columns: min-content
}

.order-text-box:not(:last-child) {
    grid-column: 1
}

.order-text-box:last-child {
    grid-row: 1;
    grid-column: 2
}

.cart-product__img,
.modal-product__img,
.order-card__img {
    width: 80px;
    height: 80px;
    object-fit: contain
}

.order-label {
    font-size: 14px;
    font-weight: 400;
    color: var(--gray)
}

.article,
.order-value {
    font-size: 14px;
    font-weight: 400;
    color: var(--black)
}

.order-title {
    font-weight: 500;
    font-size: 18px;
    text-decoration: none;
    color: var(--black)
}

.order-item {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    padding: 24px;
    border-radius: 24px;
    border: 1px solid var(--light-blue)
}

.status {
    position: relative;
    display: flex;
    align-items: center;
    column-gap: 4px;
    font-size: 14px;
    font-weight: 500
}

.status_success {
    color: #48b61a
}

.status_success::before {
    content: url("../images/status/success.svg")
}

.status_cancel::before {
    content: url("../images/status/cancel.svg")
}

.status_return {
    color: var(--orange)
}

.modal p,
.modal-text,
.modal-title {
    color: var(--black)
}

.status_return::before {
    content: url("../images/status/return.svg")
}

.modal_avg.fancybox__content,
.modal_min.fancybox__content {
    max-width: 374px;
    width: 100%
}

.modal_max.fancybox__content {
    max-width: 800px;
    width: 100%
}

.modal_blog.fancybox__content {
    max-width: 886px
}

.modal_geo.fancybox__content {
    max-width: 280px;
    width: 100%;
    position: absolute;
    left: 20px;
    top: 20px
}

.modal.fancybox__content {
    padding: 24px 8px 24px 24px;
    border: 1px solid #eeeef4;
    max-height: 100vh
}

.modal p {
    margin: 0;
    font-size: 16px;
    font-weight: 400
}

.modal .comparison-table__section::after {
    top: calc(100% + 16px)
}

.modal .comparison-table__section:first-child {
    border-top: 1px solid var(--light-blue);
    padding-top: 16px
}

.modal .btn {
    height: 41px
}

.modal__comparison-table {
    row-gap: 32px;
    margin-top: 16px
}

.modal__container {
    position: relative;
    background: var(--white);
    height: 100%;
    overflow: auto;
    padding-right: 16px;
    margin-bottom: 1px
}

.modal-title {
    font-size: 24px;
    font-weight: 900
}

.modal__close {
    position: absolute;
    right: 16px;
    top: 16px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding: 0
}

.modal-box {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    height: 100%
}

.modal-box_align_center {
    align-items: center
}

.modal-box_gap_max {
    row-gap: 32px
}

.modal-box__btn {
    width: 100%;
    font-size: 14px;
    height: 45px
}

.modal-box__buttons {
    display: flex;
    flex-direction: column;
    column-gap: 16px;
    row-gap: 8px;
    width: 100%
}

.modal-text {
    font-size: 14px;
    line-height: 16px;
    font-weight: 400
}

.modal-text_center {
    text-align: center
}

.modal-product-grid {
    display: flex;
    flex-direction: column;
    row-gap: 48px;
    width: 100%
}

.modal-product {
    position: relative;
    display: grid;
    gap: 16px;
    max-width: fit-content;
    grid-template-areas: "img name" "price price" "switch switch" "warning warning"
}

.modal-product:not(:last-child)::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: var(--light-blue);
    left: 0;
    bottom: -24px
}

.modal-checkboxes {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 8px
}

.modal-product__title {
    grid-area: name;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    color: var(--black);
    transition: var(--transition)
}

.modal-article,
.modal-city-result,
.modal-search-result__item {
    font-size: 16px;
    font-weight: 400
}

.modal-product__img-wrapper {
    grid-area: img
}

.modal-product__price-wrapper {
    grid-area: price
}

.modal-product__price-block {
    max-width: 100%;
    width: 150px;
    flex-grow: 1
}

.modal-product__quantity-switch {
    grid-area: switch
}

.modal-product__warning {
    grid-area: warning
}

.modal-search-result {
    display: flex;
    flex-direction: column;
    padding-left: 48px;
    row-gap: 16px;
    max-height: 300px;
    min-height: 150px;
    overflow: auto
}

.modal-search-result__item {
    position: relative;
    border: none;
    background: 0 0;
    line-height: 18px;
    padding: 0;
    text-align: left;
    transition: var(--transition);
    cursor: pointer
}

.board-slider__btn,
.file-input_successful .file-input__label,
.modal-search-result__item.hide,
.product-grid_list .product-banner-vertical,
.resale-grid__btn,
.resale-grid_desktop,
.section-board {
    display: none
}

.modal-search-result__item_active {
    color: var(--main-blue)
}

.modal-search-result__item_active::before {
    content: url("/local/templates/.default/redesign/images/modals/mark.svg");
    height: 20px;
    position: absolute;
    left: -28px;
    transform: translateY(-50%);
    top: 50%
}

.modal-city-result {
    display: flex;
    align-items: flex-end;
    color: var(--gray);
    justify-content: space-between;
    margin-top: auto
}

.modal-box__geo-buttons {
    display: flex;
    column-gap: 12px;
    align-items: center;
    justify-content: center
}

.modal-box_article {
    row-gap: 36px
}

.modal-article {
    line-height: 26px
}

.modal-article p {
    margin: 24px 0
}

.modal-article img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 8px
}

.modal .modal-article__btn {
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    height: 48px
}

.modal-box_article .product-slider {
    padding-left: 0
}

.modal-box_article iframe {
    width: 100%;
    border-radius: 8px;
    overflow: hidden
}

.modal-box_article blockquote {
    background-color: var(--light-blue-hover);
    border-radius: 8px;
    margin: 24px 0;
    padding: 24px
}

.modal-blog-tags {
    display: grid;
    gap: 24px;
    grid-template-columns: 1fr
}

@media (min-width:562px) {
    .modal-blog-tags {
        grid-template-columns: 1fr 1fr
    }
}

.modal-blog-tags .journal-card__title h3 {
    line-height: 21px
}

.modal-blog-tags .journal-card__text {
    line-height: 17px
}

#geoSearch {
    height: 509px
}

.contact-form {
    grid-area: contact-form;
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    padding: 24px;
    border-radius: 24px;
    height: fit-content;
    border: 1px solid var(--light-blue)
}

.contact-form__box {
    display: flex;
    flex-direction: column;
    column-gap: 24px;
    row-gap: 16px
}

.contact-form__bottom {
    display: flex;
    column-gap: 36px;
    align-items: center
}

.contact-form__label:last-child {
    grid-column: span 2
}

.contact-form__label .textarea {
    height: 92px
}

.contact-form__title {
    font-size: 24px;
    color: var(--black);
    font-weight: 800
}

.about-card__title,
.article h2,
.quiz-item__name,
.quiz-title,
.selects__title {
    font-family: var(--alt-font)
}

.contact-form__text {
    font-size: 18px;
    font-weight: 400;
    color: var(--black)
}

.contact-page__content {
    grid-area: contact-content;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: min-content;
    grid-auto-rows: min-content;
    justify-content: space-between;
    column-gap: 8px;
    row-gap: 24px
}

.contact-text-box:last-child,
.form-item__inn {
    grid-column: 1/3
}

.cart-page__checkbox,
.contact-text-box__label {
    font-size: 14px;
    font-weight: 500;
    color: var(--gray)
}

.contact-text-box__value {
    display: flex;
    align-items: center;
    column-gap: 4px;
    font-size: 16px;
    font-weight: 400;
    color: var(--black);
    transition: var(--transition)
}

.contact-text-box__value_link {
    text-decoration: none
}

.article p:first-child {
    margin-top: 0
}

.article ul {
    padding-left: 23px;
    margin: 12px 0
}

.article h2 {
    font-size: 24px;
    font-weight: 800;
    margin: 0 auto 36px;
    line-height: 26px;
    max-width: 1000px;
    color: var(--black)
}

.article h3,
.article h4 {
    margin-top: 36px;
    font-weight: 500
}

.article h3 {
    margin-bottom: 24px;
    font-size: 24px;
    line-height: 26px
}

.article h4 {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 12px
}

.article a,
.quiz-successful__list-item:first-child {
    font-weight: 400
}

.article a {
    cursor: pointer;
    font-size: 14px;
    color: var(--main-blue);
    transition: var(--transition);
    text-decoration: none
}

.warranty-boxes {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex-wrap: wrap
}

.warranty-box {
    display: flex;
    flex-direction: column;
    row-gap: 14px;
    padding: 24px;
    border-radius: 24px
}

.warranty-box_orange {
    background: var(--light-orange)
}

.warranty-page {
    display: flex;
    column-gap: 24px;
    row-gap: 16px;
    flex-direction: column
}

.form-layout,
.warranty-page-box {
    flex-direction: column;
    row-gap: 24px;
    display: flex
}

.warranty-page-box {
    border-radius: 24px;
    border: 1px solid var(--light-blue);
    padding: 24px;
    height: fit-content
}

.warranty-page-box__title {
    font-size: 18px;
    font-weight: 500
}

.warranty-box__value {
    font-size: 18px;
    font-weight: 700;
    color: var(--black)
}

.warranty-box__value_green {
    color: #33860f
}

.warranty-box__value_orange {
    color: var(--orange)
}

.warranty-box__value_red {
    color: #eb4f27
}

.form-section {
    padding: 24px 24px 0;
    border: 1px solid var(--light-blue);
    border-radius: 24px
}

.form-layout {
    width: 100%
}

.form-group {
    display: flex;
    gap: 24px;
    margin-bottom: 24px;
    flex-direction: column
}

.form-group_grid {
    display: grid;
    grid-auto-flow: dense;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr))
}

.form-group_four-columns {
    display: grid;
    max-width: none;
    gap: 24px;
    grid-template-columns: repeat(2, 1fr)
}

.form-group_min {
    max-width: fit-content;
    column-gap: 4px;
    flex-direction: row
}

.form-section-title {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 24px
}

.form-section__subtitle {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 24px
}

.form-group__radio-box {
    width: 100%;
    height: 100%
}

.ordered-products__list {
    display: flex;
    flex-direction: column;
    gap: 24px;
    flex-wrap: wrap
}

.ordered-product__title {
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    color: var(--black);
    text-decoration: none;
    transition: var(--transition)
}

.ordered-product__count {
    font-size: 12px;
    font-weight: 500;
    color: var(--gray);
    margin-top: auto
}

.cart-page {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    width: 100%
}

.cart-page__clear,
.quantity-switch {
    align-items: center;
    font-weight: 500;
    display: flex
}

.cart-page__title {
    font-weight: 500;
    font-size: 18px;
    line-height: 20px
}

.quantity-switch {
    border-radius: 8px;
    color: var(--black);
    font-size: 14px;
    background: var(--light-blue);
    width: fit-content
}

.quantity-switch__input {
    display: flex;
    font-weight: 500;
    border: none;
    appearance: none;
    min-width: 0;
    width: 29px;
    outline: 0;
    height: 17px;
    justify-content: center;
    align-items: center;
    background: 0 0;
    text-align: center
}

.quantity-switch__btn {
    cursor: pointer;
    padding: 8px 12px
}

.quantity-switch__btn_disabled {
    color: var(--gray)
}

.cart-product__title {
    font-weight: 500;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
    color: var(--black);
    transition: var(--transition)
}

.cart-product__title:hover,
.modal-user-bonus__order {
    color: var(--main-blue)
}

.cart-product__title-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 8px
}

.cart-page__clear {
    column-gap: 4px;
    color: var(--gray);
    transition: var(--transition);
    font-size: 14px;
    cursor: pointer
}

.cart-page__clear svg path {
    transition: var(--transition)
}

.cart-product__bottom {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-top: auto;
    flex-wrap: wrap
}

.cart-product__mini-buttons {
    display: flex;
    align-items: center;
    column-gap: 12px
}

.cart-product__price {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
    color: var(--black);
    font-weight: 500;
    flex-shrink: 0;
    font-size: 18px;
    line-height: 20px
}

.cart-product__price_alt {
    color: var(--gray)
}

.cart-product__price-description {
    font-size: 12px;
    font-weight: 500;
    line-height: 14px
}

.cart-product__top {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 8px
}

.cart-product__content {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    width: 100%
}

.cart-product__price-block {
    display: flex;
    gap: 16px;
    flex-wrap: wrap
}

.cart__error,
.sticky-box {
    display: none
}

.sticky-box {
    position: fixed;
    border-radius: 24px;
    background: #fff;
    border: 1px solid #ebf0ff;
    width: 98%;
    bottom: 10px;
    z-index: 6;
    left: 50%;
    transform: translateX(-50%);
    right: 0
}

.cart__error,
.login-error {
    background: #ffe6c0;
    border-radius: 8px;
    padding: min(max(10px, 2vw), 12px) min(max(17px, 2vw), 20px);
    font-weight: 500;
    font-size: min(max(11px, 3.5vw), 12px);
    line-height: 140%
}

.sticky-box .totals {
    padding: 24px
}

.cart__error *,
.videos-page__btn-more {
    margin: 0
}

.login-error * {
    color: var(--black);
    margin: 0
}

.question-block {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    margin: 0 auto
}

.quiz-error__container,
.quiz-item,
.resale-quiz-item {
    row-gap: 16px;
    display: flex
}

.quiz {
    margin-bottom: 120px
}

.quiz .select {
    scroll-margin-top: 300px
}

.resale-quiz-item {
    flex-direction: column;
    align-items: center
}

.quiz-item {
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    max-width: 952px
}

.section-item:first-child>.quiz-item,
.section_layer:first-child {
    padding-top: 36px
}

.quiz-item,
.section_layer {
    padding-top: 120px
}

.section-item_min-padding .quiz-item {
    padding-top: 60px
}

.next-section:not(:last-child):not(:empty),
.section-item:not(:last-child):not(:empty) {
    scroll-margin-top: 55px;
    scroll-snap-align: start
}

.quiz-error,
.quiz-successful {
    margin-top: 120px
}

.quiz-error__container {
    flex-direction: column;
    align-items: center
}

.quiz-item__image-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 84px;
    height: 84px;
    background: #d9f8fa;
    border-radius: 50%
}

.quiz-answer,
.quiz-answer__input {
    border-radius: 8px;
    cursor: pointer
}

.quiz-item__image {
    width: 36px;
    height: 36px
}

.quiz-title {
    font-weight: 800;
    font-size: 24px;
    line-height: 28px;
    margin: 0
}

.quiz-subtitle {
    font-size: 22px;
    font-weight: 500;
    margin: 0
}

.quiz-item__answer-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    justify-content: center
}

.quiz-item__name {
    font-size: 24px;
    line-height: 28.8px;
    font-weight: 800;
    color: var(--black);
    margin: 0;
    text-align: center
}

.quiz-answer {
    position: relative;
    padding: 8px 12px;
    max-width: fit-content
}

.quiz-answer__input {
    display: block;
    appearance: none;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--light-blue)
}

.about-card_blue,
.quiz-answer__input:checked {
    background: var(--main-blue)
}

.quiz-answer__input:checked+.quiz-answer__text {
    color: #fff
}

.quiz-answer__text {
    display: flex;
    align-items: center;
    column-gap: 8px;
    position: relative;
    z-index: 1;
    font-size: 18px;
    font-weight: 500
}

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

.quiz__inner {
    display: flex;
    flex-direction: column;
    align-items: center
}

.quiz-successful__img {
    width: 80%;
    height: 80%;
    object-fit: contain
}

.quiz-successful__img-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 160px;
    background: #ffe8ef;
    border-radius: 24px;
    flex-shrink: 0
}

.quiz-successful,
.quiz-successful__content {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.quiz-successful {
    padding: 24px;
    border: 1px solid #ebf0ff;
    border-radius: 36px
}

.quiz-successful__list {
    display: none;
    flex-direction: column;
    row-gap: 16px;
    padding: 0;
    margin: 0
}

.quiz-successful__list-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 12px;
    align-items: center
}

.quiz-successful__list-item {
    font-size: 14px;
    line-height: 16px;
    font-weight: 500
}

.selects__container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    column-gap: 24px;
    row-gap: 24px;
    width: 100%
}

.select__list {
    padding: 0;
    border-radius: 12px;
    position: absolute;
    top: 85px;
    left: 0;
    z-index: 5;
    width: 100%;
    background: var(--light-blue);
    margin-top: 20px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: margin .1s var(--cubic-bezier), opacity .1s var(--cubic-bezier), visibility .1s var(--cubic-bezier);
    -o-transition: margin .1s var(--cubic-bezier), opacity .1s var(--cubic-bezier), visibility .1s var(--cubic-bezier);
    transition: margin .1s var(--cubic-bezier), opacity .1s var(--cubic-bezier), visibility .1s var(--cubic-bezier);
    max-height: 240px;
    overflow-y: auto
}

.select__list::-webkit-scrollbar {
    background-color: transparent;
    width: 4px
}

.select__list::-webkit-scrollbar-thumb {
    background-color: var(--main-blue);
    border-radius: 12px;
    width: 4px
}

.select__list.list.list_active {
    opacity: 1;
    visibility: visible;
    margin-top: .625rem
}

.select__title {
    font-weight: 500;
    font-size: 18px;
    margin: 0 0 .625rem
}

.select__current {
    min-width: 12.5rem;
    display: block;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    column-gap: 8px;
    padding: 12px 42px 12px 16px;
    border: none;
    background: var(--light-blue);
    font-size: 14px;
    font-weight: 500;
    color: var(--black);
    border-radius: 12px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis
}

.select__current::after {
    content: url("../images/filter/accordion-arrow.svg");
    position: absolute;
    right: 16px;
    display: inline-flex;
    height: 24px;
    transition: var(--transition);
    margin-left: auto
}

.selects__button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.selects__button .btn {
    font-size: 1rem;
    line-height: 1.1875rem;
    width: 100%;
    max-width: 300px
}

.selects__title {
    font-size: 24px;
    font-weight: 800;
    color: var(--black);
    margin: 0 0 16px;
    text-align: center
}

.select__field-text,
.select__item {
    font-size: 14px;
    font-weight: 500;
    color: var(--black)
}

.select {
    position: relative;
    max-width: 300px;
    width: 100%
}

.selects {
    margin: 0 auto;
    max-width: 952px;
    width: 100%
}

.select__item {
    position: relative;
    display: block;
    padding: 16px;
    border-radius: 12px;
    transition: .1s
}

.about-card,
.select__field-text {
    display: flex;
    background: var(--light-blue)
}

.board-item__btn,
.map-list__link,
.video-card_section,
.video-page-card {
    transition: var(--transition)
}

.select__item:not(:last-child)::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 92%;
    background-color: #d2d3e0;
    height: 1px
}

.select__item_disabled {
    opacity: .3
}

.select__field-text {
    min-width: 12.5rem;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    column-gap: 8px;
    padding: 12px 16px;
    border: none;
    border-radius: 12px;
    cursor: pointer
}

.about-card,
.map-list {
    flex-direction: column
}

.account-main__yandex,
.product-page_split-block .ya-pay-widget,
.split-block .ya-pay-widget {
    border: 1px solid var(--light-blue)
}

.next-section:empty {
    padding: 0 !important;
    margin: 0 !important
}

.about-card {
    justify-content: space-between;
    border-radius: 32px;
    padding: 24px;
    min-height: 200px
}

.about-card_aqua {
    background: #00cfdc
}

.about-card_purple {
    background: var(--main-purple)
}

.about-card:first-child {
    grid-area: a
}

.about-card:nth-child(2) {
    grid-area: b
}

.about-card:nth-child(3) {
    grid-area: c
}

.about-card:nth-child(4) {
    grid-area: d
}

.about-card:nth-child(5) {
    grid-area: e
}

.about-card:nth-child(6) {
    grid-area: f
}

.about-card_quote {
    grid-column: 2 span
}

.about-card_quote:first-child {
    grid-row: 2
}

.about-card_quote:last-child {
    grid-row: 4
}

.about-grid {
    display: grid;
    grid-template-areas: "a b" "c c" "e f" "d d";
    grid-template-columns: repeat(2, 1fr);
    gap: 8px
}

.about-card__title {
    font-weight: 900;
    font-size: 32px;
    color: var(--white)
}

.about-card__title_quote {
    color: var(--black);
    font-size: 18px;
    font-weight: 400;
    font-family: var(--main-font)
}

.about-card__text {
    font-size: 14px;
    font-family: var(--alt-font);
    color: var(--white)
}

.about-card__text_quote {
    color: var(--black);
    font-size: 12px;
    font-weight: 500;
    font-family: var(--main-font)
}

.video-card_section {
    width: 100%;
    height: 220px
}

.video-page-card {
    text-decoration: none;
    font-weight: 700;
    font-size: 18px;
    color: var(--black)
}

.video-page-card__img {
    height: 280px;
    width: 100%;
    object-fit: cover;
    border-radius: 32px
}

.videos-page__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(165px, 1fr));
    column-gap: 8px;
    row-gap: 36px
}

.videos-page__pagination {
    padding: 0
}

.map-list {
    display: flex;
    row-gap: 16px;
    padding-left: 20px
}

.map-list>li {
    font-size: 16px;
    font-weight: 500;
    line-height: 18px
}

.map-list__sublist {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    margin-top: 16px;
    padding-left: 24px
}

.map-list__link {
    text-decoration: none;
    color: var(--black)
}

.map-list__item {
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    list-style-type: disc
}

.board-banner__slogan,
.board-banner__title,
.board-item__title {
    font-weight: 700;
    font-family: var(--alt-font)
}

.map-list__item::marker {
    display: block;
    color: var(--main-blue);
    border: 50%
}

.account-main__referral-info::after,
.stickers__right .info-block__text.info-block__text-min::after {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid var(--main-blue)
}

.blue-box_p-min {
    flex-wrap: nowrap
}

.blue-box__text_right {
    text-align: right;
    flex: 1 1 0;
    flex-wrap: wrap;
    justify-content: flex-end
}

.info-block_filter,
.order-item .btn {
    margin-left: 0
}

.blue-box__city,
.header-address__value.geo-city {
    text-decoration: underline
}

@media (max-width:699px) {

    .section_contact .aside,
    .section_contact .contact-form {
        display: none
    }
}

@media (min-width:768px) {
    .order-item .btn {
        margin-left: auto
    }

    .banner-slider_grid {
        padding-bottom: 0
    }

    .banner-slider_grid .banner-slider__wrapper {
        display: grid !important;
        transform: none !important;
        gap: 24px
    }

    .banner-slider_view-2 .banner-slider__wrapper,
    .banner-slider_view-3 .banner-slider__wrapper,
    .banner-slider_view-4 .banner-slider__wrapper {
        grid-template-columns: 1fr 1fr
    }

    .banner-slider_grid .banner-slider-pagination,
    .banner-slider_grid~.slider-btn,
    .banner-slider_view-2 .swiper-slide:nth-child(n+3),
    .banner-slider_view-3 .swiper-slide:nth-child(n+4),
    .banner-slider_view-4 .swiper-slide:nth-child(n+3) {
        display: none !important
    }

    .banner-slider_view-3 .swiper-slide:nth-child(3n) {
        grid-column: 1/-1
    }

    .banner-slider_grid .swiper-slide {
        width: auto !important;
        max-width: none !important;
        margin: 0 !important
    }

    .banner-slider_grid .banner-title {
        font-size: 18px;
        line-height: 22px
    }
}

yandex-pay-badge {
    margin: 4px 0
}

@media (max-width:700px) {
    yandex-pay-badge {
        max-width: 145px
    }
}

.board-banner__content {
    height: 300px;
    width: 100%;
    position: relative;
    margin-top: 24px;
    margin-bottom: 24px;
    border-radius: 32px;
    overflow: hidden
}

.board-banner__title {
    position: absolute;
    top: 24px;
    left: 24px;
    color: var(--white);
    font-size: Min(Max(20px, 2.5vw), 32px);
    line-height: 140%;
    margin: 0
}

.board-banner__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom right
}

.board-banner__slogan {
    position: absolute;
    font-size: Min(Max(12px, 2vw), 24px);
    line-height: 120%;
    color: var(--white);
    backdrop-filter: blur(33px);
    padding: 13px 16px;
    border: 1px solid rgba(255, 255, 255, .06);
    background: rgba(177, 215, 255, .2);
    border-radius: 10px
}

.board-banner__slogan_1 {
    top: 120px;
    right: auto;
    left: 2%;
    transform: rotate(356deg)
}

.board-banner__slogan_2 {
    top: 177px;
    left: 15%;
    right: auto;
    transform: rotate(1deg)
}

.board-banner__slogan_3 {
    top: 204px;
    left: auto;
    right: 26%;
    transform: rotate(359deg);
    display: none
}

.board-banner__slogan_4 {
    top: 235px;
    left: 5%;
    right: auto;
    transform: rotate(359deg)
}

@media (min-width:700px) {

    .price-block-wrapper__inner,
    .price-block-wrapper__top {
        gap: 8px
    }

    .alt-price-link {
        width: 143px
    }

    .comparison-table__cell,
    .mini-product-card {
        width: 304px
    }

    .comparison-table__section {
        row-gap: 12px
    }

    .comparison-table__section_modal {
        grid-template-columns: repeat(2, 1fr)
    }

    .layout-main_contact {
        display: grid;
        column-gap: 20px;
        grid-template-areas: "title contact-form" "contact-content contact-form" "map map"
    }

    .account-main {
        flex-direction: row;
        align-items: center;
        align-self: flex-start
    }

    .account-main__right-box {
        flex-wrap: nowrap
    }

    .account-main__content {
        max-width: 466px
    }

    .modal_min.fancybox__content {
        max-width: 460px
    }

    .modal_avg.fancybox__content {
        max-width: 600px
    }

    .modal-box__buttons,
    .quiz-successful,
    .warranty-boxes {
        flex-direction: row
    }

    .modal-text_max {
        font-size: 16px;
        line-height: 18px
    }

    .modal-product {
        grid-template-areas: "img name" "img price" "img switch" "img warning"
    }

    .modal-product__img {
        width: 148px;
        height: 148px
    }

    .contact-page__content {
        gap: 24px
    }

    .article h2,
    .quiz-title {
        text-align: center
    }

    .warranty-box {
        flex-grow: 1;
        width: 200px
    }

    .form-group__btn {
        width: fit-content
    }

    .sticky-box {
        display: none
    }

    .quiz-successful__list {
        display: flex
    }

    .selects__button .btn {
        max-width: 12.5rem
    }

    .about-card {
        max-width: 342px
    }

    .about-card_quote {
        grid-column: unset
    }

    .about-grid {
        gap: 24px;
        grid-template-columns: unset;
        grid-template-areas: "a b b c c" "d d e f f"
    }

    .about-card__title {
        font-size: 64px
    }

    .video-card_section {
        height: 498px
    }

    .video-page-card__img {
        height: 320px
    }

    .videos-page__grid {
        grid-template-columns: repeat(auto-fill, minmax(205px, 1fr));
        gap: 36px
    }

    .board-banner__content {
        margin-top: 36px
    }

    .board-banner__title {
        left: 36px;
        top: 36px
    }

    .board-banner__slogan {
        backdrop-filter: blur(55px);
        border-radius: 16px
    }

    .board-banner__slogan_1 {
        left: 6%
    }

    .board-banner__slogan_2 {
        left: 20%
    }

    .board-banner__slogan_4 {
        left: 10%
    }
}

@media (min-width:900px) {
    .board-banner__slogan_1 {
        right: 28%;
        top: 80px;
        left: auto
    }

    .board-banner__slogan_2 {
        right: 40%;
        top: 150px;
        left: auto
    }

    .board-banner__slogan_3 {
        right: 37%;
        top: 220px;
        left: auto;
        display: block
    }

    .board-banner__slogan_4 {
        display: none
    }
}

.board-item {
    background-color: #e9f1fe;
    border-radius: 24px;
    position: relative
}

.board-item__image {
    width: 100%;
    height: 200px;
    border-top-right-radius: 24px;
    border-top-left-radius: 24px;
    overflow: hidden
}

.board-item__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.board-item__content {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    color: var(--black)
}

.board-item__title {
    font-size: 20px;
    line-height: 24px;
    margin: 0;
    padding-right: 5px
}

.board-item_clip .board-item__title {
    padding-right: 0
}

.board-item__text {
    font-size: 14px;
    line-height: 20px;
    margin: 0
}

.board-item__btn {
    display: inline-block;
    margin: 0 auto 0 0;
    color: var(--white);
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    background-color: var(--main-blue);
    text-decoration: none;
    cursor: pointer;
    border: 0
}

.board-item__btn:hover {
    background: var(--main-blue-hover)
}

.board-item:before {
    content: '';
    background-image: url('/local/templates/.default/redesign/images/board/pushpin.svg');
    width: 28px;
    height: 28px;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 5px;
    left: auto
}

.board-item_clip:before {
    background-image: url('/local/templates/.default/redesign/images/board/clip.svg');
    width: 32px;
    height: 32px;
    top: -5px;
    right: 10px
}

.board-item_big .board-item__content_bottom {
    padding-top: 0
}

.bulletin-board:after {
    content: '';
    display: block;
    clear: both
}

.bulletin-board__item {
    float: left;
    padding-bottom: 24px;
    padding-left: 12px;
    padding-right: 12px
}

.bulletin-board__item,
.bulletin-board__item_big,
.bulletin-board__sizer {
    width: 100%
}

@media (min-width:700px) {

    .bulletin-board__item,
    .bulletin-board__sizer {
        width: 50%
    }

    .bulletin-board__item_big {
        width: 100%
    }

    .board-item_big {
        display: grid;
        grid-template-columns: 1fr 1fr
    }

    .board-item_big .board-item__image {
        height: auto;
        border-radius: 24px;
        overflow: hidden
    }

    .board-item_big .board-item__content_bottom {
        grid-column: 1/-1;
        padding-top: 24px
    }

    .board-slider__btn {
        display: flex
    }
}

@media (min-width:1000px) {
    .fancybox__slide.iframe-video-review .fancybox__content {
        width: 881px !important;
        height: 560px !important
    }

    .fancybox__slide.iframe-video .fancybox__content {
        width: 881px !important
    }

    .fancybox__slide.iframe-video .fancybox__iframe {
        height: 496px !important
    }

    .video-card {
        padding: 20px
    }

    .board-banner__slogan_1 {
        right: 23%;
        top: 46px
    }

    .board-banner__slogan_2 {
        top: 128px;
        right: 32%;
        transform: rotate(4deg)
    }

    .board-banner__slogan_3 {
        right: 26%;
        top: 211px
    }

    .bulletin-board__item,
    .bulletin-board__sizer {
        width: 33.3%
    }

    .bulletin-board__item_big {
        width: 66.6%
    }
}

@media (min-width:1300px) {
    .main-categories {
        grid-template-columns: 1fr minmax(0px, 288px) minmax(0px, 288px) 1fr
    }

    .bulletin-board__item,
    .bulletin-board__sizer {
        width: 25%
    }

    .bulletin-board__item_big {
        width: 50%
    }
}

.file-input__input,
.file-input__label {
    cursor: pointer;
    width: 100%;
    height: 100%
}

.file-input {
    padding-bottom: 3.125rem;
    margin-top: 10.625rem
}

.file-input__label,
.input-successful {
    padding: 1.25rem;
    -webkit-box-direction: normal;
    border-image: url(/local/templates/.default/redesign/images/resale/border.svg) 1 round
}

.file-input::before {
    bottom: -6.25rem
}

.file-input__container {
    position: relative;
    z-index: 0;
    width: 100%;
    max-width: 100%
}

.file-input_drag .file-input__label::after,
.file-input_drag .file-input__label::before {
    opacity: 1;
    visibility: visible
}

.file-input__input {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 3;
    opacity: 0
}

.file-input__label,
.input-successful {
    position: relative;
    gap: .5rem;
    border-radius: 12px;
    -o-border-image: url(/local/templates/.default/redesign/images/resale/border.svg) 1 round
}

.file-input_successful .input-successful {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.file-input__label {
    margin-top: 1.875rem;
    min-height: 13.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--light-blue)
}

.file-input__label::after,
.file-input__label::before {
    content: "";
    position: absolute;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    -webkit-transition: opacity .1s cubic-bezier(.62, .33, .53, .89), visibility .1s cubic-bezier(.62, .33, .53, .89);
    -o-transition: opacity .1s cubic-bezier(.62, .33, .53, .89), visibility .1s cubic-bezier(.62, .33, .53, .89);
    transition: opacity .1s cubic-bezier(.62, .33, .53, .89), visibility .1s cubic-bezier(.62, .33, .53, .89)
}

.file-input__label::before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: var(--light-blue);
    border-radius: 12px;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px)
}

.file-input__label::after {
    margin: auto;
    width: 5rem;
    height: 5rem;
    background: url(/local/templates/.default/redesign/images/resale/input-plus.svg) 0 0/100% auto no-repeat;
    z-index: 2
}

.file-input__text {
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.1875rem;
    text-align: center;
    color: #1a1b1c
}

.file-input__error,
.file-input__type {
    font-style: normal;
    font-weight: 400;
    font-size: .75rem;
    line-height: 143%;
    text-align: center;
    letter-spacing: .17px
}

.file-input__text_accent {
    color: var(--main-blue);
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--main-blue)), to(var(--main-blue)));
    background-image: -o-linear-gradient(var(--main-blue), var(--main-blue));
    background-image: linear-gradient(var(--main-blue), var(--main-blue));
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: 100% 1px;
    -webkit-transition: background-size .15s cubic-bezier(.62, .33, .53, .89), background .15s cubic-bezier(.62, .33, .53, .89);
    -o-transition: background-size .15s cubic-bezier(.62, .33, .53, .89), background .15s cubic-bezier(.62, .33, .53, .89);
    transition: background-size .15s cubic-bezier(.62, .33, .53, .89), background .15s cubic-bezier(.62, .33, .53, .89)
}

@media (any-hover:hover) {

    .file-input__text_accent:focus,
    .file-input__text_accent:hover {
        background-size: 0 1px
    }
}

.file-input__type {
    color: rgba(0, 0, 0, .54)
}

.file-input__error {
    display: none;
    color: var(--red);
    margin-top: -.5rem
}

.file-input__error_active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.input-successful {
    width: 100%;
    height: 100%;
    margin-top: 1.875rem;
    min-height: 13.25rem;
    display: none;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    background: var(--light-blue)
}

.input-successful__reset {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.875rem;
    height: 1.875rem;
    background: url(/local/templates/.default/redesign/images/resale/close-modal.svg) center/100% no-repeat;
    z-index: 1;
    border: 0;
    cursor: pointer
}

.input-successful__item {
    position: relative;
    width: 10.75rem;
    height: 10.75rem;
    background: var(--gray);
    border-radius: 2px;
    overflow: hidden
}

.input-successful__delete {
    position: absolute;
    right: 0;
    top: 0;
    width: 1.25rem;
    height: 1.25rem;
    background: url(/local/templates/.default/redesign/images/resale/close-modal.svg) 0 0/100% no-repeat
}

.input-successful__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.input-successful__label {
    width: 10.75rem;
    height: 10.75rem;
    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;
    background: var(--light-blue);
    border-radius: 2px;
    cursor: pointer
}

@media (max-width:47.9375rem) {
    .file-input {
        margin-top: 7.5rem
    }

    .file-input::before {
        bottom: -4.375rem
    }

    .file-input__container {
        margin-top: 3.125rem
    }

    .file-input__label {
        min-height: 11.875rem
    }

    .input-successful {
        min-height: 11.875rem;
        padding: 1.25rem 1.125rem
    }

    .input-successful__reset {
        width: 1.25rem;
        height: 1.25rem
    }

    .input-successful__item,
    .input-successful__label {
        width: 9.375rem;
        height: 9.375rem
    }
}

.input-successful__plus {
    width: 2.5rem;
    height: 2.5rem;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.input-successful__slide {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.board-slider {
    padding: 5px 0 0
}

.board-item_slide,
.swiper-slide.product-slider__slide {
    height: auto !important;
    flex-shrink: 0
}

.board-banner__content_margin {
    margin: 0 0 24px
}

.resale-work {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px
}

.resale-work-item {
    padding: 24px;
    display: flex;
    gap: 24px;
    border-radius: 24px;
    border: 1px solid #ebf0ff
}

.order-bonus__comment,
.resale-work-item__info {
    flex: 1 1 0
}

.resale-work-item__title {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    color: var(--black)
}

.resale-work-item__description {
    margin: 8px 0 0;
    font-size: 14px;
    line-height: 22px;
    color: var(--black)
}

.section-title_center-always {
    text-align: center;
    width: 100%
}

.resale-grid {
    display: grid;
    gap: 8px;
    grid-template-areas: "phone" "tablet" "watch" "computer" "console" "photo" "technique" "inheritance" "interior" "antiques" "bag" "swiss" "other"
}

.resale-grid-item_phone {
    grid-area: phone
}

.resale-grid-item_watch {
    grid-area: watch
}

.resale-grid-item_technique {
    grid-area: technique
}

.resale-grid-item_tablet {
    grid-area: tablet
}

.resale-grid-item_computer {
    grid-area: computer
}

.resale-grid-item_console {
    grid-area: console
}

.resale-grid-item_photo {
    grid-area: photo
}

.resale-grid-item_inheritance {
    grid-area: inheritance
}

.resale-grid-item_bag {
    grid-area: bag
}

.resale-grid-item_swiss {
    grid-area: swiss
}

.resale-grid-item_interior {
    grid-area: interior
}

.resale-grid-item_antiques {
    grid-area: antiques
}

.resale-grid-item_other {
    grid-area: other
}

.resale-grid-item {
    border-radius: 32px;
    background-color: var(--light-blue);
    padding: 16px;
    position: relative;
    overflow: hidden
}

.resale-grid-item_big {
    min-height: 374px
}

.resale-grid-item__info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    z-index: 2;
    height: 100%
}

.resale-grid-item__image {
    position: absolute;
    object-fit: contain;
    object-position: right;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.resale-grid-item_phone .resale-grid-item__image {
    width: auto;
    height: 374px;
    left: 0;
    right: auto
}

.resale-grid-item_watch .resale-grid-item__image {
    width: auto;
    height: 164px;
    left: auto;
    right: 0
}

.resale-grid-item_bag .resale-grid-item__image,
.resale-grid-item_computer .resale-grid-item__image,
.resale-grid-item_technique .resale-grid-item__image {
    width: auto;
    height: 374px;
    left: auto;
    right: 0
}

.resale-grid-item_photo .resale-grid-item__image {
    right: 0;
    left: auto;
    height: 100%;
    width: auto
}

.resale-grid-item_antiques .resale-grid-item__image,
.resale-grid-item_inheritance .resale-grid-item__image,
.resale-grid-item_other .resale-grid-item__image,
.resale-grid-item_swiss .resale-grid-item__image {
    width: auto;
    height: 142px;
    left: 0;
    top: auto;
    right: auto
}

.resale-grid-item_interior .resale-grid-item__image {
    width: auto;
    height: 142px;
    left: auto;
    right: 0
}

.resale-grid-item__title {
    margin: 0;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    font-family: var(--alt-font);
    color: var(--black);
    padding: 8px 8px 0
}

.resale-grid-item__title_min {
    font-size: 18px;
    line-height: 22px
}

.resale-grid-item_inheritance .resale-grid-item__title,
.resale-grid-item_watch .resale-grid-item__title {
    max-width: 230px
}

.resale-grid-item__group {
    display: flex;
    gap: 8px;
    flex-flow: row wrap;
    margin-top: 24px
}

.resale-grid-item__group_flex .resale-grid-item__button,
.resale-grid-item__group_mobile .resale-grid-item__button {
    flex-grow: 1
}

.resale-grid-item__button {
    height: 56px;
    border-radius: 16px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    text-decoration: none;
    background-color: rgba(255, 255, 255, .95);
    transition: .3s;
    color: var(--black);
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    font-weight: 500;
    gap: 8px;
    backdrop-filter: blur(4px)
}

.resale-grid-item__button_full {
    width: 100%
}

.resale-grid-item__button:focus,
.resale-grid-item__button:hover {
    background-color: var(--light-blue-hover)
}

@media (min-width:560px) {
    .resale-grid-item_watch .resale-grid-item__title {
        max-width: none
    }
}

@media (min-width:700px) {

    .resale-grid,
    .resale-work {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px
    }

    .resale-grid {
        grid-template-rows: repeat(10, 146px);
        grid-template-areas: "phone tablet" "phone console" "watch watch" "computer technique" "computer technique" "photo photo" "bag interior" "bag antiques" "inheritance inheritance" "swiss other"
    }

    .resale-grid-item__group_mobile .resale-grid-item__button {
        flex-grow: initial
    }

    .resale-grid-item_big {
        min-height: auto
    }

    .resale-grid-item__button {
        font-size: 14px;
        line-height: 16px
    }

    .resale-grid-item_inheritance .resale-grid-item__title {
        max-width: none
    }

    .resale-grid-item_bag .resale-grid-item__image,
    .resale-grid-item_computer .resale-grid-item__image,
    .resale-grid-item_phone .resale-grid-item__image,
    .resale-grid-item_technique .resale-grid-item__image {
        height: 312px
    }

    .resale-grid-item_antiques .resale-grid-item__image,
    .resale-grid-item_inheritance .resale-grid-item__image,
    .resale-grid-item_interior .resale-grid-item__image,
    .resale-grid-item_other .resale-grid-item__image,
    .resale-grid-item_swiss .resale-grid-item__image,
    .resale-grid-item_watch .resale-grid-item__image {
        height: 146px
    }

    .resale-grid-item_interior .resale-grid-item__image,
    .resale-grid-item_swiss .resale-grid-item__image {
        left: auto;
        right: 0
    }

    .board-btn {
        margin-top: 24px
    }

    .resale-grid_desktop {
        display: grid;
        grid-template-rows: repeat(6, 146px);
        grid-template-areas: "phone tablet" "phone console" "watch watch" "computer technique" "computer technique" "photo photo"
    }

    .resale-grid_mobile {
        display: none
    }

    .resale-grid__btn {
        display: flex
    }
}

.swiper-slide.product-slider__slide .product-card {
    width: 100% !important
}

.product-slider {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden
}

.resale-grid__slide {
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 528px
}

.resale-grid__slide .resale-grid-item_big {
    min-height: auto;
    flex: 1 1 0
}

.resale-grid__slide .resale-grid-item_antiques,
.resale-grid__slide .resale-grid-item_interior,
.resale-grid__slide .resale-grid-item_swiss {
    flex-grow: 1
}

.resale-grid__slide .resale-grid-item_interior .resale-grid-item__image {
    top: auto
}

.resale-grid_mobile .swiper-pagination {
    position: relative;
    left: auto !important;
    right: auto !important;
    bottom: auto;
    top: auto;
    transform: none !important;
    margin-bottom: 16px
}

@media (min-width:992px) {
    .resale-grid {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(7, 146px);
        gap: 20px;
        grid-template-areas: "phone watch watch" "phone computer console" "tablet computer technique" "photo photo technique" "bag inheritance inheritance" "bag interior antiques" "swiss other other"
    }

    .resale-grid_desktop {
        grid-template-rows: repeat(4, 146px);
        grid-template-areas: "phone watch watch" "phone computer console" "tablet computer technique" "photo photo technique"
    }
}

@media (min-width:1440px) {
    .categories-slider:not(.categories-slider_catalog) {
        padding: 0 0 32px
    }

    .resale-grid {
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(5, 160px);
        gap: 24px;
        grid-template-areas: "phone watch watch technique" "phone computer console technique" "tablet computer photo photo" "inheritance inheritance bag swiss" "interior antiques bag other"
    }

    .resale-grid-item_bag .resale-grid-item__image,
    .resale-grid-item_computer .resale-grid-item__image,
    .resale-grid-item_phone .resale-grid-item__image,
    .resale-grid-item_technique .resale-grid-item__image {
        height: 344px
    }

    .resale-grid-item_antiques .resale-grid-item__image,
    .resale-grid-item_inheritance .resale-grid-item__image,
    .resale-grid-item_interior .resale-grid-item__image,
    .resale-grid-item_other .resale-grid-item__image,
    .resale-grid-item_swiss .resale-grid-item__image,
    .resale-grid-item_watch .resale-grid-item__image {
        height: 160px
    }

    .resale-grid-item__button {
        font-size: 16px;
        line-height: 19px;
        height: 64px
    }

    .resale-grid-item__title {
        font-size: 24px;
        line-height: 29px
    }

    .resale-grid-item__title_min {
        font-size: 20px;
        line-height: 24px
    }

    .resale-grid_desktop {
        grid-template-rows: repeat(3, 160px);
        grid-template-areas: "phone watch watch technique" "phone computer console technique" "tablet computer photo photo"
    }
}

.parent-catalog {
    margin-top: 36px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    grid-template-areas: "phones tablets" "phones vr" "computers computers" "tv tv" "watch accessories" "photo accessories" "appliances appliances" "well-fed well-fed"
}

.parent-catalog__item {
    background-color: #e9f1fe;
    border-radius: 24px;
    padding: 24px;
    display: block;
    text-decoration: none;
    min-height: 183px;
    position: relative;
    transition: .5s;
    overflow: hidden
}

.parent-catalog__item:hover {
    transform: translateY(-4px);
    box-shadow: rgba(0, 0, 0, .1) 0 10px 20px
}

.parent-catalog__item_phones {
    grid-area: phones
}

.parent-catalog__item_tablets {
    grid-area: tablets
}

.parent-catalog__item_computers {
    grid-area: computers
}

.parent-catalog__item_vr {
    grid-area: vr
}

.parent-catalog__item_tv {
    grid-area: tv
}

.parent-catalog__item_watch {
    grid-area: watch
}

.parent-catalog__item_accessories {
    grid-area: accessories
}

.parent-catalog__item_photo {
    grid-area: photo
}

.parent-catalog__item_appliances {
    grid-area: appliances
}

.parent-catalog__item_well-fed {
    grid-area: well-fed
}

.parent-catalog__title {
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    color: var(--black);
    position: relative;
    z-index: 1;
    display: block
}

.parent-catalog__image {
    position: absolute;
    bottom: 0;
    right: 0;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain
}

@media (min-width:700px) {
    .parent-catalog {
        grid-template-columns: repeat(3, 1fr);
        grid-template-areas: "phones tablets tablets" "phones computers computers" "tv tv tv" "vr watch photo" "appliances appliances accessories" "well-fed well-fed accessories"
    }
}

@media (min-width:1000px) {
    .parent-catalog {
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
        grid-template-areas: "phones tablets computers computers" "phones tv tv accessories" "vr watch photo accessories" "appliances appliances well-fed well-fed"
    }

    .parent-catalog__item {
        border-radius: 32px;
        padding: 32px;
        min-height: 220px
    }

    .parent-catalog__title {
        font-size: 16px;
        line-height: 19px
    }
}

@media (min-width:1400px) {
    .main-categories-item__title {
        max-width: 80%
    }

    .product-page-header__inner {
        flex-direction: row;
        justify-content: space-between
    }

    .parent-catalog {
        grid-template-columns: repeat(5, 1fr);
        gap: 24px;
        grid-template-areas: "phones tablets computers computers vr" "phones tv tv watch accessories" "photo appliances well-fed well-fed accessories"
    }

    .parent-catalog__item {
        min-height: 240px
    }
}

.videos-slider__slide {
    max-height: none;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center !important
}

.videos-slider__slide.swiper-slide-next+.swiper-slide {
    justify-content: center !important;
    align-items: flex-start
}

.videos-slider__slide.swiper-slide-active,
.videos-slider__slide.swiper-slide-next,
.videos-slider__slide.swiper-slide-prev {
    align-items: center
}

.video__title {
    color: var(--black);
    margin-top: 14px;
    text-align: center;
    font-size: 11px;
    line-height: 13px;
    max-width: 168px
}

.videos-slider__slide:not(.swiper-slide-active) .video__title {
    display: block
}

.videos-slider__slide.swiper-slide-active .video__title {
    font-size: 18px;
    line-height: 22px;
    margin-top: 24px;
    max-width: 288px
}

.videos-slider__slide.swiper-slide-next .video__title,
.videos-slider__slide.swiper-slide-prev .video__title {
    font-size: 15px;
    line-height: 18px;
    max-width: 228px;
    margin-top: 20px
}

.videos-slider__slide .video-card__img {
    border-radius: 20px
}

.videos-slider__slide.swiper-slide-next .video-card__img,
.videos-slider__slide.swiper-slide-prev .video-card__img {
    border-radius: 26px
}

.videos-slider__slide.swiper-slide-active .video-card__img {
    border-radius: 32px
}

.video-card__product-name {
    font-size: 9px;
    line-height: 11px;
    font-weight: 700;
    color: var(--black);
    padding: 8px;
    border-radius: 12px;
    background: rgba(255, 255, 255, .64);
    backdrop-filter: blur(100px);
    position: absolute;
    top: 8px;
    left: 8px;
    right: 8px;
    z-index: 1;
    text-align: center
}

.videos-slider__slide.swiper-slide-next .video-card__product-name,
.videos-slider__slide.swiper-slide-prev .video-card__product-name {
    font-size: 12px;
    line-height: 14px;
    padding: 10px;
    top: 10px;
    left: 10px;
    right: 10px;
    border-radius: 16px
}

.videos-slider__slide.swiper-slide-active .video-card__product-name {
    font-size: 14px;
    line-height: 17px;
    padding: 12px;
    top: 12px;
    left: 12px;
    right: 12px;
    border-radius: 20px
}

.order-telegram {
    position: relative;
    padding: 24px;
    width: 508px;
    max-width: 100%;
    text-align: left
}

.order-telegram__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;
    border-radius: 32px;
    z-index: -1
}

.order-telegram__title {
    font-size: 18px;
    line-height: 22px;
    color: var(--black);
    font-weight: 700;
    font-family: var(--alt-font);
    margin: 0 0 8px
}

.order-telegram__description {
    font-size: 14px;
    line-height: 17px;
    font-weight: 500;
    color: rgba(0, 0, 0, .5);
    margin: 6px 0
}

.order-telegram__button {
    margin: 20px 0 0;
    width: 120px;
    height: 40px;
    font-size: 14px
}

.order-info-blocks {
    display: flex;
    gap: 8px;
    flex-flow: row wrap
}

.order-info-block {
    border-radius: 12px;
    border: 1px solid var(--light-blue);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 165px;
    text-align: center;
    padding: 12px;
    flex-grow: 1
}

.btnTBank,
.product-page__stock {
    align-items: center;
    cursor: pointer;
    display: flex
}

.order-info-block__title {
    margin: 0;
    color: var(--gray);
    font-size: 12px;
    line-height: 14px;
    font-weight: 500
}

.order-info-block__description {
    color: var(--black);
    font-size: 14px;
    line-height: 17px;
    font-weight: 500;
    margin: 0
}

.btnTBank {
    background: var(--main-blue) !important;
    transition: var(--transition) !important;
    width: fit-content;
    border: none;
    border-radius: 8px !important;
    text-decoration: none;
    justify-content: center;
    padding: 12px 16px !important;
    font-size: 12px !important;
    line-height: 14px !important;
    color: var(--white) !important;
    font-weight: 500 !important;
    margin: 0 !important
}

.order-bonus,
.product-page__stock {
    background-color: var(--light-blue)
}

@media (hover:hover) {
    .slider-btn:hover {
        cursor: pointer;
        background: var(--main-blue-hover)
    }

    .bullet:hover {
        background: var(--main-blue)
    }

    .video-btn:hover {
        border-color: var(--main-purple);
        color: var(--main-purple-hover)
    }

    .video-btn:hover .video-btn__icon {
        background-color: var(--main-purple-hover)
    }

    .btn:hover,
    .btnTBank:hover {
        background: var(--main-blue-hover)
    }

    .btn_light:hover {
        background: var(--light-blue-hover)
    }

    .btn_transparent:hover {
        color: var(--main-blue);
        background: 0 0
    }

    .alt-price-link:hover,
    .banner:hover,
    .btn-more:hover,
    .catalog-card:hover,
    .main-categories-item:hover,
    .product-card:hover,
    .subscribe-banner:hover,
    .video-card_section:hover {
        transform: translateY(-4px);
        box-shadow: rgba(0, 0, 0, .1) 0 10px 20px
    }

    .comparison-category:hover,
    .default-tab:hover,
    .journal-tab:hover,
    .tag:hover {
        background: var(--main-blue);
        color: var(--white)
    }

    .section-tab:hover {
        color: var(--white);
        background: var(--main-blue)
    }

    .journal-tab:hover .journal-tab__svg path,
    .section-tab:hover .section-tab__svg path {
        stroke: var(--white)
    }

    .dropdown__item:hover,
    .select__item:hover {
        background: var(--main-blue);
        color: var(--white);
        cursor: pointer
    }

    .dropdown__item:hover::after {
        content: none
    }

    .color-link:not(.color-link_disabled):hover::after {
        content: "";
        position: absolute;
        width: 39px;
        height: 39px;
        border-radius: 50%;
        border: 2px solid var(--main-blue);
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        right: 0
    }

    .article a:hover,
    .blue-link:hover,
    .comparison-settings__btn:hover,
    .product-card-info__link:hover,
    .rating-statistics__link:hover {
        color: var(--main-blue-hover)
    }

    .back-btn:hover,
    .breadcrumbs-list__item:not(:last-child):hover,
    .category-card:hover,
    .comparison-settings__sort-button:hover,
    .contact-text-box__value_link:hover,
    .info-box_link:hover .info-box__title,
    .journal-card__text:hover,
    .journal-card__title:hover,
    .map-list__link:hover,
    .menu-catalog__content-group-link:hover,
    .menu-catalog__panel-link:hover,
    .mini-product-card__title:hover,
    .modal-product__title:hover,
    .modal-search-result__item:hover,
    .ordered-product__title:hover,
    .product-page-button:hover,
    .product-set-card__title:hover,
    .quantity-switch__btn:hover,
    .result-product__title:hover,
    .result-product__value:hover,
    .video-page-card:hover,
    a.order-title:hover {
        color: var(--main-blue)
    }

    .back-btn:hover .back-btn__svg {
        transform: translateX(-5px)
    }

    .back-btn:hover .back-btn__svg path {
        fill: var(--main-blue)
    }

    .header-address {
        cursor: pointer
    }

    .footer-bottom__link:hover,
    .footer-info__link:hover,
    .footer-nav__link:hover,
    .footer-social__item:hover .footer-social__item-description,
    .header-address:hover .header-address__value,
    .header__contacts-tel:hover,
    a.account-main__text:hover {
        text-decoration: underline
    }

    .customer-btn:hover svg path {
        stroke: var(--muddy-blue);
        transition: var(--transition)
    }

    .customer-btn:hover .customer-btn__text {
        color: var(--muddy-blue);
        transition: var(--transition)
    }

    .contact-icon_blue:hover,
    .footer-social__item:hover .contact-icon_blue {
        background: #d8ebff
    }

    .contact-icon_green:hover,
    .footer-social__item:hover .contact-icon_green {
        background: #daffeb
    }

    .contact-icon_red:hover,
    .footer-social__item:hover .contact-icon_red {
        background: #ffebf1
    }

    .contact-icon_purple:hover,
    .footer-social__item:hover .contact-icon_purple {
        background: #f8e9ff
    }

    .header-btn:hover {
        background-color: rgba(255, 255, 255, .3)
    }

    .section_banner-slider .banner:hover {
        box-shadow: rgba(0, 0, 0, .1) 0 -6px 15px
    }

    .product-mini-btn:hover svg {
        fill: var(--main-blue-hover);
        transition: var(--transition)
    }

    .product-mini-btn:hover svg path {
        stroke: var(--main-blue-hover);
        transition: var(--transition)
    }

    .product-mini-btn_delete:hover svg {
        fill: none;
        transition: var(--transition)
    }

    .product-mini-btn_delete:hover svg path {
        stroke: var(--red);
        transition: var(--transition)
    }

    .journal-card:hover .journal-card__img {
        transform: scale(1.1)
    }

    .breadcrumbs-list__item:not(:last-child):hover svg path,
    .product-page-button:hover svg path,
    .view-switch:hover .view-switch__svg path {
        stroke: var(--main-blue)
    }

    .pagination__item-link:hover {
        background: var(--main-blue);
        color: var(--white);
        border: 1px solid var(--main-blue)
    }

    .pagination__button:hover {
        background: var(--main-blue);
        border: 1px solid var(--main-blue)
    }

    .pagination__button:hover svg path {
        fill: var(--white)
    }

    .product-page__banner:last-child:hover {
        box-shadow: none;
        transform: none
    }

    .option-btn:hover {
        color: var(--white);
        background: #656771
    }

    .comparison-category:hover .comparison-category__count {
        background: hsla(0, 0%, 100%, .2)
    }

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

    .quantity-switch__btn_disabled:hover {
        color: var(--gray)
    }

    .cart-page__clear:hover {
        color: var(--red)
    }

    .cart-page__clear:hover svg path {
        stroke: var(--red)
    }

    .select__item:hover::after {
        content: none
    }

    .select__item_disabled:hover {
        background-color: var(--light-blue);
        color: var(--black);
        cursor: default
    }

    .select__item_disabled:hover::after {
        content: none
    }
}

#paymentButton>div {
    margin-bottom: 0 !important
}

.product-banner-vertical {
    max-width: none;
    border-radius: 32px;
    min-height: 300px
}

.product-banner-vertical .banner-title {
    font-size: min(max(14px, 2vw), 18px);
    line-height: 120%
}

@media (min-width:1400px) and (max-width:1444px) {
    .product-card-buttons .btn_light {
        padding-left: 5px;
        padding-right: 5px
    }

    .product-card-buttons .btn_min {
        padding-left: 12px;
        padding-right: 12px
    }
}

.product-page__stock {
    width: 100%;
    border-radius: 8px;
    justify-content: space-between;
    padding: 8px 12px;
    gap: 8px;
    flex-flow: row wrap;
    margin-top: 8px
}

.product-page__stock-info {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
    color: var(--main-blue)
}

.product-page__stock-info span {
    font-size: 12px;
    color: var(--gray);
    text-decoration: underline
}

.product-page__stock-modal {
    display: none
}

.product-page__stock-modal .modal-title {
    font-size: 24px;
    line-height: 120%
}

.product-page__stock-modal .modal-text {
    color: #374151
}

.modal_user-bonus.fancybox__content,
.product-page__stock-modal.fancybox__content {
    max-width: 600px
}

.product-page__stock-modal .modal__container {
    overflow: visible
}

.account-main_with-bonus {
    align-items: flex-start;
    column-gap: 10px
}

.account-main__right_with-bonus {
    width: 100%;
    padding: 0;
    gap: 10px
}

.account-main__yandex {
    display: flex;
    flex-direction: column;
    row-gap: 36px;
    padding: 24px;
    flex-grow: 1;
    border-radius: 24px
}

.account-main__bonus {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    padding: 24px;
    border: 1px solid var(--light-blue);
    border-radius: 24px;
    align-items: flex-start;
    flex-direction: column;
    width: 100%
}

.account-main__bonus_referral {
    width: auto;
    flex-basis: 50%
}

.account-main__bonus-title {
    font-size: 16px;
    color: var(--gray)
}

.modal-user-bonus td,
.order-bonus__title {
    font-size: 14px;
    font-weight: 500;
    line-height: 120%
}

.account-main__bonus-title span {
    color: var(--black);
    font-weight: 500;
    white-space: nowrap
}

.modal-user-bonus td {
    padding: 16px 0;
    border-top: 1px solid var(--light-blue)
}

.modal-user-bonus td:first-child {
    font-weight: 400;
    padding-right: 10px
}

.modal-user-bonus td:last-child {
    padding-left: 10px
}

.modal-user-bonus tr:last-child td {
    border-bottom: 1px solid var(--light-blue)
}

.order-bonus {
    border-radius: 16px;
    padding: 16px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px
}

.order-bonus__title {
    margin: 0 0 8px
}

.order-bonus__text {
    font-size: 12px;
    line-height: 120%;
    color: var(--gray);
    margin: 0
}

.order-bonus__text span {
    color: var(--black);
    font-weight: 500
}

.account-main__referral {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    padding: 24px;
    border: 1px solid var(--light-blue);
    border-radius: 24px;
    flex-direction: column;
    position: relative;
    flex-basis: 50%
}

.account-main__referral-info {
    display: none;
    position: absolute;
    width: 240px;
    z-index: 10;
    color: var(--white);
    font-weight: 400;
    font-size: 12px;
    padding: 16px;
    background: var(--main-blue);
    border-radius: 16px;
    right: 0;
    top: 36px
}

.account-main__referral-info::after {
    content: '';
    position: absolute;
    top: -8px;
    right: 13px
}

.account-main__referral-icon {
    position: absolute;
    top: 12px;
    right: 12px
}

.account-main__referral-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    margin: 0;
    padding-right: 30px
}

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

.account-main__referral-error {
    display: none
}

@media (min-width:700px) {
    .account-main__group {
        flex-direction: row
    }
}

.stickers__right svg {
    max-height: 14px;
    max-width: 14px
}

.stickers__right svg path {
    fill: var(--aqua)
}

.sticker-speed-delivery:hover .info-block__text {
    display: block !important
}

.stickers__right .info-block__text.info-block__text-min {
    max-width: 250px;
    right: unset;
    left: 0;
    top: 40px;
    bottom: unset
}

.stickers__right .info-block__text.info-block__text-min::after {
    right: unset;
    left: 64px;
    top: 2px;
    transform: translateY(-100%);
    border-top: 0
}

@media (min-width:1100px) {
    .product-page-box__main_columns {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0
    }

    .layout-main__title,
    .product-page-box__main_columns .info-box:not(:last-child) {
        margin-bottom: 24px
    }

    .product-set {
        row-gap: 36px;
        flex-direction: row
    }

    .product-set-card:not(:nth-child(4))::after {
        top: 50%;
        transform: translate(100%, -50%);
        right: -8px;
        bottom: unset;
        left: unset
    }

    .product-set-card {
        grid-template-areas: "img" "title" "set-price";
        max-width: 280px;
        grid-template-columns: unset
    }

    .product-set-result {
        row-gap: 53px;
        flex-grow: 1;
        width: 300px
    }

    .product-set-card__img-wrapper {
        max-width: 232px;
        height: 232px;
        max-height: 232px;
        width: 200px;
        flex-grow: 1;
        margin: 0 auto 24px
    }

    .product-page-slider {
        width: 464px;
        height: 464px
    }

    .product-page-preview {
        max-width: 464px
    }

    .product-page-buttons {
        flex-direction: row;
        margin-bottom: 36px
    }

    .ordered-product,
    .product-page-buttons__busket {
        width: 200px;
        flex-grow: 1
    }

    .product-page-buttons__box {
        width: 179px
    }

    .blue-box__text,
    .mini-product-card__title {
        font-size: 14px
    }

    .price-block__price,
    .quiz-subtitle {
        font-size: 32px
    }

    .comparison-page {
        display: grid;
        grid-template-areas: "settings slider" "data data";
        grid-template-columns: 268px 1fr;
        grid-template-rows: auto 1fr;
        column-gap: 36px
    }

    .mini-product-card {
        width: 256px
    }

    .mini-product-card__prices {
        flex-direction: row;
        column-gap: 8px
    }

    .cart-product__title,
    .mini-product-card__price {
        font-size: 18px
    }

    .comparison-slider {
        top: 96px
    }

    .comparison-table {
        margin-top: 0;
        row-gap: 48px
    }

    .comparison-table__name {
        width: 268px
    }

    .comparison-table__section:not(:last-child)::after {
        top: calc(100% + 24px)
    }

    .comparison-table__section {
        flex-direction: row;
        column-gap: 36px;
        align-items: center
    }

    .comparison-table__cell {
        width: 257px
    }

    .comparison-page__top,
    .ordered-products__list,
    .warranty-page {
        flex-direction: row
    }

    .comparison-settings {
        width: 268px;
        margin: 24px 0
    }

    .comparison-categories {
        margin-bottom: 0
    }

    .layout-main_contact {
        column-gap: 24px;
        row-gap: 36px;
        grid-template-rows: auto 1fr
    }

    .account-main__content {
        max-width: 600px
    }

    .aside {
        width: 268px;
        flex-shrink: 0
    }

    .aside__list {
        flex-direction: column;
        row-gap: 4px
    }

    .aside__list.dropdown__menu {
        display: flex;
        position: static;
        background: 0 0
    }

    .aside-btn::after,
    .aside-menu-btn {
        display: none
    }

    .aside-btn {
        padding: 20px;
        background: var(--light-blue);
        color: var(--black)
    }

    .aside-btn svg path {
        stroke: var(--black)
    }

    .aside-btn_active {
        background: var(--main-blue);
        color: var(--white)
    }

    .aside-btn_active svg path {
        stroke: var(--white)
    }

    .aside-btn .aside-btn__svg_fill path {
        fill: var(--black);
        stroke: none
    }

    .orders,
    .warranty-box {
        row-gap: 24px
    }

    .order-card__content {
        max-width: 491px
    }

    .order-card__data {
        display: grid
    }

    .cart-product__img,
    .order-card__img {
        width: 148px;
        height: 148px
    }

    .order-item {
        max-width: 800px;
        width: 100%
    }

    .modal__container::-webkit-scrollbar {
        background-color: transparent;
        width: 4px
    }

    .modal__container::-webkit-scrollbar-thumb {
        background-color: var(--main-blue);
        border-radius: 12px;
        width: 4px
    }

    .modal-search-result::-webkit-scrollbar {
        background-color: transparent;
        width: 4px
    }

    .modal-search-result::-webkit-scrollbar-thumb {
        background-color: var(--gray);
        border-radius: 12px;
        width: 4px
    }

    .contact-form__box,
    .form-group_two-columns {
        display: grid;
        grid-template-columns: repeat(2, 1fr)
    }

    .contact-form__title {
        font-weight: 500;
        font-family: var(--main-font)
    }

    .contact-page__content {
        gap: 36px
    }

    .article h2 {
        font-size: 32px;
        line-height: 34px
    }

    .warranty-boxes {
        gap: 24px
    }

    .warranty-page-box {
        width: Min(Max(300px, 29vw), 416px)
    }

    .warranty-page__main {
        row-gap: 24px;
        flex: 1 1 0
    }

    .form-group_four-columns {
        max-width: unset;
        display: grid;
        grid-template-columns: repeat(5, 1fr)
    }

    .form-group {
        flex-direction: row;
        flex-wrap: wrap
    }

    .form-section__limited-box {
        max-width: 572px
    }

    .cart-page__title,
    .cart-product__price {
        font-size: 24px;
        line-height: 26px
    }

    .cart-product__bottom {
        flex-wrap: nowrap
    }

    .cart-product__top {
        flex-direction: row;
        align-items: center
    }

    .cart-product__price-block {
        flex-wrap: nowrap;
        flex-shrink: 0
    }

    .form-item_size_default {
        width: 300px
    }

    .question-block {
        max-width: 708px
    }

    .resale-quiz__title {
        font-size: 36px
    }

    .section-item:first-child>.quiz-item,
    .section_layer:first-child {
        padding-top: 60px
    }

    .quiz-title {
        font-size: 36px;
        line-height: 40px
    }

    .quiz-successful__img-wrapper {
        width: 200px;
        height: 200px
    }

    .quiz-successful .totals {
        max-width: 442px
    }

    .quiz-successful__inner {
        flex-direction: row;
        column-gap: 24px
    }

    .about-card:first-child,
    .about-card:nth-child(5) {
        max-width: 220px
    }

    .video-page-card__img {
        height: 410px
    }

    .videos-page__grid {
        grid-template-columns: repeat(auto-fill, minmax(230px, 1fr))
    }

    .map-list>li {
        font-size: 18px;
        line-height: 20px
    }

    .map-list__item {
        font-size: 16px;
        line-height: 18px
    }

    .banner-slider_view-3 .banner-slider__wrapper {
        grid-template-columns: 1fr 1fr 1fr
    }

    .banner-slider_view-3 .swiper-slide:nth-child(3n) {
        grid-column: auto
    }

    .banner-slider_view-4 .banner-slider__wrapper {
        grid-template-columns: 2fr 1fr
    }

    .resale-work {
        grid-template-columns: repeat(4, 1fr);
        gap: 24px
    }

    .board-banner__content_margin {
        margin: 0 0 36px
    }

    .stickers__right .info-block__text.info-block__text-min::after {
        right: unset;
        left: 114px
    }

    .stickers__right .info-block__text.info-block__text-min {
        max-width: 250px
    }
}

.product-page-preview-wrapper-delivery {
    position: absolute;
    right: 0;
    z-index: 99
}