@charset "UTF-8";
: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;
    box-sizing: border-box;
}

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

@media (min-width: 1100px) {
    body {
        padding-top: 160px;
    }
}

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

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

@media (min-width: 1100px) {
    body[with-smartbanner=true] {
        padding-top: 160px;
    }

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

@media (min-width: 1100px) {
    [data-smartbanner-original-margin-top] {
        margin-top: 0 !important;
    }
}

.smartbanner {
    z-index: 10;
}

@media (min-width: 1100px) {
    .smartbanner {
        display: none;
    }
}

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

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

.no-scroll {
    overflow: hidden !important;
}

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

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

@media (min-width: 1100px) {
    .container {
        padding: 0 40px;
    }
}

.categories-slider__btn-prev.slider-btn {
    display: none;
}

@media (min-width: 1100px) {
    .categories-slider__btn-prev.slider-btn {
        display: flex;
    }
}

.categories-slider__btn-next.slider-btn {
    display: none;
}

@media (min-width: 1100px) {
    .categories-slider__btn-next.slider-btn {
        display: flex;
    }
}

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

@media (min-width: 700px) {
    .banner-slider__btn-prev.slider-btn, .banner-slider__btn-next.slider-btn {
        display: flex;
    }
}

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

.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);
}

@media (hover: hover) {
    .slider-btn:hover {
        cursor: pointer;
        background: var(--main-blue-hover);
    }
}

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

@media (min-width: 1100px) {
    .slider-btn {
        display: flex;
    }
}

.slider-btn_prev {
    left: 0;
}

.slider-btn_next {
    right: 0;
}

.swiper-button-lock {
    display: none;
}

.swiper-button-disabled.slider-btn {
    display: none;
}

.swiper-pagination {
    display: flex;
    align-items: center;
    margin: 0 auto;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 24px;
    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);
}

.swiper-pagination_white .swiper-pagination-bullet-active {
    background: var(--main-blue);
}

@media (min-width: 700px) {
    .swiper-pagination_mobile {
        display: none;
    }
}

@media (min-width: 1100px) {
    .swiper-pagination_mobile {
        display: none;
    }
}

.swiper-pagination-lock {
    display: none;
}

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

.swiper-pagination-bullet-active {
    background: var(--main-blue);
}

.section {
    margin-bottom: 36px;
}

@media (min-width: 1100px) {
    .section {
        margin-bottom: 60px;
    }
}

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

@media (min-width: 1100px) {
    .section_banner-slider {
        margin: 16px 0;
    }
}

@media (min-width: 1100px) {
    .section__container_about {
        max-width: 1032px;
    }
}

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

@media (min-width: 1100px) {
    .section-title, .section-title * {
        font-size: 32px;
        line-height: 34px;
    }
}

@media (min-width: 1100px) {
    .section-title_center {
        text-align: center;
        margin: 0 auto;
    }
}

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

@media (min-width: 1100px) {
    .section-heading {
        flex-direction: row;
        align-items: center;
        margin-bottom: 36px;
    }
}

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

@media (min-width: 1100px) {
    .section-heading_m-min {
        margin-bottom: 24px;
    }
}

.section-heading_align_left {
    justify-content: start;
}

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

.bullet {
    display: block;
    background: rgb(235, 240, 255);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    transition: var(--transition);
    cursor: pointer;
    border: 2px solid var(--white);
}

.bullet_active {
    background: var(--main-blue);
}

@media (hover: hover) {
    .bullet:hover {
        background: var(--main-blue);
    }
}

.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: -moz-fit-content;
    width: fit-content;
    color: var(--main-purple);
    transition: var(--transition);
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    text-decoration: none;
}

.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);
}

@media (hover: hover) {
    .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 {
    display: flex;
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
    background: var(--main-blue);
    transition: var(--transition);
    cursor: pointer;
    width: -moz-fit-content;
    width: fit-content;
    border: none;
    border-radius: 8px;
    text-decoration: none;
    justify-content: center;
    padding: 12px 16px;
    font-size: 12px;
    line-height: 14px;
    color: var(--white);
    font-weight: 500;
    white-space: nowrap;
}

.btn_min {
    padding: 8px 16px;
}

@media (hover: hover) {
    .btn:hover {
        background: var(--main-blue-hover);
    }
}

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

@media (hover: hover) {
    .btn_light:hover {
        background: var(--light-blue-hover);
    }
}

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

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

@media (hover: hover) {
    .btn_transparent:hover {
        color: var(--main-blue);
        background: transparent;
    }
}

.btn_big {
    padding: 15.5px 16px;
}

.btn svg {
    display: inline-flex;
}

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

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

.follow-btn {
    position: relative;
    z-index: 1;
    display: flex;
    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: bold;
    font-size: 12px;
}

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

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

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

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

@media (min-width: 700px) {
    .categories-slider_catalog {
        padding: 0 24px;
        padding-bottom: 32px;
    }
}

@media (min-width: 1100px) {
    .categories-slider_catalog {
        padding: 0 24px;
        padding-bottom: 32px;
    }
}

@media (min-width: 1440px) {
    .categories-slider:not(.categories-slider_catalog) {
        padding: 0;
        padding-bottom: 32px;
    }
}

@media (min-width: 700px) {
    .categories-slider {
        padding-bottom: 32px;
    }
}

@media (min-width: 1100px) {
    .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 {
    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__wrapper {
    display: flex;
}

.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;
    /*height: 100%;*/
    grid-auto-rows: auto;
    width: 100%;
    grid-auto-flow: dense;
}

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

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

.product-grid_list {
    display: flex;
    flex-direction: column;
}

@media (min-width: 344px) {
    .product-grid_one-row .product-card {
        display: none;
    }

    .product-grid_one-row .product-card:nth-child(-n+4) {
        display: grid;
    }
}

@media (min-width: 512px) {
    .product-grid_one-row .product-card:nth-child(-n+3) {
        display: grid;
    }

    .product-grid_one-row .product-card:nth-child(4) {
        display: none;
    }
}

@media (min-width: 680px) {
    .product-grid_one-row .product-card:nth-child(-n+4) {
        display: grid;
    }
}

@media (min-width: 700px) {
    .product-grid_one-row .product-card:nth-child(-n+4) {
        display: grid;
    }
}

@media (min-width: 862px) {
    .product-grid_one-row .product-card:nth-child(-n+3) {
        display: grid;
    }

    .product-grid_one-row .product-card:nth-child(4) {
        display: none;
    }
}

@media (min-width: 1152px) {
    .product-grid_one-row .product-card:nth-child(-n+4) {
        display: grid;
    }
}

@media (min-width: 1426px) {
    .product-grid_one-row .product-card:nth-child(-n+5) {
        display: grid;
    }
}

@media (min-width: 344px) {
    .product-grid_two-rows .product-card {
        display: none;
    }

    .product-grid_two-rows .product-card:nth-child(-n+8) {
        display: grid;
    }
}

@media (min-width: 512px) {
    .product-grid_two-rows .product-card:nth-child(-n+6) {
        display: grid;
    }

    .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_two-rows .product-card:nth-child(-n+8) {
        display: grid;
    }
}

@media (min-width: 700px) {
    .product-grid_two-rows .product-card:nth-child(-n+8) {
        display: grid;
    }
}

@media (min-width: 862px) {
    .product-grid_two-rows .product-card:nth-child(-n+6) {
        display: grid;
    }

    .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_two-rows .product-card:nth-child(-n+8) {
        display: grid;
    }
}

@media (min-width: 1426px) {
    .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: 0px 5px 20px rgba(96, 103, 109, 0.1);
}

@media (min-width: 700px) {
    .btn-more {
        margin-top: 20px;
    }
}

@media (min-width: 1100px) {
    .btn-more {
        margin-top: 24px;
    }
}

@media (hover: hover) {
    .btn-more:hover {
        transform: translateY(-4px);
        box-shadow: rgba(0, 0, 0, 0.1) 0 10px 20px;
    }
}

.btn-more_mobile_hidden {
    display: none;
}

@media (min-width: 700px) {
    .btn-more_mobile_hidden {
        display: flex;
    }
}

.btn-more_m-none {
    margin: 0;
}

.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;
    line-height: 14px;
}

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

.sticker_green {
    background-color: #D1F0B1;
    color: #33860F;
}

.sticker_red {
    color: var(--red);
    background: rgb(255, 229, 236);
}

.sticker_purple {
    color: var(--main-purple);
    background: rgb(247, 236, 255);
}

.sticker_orange {
    color: var(--orange);
    background: rgb(255, 235, 229);
}

.sticker_yellow {
    color: rgba(255, 136, 0, 1);
    background: rgba(255, 240, 220, 1);
}

.sticker_blue {
    color: var(--main-blue);
    background: rgb(230, 242, 255);
}

.sticker_aqua {
    background: rgb(217, 248, 250);
    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") no-repeat center center;
    background-size: contain;
}

.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 {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.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);
}

@media (hover: hover) {
    .default-tab:hover {
        background: var(--main-blue);
        color: var(--white);
    }
}

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

.section-tabs {
    display: flex;
    align-items: center;
    padding: 4px 4px 4px 16px;
    border-radius: 12px;
    border: 1px solid #EEEEF4;
    width: -moz-fit-content;
    width: fit-content;
    -moz-column-gap: 4px;
    column-gap: 4px;
    width: 100%;
}

@media (min-width: 1100px) {
    .section-tabs {
        width: -moz-fit-content;
        width: fit-content;
    }
}

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

@media (min-width: 1100px) {
    .section-tabs::before {
        margin-right: 12px;
    }
}

.section-tab {
    display: flex;
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
    border-radius: 8px;
    background: var(--light-blue);
    color: var(--black);
    padding: 8px 16px;
    font-size: 12px;
    font-weight: 500;
    transition: var(--transition);
    cursor: pointer;
    border: none;
}

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

    .section-tab:hover .section-tab__svg path {
        stroke: var(--white);
    }
}

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

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

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

.section-tab__text {
    display: none;
}

@media (min-width: 1100px) {
    .section-tab__text {
        display: block;
    }
}

.modal.fancybox__content {
    padding: 0;
    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: transparent !important;
}

.fancybox__track {
    position: relative !important;
}

.fancybox__iframe {
    border-radius: 32px;
}

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

.f-button.is-close-btn {
    top: 11px !important;
    right: 14px !important;
    background: transparent !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 .fancybox__content {*/
/*    padding: 0 !important;*/
/*    width: 350px !important;*/
/*    height: 620px !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-review .fancybox__content, .fancybox__slide.iframe-video .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;
    }

    /*.fancybox__slide.iframe-video .fancybox__content{*/
    /*    width: 460px !important;*/
    /*    height: 323px !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) {
    /*.fancybox__slide.iframe-video .fancybox__content {*/
    /*    !*aspect-ratio: 1.77778/1 !important;*!*/
    /*    width: 420px !important;*/
    /*    height: 746px !important;*/
    /*}*/
    .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;
    }

}

@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;
    }
}
@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;
    }
}

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

.dropdown.aside__dropdown {
    max-width: unset;
}

.dropdown-inn {
    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;
    background: var(--light-blue);
    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);
}

.dropdown__btn_active::after {
    transform: rotate(180deg);
}

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

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

.dropdown__menu_active {
    display: flex;
}

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

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

@media (hover: hover) {
    .dropdown__item:hover {
        background: var(--main-blue);
        color: var(--white);
        cursor: pointer;
    }

    .dropdown__item:hover::after {
        content: none;
    }
}

.dropdown_catalog {
    width: 342px;
}

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

@media (min-width: 1100px) {
    .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 {
    position: relative;
    padding-bottom: 32px;
    padding-top: 20px;
}

@media (min-width: 1100px) {
    .banner-slider {
        padding-bottom: 0;
    }
}

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

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

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

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

@media (min-width: 1100px) {
    .banner-slider-pagination {
        bottom: 32px;
    }
}

.banner-slider__wrapper {
    display: flex;
}

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

@media (min-width: 700px) {
    .m-t {
        margin-top: 36px;
    }
}

@media (min-width: 1100px) {
    .m-t_max {
        margin-top: 60px;
    }
}

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

@media (hover: hover) {
    .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;
    }
}

.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: 0.5;
    filter: opacity(0.2);
}

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

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

.input {
    padding: 16px;
    background: var(--light-blue);
    font-size: 14px;
    font-weight: 400;
    line-height: 16.8px;
    border-radius: 8px;
    border: none;
    width: 100%;
}

.input:focus {
    outline: none;
}

.input_error {
    border: 2px solid #EB4F27;
}

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

.errortext {
    font-weight: 400;
    font-size: 14px;
    color: #EB4F27;
}

.select__error {
    font-weight: 500;
    font-size: 14px;
    color: #EB4F27;
    margin: 0;
}

.input-label {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    font-size: 14px;
    font-weight: 500;
}

.textarea {
    background: var(--light-blue);
    border-radius: 8px;
    padding: 16px;
    border: none;
    max-width: 100%;
    resize: none;
}

.textarea:focus {
    outline: none;
}

.textarea_order {
    height: 98px;
    font-variant-numeric: tabular-nums;
}

.blue-link {
    color: var(--main-blue);
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
}

@media (hover: hover) {
    .blue-link:hover {
        color: var(--main-blue-hover);
    }
}

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

.contact-map {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    min-width: 0;
}

@media (min-width: 1100px) {
    .contact-map {
        row-gap: 36px;
    }
}

@media (min-width: 700px) {
    .contact-map {
        grid-area: map;
    }
}

.warning-box {
    display: flex;
    flex-direction: column;
    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;
}

.warning-box__btn {
    font-size: 14px;
}

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

@media (min-width: 1100px) {
    .content-box:last-child {
        grid-column: span 2;
    }
}

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

.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 {
    background: var(--light-green);
}

.content-icon_blue {
    background: #E6F2FF;
}

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

.content-icon_red {
    background: #FFEBE5;
}

.content-icon_aqua {
    background: #D9F8FA;
}

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

@media (min-width: 1100px) {
    .content-icon {
        width: 84px;
        height: 84px;
    }
}

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

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

@media (min-width: 1100px) {
    .content-icon__img {
        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 {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}

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

@media (min-width: 700px) {
    .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 {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

@media (min-width: 1100px) {
    .content-part {
        row-gap: 24px;
    }
}

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

@media (min-width: 1100px) {
    .content-box-grid {
        flex-direction: row;
        gap: 24px;
        flex-wrap: wrap;
    }

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

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

@media (min-width: 1100px) {
    .about-page {
        max-width: 708px;
        margin: 0 auto;
    }
}

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

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

@media (min-width: 1100px) {
    .hero__img {
        height: 380px;
    }
}

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

.form-warning-text * {
    font-size: 12px;
}

.form-warning-text_black {
    color: var(--black);
}

.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-btn.accordion-btn_active::after {
    transform: rotate(180deg);
}

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

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

.question-list {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}

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

@media (min-width: 1100px) {
    .layout {
        flex-direction: row;
        -moz-column-gap: 36px;
        column-gap: 36px;
    }
}

@media (min-width: 800px) {
    .layout_late-wrap {
        flex-direction: row;
        -moz-column-gap: 20px;
        column-gap: 20px;
    }
}

@media (min-width: 1100px) {
    .layout_late-wrap {
        -moz-column-gap: 24px;
        column-gap: 24px;
    }
}

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

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

@media (min-width: 1100px) {
    .totals::-webkit-scrollbar {
        background-color: transparent;
        width: 4px;
    }

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

.totals__inner {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
}

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

.totals__title-price span {
    white-space: nowrap;
}

.totals-list {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

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

.totals__btn {
    width: 100%;
    margin-bottom: 24px;
    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;
    color: var(--black);
}

.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;
    color: var(--black);
}

.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);
}

.totals-text_price {
    font-size: 16px;
    line-height: 18px;
}

.totals-text_max {
    font-size: 18px;
    line-height: 20px;
}

.totals-price {
    display: flex;
    flex-direction: column;
    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);
}

.totals-price-alt__value {
    font-size: 12px;
}

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

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

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

@media (min-width: 1100px) {
    .totals-wrapper {
        width: 416px;
    }
}

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

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

.promocode input {
    height: 45px;
}

.text-block {
    display: flex;
    flex-direction: column;
}

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

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

@media (min-width: 1100px) {
    .expand-checkbox {
        margin: 36px auto 0;
    }
}

.expand-checkbox__svg {
    transition: var(--transition);
    display: inline-flex;
}

@media (min-width: 1100px) {
    .text-block {
        max-width: 1160px;
        margin: 0 auto;
    }
}

@media (min-width: 1100px) {
    .text-block__title {
        text-align: center;
        margin: 0 80px;
    }
}

.text-block__subtitle {
    font-size: 18px;
    color: var(--black);
    font-weight: 500;
    margin-top: 36px;
}

@media (min-width: 1100px) {
    .text-block__subtitle {
        text-align: center;
    }
}

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

.expand-checkbox__text:nth-child(2) {
    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;
}

.expand-checkbox-input:checked ~ .expand-checkbox .expand-checkbox__text:first-child {
    display: none;
}

.hr {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 1px;
    background: var(--light-blue);
}

.info-box {
    width: 100%;
}

.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%;
    height: 100%;
    max-width: 100%;
    height: 183px;
    min-width: 150px;
}

.categories-slider_destroyed .swiper-pagination {
    display: none;
}

.categories-slider_destroyed .swiper-prev-btn {
    display: none;
}

.categories-slider_destroyed ~ .slider-btn {
    display: none;
}

.swiper-pagination-bullet-active-next-next {
    display: none;
}

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

.insta-gallery__stacks .swiper-slide {
    flex-shrink: 0;
}

.line-paragraph {
    position: relative;
}

.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;
}

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

.fast-contact {
    font-size: 12px;
    font-weight: 500;
    color: var(--black);
}

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

.preloader {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.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);
    }
}

.preloader_loaded {
    display: none;
}

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

.insta-products__product-gallery .swiper-wrapper {
    display: flex;
}

.insta-gallery__stacks .swiper-wrapper {
    display: flex;
    height: 100%;
}

.insta-circles__list .swiper-wrapper {
    display: flex;
}

.insta-stack__content .swiper-wrapper {
    display: flex;
}

.insta-circles__list {
    overflow: hidden;
}

.insta-stack__content {
    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, 0.3294117647);
    border-radius: 25px;
    margin-bottom: 20px;
}

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

.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;
}

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

.search-box__input {
    height: 100%;
    width: 100%;
    background: transparent;
    border: none;
    outline: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    padding: 0;
}

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

.back-btn {
    display: flex;
    align-items: center;
    -moz-column-gap: 4px;
    column-gap: 4px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    color: var(--black);
    text-decoration: none;
    transition: var(--transition);
    cursor: pointer;
    background: transparent;
    border: none;
}

@media (hover: hover) {
    .back-btn: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);
    }
}

.back-btn__svg {
    transition: var(--transition);
}

.back-btn__svg path {
    transition: var(--transition);
}

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

.admin-body {
    padding: 0 !important;
}

.admin-header {
    position: sticky !important;
}

.header {
    position: fixed;
    top: 0px;
    display: flex;
    align-items: center;
    width: 100%;
    background-color: rgb(171, 12, 12);
    height: 80px;
    background: var(--main-blue);
    transition: height 0.5s;
    z-index: 10;
}

@media (min-width: 1100px) {
    .header {
        transition: height 0.15s;
        height: 160px;
    }
}

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

.header a {
    text-decoration: none;
}

.header li {
    list-style-type: none;
}

.header ul {
    padding: 0;
    margin: 0;
}

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

@media (min-width: 1100px) {
    .header__inner {
        display: flex;
        padding: 8px 0;
        column-gap: 53px;
        align-items: unset;
        position: relative;
    }
}

.header__top_hidden {
    display: none;
}

@media (min-width: 1100px) {
    .header__top {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}

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

@media (min-width: 1100px) {
    .header__bottom-left {
        flex-direction: row;
    }
}

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

@media (min-width: 1100px) {
    .header__addresses {
        order: unset;
        align-self: unset;
    }
}

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

@media (min-width: 1100px) {
    .header__contacts {
        order: unset;
        margin: 0;
        flex-direction: row;
        justify-self: end;
    }
}

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

@media (min-width: 1100px) {
    .header__bottom {
        order: unset;
    }
}

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

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

@media (min-width: 1100px) {
    .header-address:first-child {
        display: none;
    }

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

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

@media (hover: hover) {
    .header-address {
        cursor: pointer;
    }

    .header-address:hover .header-address__value {
        text-decoration: underline;
    }
}

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

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

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

@media (min-width: 1100px) {
    .search-form {
        order: unset;
    }
}

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

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

.search-form__search::placeholder {
    color: rgb(155, 158, 182);
}

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

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

.search-form__button svg path {
    transition: var(--transition);
}

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

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

@keyframes voice {
    0% {
        stroke: var(--black);
    }
    50% {
        stroke: var(--main-blue);
    }
    100% {
        stroke: var(--black);
    }
}

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

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

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

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

@media (min-width: 1100px) {
    .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;
    }
}

.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;
    transition: var(--transition);
    border-top: 1px solid rgb(233, 241, 254);
}

.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;
}

.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;
    transition: var(--transition);
    width: fit-content;
    color: var(--black);
}

@media (min-width: 1100px) {
    .result-product__title {
        font-size: 14px;
    }
}

@media (hover: hover) {
    .result-product__title:hover {
        color: var(--main-blue);
    }
}

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

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

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

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

@media (hover: hover) {
    .result-product__value:hover {
        color: var(--main-blue);
    }
}

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

.result-slider__wrapper {
    display: flex;
}

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

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

.header-address__content {
    display: flex;
    flex-direction: column;
}

.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 {
    white-space: nowrap;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    color: var(--white);
    margin-bottom: 16px;
}

@media (hover: hover) {
    .header__contacts-tel:hover {
        text-decoration: underline;
    }
}

@media (min-width: 1100px) {
    .header__contacts-tel {
        margin-bottom: 0;
    }
}

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

@media (min-width: 1100px) {
    .header__customer-block {
        padding-top: 8px;
        height: 100%;
    }
}

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

@media (min-width: 1100px) {
    .header__customer-buttons {
        padding: 11px 0;
        column-gap: 16px;
    }
}

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

.customer-btn svg path {
    transition: var(--transition);
}

@media (hover: hover) {
    .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);
    }
}

.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;
}

.customer-btn__count_active {
    display: flex;
}

.customer-btn__text {
    display: none;
    transition: var(--transition);
}

@media (min-width: 1100px) {
    .customer-btn__text {
        display: block;
    }
}

.contact-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    flex-shrink: 0;
    background-color: black;
    transition: var(--transition);
    cursor: pointer;
}

.contact-icon_blue {
    background: rgb(194, 223, 255);
}

@media (hover: hover) {
    .contact-icon_blue:hover {
        background: rgb(216, 235, 255);
    }
}

.contact-icon_blue:active {
    background: rgb(216, 235, 255);
}

.contact-icon_green {
    background: rgb(194, 255, 222);
}

@media (hover: hover) {
    .contact-icon_green:hover {
        background: rgb(218, 255, 235);
    }
}

.contact-icon_green:active {
    background: rgb(218, 255, 235);
}

.contact-icon_red {
    background: #FFD3E1;
}

@media (hover: hover) {
    .contact-icon_red:hover {
        background: #FFEBF1;
    }
}

.contact-icon_red:active {
    background: #FFEBF1;
}

.contact-icon_purple {
    background: #EED1FB;
}

@media (hover: hover) {
    .contact-icon_purple:hover {
        background: #F8E9FF;
    }
}

.contact-icon_purple:active {
    background: #F8E9FF;
}

.contact-icon:hover {
    background-color: #C2DFFF;
}

.header-btn {
    display: flex;
    align-items: center;
    column-gap: 8px;
    padding: 8px 16px;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 700;
    border: none;
    border-radius: 8px;
    color: var(--white);
    background-color: rgba(255, 255, 255, 0.2);
    cursor: pointer;
    height: 56px;
    line-height: 19px;
    transition: var(--transition);
    white-space: nowrap;
}

@media (min-width: 1100px) {
    .header-btn {
        height: unset;
    }
}

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

@media (min-width: 1100px) {
    .header-btn_min {
        display: flex;
    }
}

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

@media (min-width: 1100px) {
    .header-btn_mobile {
        display: none;
    }
}

@media (min-width: 1100px) {
    .header-btn {
        width: fit-content;
    }
}

@media (hover: hover) {
    .header-btn:hover {
        background-color: rgba(255, 255, 255, 0.3);
    }
}

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

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

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

.logo__img {
    display: none;
}

@media (min-width: 1100px) {
    .logo__img {
        display: block;
    }
}

.logo__img_mobile {
    display: block;
}

@media (min-width: 1100px) {
    .logo__img_mobile {
        display: none;
    }
}

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

@media (min-width: 1100px) {
    .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_active {
    display: flex;
    transition: transform, opacity var(--transition), 0.3s;
    transform: translateY(0%);
    opacity: 1;
    z-index: 1000;
}

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

@media (min-width: 700px) {
    .header__burger-menu-inner {
        padding: 27px 36px 24px 36px;
    }
}

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

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

@media (min-width: 1100px) {
    .burger-menu-close {
        display: none;
    }
}

.burger-btn {
    display: flex;
    align-items: center;
    column-gap: 8px;
    height: fit-content;
    padding: 12px 0;
    background-color: transparent;
    border: none;
    color: var(--white);
    font-size: 16px;
    font-weight: bold;
}

@media (min-width: 1100px) {
    .burger-btn {
        display: none;
    }
}

@media (min-width: 1100px) {
    .header_sticky {
        height: 96px;
    }
}

@media (min-width: 1100px) {
    .header_sticky .header__addresses {
        display: none;
    }
}

@media (min-width: 1100px) {
    .header_sticky .header__contacts {
        display: none;
    }
}

@media (min-width: 1100px) {
    .header_sticky .header-btn_min {
        display: none;
    }
}

.header_sticky .logo__img:not(.logo__img_mobile) {
    display: none;
}

@media (min-width: 1100px) {
    .header_sticky .logo__img_mobile {
        display: block;
    }
}

@media (min-width: 1100px) {
    .header_sticky .logo {
        display: block;
        margin-right: 87px;
    }
}

@media (min-width: 1100px) {
    .header_sticky .header__burger-menu-inner {
        grid-template-areas: "bottom bottom";
        align-self: center;
    }
}

@media (min-width: 1100px) {
    .header_sticky .header__burger-menu {
        padding-top: 0px;
    }
}

@media (min-width: 1100px) {
    .header_sticky .header__inner {
        align-items: center;
    }
}

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

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

.menu-catalog_active {
    display: flex;
}

.menu-catalog a {
    color: var(--black);
}

@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;
}

@media (min-width: 1100px) {
    .menu-catalog:not(.menu-catalog_active) {
        animation-name: catalogOut;
    }
}

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

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

@media (min-width: 700px) {
    .menu-catalog__panel {
        padding: 28px 36px 10px;
    }
}

@media (min-width: 1100px) {
    .menu-catalog__panel {
        row-gap: 4px;
        padding: 24px;
        padding-right: 14px;
        max-height: unset;
        width: unset;
        border-right: 3px solid #E9F1FE;
    }
}

.menu-catalog__panel-list {
    overflow: auto;
}

@media (min-width: 1100px) {
    .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 {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    box-sizing: border-box;
    column-gap: 10px;
    font-size: 14px;
    font-weight: 500;
    transition: var(--transition);
}

@media (min-width: 1100px) {
    .menu-catalog__panel-link {
        column-gap: 8px;
    }
}

@media (hover: hover) {
    .menu-catalog__panel-link:hover {
        color: var(--main-blue);
    }
}

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

.menu-catalog__panel-item_active a {
    color: var(--main-blue);
}

.menu-catalog__content-group {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

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

@media (min-width: 1100px) {
    .menu-catalog__contents {
        display: block;
    }
}

.menu-catalog__content {
    display: flex;
    width: 100%;
    padding: 24px;
    box-sizing: border-box;
    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;
}

@media (min-width: 1100px) {
    .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__content-group-title {
    font-weight: bold;
}

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

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

@media (hover: hover) {
    .menu-catalog__content-group-link:hover {
        color: var(--main-blue);
    }
}

.menu-catalog__panel-line {
    background: rgb(233, 241, 254);
    height: 1px;
    width: 100%;
}

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

@media (min-width: 1100px) {
    .menu-catalog-close {
        display: none;
    }
}

@media (min-width: 1100px) {
    .menu-catalog__panel-item.tab_active .menu-catalog__panel-link {
        color: var(--main-blue);
    }
}

.banner {
    display: block;
    position: relative;
    padding: 24px;
    box-sizing: border-box;
    background-color: rgb(239, 239, 239);
    border-radius: 24px;
    max-width: 269px;
    width: 100%;
    overflow: hidden;
    transition: var(--transition);
    text-decoration: none;
}

@media (hover: hover) {
    .banner:hover {
        transform: translateY(-4px);
        box-shadow: rgba(0, 0, 0, 0.1) 0 10px 20px;
    }

    .section_banner-slider .banner:hover {
        box-shadow: rgba(0, 0, 0, 0.1) 0px -6px 15px
    }
}

.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: 309px;
    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-weight: bold;
    font-size: 12px;
    background-color: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(50px);
    width: fit-content;
    height: fit-content;
    color: var(--black);
}

.banner-text_blue {
    background: var(--main-blue);
    color: var(--white);
}

.banner-text_transparent {
    background: rgba(255, 255, 255, 0.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;
    word-break: break-word;
    transition: var(--transition);
    color: var(--black);
    text-decoration: none;
}

@media (hover: hover) {
    .category-card:hover {
        color: var(--main-blue);
    }
}

.category-card_active {
    color: var(--main-blue);
}

.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: rgb(235, 240, 255);
}

.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: rgb(255, 235, 229);
}

.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 {
    margin-top: auto;
    overflow: hidden;
}

.footer a {
    text-decoration: none;
}

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

@media (min-width: 1100px) {
    .footer-top {
        padding: 48px 0;
    }
}

@media (min-width: 1100px) {
    .footer-top__inner {
        display: flex;
        justify-content: space-between;
        column-gap: 60px;
    }
}

.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;
    }
}

@media (min-width: 700px) {
    .footer-top__main {
        column-gap: 9px;
    }
}

@media (min-width: 1100px) {
    .footer-top__main {
        max-width: 1124px;
        justify-content: space-between;
        width: 100%;
        flex-wrap: nowrap;
    }
}

.footer-nav__title {
    font-family: var(--alt-font);
    font-size: 14px;
    color: rgb(143, 198, 255);
    text-transform: uppercase;
}

.footer-info__title {
    font-family: var(--alt-font);
    font-size: 14px;
    color: rgb(143, 198, 255);
}

.footer-social__title {
    font-family: var(--alt-font);
    font-size: 14px;
    color: rgb(143, 198, 255);
}

.footer__column {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
}

@media (min-width: 1100px) {
    .footer__column {
        row-gap: 36px;
    }
}

.footer-bottom {
    padding: 12px 0;
    background: rgb(0, 105, 215);
}

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

@media (min-width: 700px) {
    .footer-bottom__info {
        width: 200px;
        flex-grow: 1;
        column-gap: 12px;
    }
}

@media (min-width: 1100px) {
    .footer-bottom__info {
        justify-content: space-between;
    }
}

.footer-bottom__info * {
    font-size: 12px;
    font-weight: 400;
}

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

@media (min-width: 700px) {
    .footer-bottom__inner {
        column-gap: 36px;
    }
}

@media (min-width: 1100px) {
    .footer-bottom__inner {
        column-gap: 45px;
        row-gap: 12px;
        justify-content: flex-start;
    }
}

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

@media (min-width: 1100px) {
    .footer-bottom__logo-designer {
        width: 121px;
        height: 40px;
    }
}

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

@media (min-width: 700px) {
    .footer-bottom__block {
        width: 100%;
        flex-grow: 0;
        flex-direction: row;
        align-items: center;
    }
}

@media (min-width: 1100px) {
    .footer-bottom__block {
        width: fit-content;
        column-gap: 45px;
        row-gap: 12px;
    }
}

.footer-bottom__link {
    color: var(--white);
    font-size: 12px;
    font-weight: 400;
    white-space: nowrap;
}

@media (hover: hover) {
    .footer-bottom__link:hover {
        text-decoration: underline;
    }
}

.footer-nav {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
}

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

@media (hover: hover) {
    .footer-nav__link:hover {
        text-decoration: underline;
    }
}

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

.footer-yandex-link_mobile {
    align-self: flex-start;
}

@media (min-width: 700px) {
    .footer-yandex-link_mobile {
        display: none;
    }
}

.footer-yandex-link_tablet {
    display: none;
}

@media (min-width: 700px) {
    .footer-yandex-link_tablet {
        display: block;
    }
}

@media (min-width: 1100px) {
    .footer-yandex-link_tablet {
        display: none;
    }
}

.footer-yandex-link_desktop {
    display: none;
}

@media (min-width: 1100px) {
    .footer-yandex-link_desktop {
        display: block;
    }
}

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

@media (min-width: 700px) {
    .footer-yandex-img {
        width: 105px;
        height: 200px;
    }
}

.footer-social {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
}

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

@media (hover: hover) {
    .footer-social__item:hover .footer-social__item-description {
        text-decoration: underline;
    }

    .footer-social__item:hover .contact-icon_blue {
        background: rgb(216, 235, 255);
    }

    .footer-social__item:hover .contact-icon_green {
        background: rgb(218, 255, 235);
    }

    .footer-social__item:hover .contact-icon_red {
        background: #FFEBF1;
    }

    .footer-social__item:hover .contact-icon_purple {
        background: #F8E9FF;
    }
}

.footer-social__item-content {
    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: rgb(143, 198, 255);
    font-size: 14px;
    font-weight: 500;
}

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

.footer-info {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
}

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

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

@media (hover: hover) {
    .footer-info__link:hover {
        text-decoration: underline;
    }
}

.footer-bottom__logo-info {
    display: flex;
    align-items: center;
    column-gap: 16px;
    color: var(--white);
    font-size: 12px;
    font-weight: 400;
}

@media (min-width: 1100px) {
    .footer-bottom__logo-info {
        column-gap: 12px;
    }
}
@media (max-width: 435px) {
    .footer-bottom__logo-info span br {
        display: none;
    }
}

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

@media (min-width: 1100px) {
    .footer-bottom__copyright_mobile {
        display: none;
    }
}

.footer-bottom__copyright_desktop {
    display: none;
}

@media (min-width: 1100px) {
    .footer-bottom__copyright_desktop {
        display: block;
    }
}

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

.main-categories {
    padding-top: 24px;
}

.main-categories a {
    text-decoration: none;
}

.main-categories li {
    list-style-type: none;
}

.main-categories ul {
    padding: 0;
    margin: 0;
}

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

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

@media (min-width: 1100px) {
    .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);
    }
}

@media (min-width: 1300px) {
    .main-categories {
        grid-template-columns: 1fr minmax(0px, 288px) minmax(0px, 288px) 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;
    transition: var(--transition);
    text-decoration: none;
    min-height: 200px;
    max-height: 200px;
    height: 100%;
}

@media (hover: hover) {
    .main-categories-item:hover {
        transform: translateY(-4px);
        box-shadow: rgba(0, 0, 0, 0.1) 0 10px 20px;
    }
}

.main-categories-item_blue {
    background: var(--light-blue);
}

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

.main-categories-item_main-blue {
    background: var(--main-blue);
}

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

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

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

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

@media (min-width: 1100px) {
    .main-categories-item_b {
        grid-area: b;
        min-height: 350px;
        max-height: 350px;
        height: 100%;
    }
}

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

@media (min-width: 700px) {
    .main-categories-item_c {
        min-height: 200px;
        max-height: 200px;
    }
}

.main-categories-item_c .main-categories-item__title {
    font-size: 14px;
}

@media (min-width: 1100px) {
    .main-categories-item_c {
        grid-area: c;
        min-height: 250px;
        max-height: 250px;
        height: 100%;
    }

    .main-categories-item_c .main-categories-item__title {
        font-size: 18px;
    }
}

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

@media (min-width: 700px) {
    .main-categories-item_d {
        min-height: 200px;
        max-height: 200px;
    }

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

@media (min-width: 1100px) {
    .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, 0.1);
        color: var(--white);
        backdrop-filter: blur(50px);
    }
}

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

.main-categories-item_e .main-categories-item__title {
    font-size: 14px;
}

@media (min-width: 700px) {
    .main-categories-item_e {
        min-height: 200px;
        max-height: 200px;
    }
}

@media (min-width: 1100px) {
    .main-categories-item_e {
        grid-area: e;
        min-height: 350px;
        max-height: 350px;
        height: 100%;
    }

    .main-categories-item_e .main-categories-item__title {
        font-size: 18px;
    }
}

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

.main-categories-item_f .main-categories-item__title {
    font-size: 14px;
}

@media (min-width: 700px) {
    .main-categories-item_f {
        min-height: 200px;
        max-height: 200px;
    }
}

@media (min-width: 1100px) {
    .main-categories-item_f {
        grid-area: f;
        min-height: 350px;
        max-height: 350px;
        height: 100%;
    }

    .main-categories-item_f .main-categories-item__title {
        font-size: 18px;
    }
}

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

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

@media (min-width: 1100px) {
    .main-categories-item_g {
        grid-area: g;
        min-height: 450px;
        max-height: 450px;
        height: 100%;
    }
}

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

@media (min-width: 700px) {
    .main-categories-item_h {
        grid-column: span 1;
    }
}

@media (min-width: 1100px) {
    .main-categories-item_h {
        grid-area: h;
        min-height: 300px;
        max-height: 300px;
        height: 100%;
    }
}

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

@media (min-width: 700px) {
    .main-categories-item_i {
        grid-column: span 1;
    }
}

@media (min-width: 1100px) {
    .main-categories-item_i {
        grid-area: i;
        min-height: 200px;
        max-height: 200px;
        height: 100%;
    }
}

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

@media (min-width: 700px) {
    .main-categories-item_j {
        min-height: 200px;
        max-height: 200px;
    }
}

.main-categories-item_j .main-categories-item__title {
    font-size: 14px;
}

@media (min-width: 1100px) {
    .main-categories-item_j {
        grid-area: j;
        min-height: 200px;
        max-height: 200px;
        height: 100%;
    }

    .main-categories-item_j .main-categories-item__title {
        font-size: 18px;
    }
}

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

@media (min-width: 1400px) {
    .main-categories-item__title {
        max-width: 80%;
    }
}

.main-categories-item__img {
    position: absolute;
    object-fit: cover;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

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

.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;
    transition: var(--transition);
}

@media (min-width: 700px) {
    .product-card {
        padding: 16px;
    }
}

@media (hover: hover) {
    .product-card:hover {
        transform: translateY(-4px);
        box-shadow: rgba(0, 0, 0, 0.1) 0 10px 20px;
    }
}

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

.product-card-info__list {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

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

.product-card-info_product-page {
    display: flex;
}

.product-card-info_product-page .product-card-info__label, .product-card-info_product-page .product-card-info__value, .product-card-info_product-page .product-card-info__link {
    font-size: 14px;
}

.product-card-info__label {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: rgb(155, 158, 182);
}

.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;
    transition: var(--transition);
    width: fit-content;
    cursor: pointer;
    text-decoration: none;
}

@media (hover: hover) {
    .product-card-info__link:hover {
        color: var(--main-blue-hover);
    }
}

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

@media (min-width: 1100px) {
    .product-card-info__link_m-t {
        margin-top: 28px;
    }
}

.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;
}

@media (min-width: 700px) {
    .product-card__warning {
        font-size: 14px;
    }
}


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

@media (min-width: 700px) {
    .product-card__name {
        font-size: 16px;
    }
}


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

.product-card__name-link:hover {
    color: var(--main-blue);
}

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

@media (min-width: 700px) {
    .product-card__price {
        font-size: 20px;
    }
}

.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;
}

.product-card-preview__slide {
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    position: absolute;
    transition: 0.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: 0.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__right {
    display: flex;
}

.product-card-buttons__left {
    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: transparent;
    border: none;
    cursor: pointer;
    flex-shrink: 0;
    transition: var(--transition);
}

.product-mini-btn svg {
    transition: var(--transition);
}

.product-mini-btn svg path {
    transition: var(--transition);
}

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

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

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

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

@media (hover: hover) {
    .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);
    }
}

@media (hover: hover) {
    .product-mini-btn_delete:hover svg {
        fill: none;
        transition: var(--transition);
    }

    .product-mini-btn_delete:hover svg path {
        stroke: var(--red);
        transition: var(--transition);
    }
}

.product-card-preview__container {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
}

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

@media (min-width: 700px) {
    .product-card-preview__wrapper {
        height: 245px;
    }
}

.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;
}

@media (min-width: 1100px) {
    .product-card-preview__pagination {
        pointer-events: initial;
    }
}

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

@media (min-width: 1100px) {
    .product-card-preview__separator {
        display: flex;
    }
}

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

.product-card-buttons .btn_light {
    display: none;
}

@media (min-width: 700px) {
    .product-card-buttons .btn_light {
        display: flex;
    }
}

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

@media (min-width: 700px) {
    .product-slider {
        margin-top: -10px;
        padding: 0 36px;
        padding-top: 10px;
        padding-bottom: 32px;
    }
}

@media (min-width: 1100px) {
    .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;
    }
}

.product-slider__wrapper {
    display: flex;
}

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

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

@media (min-width: 1100px) {
    .swiper-slide .product-card {
        width: 269px;
    }
}

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

.product-slider__slide {
    display: flex;
}

.product-slider__btn-prev {
    left: 8px;
}

@media (min-width: 700px) {
    .product-slider__btn-prev {
        left: 36px;
    }
}

@media (min-width: 1100px) {
    .product-slider__btn-prev {
        left: 0px;
    }
}

.product-slider__btn-next {
    right: 8px;
}

@media (min-width: 700px) {
    .product-slider__btn-next {
        right: 36px;
    }
}

@media (min-width: 1100px) {
    .product-slider__btn-next {
        right: 0px;
    }
}

.subscribe-block {
    display: flex;
    gap: 8px;
    flex-direction: column;
}

@media (min-width: 700px) {
    .subscribe-block {
        gap: 20px;
        flex-direction: row;
    }
}

@media (min-width: 1100px) {
    .subscribe-block {
        gap: 24px;
    }
}

.subscribe-banner {
    position: relative;
    text-decoration: none;
    border-radius: 32px;
    background: var(--main-blue);
    width: 100%;
    overflow: hidden;
    padding: 24px;
    flex-grow: 1;
    transition: var(--transition);
}

@media (min-width: 700px) {
    .subscribe-banner {
        max-width: 374px;
    }
}

@media (min-width: 1100px) {
    .subscribe-banner {
        max-width: 342px;
    }
}

@media (hover: hover) {
    .subscribe-banner:hover {
        transform: translateY(-4px);
        box-shadow: rgba(0, 0, 0, 0.1) 0 10px 20px;
    }
}

.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;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.subscribe-form {
    position: relative;
    flex-grow: 1;
    border-radius: 32px;
    overflow: hidden;
    padding: 24px;
    background: #E9F1FE;
}

.subscribe-form__form {
    display: flex;
    padding: 4px 4px 4px 16px;
    align-items: center;
    background: #FFFFFF;
    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__input:focus {
    outline: none;
}

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

@media (min-width: 1100px) {
    .subscribe-form__content {
        max-width: 375px;
    }
}

.subscribe-form__btn {
    padding: 12px;
}

.subscribe-form__img {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (min-width: 1100px) {
    .subscribe-form__img {
        display: block;
    }
}

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

.video-card {
    display: flex;
    padding: 20px;
    border-radius: 32px;
    position: relative;
    width: 100%;
    transition: 0.2s;
    text-decoration: none;
    width: 168px;
    height: 260px;
}

.videos-slider__slide:not(.swiper-slide-active) .video-btn {
    display: none;
}

.videos-slider__slide {
    justify-content: right;
}

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

.videos-slider__slide.swiper-slide-active {
    justify-content: center !important;
}

.videos-slider__slide.swiper-slide-prev, .videos-slider__slide.swiper-slide-next {
    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: 0.5s;
}

.video__title {
    position: relative;
    z-index: 2;
    font-size: 18px;
    line-height: 20px;
    font-weight: 900;
    color: var(--white);
    text-align: center;
    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;
}

@media (min-width: 700px) {
    .video-card{
        padding: 24px;
    }

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

@media (min-width: 1000px) {
    .video-card{
        padding: 20px;
    }
}

.videos-slider__slide:not(.swiper-slide-active) .video__title {
    display: none;
}

.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;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 32px;
}

.video-card__btn {
    border: none;
    background: transparent;
    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;
}

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

@media (min-width: 1100px) {
    .review-block {
        padding: 0 36px;
        max-width: 1520px;
        margin: 0 auto;
    }
}

.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;
}

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

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

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

.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;
}

.rating-statistics__top {
    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__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;
}

@media (hover: hover) {
    .rating-statistics__link:hover {
        color: var(--main-blue-hover);
    }
}

.rating {
    display: flex;
}

.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;
    flex-direction: column;
    border-radius: 32px;
    padding: 24px;
    border: 1px solid #EEEEF4;
    row-gap: 16px;
    max-width: 300px;
    width: 100%;
    flex-shrink: 0;
    height: fit-content;
}

@media (min-width: 700px) {
    .review {
        max-width: 396px;
    }
}

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

.review-avatar {
    display: flex;
    align-items: center;
    column-gap: 16px;
}

.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;
    padding-bottom: 32px;
    overflow: hidden;
}

@media (min-width: 700px) {
    .review-slider {
        padding: 0 24px;
        padding-bottom: 32px;
    }
}

@media (min-width: 980px) {
    .review-slider {
        max-width: 396px;
        padding: 0;
        padding-bottom: 32px;
    }
}

@media (min-width: 1100px) {
    .review-slider {
        max-width: 816px;
        padding-bottom: 32px;
    }
}

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

@media (min-width: 980px) {
    .review-slider__overlay {
        padding: 0 72px;
    }
}

@media (min-width: 1100px) {
    .review-slider__overlay {
        margin: 0 auto;
    }
}

.review-slider__wrapper {
    display: flex;
}

.review-slider__btn-prev {
    left: 8px;
}

@media (min-width: 980px) {
    .review-slider__btn-prev {
        left: 0;
    }
}

.review-slider__btn-next {
    right: 8px;
}

@media (min-width: 980px) {
    .review-slider__btn-next {
        right: 0;
    }
}

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

@media (min-width: 700px) {
    .review-block__btn {
        display: none;
    }
}

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

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

@media (min-width: 1100px) {
    .journal {
        padding: 24px;
    }
}

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

@media (min-width: 1100px) {
    .journal-header {
        margin: 0;
        align-items: center;
        flex-direction: row;
    }
}

.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;
}

@media (min-width: 1100px) {
    .journal__main {
        flex-direction: row;
        column-gap: 25px;
    }
}

.journal-tab {
    display: flex;
    align-items: center;
    column-gap: 8px;
    background: var(--white);
    border-radius: 8px;
    font-size: 16px;
    font-weight: bold;
    color: var(--black);
    padding: 12px 16px;
    width: fit-content;
    border: none;
    cursor: pointer;
    transition: var(--transition);
}

@media (min-width: 1100px) {
    .journal-tab {
        padding: 22px 25px 22px 22px;
        width: 100%;
    }
}

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

@media (hover: hover) {
    .journal-tab:hover {
        background: var(--main-blue);
        color: var(--white);
    }

    .journal-tab:hover .journal-tab__svg path {
        stroke: var(--white);
    }
}

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

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

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

@media (min-width: 1100px) {
    .journal__tabs {
        margin: 0;
        flex-direction: column;
        max-width: 182px;
    }
}

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

.tag {
    padding: 4px 8px;
    border-radius: 12px;
    background: var(--white);
    font-weight: 500;
    font-size: 12px;
    color: var(--black);
    width: fit-content;
    text-decoration: none;
    transition: var(--transition);
}

@media (hover: hover) {
    .tag:hover {
        background: var(--main-blue);
        color: var(--white);
    }
}

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

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

@media (min-width: 1100px) {
    .journal-card {
        width: 331px;
    }
}

@media (hover: hover) {
    .journal-card:hover .journal-card__img {
        transform: scale(1.1);
    }
}

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

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

@media (hover: hover) {
    .journal-card__title:hover {
        color: var(--main-blue);
    }
}

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

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

.journal-card__main {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

.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%;
    text-decoration: none;
    transition: var(--transition);
}

@media (hover: hover) {
    .journal-card__text:hover {
        color: var(--main-blue);
    }
}

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

@media (min-width: 1100px) {
    .journal-slider-overlay {
        padding: 0 72px;
    }
}

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

.journal-slider__wrapper {
    display: flex;
}

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

@media (min-width: 1100px) {
    .journal-slider {
        padding: 0;
        padding-bottom: 32px;
    }
}

.journal__contents {
    overflow: hidden;
}

.journal-slider__btn-next {
    right: 8px;
}

@media (min-width: 700px) {
    .journal-slider__btn-next {
        right: 24px;
    }
}

@media (min-width: 1100px) {
    .journal-slider__btn-next {
        right: 0;
    }
}

@media (min-width: 1100px) {
    .journal-slider__btn-next.swiper-button-disabled {
        display: flex;
        background: rgba(4, 127, 255, 0.15);
    }
}

.journal-slider__btn-prev {
    left: 8px;
}

@media (min-width: 700px) {
    .journal-slider__btn-prev {
        left: 24px;
    }
}

@media (min-width: 1100px) {
    .journal-slider__btn-prev {
        left: 0;
    }
}

@media (min-width: 1100px) {
    .journal-slider__btn-prev.swiper-button-disabled {
        display: flex;
        background: rgba(4, 127, 255, 0.15);
    }
}

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

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

@media (min-width: 1100px) {
    .breadcrumbs-list {
        column-gap: 32px;
    }
}

.breadcrumbs-list__item {
    position: relative;
    display: inline-flex;
    text-decoration: none;
    color: var(--gray);
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    transition: var(--transition);
    white-space: nowrap;
}

.breadcrumbs-list__item svg path {
    transition: var(--transition);
}

@media (hover: hover) {
    .breadcrumbs-list__item:not(:last-child):hover {
        color: var(--main-blue);
    }

    .breadcrumbs-list__item:not(:last-child):hover svg path {
        stroke: var(--main-blue);
    }
}

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

@media (min-width: 1100px) {
    .breadcrumbs-list__item:not(:last-child)::after {
        left: calc(100% + 15px);
    }
}

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

@media (min-width: 1100px) {
    .filter-btn {
        display: none;
    }
}

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

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

@media (hover: hover) {
    .view-switch:hover .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;
    top: 0;
    right: 0;
    background: var(--white);
    padding: 8px;
    padding-top: 0px;
    transform: translateX(-130%);
    transition: var(--transition);
}

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

@media (min-width: 1100px) {
    .filter {
        overflow: unset;
        position: static;
        z-index: 0;
        width: 268px;
        display: flex;
        opacity: 1;
        animation: none;
        transform: none;
    }
}

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

@media (min-width: 1100px) {
    .filter__close {
        display: none;
    }
}

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

@media (min-width: 1100px) {
    .filter__form {
        max-height: unset;
        overflow: unset;
        width: 268px;
    }
}

.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;
    box-shadow: 0px 16px 16px rgba(26, 28, 30, 0.3);
    border-radius: 24px;
    background: var(--white);
    border: 1px solid var(--light-blue);
    z-index: 21;
}

@media (min-width: 1100px) {
    .filter-action-block {
        display: none;
    }

    .filter__box_price{
        margin-bottom: 0;
    }
}

.filter-action-block__btn {
    width: 100%;
}

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

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

.filter__name_tooltip svg {
    cursor: pointer;
}

.filter__name_big {
    font-size: 18px;
}

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

.filter__header {
    display: flex;
    position: relative;
    align-items: center;
    padding-right: 10px;
}

.filter__header:hover {
    cursor: pointer;
}

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

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

.filter__box_blue .filter__header::after {
    content: none;
}

.filter__header_info::after {
    content: none;
}

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

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

.info-block svg {
    width: 24px;
    height: 24px;
}

.info-block_filter {
    margin-left: 8px;
}

.sticker {
    position: relative;
}

.info-box__description {
    position: relative;
}

.sticker:hover .info-block__text {
    display: block;
}

.info-block__open:hover ~ .info-block__text {
    display: block;
}

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

@media (min-width: 1100px) {
    .info-box__description:hover .info-block__text {
        bottom: 25px;
        top: unset;
    }
}

.price-block__description:hover .info-block__text {
    display: block;
}

@media (min-width: 1100px) {
    .price-block__description:hover .info-block__text {
        bottom: 30px;
    }
}

.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;
    color: var(--white);
    font-weight: 400;
    font-size: 12px;
    padding: 16px;
    background: var(--main-blue);
    border-radius: 16px;
}

@media (min-width: 1100px) {
    .info-block__text {
        left: -105px;
        top: unset;
        right: unset;
        bottom: 38px;
        transform: none;
    }
}

.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);
}

@media (min-width: 1100px) {
    .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: -60px;
}

@media (min-width: 1100px) {
    .info-block__text_filter {
        left: -105px;
    }
}

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

@media (min-width: 1100px) {
    .info-block__text_filter::after {
        left: 50%;
        transform: translateX(-50%);
    }
}

.info-block__text_sticker {
    left: 0px;
}

@media (min-width: 1100px) {
    .info-block__text_sticker {
        left: -90px;
    }
}

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

@media (min-width: 1100px) {
    .info-block__text_sticker::after {
        left: 50%;
        transform: translateX(-50%);
    }
}

.filter__box {
    display: flex;
    flex-direction: column;
    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;
}

.filter__box_blue {
    display: flex;
    flex-direction: column;
    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: transparent;
}

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

.filter__box_active .filter__block {
    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;
}

.filter__box_blue .filter__form-group_border:not(:last-child) {
    position: relative;
}

.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 {
    display: flex;
    align-items: center;
    column-gap: 8px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    color: var(--black);
}

.checkbox__input {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    appearance: none;
    cursor: pointer;
    width: 24px;
    height: 24px;
    margin: 0;
    flex-shrink: 0;
    border-radius: 6px;
    border: 2px solid #D4DAEA;
    transition: var(--transition) ease-out;
}

.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);
}

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

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

.filter__checkbox:disabled {
    opacity: 0.3;
}

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

.filter__count {
    white-space: nowrap;
    color: var(--gray);
}

.filter__checkbox {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    appearance: none;
    cursor: pointer;
    width: 24px;
    height: 24px;
    margin: 0;
    flex-shrink: 0;
    border-radius: 6px;
    border: 2px solid #D4DAEA;
    transition: var(--transition) ease-out;
}

.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_color:checked {
    border: 2px solid var(--main-blue);
}

.filter__checkbox:checked ~ .filter__label_circle {
    border: 2px solid var(--main-blue);
}

.filter__label {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    color: var(--black);
}

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

.filter__form-group_circle .filter__checkbox {
    display: none;
}

.filter__prices {
    display: flex;
    column-gap: 8px;
}

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

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

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

.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 {
    font-size: 14px;
    font-weight: 400;
}

.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;
}

@media (min-width: 1100px) {
    .radio-box {
        row-gap: 24px;
    }
}

.radio-box__mark {
    width: 24px;
    height: 24px;
    border: 2px solid #D4DAEA;
    border-radius: 50%;
    background: var(--white);
    transition: var(--transition);
}

.radio-box-input {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    appearance: none;
    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");
    background-size: 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");
    background-size: contain;
    width: 85px;
    height: 24px;
    top: 16px;
    right: 16px;
}

.radio-box-input:checked {
    border: 2px solid var(--main-blue);
}

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

.radio-box-input:disabled ~ * {
    opacity: 0.3;
}

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

.radio-input {
    cursor: pointer;
    appearance: none;
    width: 24px;
    height: 24px;
    border: 1px solid var(--light-blue);
    border-radius: 50%;
    background: var(--white);
    transition: var(--transition);
    margin: 0;
}

.radio-input:checked {
    border: 7.5px solid var(--main-blue);
}

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

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

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

.radio-btn__input:checked ~ * {
    color: var(--white);
}

.radio-btn__text {
    position: relative;
    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%;
    width: 100%;
    flex-grow: 1;
    width: 114px;
}

@media (min-width: 1100px) {
    .filter__price-container {
        max-width: 114px;
    }
}

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

.filter__price-input:focus {
    outline: none;
}

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

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

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

@media (min-width: 1100px) {
    .catalog {
        display: flex;
        column-gap: 24px;
    }
}

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

.product-grid_list {
    width: 100%;
}

.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__warning {
    display: none;
}

.product-grid_list .product-card-info {
    display: block;
}

.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;
}

@media (min-width: 950px) {
    .product-grid_list .product-card .product-card-info__item {
        margin-bottom: 0px;
    }
}

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

.product-grid_list .product-card__price-block {
    margin-bottom: 12px;
}

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

.product-grid_list .product-card .btn_light {
    display: none;
}

@media (min-width: 700px) {
    .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__name-link {
        margin-bottom: 16px;
    }

    .product-grid_list .product-card .stickers:not(.product-card__stickers_in-price) {
        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 {
        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;
    }

    .product-grid_list .product-card .product-card-info__item {
        flex-direction: row;
    }
}

@media (min-width: 1100px) {
    .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;
    }
}

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

.section-heading-filters {
    display: flex;
    row-gap: 16px;
    justify-content: space-between;
    flex-direction: column;
}

@media (min-width: 1100px) {
    .section-heading-filters {
        flex-direction: row;
    }
}

.section-heading-filters__main {
    display: flex;
    align-items: center;
    column-gap: 24px;
    justify-content: space-between;
}

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

.catalog-main {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    margin: 24px 0;
}

@media (min-width: 700px) {
    .catalog-main {
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
        margin: 36px 0;
    }
}

@media (min-width: 1100px) {
    .catalog-main {
        margin: 48px 0;
    }
}

.catalog-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: var(--black);
    padding: 48px 16px;
    border: 1px solid var(--light-blue);
    border-radius: 32px;
    transition: var(--transition);
}

@media (hover: hover) {
    .catalog-card:hover {
        transform: translateY(-4px);
        box-shadow: rgba(0, 0, 0, 0.1) 0 10px 20px;
    }
}

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

.catalog-card__text {
    font-size: 16px;
    font-weight: 500;
    color: var(--black);
    text-align: center;
}

.pagination {
    display: flex;
    column-gap: 4px;
    align-items: center;
    list-style-type: none;
    padding: 0;
    margin: 0 auto;
    width: fit-content;
    padding-top: 24px;
}

.pagination__item {
    display: inline-flex;
}

.pagination__item-link {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    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);
}

@media (min-width: 359px) {
    .pagination__item-link {
        width: 46px;
        height: 46px;
    }
}

@media (hover: hover) {
    .pagination__item-link:hover {
        background: var(--main-blue);
        color: var(--white);
        border: 1px solid var(--main-blue);
    }
}

.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: none;
    width: 35px;
    height: 35px;
    border-radius: 8px;
    border: 1px solid #EEEEF4;
    background: transparent;
    cursor: pointer;
}

@media (min-width: 359px) {
    .pagination__button {
        width: 46px;
        height: 46px;
    }
}

@media (hover: hover) {
    .pagination__button:hover {
        background: var(--main-blue);
        border: 1px solid var(--main-blue);
    }

    .pagination__button:hover svg path {
        fill: var(--white);
    }
}

.product-page {
    margin-top: 24px;
    margin-bottom: 36px;
}

@media (min-width: 1100px) {
    .product-page {
        margin-bottom: 72px;
    }
}

.product-page__banner {
    width: 170px;
    height: 250px;
    flex-grow: 1;
}

.product-page__banner_blockquote{
    position: relative;
}

.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;
}
@media (min-width: 562px) {
    .product-page__banner {
        height: auto;
    }
    .product-page__banner.main-categories-item:not(:last-child){
        min-height: 170px;
    }
}

@media (min-width: 700px) {
    .product-page__banner {
        width: 170px;

    }

    .product-page__banner .banner-title {
        max-width: unset;
    }
}

@media (min-width: 1100px) {

    .product-page__banner .banner-title {
        max-width: unset;
    }

    .product-page__banner:last-child {
        flex-grow: 1;
    }
}

@media (min-width: 1200px) {
    .product-page__banner {
        flex-grow: initial;
    }
}

/*@media (min-width: 1100px) {*/
/*  .product-page__banner:first-child {*/
/*    width: 200px;*/
/*    flex-grow: 0;*/
/*  }*/
/*}*/
/*@media (min-width: 1200px) {*/
/*  .product-page__banner:nth-child(2){*/
/*    width: 200px;*/
/*    flex-grow: 0;*/
/*  }*/

.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;
}

@media (min-width: 700px) {
    .product-page__banner:nth-child(2) .banner-title {
        font-size: 18px;
        line-height: 20px;
    }
}

.product-page__banner:last-child {
    max-height: unset;
    height: unset;
    min-width: 190px;
}

@media (min-width: 562px) {
    .product-page__banner:last-child {
        min-width: 250px;
    }
}

@media (min-width: 1200px) {
    .product-page__banner:last-child {
        min-width: 190px;
    }
}

/*@media (min-width: 700px) {*/
/*  .product-page__banner:last-child {*/
/*    height: 200px;*/
/*  }*/
/*}*/
/*.product-page__banner:last-child .banner-title {*/
/*    font-size: 18px;*/
/*    line-height: 120%;*/
/*    font-weight: 500;*/
/*}*/

.product-page__banner:last-child .banner-title {
    font-size: 14px;
    line-height: 140%;
    font-weight: 400;
}

@media (min-width: 562px) {
    .product-page__banner:last-child {
        height: unset;
        min-height: 170px;
    }


}

.product-page__banner .banner-text {
    padding: 5px 12px;
}

.product-page__banner:last-child .banner-text {
    padding: 0;
    background: transparent;
}

@media (hover: hover) {
    .product-page__banner:last-child:hover {
        box-shadow: none;
        transform: none;
    }
}

.product-page__banner .follow-btn {
    padding: 13px 16px;
}

/*.product-page__banner.main-categories-item:not(:last-child) {*/
/*  max-height: unset;*/
/*  height: 250px;*/
/*}*/
/*@media (min-width: 700px) {*/
/*  .product-page__banner.main-categories-item:not(:last-child) {*/
/*    height: 200px;*/
/*  }*/
/*}*/

.product-page__banners {
    grid-area: banners;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 24px;
}

@media (min-width: 1100px) {
    .product-page__banners {
        gap: 12px;
        margin-top: 36px;
    }
}

@media (min-width: 1100px) {
    .product-page__banners {
        column-gap: 12px;
        /*grid-row: 5;*/
        /*grid-column: 2/4;*/
    }
}
@media (min-width: 1200px) {
    .product-page__banners {
        position: sticky;
        top: 110px;
    }
}

.product-page__grid {
    display: grid;
    grid-template-areas: "header" "preview" "options" "main" "info" "description";
}

/*.product-page__grid_not-option {*/
/*    grid-template-areas: "header" "preview" "main" "info" "description";*/
/*}*/

@media (min-width: 700px) {
    .product-page__grid {
        grid-template-areas: "preview header" "preview options" "preview main" "preview info" "preview description";
    }

    /*.product-page__grid_not-option {*/
    /*    grid-template-areas: "preview header" "preview main" "preview info" "preview description";*/
    /*}*/
}

@media (min-width: 1200px) {
    .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__grid_not-option {*/
    /*    grid-template-areas: "preview header header" "preview info main" "description description main";*/
    /*    grid-template-rows: min-content auto 1fr;*/
    /*}*/
}

.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;
}

@media (min-width: 1100px) {
    .product-page__delivery-box {
        margin-bottom: 36px;
    }
}

.product-page__pay-box {
    grid-area: pay;
    margin-bottom: 24px;
}

@media (min-width: 1100px) {
    .product-page__pay-box {
        margin-bottom: 36px;
    }
}

.product-page-preview-wrapper {
    grid-area: preview;
    position: relative;
}

@media (min-width: 700px) {
    .product-page-preview-wrapper {
        margin-right: 24px;
    }
}

.product-page-header {
    grid-area: header;
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

@media (min-width: 700px) {
    .product-page-header {
        margin-bottom: 24px;
    }
}

/*@media (min-width: 1100px) {*/
/*    .product-page-header {*/
/*        margin-bottom: 36px;*/
/*    }*/
/*}*/

.product-page__main {
    grid-area: main;
    display: grid;
    grid-template-areas: "stickers" "price-block" "split" "service" "buttons" "pay" "delivery" "info";
}

@media (min-width: 1200px) {
    .product-page__main {
        grid-column: unset;
        max-width: 500px;
        align-self: flex-start;
    }
}

.product-page__description {
    grid-area: description;
}

@media (min-width: 1200px) {
    .product-page__description {
        margin-right: 36px;
    }
}

.product-page-box_in-grid {
    grid-area: info;
}



@media (min-width: 1100px) {
    .product-page-box_in-grid {
        margin-right: 36px;
    }
}

.product-page__stickers {
    grid-area: stickers;
    margin-bottom: 4px;
}

.product-page-header__inner {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

@media (min-width: 1100px) {
    .product-page-header__inner {
        flex-direction: row;
        justify-content: space-between;
    }
}

.product-description__content {
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    margin-top: 24px;
}

@media (min-width: 1100px) {
    .product-description__content {
        margin-top: 36px;
    }
}

.product-description__title {
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 24px 0;
}

.product-page-header__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.product-page-header__article-number {
    font-size: 12px;
    font-weight: 500;
    color: var(--gray);
}

@media (min-width: 1100px) {
    .product-page-header__article-number {
        margin: 0 auto;
        padding: 0 10px;
    }
}

.product-page-header__article-number_desktop {
    display: none;
}

@media (min-width: 1100px) {
    .product-page-header__article-number_desktop {
        display: block;
        padding: 0;
        margin: 0;
        margin-right: auto;
    }
}

.product-page-header__article-number:not(.product-page-header__article-number_desktop) {
    display: block;
}

@media (min-width: 1100px) {
    .product-page-header__article-number:not(.product-page-header__article-number_desktop) {
        display: none;
    }
}

.product-page-button {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
    color: var(--gray);
    column-gap: 4px;
    cursor: pointer;
    width: fit-content;
    white-space: nowrap;
}

.product-page-button.active {
    color: var(--main-blue);
}

@media (hover: hover) {
    .product-page-button:hover {
        color: var(--main-blue);
    }

    .product-page-button:hover svg path {
        stroke: var(--main-blue);
    }
}

.product-page-header__buttons {
    display: flex;
    align-items: center;
    column-gap: 12px;
    flex-shrink: 0;
}

@media (min-width: 1100px) {
    .product-page-header__buttons {
        max-width: 440px;
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .product-page-header__buttons {
        max-width: 497px;
    }
}

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

.product-page-option__list_max-gap {
    column-gap: 8px;
}

.product-page-options {
    display: flex;
    grid-area: options;
    flex-direction: column;
    row-gap: 16px;
    margin-bottom: 24px;
}

@media (min-width: 1100px) {
    .product-page-options {
        margin-right: 36px;
        min-width: 270px;
    }
}

@media (min-width: 1200px) {
    .product-page-options {
        margin-bottom: 36px;
    }
}

.product-page-option {
    display: flex;
    align-items: center;
    column-gap: 4px;
    row-gap: 8px;
    flex-wrap: wrap;
}

.product-page-option_color{
    column-gap: 8px;
}

.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;
    text-decoration: none;
    border-radius: 8px;
    transition: var(--transition);
}

@media (hover: hover) {
    .option-btn:hover {
        color: var(--white);
        background: #656771;
    }
}

.option-btn_active {
    color: var(--white);
    background: #656771;
}

.product-page-box__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-page-box__main {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
}

@media (min-width: 1100px) {
    .product-page-box__main_columns {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0;
    }

    .product-page-box__main_columns .info-box:not(:last-child) {
        margin-bottom: 24px;
    }
}

.product-card-info_product-page {
    grid-area: info;
    /*margin-bottom: 24px;*/
}

.product-card-info__link {
    border: none;
    background: transparent;
    padding: 0;
}

.product-page-box {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
}

.product-page-box_mobile{
    display: flex;
}
.product-page-box_desktop{
    display: none;

}
.product-page-option + .product-page-box_desktop{
    margin-top: 20px;
}

@media (min-width: 1200px) {
    .product-page-box_mobile{
        display: none;
    }
    .product-page-box_desktop{
        display: flex;
    }
}

.info-box {
    display: flex;
    column-gap: 12px;
    text-decoration: none;
}

@media (hover: hover) {
    .info-box_link:hover .info-box__title {
        color: var(--main-blue);
    }
}

.info-box__icon {
    width: 24px;
    height: 24px;
    object-fit: cover;
}

.info-box__main {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
}

.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);
    font-variant-numeric: tabular-nums;
}

.info-box__description_red {
    color: var(--red);
}

.product-set {
    display: flex;
    flex-direction: column;
    gap: 52px;
    flex-wrap: wrap;
}

@media (min-width: 1100px) {
    .product-set {
        row-gap: 36px;
        flex-direction: row;
    }
}

.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;
}

@media (min-width: 1100px) {
    .product-set-card:not(:nth-child(4))::after {
        top: 50%;
        transform: translate(100%, -50%);
        right: -8px;
        bottom: unset;
        left: unset;
    }
}

.product-set-card:nth-child(1)::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");
}

@media (min-width: 1100px) {
    .product-set-card {
        grid-template-areas: "img" "title" "set-price";
        max-width: 280px;
        grid-template-columns: unset;
    }
}

.product-set-card__title {
    grid-area: title;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    color: var(--black);
    margin-bottom: 16px;
    height: fit-content;
    transition: var(--transition);
}

@media (hover: hover) {
    .product-set-card__title:hover {
        color: var(--main-blue);
    }
}

.product-set-result {
    display: flex;
    flex-direction: column;
    padding: 24px;
    border: 1px solid #EEEEF4;
    border-radius: 24px;
    row-gap: 32px;
}

@media (min-width: 700px) {
    .product-set-result {
        row-gap: 62px;
    }
}

@media (min-width: 1100px) {
    .product-set-result {
        row-gap: 53px;
        flex-grow: 1;
        width: 300px;
    }
}

.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;
}

.product-set-price_old {
    text-decoration: line-through;
    color: var(--gray);
}

.product-set-price__stickers {
    grid-area: stickers;
}

.product-set-price__wrapper {
    row-gap: 4px;
}

.product-set-card__img-wrapper {
    grid-area: img;
    margin-top: auto;
    display: block;
    width: 80px;
    height: 80px;
    grid-row: 1;
}

@media (min-width: 1100px) {
    .product-set-card__img-wrapper {
        max-width: 232px;
        height: 232px;
        max-height: 232px;
        width: 200px;
        flex-grow: 1;
        margin: 0 auto;
        margin-bottom: 24px;
    }
}

.product-set-card__img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.product-page-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    width: 304px;
    height: 304px;
    margin-top: 24px;
}

@media (min-width: 700px) {
    .product-page-slider {
        margin-top: 0;
    }
}

@media (min-width: 1100px) {
    .product-page-slider {
        width: 464px;
        height: 464px;
    }
}

.product-page-slider__wrapper {
    display: flex;
    height: 100%;
}

.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 {
    /*position: sticky;*/
    top: 100px;
    width: 100%;
    max-width: 304px;
    margin: 0 auto;
    margin-bottom: 24px;
}

@media (min-width: 700px) {
    .product-page-preview {
        position: sticky;
        margin: 0;
    }
}

@media (min-width: 1100px) {
    .product-page-preview {
        max-width: 464px;
    }
}

@media (min-width: 1200px) {
    .product-page-preview {
        position: initial;
    }
}

.product-page-preview__stickers {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.product-page-slider-thumbs {
    overflow: hidden;
}

.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:hover,
.product-page-slider-thumbs__slide_review:focus {
    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;
}

.swiper-slide-thumb-active.product-page-slider-thumbs__slide {
    border: 1px solid var(--main-blue);
}

.product-page-slider-thumbs__img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.product-page-slider-thumbs__wrapper {
    display: flex;
}

.service-block {
    grid-area: service;
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    margin-bottom: 24px;
}

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

.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;
}

.service-block__list {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
}

.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__top {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}

.split-block__btn {
    background: #DCDEEF;
}

.split-block__btn {
    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 {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
}

.split-part__indicator {
    background: #D4D6EA;
    border-radius: 4px;
    height: 4px;
}

.split-part__indicator_active {
    background: var(--main-blue);
}

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

.split-block__title {
    font-size: 14px;
    font-weight: 500;
    color: var(--black);
}

.split-block__description {
    font-size: 12px;
    font-weight: 400;
    color: var(--gray);
}

.split-block__text {
    font-size: 12px;
    font-weight: 400;
}

.split-part__name {
    font-size: 12px;
    font-weight: 400;
    color: var(--gray);
}

.split-part__name_active {
    color: var(--black);
}

.split-block__tooltip-icon {
    display: inline-flex;
}

.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;
}

@media (min-width: 1100px) {
    .product-page-buttons {
        flex-direction: row;
        margin-bottom: 36px;
    }
}

.product-page-buttons__busket {
    padding: 12px;
    width: 100%;
    font-size: 14px;
}

@media (min-width: 1100px) {
    .product-page-buttons__busket {
        width: 200px;
        flex-grow: 1;
    }
}

.product-page-buttons__box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 16px;
    flex-grow: 1;
    width: 100%;
}

@media (min-width: 1100px) {
    .product-page-buttons__box {
        width: 179px;
    }
}

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

.product-page-buttons__text {
    font-size: 12px;
    font-weight: 500;
    color: var(--gray);
}

.delivery-subbox {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}

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

.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: bold;
    color: var(--main-blue);
}

@media (min-width: 1100px) {
    .blue-box__text  {
        font-size: 14px;
    }
}

.blue-box__text_black {
    font-weight: 500;
    color: var(--black);
}

.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 {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}

.price-block-wrapper__top {
    display: grid;
    grid-template-columns: minmax(0px, 170px) minmax(0px, 170px);
    gap: 16px;
    align-items: center;
}

@media (min-width: 700px) {
    .price-block-wrapper__top {
        gap: 8px;
    }
}

.price-block-wrapper__inner {
    display: grid;
    grid-template-columns: minmax(0px, 170px) minmax(0px, 170px);
    gap: 16px;
}

@media (min-width: 700px) {
    .price-block-wrapper__inner {
        gap: 8px;
    }
}

.price-block {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}

.price-block__price {
    white-space: nowrap;
    font-size: 28px;
    color: var(--black);
    font-weight: 500;
}

@media (min-width: 1100px) {
    .price-block__price {
        font-size: 32px;
    }
}

.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);
}

.price-block__description_red, .price-block__desctiption_red {
    color: var(--red);
}

.price-block__description_gray, .price-block__desctiption_gray {
    color: var(--gray);
}

.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;
}

@media (min-width: 700px) {
    .alt-price-link {
        width: 143px;
    }
}

@media (hover: hover) {
    .alt-price-link:hover {
        transform: translateY(-4px);
        box-shadow: rgba(0, 0, 0, 0.1) 0 10px 20px;
    }
}

.alt-price-link__label {
    font-size: 12px;
    font-weight: 400;
    color: var(--gray);
}

.alt-price-link__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.max-video-btn {
    position: absolute;
    display: flex;
    column-gap: 4px;
    align-items: center;
    font-family: var(--alt-font);
    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;
}

.max-video-btn__icon-svg {
    width: 14px;
    height: 14px;
}

.comparison-page {
    display: flex;
    flex-direction: column;
    position: relative;
}

@media (min-width: 1100px) {
    .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 {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    width: 183px;
    height: 100%;
}

@media (min-width: 700px) {
    .mini-product-card {
        width: 304px;
    }
}

@media (min-width: 1100px) {
    .mini-product-card {
        width: 256px;
    }
}

.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;
}

@media (min-width: 1100px) {
    .mini-product-card__prices {
        flex-direction: row;
        column-gap: 8px;
    }
}

.mini-product-card__price {
    font-size: 14px;
    font-weight: 500;
    color: var(--black);
    white-space: nowrap;
}

@media (min-width: 1100px) {
    .mini-product-card__price {
        font-size: 18px;
    }
}

.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);
}

@media (hover: hover) {
    .mini-product-card__title:hover {
        color: var(--main-blue);
    }
}

@media (min-width: 1100px) {
    .mini-product-card__title {
        font-size: 14px;
    }
}

.mini-product-card__main {
    display: flex;
    column-gap: 16px;
}

.mini-product-card__img {
    width: 64px;
    height: 64px;
    object-fit: contain;
}

.comparison-slider {
    grid-area: slider;
    overflow: hidden;
    position: sticky;
    top: 100px;
    z-index: 2;
    top: 80px;
    padding-top: 24px;
    background: var(--white);
    height: fit-content;
    padding-bottom: 10px;
}

@media (min-width: 1100px) {
    .comparison-slider {
        top: 96px;
    }
}

.comparison-slider__wrapper {
    display: flex;
}

.comparison-table {
    grid-area: data;
    display: flex;
    flex-direction: column;
    row-gap: 28px;
    margin-top: 36px;
}

@media (min-width: 1100px) {
    .comparison-table {
        margin-top: 0;
        row-gap: 48px;
    }
}

.comparison-table__name {
    font-size: 14px;
    font-weight: 400;
    color: var(--black);
    flex-shrink: 0;
}

@media (min-width: 1100px) {
    .comparison-table__name {
        width: 268px;
    }
}

.comparison-row-slider {
    overflow: hidden;
}

.comparison-table__row {
    display: flex;
}

.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;
}

@media (min-width: 1100px) {
    .comparison-table__section:not(:last-child)::after {
        top: calc(100% + 24px);
    }
}

@media (min-width: 700px) {
    .comparison-table__section {
        row-gap: 12px;
    }
}

@media (min-width: 1100px) {
    .comparison-table__section {
        flex-direction: row;
        column-gap: 36px;
        align-items: center;
    }
}

.comparison-table__section_modal {
    display: grid;
}

.comparison-table__section_modal * {
    width: 100%;
}

@media (min-width: 700px) {
    .comparison-table__section_modal {
        grid-template-columns: repeat(2, 1fr);
    }
}

.comparison-table__cell {
    font-size: 14px;
    font-weight: 500;
    color: var(--black);
    width: 183px;
    flex-shrink: 0;
}

@media (min-width: 700px) {
    .comparison-table__cell {
        width: 304px;
    }
}

@media (min-width: 1100px) {
    .comparison-table__cell {
        width: 257px;
    }
}

.comparison-table__cell_modal {
    max-width: 100%;
    width: 100%;
}

.comparison-page__top {
    display: flex;
    flex-direction: column;
    gap: 36px;
}

@media (min-width: 1100px) {
    .comparison-page__top {
        flex-direction: row;
    }
}

.comparison-settings {
    grid-area: settings;
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    flex-shrink: 0;
    margin-bottom: 12px;
}

@media (min-width: 1100px) {
    .comparison-settings {
        width: 268px;
        margin: 24px 0;
    }
}

.comparison-settings__buttons {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    width: fit-content;
}

.comparison-settings__btn {
    cursor: pointer;
    border: none;
    background: transparent;
    color: var(--main-blue);
    font-size: 14px;
    font-weight: 500;
    transition: var(--transition);
    padding: 0;
    text-decoration: none;
}

@media (hover: hover) {
    .comparison-settings__btn:hover {
        color: var(--main-blue-hover);
    }
}

.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;
    column-gap: 8px;
    cursor: pointer;
    font-weight: 400;
    font-size: 14px;
    color: var(--black);
    text-decoration: none;
    transition: var(--transition);
}

.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;
}

@media (hover: hover) {
    .comparison-settings__sort-button:hover {
        color: var(--main-blue);
    }
}

.comparison-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 24px;
}

@media (min-width: 1100px) {
    .comparison-categories {
        margin-bottom: 0;
    }
}

.comparison-category {
    display: flex;
    align-items: center;
    column-gap: 8px;
    padding: 6px 6px 6px 12px;
    border-radius: 8px;
    background: var(--light-blue);
    color: var(--gray);
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: var(--transition);
}

@media (hover: hover) {
    .comparison-category:hover {
        background: var(--main-blue);
        color: var(--white);
    }

    .comparison-category:hover .comparison-category__count {
        background: hsla(0, 0%, 100%, 0.2);
    }
}

.comparison-category_active {
    background: var(--main-blue);
    color: var(--white);
}

.comparison-category_active .comparison-category__count {
    background: hsla(0, 0%, 100%, 0.2);
}

.comparison-category__count {
    padding: 3px 4px;
    background: var(--white);
    border-radius: 4px;
    font-size: 12px;
}

.layout-main {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    row-gap: 16px;
    grid-template-areas: "title" "contact-content" "map" "contact-form";
}

@media (min-width: 700px) {
    .layout-main_contact {
        display: grid;
        column-gap: 20px;
        grid-template-areas: "title contact-form" "contact-content contact-form" "map map";
    }
}

@media (min-width: 1100px) {
    .layout-main_contact {
        column-gap: 24px;
        row-gap: 36px;
        grid-template-rows: auto 1fr;
    }
}

.layout-main__title {
    grid-area: title;
    margin-bottom: 16px;
    height: fit-content;
}

@media (min-width: 1100px) {
    .layout-main__title {
        margin-bottom: 24px;
    }
}

.account-main {
    display: flex;
    flex-direction: column;
    width: 100%;
    row-gap: 36px;
}

@media (min-width: 700px) {
    .account-main {
        flex-direction: row;
        align-items: center;
        align-self: flex-start;
    }
}

.account-main__text {
    font-size: 16px;
    font-weight: 400;
    color: var(--black);
    text-decoration: none;
}

.account-main__text_max {
    font-weight: 500;
    font-size: 18px;
}

@media (hover: hover) {
    a.account-main__text:hover {
        text-decoration: underline;
    }
}

.account-main__info {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
}

.account-main__right {
    display: flex;
    flex-direction: column;
    row-gap: 36px;
    padding: 24px;
    flex-grow: 1;
}

.account-main__right-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

@media (min-width: 700px) {
    .account-main__right-box {
        flex-wrap: nowrap;
    }
}

.account-main__content {
    display: flex;
    flex-direction: column;
    row-gap: 36px;
    width: 100%;
    align-self: flex-start;
}

@media (min-width: 700px) {
    .account-main__content {
        max-width: 466px;
    }
}

@media (min-width: 1100px) {
    .account-main__content {
        max-width: 600px;
    }
}

.aside {
    display: flex;
    width: 100%;
    flex-direction: column;
    row-gap: 16px;
}

@media (min-width: 1100px) {
    .aside {
        width: 268px;
        flex-shrink: 0;
    }
}

.aside__dropdown {
    width: 100%;
}

.aside__list {
    display: flex;
}

@media (min-width: 1100px) {
    .aside__list {
        flex-direction: column;
        row-gap: 4px;
    }
}

.aside__list.dropdown__menu {
    background: var(--main-blue);
    top: calc(100% - 2px);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    display: none;
}

.aside__list.dropdown__menu.dropdown__menu_active {
    display: flex;
}

@media (min-width: 1100px) {
    .aside__list.dropdown__menu {
        display: flex;
        position: static;
        background: transparent;
    }
}

.aside-menu-btn {
    display: flex;
    width: 100%;
    color: var(--white);
    justify-content: start;
    background: var(--main-blue);
}

@media (min-width: 1100px) {
    .aside-menu-btn {
        display: none;
    }
}

.aside-menu-btn.dropdown__btn {
    transition: 0s;
}

.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__title {
    font-size: 18px;
    font-weight: 500;
    color: var(--black);
}

.aside-btn {
    display: flex;
    column-gap: 8px;
    align-items: center;
    padding: 16px;
    border-radius: 8px;
    transition: var(--transition);
    color: var(--black);
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
    color: var(--white);
    background: var(--main-blue);
    position: relative;
}

@media (min-width: 1100px) {
    .aside-btn {
        padding: 20px;
    }
}

.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;
}

.aside-btn svg path {
    stroke: var(--white);
}

@media (min-width: 1100px) {
    .aside-btn {
        background: var(--light-blue);
        color: var(--black);
    }

    .aside-btn::after {
        display: none;
    }

    .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;
    }
}

@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: transparent;
    border: none;
    font-weight: 500;
    font-size: 16px;
    color: var(--black);
    padding: 0;
}

.aside-btn [type=submit] {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    cursor: pointer;
}

.aside-btn__svg {
    display: inline-flex;
}

.aside-btn__svg path {
    transition: var(--transition);
    stroke: var(--black);
}

.orders {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}

@media (min-width: 1100px) {
    .orders {
        row-gap: 24px;
    }
}

.order-item__header {
    display: flex;
    flex-wrap: wrap;
    column-gap: 36px;
    row-gap: 12px;
    align-items: center;
}

.order-item__list {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
}

.order-card {
    display: flex;
    column-gap: 16px;
}

.order-card__content {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}

@media (min-width: 1100px) {
    .order-card__content {
        max-width: 491px;
    }
}

.order-card__data {
    display: flex;
    flex-direction: column;
    column-gap: 36px;
    row-gap: 8px;
}

@media (min-width: 1100px) {
    .order-card__data {
        display: grid;
    }
}

.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;
}

.order-card__img {
    width: 80px;
    height: 80px;
    object-fit: contain;
}

@media (min-width: 1100px) {
    .order-card__img {
        width: 148px;
        height: 148px;
    }
}

.order-label {
    font-size: 14px;
    font-weight: 400;
    color: var(--gray);
}

.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);
}

@media (min-width: 1100px) {
    .order-item {
        max-width: 800px;
        width: 100%;
    }
}

.order-item .btn {
    margin-left: auto;
}

a.order-title {
    transition: var(--transition);
}

@media (hover: hover) {
    a.order-title:hover {
        color: var(--main-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");
    width: 16px;
    height: 16px;
    object-fit: contain;
}

.status_cancel {
    color: var(--red);
}

.status_cancel::before {
    content: url("../images/status/cancel.svg");
    width: 16px;
    height: 16px;
    object-fit: contain;
}

.status_return {
    color: var(--orange);
}

.status_return::before {
    content: url("../images/status/return.svg");
    width: 16px;
    height: 16px;
    object-fit: contain;
}

.modal {
    overflow: hidden;
}

.modal_min.fancybox__content {
    max-width: 374px;
    width: 100%;
}

@media (min-width: 700px) {
    .modal_min.fancybox__content {
        max-width: 460px;
    }
}

.modal_avg.fancybox__content {
    max-width: 374px;
    width: 100%;
}

@media (min-width: 700px) {
    .modal_avg.fancybox__content {
        max-width: 600px;
    }
}

.modal_max.fancybox__content {
    max-width: 800px;
    width: 100%;
}

.modal_blog.fancybox__content {
    max-width: 886px;
}

.modal_geo .f-button.is-close-btn {
    display: none;
}

.modal_geo.fancybox__content {
    max-width: 280px;
    width: 100%;
    position: absolute;
    left: 20px;
    top: 20px;
}

.modal.fancybox__content {
    padding: 24px;
    border: 1px solid #EEEEF4;
    max-height: 100vh;
    padding-right: 8px;
}

.modal p {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    color: var(--black);
}

.modal .comparison-table__section::after {
    top: calc(100% + 16px);
}

.modal .comparison-table__section:first-child {
    border-top: 1px solid var(--light-blue);
}

.modal .comparison-table__section:first-child {
    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;
}

@media (min-width: 1100px) {
    .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-title {
    font-size: 24px;
    font-weight: 900;
    color: var(--black);
    font-family: var(--alt-font);
}

.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%;
}

@media (min-width: 700px) {
    .modal-box__buttons {
        flex-direction: row;
    }
}

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

.modal-text_gray {
    color: var(--gray);
}

.modal-text_gray * {
    color: var(--gray);
}

@media (min-width: 700px) {
    .modal-text_max {
        font-size: 16px;
        line-height: 18px;
    }
}

.modal-text_center {
    text-align: center;
}

@media (hover: hover) {
    .modal-text a:hover {
        text-decoration: none;
    }
}

.modal-box__label {
    width: 100%;
}

.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";
}

@media (min-width: 700px) {
    .modal-product {
        grid-template-areas: "img name" "img price" "img switch" "img 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);
}

@media (hover: hover) {
    .modal-product__title:hover {
        color: var(--main-blue);
    }
}

.modal-product__img {
    width: 80px;
    height: 80px;
    object-fit: contain;
}

@media (min-width: 700px) {
    .modal-product__img {
        width: 148px;
        height: 148px;
    }
}

.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;
}

@media (min-width: 1100px) {
    .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;
    }
}

.modal-search-result__item {
    position: relative;
    border: none;
    background: transparent;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    padding: 0;
    text-align: left;
    transition: var(--transition);
    cursor: pointer;
}

@media (hover: hover) {
    .modal-search-result__item:hover {
        color: var(--main-blue);
    }
}

.modal-search-result__item.hide {
    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;
    font-size: 16px;
    font-weight: 400;
    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{
    font-size: 16px;
    font-weight: 400;
    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 .swiper-slide .product-card{*/
/*    width: 238px;*/
/*}*/

.modal-box_article .product-slider{
    padding-left: 0;
    /*padding-right: 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{
    width: 100%;
}

.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;
}

@media (min-width: 1100px) {
    .contact-form__box {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

.contact-form__top {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
}

.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;
    font-family: var(--alt-font);
}

@media (min-width: 1100px) {
    .contact-form__title {
        font-weight: 500;
        font-family: var(--main-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;
}

@media (min-width: 700px) {
    .contact-page__content {
        gap: 24px;
    }
}

@media (min-width: 1100px) {
    .contact-page__content {
        gap: 36px;
    }
}

.contact-text-box {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
}

.contact-text-box a {
    text-decoration: none;
}

.contact-text-box:last-child {
    grid-column: 1/3;
}

.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);
    font-variant-numeric: tabular-nums;
}

.contact-text-box__value_link {
    text-decoration: none;
}

@media (hover: hover) {
    .contact-text-box__value_link:hover {
        color: var(--main-blue);
    }
}

.article {
    font-size: 14px;
    font-weight: 400;
    color: var(--black);
}

.article p {
    margin-bottom: 12px;
}

.article p:first-child {
    margin-top: 0;
}

.article ul {
    padding-left: 23px;
    margin: 12px 0;
}

.article h2 {
    font-size: 24px;
    font-family: var(--alt-font);
    font-weight: 800;
    margin: 0 auto;
    margin-bottom: 36px;
    line-height: 26px;
    max-width: 1000px;
    color: var(--black);
}

@media (min-width: 700px) {
    .article h2 {
        text-align: center;
    }
}

@media (min-width: 1100px) {
    .article h2 {
        font-size: 32px;
        line-height: 34px;
    }
}

.article h3 {
    margin-top: 36px;
    margin-bottom: 24px;
    font-size: 24px;
    line-height: 26px;
    font-weight: 500;
}

.article h4 {
    margin-top: 36px;
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 12px;
}

.article *:last-child {
    margin-bottom: 0;
}

.article a {
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    color: var(--main-blue);
    transition: var(--transition);
    text-decoration: none;
}

@media (hover: hover) {
    .article a:hover {
        color: var(--main-blue-hover);
    }
}

.warranty-boxes {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex-wrap: wrap;
}

@media (min-width: 700px) {
    .warranty-boxes {
        flex-direction: row;
    }
}

@media (min-width: 1100px) {
    .warranty-boxes {
        gap: 24px;
    }
}

.warranty-box {
    display: flex;
    flex-direction: column;
    row-gap: 14px;
    padding: 24px;
    border-radius: 24px;
}

@media (min-width: 700px) {
    .warranty-box {
        flex-grow: 1;
        width: 200px;
    }
}

@media (min-width: 1100px) {
    .warranty-box {
        row-gap: 24px;
    }
}

.warranty-box_green {
    background: var(--light-green);
}

.warranty-box_orange {
    background: var(--light-orange);
}

.warranty-box_purple {
    background: #FFEBE5;
}

.warranty-page {
    display: flex;
    column-gap: 24px;
    row-gap: 16px;
    flex-direction: column;
}

@media (min-width: 1100px) {
    .warranty-page {
        flex-direction: row;
    }
}

.warranty-page-box {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    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-page__main {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

@media (min-width: 1100px) {
    .warranty-page-box{
        width: Min(Max(300px, 29vw), 416px);
    }
    .warranty-page__main {
        row-gap: 24px;
        flex: 1 1 0
    }
}

.warranty-box__label {
    font-size: 14px;
    font-weight: 500;
    color: var(--black);
}

.warranty-box__value {
    font-size: 18px;
    font-weight: bold;
    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;
    border: 1px solid var(--light-blue);
    border-radius: 24px;
    padding-bottom: 0;
}

.form-section__btn {
    margin-bottom: 24px;
}

.form-layout {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    width: 100%;
}

.form-group {
    display: flex;
    gap: 24px;
    margin-bottom: 24px;
    flex-direction: column;
}

@media (min-width: 1100px) {
    .form-group_two-columns {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

.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: 324px;*/
    max-width: none;
    gap: 24px;
    grid-template-columns: repeat(2, 1fr);
}

@media (min-width: 1100px) {
    .form-group_four-columns {
        max-width: unset;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
    }
}

.form-group_min {
    max-width: fit-content;
    column-gap: 4px;
    flex-direction: row;
}

@media (min-width: 1100px) {
    .form-group {
        flex-direction: row;
        flex-wrap: wrap;
    }
}

.form-section-title {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 24px;
}

.form-section__subtitle {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 24px;
}

@media (min-width: 1100px) {
    .form-section__limited-box {
        max-width: 572px;
    }
}

.form-group__radio-box {
    width: 100%;
    height: 100%;
}

.cart-layout {
    display: flex;
}

.ordered-product {
    display: flex;
    column-gap: 16px;
}

@media (min-width: 1100px) {
    .ordered-product {
        width: 200px;
        flex-grow: 1;
    }
}

.ordered-product__main {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

.ordered-product__img {
    width: 64px;
    height: 64px;
    object-fit: contain;
}

.ordered-products__list {
    display: flex;
    flex-direction: column;
    gap: 24px;
    flex-wrap: wrap;
}

@media (min-width: 1100px) {
    .ordered-products__list {
        flex-direction: row;
    }
}

.ordered-product__title {
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    color: var(--black);
    text-decoration: none;
    transition: var(--transition);
}

@media (hover: hover) {
    .ordered-product__title:hover {
        color: var(--main-blue);
    }
}

.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__checkbox {
    font-size: 14px;
    font-weight: 500;
    color: var(--gray);
}

.cart-products {
    display: flex;
    flex-direction: column;
    row-gap: 36px;
}

.cart-product {
    display: flex;
    column-gap: 16px;
}

.cart-page__title {
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
}

@media (min-width: 1100px) {
    .cart-page__title {
        font-size: 24px;
        line-height: 26px;
    }
}

.quantity-switch {
    display: flex;
    align-items: center;
    border-radius: 8px;
    color: var(--black);
    font-size: 14px;
    font-weight: 500;
    background: var(--light-blue);
    width: fit-content;
}

.quantity-switch__input {
    display: flex;
    width: fit-content;
    font-weight: 500;
    border: none;
    appearance: none;
    min-width: 0;
    width: 29px;
    outline: none;
    height: 17px;
    justify-content: center;
    align-items: center;
    background: transparent;
    text-align: center;
}

.quantity-switch__btn {
    cursor: pointer;
    padding: 8px 12px 8px 12px;
}

.quantity-switch__btn_disabled {
    color: var(--gray);
}

@media (hover: hover) {
    .quantity-switch__btn_disabled:hover {
        color: var(--gray);
    }
}

@media (hover: hover) {
    .quantity-switch__btn:hover {
        color: var(--main-blue);
    }
}

.cart-product__img {
    width: 80px;
    height: 80px;
    object-fit: contain;
}

@media (min-width: 1100px) {
    .cart-product__img {
        width: 148px;
        height: 148px;
    }
}

.cart-product__title {
    font-weight: 500;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
    color: var(--black);
    transition: var(--transition);
}

.cart-product__title:hover {
    color: var(--main-blue);
}

@media (min-width: 1100px) {
    .cart-product__title {
        font-size: 18px;
    }
}

.cart-product__title-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}

.cart-page__clear {
    display: flex;
    align-items: center;
    column-gap: 4px;
    color: var(--gray);
    transition: var(--transition);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

.cart-page__clear svg path {
    transition: var(--transition);
}

@media (hover: hover) {
    .cart-page__clear:hover {
        color: var(--red);
    }

    .cart-page__clear:hover svg path {
        stroke: var(--red);
    }
}

.cart-product__checkbox {
    align-self: flex-start;
}

.cart-product__bottom {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-top: auto;
    flex-wrap: wrap;
}

@media (min-width: 1100px) {
    .cart-product__bottom {
        flex-wrap: nowrap;
    }
}

.cart-product__mini-buttons {
    display: flex;
    align-items: center;
    column-gap: 12px;
}

.cart-page__top-buttons {
    display: flex;
    align-items: center;
    column-gap: 16px;
}

.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;
}

@media (min-width: 1100px) {
    .cart-product__price {
        font-size: 24px;
        line-height: 26px;
    }
}

.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;
}

@media (min-width: 1100px) {
    .cart-product__top {
        flex-direction: row;
        align-items: center;
    }
}

.cart-product__content {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    width: 100%;
}

.cart-product__price-block {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

@media (min-width: 1100px) {
    .cart-product__price-block {
        flex-wrap: nowrap;
        flex-shrink: 0;
    }
}

.form-item {
    width: 100%;
}

@media (min-width: 1100px) {
    .form-item_size_default {
        width: 300px;
    }
}

.form-item__inn {
    grid-column: 1/3;
}

.form-group__btn {
    width: 100%;
}

@media (min-width: 700px) {
    .form-group__btn {
        width: fit-content;
    }
}

.promocode__form-item {
    flex-grow: 1;
}

.sticky-box {
    display: none;
    position: fixed;
    box-shadow: 0px 16px 16px rgba(26, 28, 30, 0.3);
    border-radius: 24px;
    background: #FFFFFF;
    border: 1px solid #EBF0FF;
    width: 98%;
    bottom: 10px;
    z-index: 6;
    left: 50%;
    transform: translateX(-50%);
    right: 0;
}

.sticky-box__inner {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

.sticky-box_active {
    display: block;
}

@media (min-width: 700px) {
    .sticky-box {
        display: none;
    }
}

.sticky-box .totals {
    padding: 24px;
}

.cart__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%;
    display: none;
}

.cart__error * {
    margin: 0;
}

.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%;
}

.login-error * {
    color: var(--black);
    margin: 0;
}

.login-error *.errortext {
    color: var(--black);
}

.question-block {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    margin: 0 auto;
}

@media (min-width: 1100px) {
    .question-block {
        max-width: 708px;
    }
}

.resale-quiz {
    display: flex;
    flex-direction: column;
    row-gap: 36px;
}

.quiz {
    margin-bottom: 120px;
}

.quiz .select {
    scroll-margin-top: 300px;
}

.resale-quiz-item {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    align-items: center;
}

.resale-quiz-item__group {
    display: flex;
    column-gap: 4px;
}

.resale-quiz__title {
    margin-bottom: 24px;
}

@media (min-width: 1100px) {
    .resale-quiz__title {
        font-size: 36px;
    }
}

.quiz-item {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    align-items: center;
    margin: 0 auto;
    max-width: 952px;
}

.section-item:first-child > .quiz-item, .section_layer:first-child {
    padding-top: 36px;
}

@media (min-width: 1100px) {
    .section-item:first-child > .quiz-item, .section_layer:first-child {
        padding-top: 60px;
    }
}

.section_layer, .quiz-item {
    padding-top: 120px;
}

.section-item_min-padding .quiz-item{
    padding-top: 60px;
}


.section-item:not(:last-child):not(:empty), .next-section:not(:last-child):not(:empty) {
    scroll-margin-top: 55px;
    scroll-snap-align: start;
}

/*.section-item:last-child, .next-section:last-child {*/
/*  scroll-margin-top: 150px;*/
/*  scroll-snap-align: start;*/
/*  !*scroll-snap-align: center;*!*/
/*}*/

.quiz-successful, .quiz-error {
    margin-top: 120px;
}

.quiz-error__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 16px;
}

.quiz-item__image-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 84px;
    height: 84px;
    background: #D9F8FA;
    border-radius: 50%;
}

.quiz-item__image {
    width: 36px;
    height: 36px;
}

.quiz-title {
    font-weight: 800;
    font-family: var(--alt-font);
    font-size: 24px;
    line-height: 28px;
    margin: 0;
}

@media (min-width: 700px) {
    .quiz-title {
        text-align: center;
    }
}

@media (min-width: 1100px) {
    .quiz-title {
        font-size: 36px;
        line-height: 40px;
    }
}

.quiz-subtitle {
    font-size: 22px;
    font-weight: 500;
    margin: 0;
}

@media (min-width: 1100px) {
    .quiz-subtitle {
        font-size: 32px;
    }
}

.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;
    font-family: var(--alt-font);
    color: var(--black);
    margin: 0;
    text-align: center;
}

.quiz-answer {
    border-radius: 8px;
    position: relative;
    padding: 8px 12px;
    cursor: pointer;
    max-width: fit-content;
}

.quiz-answer_modal {
    background: var(--light-blue);
}

.quiz-answer__input {
    display: block;
    appearance: none;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 8px;
    width: 100%;
    height: 100%;
    background: var(--light-blue);
    cursor: pointer;
}

.quiz-answer__input:checked {
    background: var(--main-blue);
}

.quiz-answer__input:checked + .quiz-answer__text {
    color: white;
}

.quiz-answer__text {
    display: flex;
    align-items: center;
    column-gap: 8px;
    position: relative;
    z-index: 1;
    font-size: 18px;
    font-weight: 500;
}

.quiz__container {
    display: flex;
    flex-direction: column;
}

.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;
}

@media (min-width: 1100px) {
    .quiz-successful__img-wrapper {
        width: 200px;
        height: 200px;
    }
}

.quiz-successful {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    border: 1px solid #EBF0FF;
    border-radius: 36px;
}

@media (min-width: 700px) {
    .quiz-successful {
        flex-direction: row;
    }
}

@media (min-width: 1100px) {
    .quiz-successful .totals {
        max-width: 442px;
    }
}

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

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

.quiz-successful__inner {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
}

@media (min-width: 1100px) {
    .quiz-successful__inner {
        flex-direction: row;
        column-gap: 24px;
    }
}

.quiz-successful__content {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.quiz-successful__list {
    display: none;
    flex-direction: column;
    row-gap: 16px;
    padding: 0;
    margin: 0;
}

@media (min-width: 700px) {
    .quiz-successful__list {
        display: flex;
    }
}

.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;
}

.quiz-successful__list-item:first-child {
    font-weight: 400;
}

.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 0.1s var(--cubic-bezier), opacity 0.1s var(--cubic-bezier), visibility 0.1s var(--cubic-bezier);
    -o-transition: margin 0.1s var(--cubic-bezier), opacity 0.1s var(--cubic-bezier), visibility 0.1s var(--cubic-bezier);
    transition: margin 0.1s var(--cubic-bezier), opacity 0.1s var(--cubic-bezier), visibility 0.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: 0.625rem;
}

.select__title {
    font-weight: 500;
    font-size: 18px;
    margin: 0;
    margin-bottom: 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;
    white-space: nowrap;
}

.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;
}

@media (min-width: 700px) {
    .selects__button .btn {
        max-width: 12.5rem;
    }
}

.selects__title {
    font-size: 24px;
    font-weight: 800;
    font-family: var(--alt-font);
    color: var(--black);
    margin: 0;
    text-align: center;
    text-align: center;
    margin-bottom: 16px;
}

.select {
    position: relative;
    max-width: 300px;
    width: 100%;
}

.select__error {
    word-break: break-word;
}

.selects {
    margin: 0 auto;
    max-width: 952px;
    width: 100%;
}

.select__item {
    position: relative;
    display: block;
    padding: 16px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 12px;
    transition: 0.1s;
    color: var(--black);
}

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

@media (hover: hover) {
    .select__item:hover {
        background: var(--main-blue);
        color: var(--white);
        cursor: pointer;
    }

    .select__item:hover::after {
        content: none;
    }
}

.select__item_disabled {
    opacity: 0.3;
}

@media (hover: hover) {
    .select__item_disabled:hover {
        background-color: var(--light-blue);
        color: var(--black);
        cursor: default;
    }

    .select__item_disabled:hover::after {
        content: none;
    }
}

.select__field-text {
    min-width: 12.5rem;
    width: 18.75rem;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    column-gap: 8px;
    padding: 12px 16px;
    border: none;
    background: var(--light-blue);
    font-size: 14px;
    font-weight: 500;
    color: var(--black);
    border-radius: 12px;
    cursor: pointer;
}

.select__field-text:focus {
    outline: none;
}

.next-section:empty {
    /*display: none !important;*/
    padding: 0 !important;
    margin: 0 !important;
}

.split-block .ya-pay-widget, .product-page_split-block .ya-pay-widget {
    border: 1px solid var(--light-blue);
}

.about-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: var(--light-blue);
    border-radius: 32px;
    padding: 24px;
    min-height: 200px;
}

.about-card_blue {
    background: var(--main-blue);
}

.about-card_aqua {
    background: #00CFDC;
}

.about-card_purple {
    background: var(--main-purple);
}

@media (min-width: 700px) {
    .about-card {
        max-width: 342px;
    }
}

@media (min-width: 1100px) {
    .about-card:nth-child(1) {
        max-width: 220px;
    }
}

@media (min-width: 1100px) {
    .about-card:nth-child(5) {
        max-width: 220px;
    }
}

.about-card:nth-child(1) {
    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;
}

@media (min-width: 700px) {
    .about-card_quote {
        grid-column: unset;
    }
}

.about-card_quote:nth-child(1) {
    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;
}

@media (min-width: 700px) {
    .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-weight: 900;
    font-size: 32px;
    color: var(--white);
    font-family: var(--alt-font);
}

@media (min-width: 700px) {
    .about-card__title {
        font-size: 64px;
    }
}

.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;
    transition: var(--transition);
}

@media (min-width: 700px) {
    .video-card_section {
        height: 498px;
    }
}

@media (hover: hover) {
    .video-card_section:hover {
        transform: translateY(-4px);
        box-shadow: rgba(0, 0, 0, 0.1) 0 10px 20px;
    }
}

.videos-page {
    display: flex;
    flex-direction: column;
    row-gap: 36px;
}

.video-page-card {
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
    color: var(--black);
    transition: var(--transition);
}

@media (hover: hover) {
    .video-page-card:hover {
        color: var(--main-blue);
    }
}

.video-page-card__img {
    height: 280px;
    width: 100%;
    object-fit: cover;
    border-radius: 32px;
}

@media (min-width: 700px) {
    .video-page-card__img {
        height: 320px;
    }
}

@media (min-width: 1100px) {
    .video-page-card__img {
        height: 410px;
    }
}

.videos-page__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(165px, 1fr));
    column-gap: 8px;
    row-gap: 36px;
}

@media (min-width: 700px) {
    .videos-page__grid {
        grid-template-columns: repeat(auto-fill, minmax(205px, 1fr));
        gap: 36px;
    }
}

@media (min-width: 1100px) {
    .videos-page__grid {
        grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    }
}

.videos-page__pagination {
    padding: 0;
}

.videos-page__btn-more {
    margin: 0;
}

.map-list {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    padding-left: 20px;
}

.map-list > li {
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
}

@media (min-width: 1100px) {
    .map-list > li {
        font-size: 18px;
        line-height: 20px;
    }
}

.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);
    transition: var(--transition);
}

@media (hover: hover) {
    .map-list__link:hover {
        color: var(--main-blue);
    }
}

.map-list__item {
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    list-style-type: disc;
}

@media (min-width: 1100px) {
    .map-list__item {
        font-size: 16px;
        line-height: 18px;
    }
}

.map-list__item::marker {
    display: block;
    color: var(--main-blue);
    border: 50%;
}

/*25.10.2024 Алена*/
.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;
}

.blue-box__text_right span {
    white-space: nowrap;
}

.order-item .btn {
    margin-left: 0;
}

.blue-box_cursor {
    cursor: pointer;
}

.blue-box__city, .header-address__value.geo-city {
    text-decoration: underline;
}

.info-block svg {
    width: 14px;
    height: 14px;
}

.info-block_filter {
    margin-left: 0px;
}

@media (max-width: 699px) {
    .section_contact .contact-form, .section_contact .aside {
        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 {
        grid-template-columns: 1fr 1fr;
    }

    .banner-slider_view-2 .swiper-slide:nth-child(n+3) {
        display: none !important;
    }

    .banner-slider_view-3 .banner-slider__wrapper {
        grid-template-columns: 1fr 1fr;
    }

    .banner-slider_view-3 .swiper-slide:nth-child(n+4) {
        display: none !important;
    }

    .banner-slider_view-3 .swiper-slide:nth-child(3n) {
        grid-column: 1/-1;
    }

    .banner-slider_view-4 .banner-slider__wrapper {
        grid-template-columns: 1fr 1fr;
    }

    .banner-slider_view-4 .swiper-slide:nth-child(n+3) {
        display: none !important;
    }

    .banner-slider_grid .swiper-slide {
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
    }

    .banner-slider_grid .banner-slider-pagination, .banner-slider_grid ~ .slider-btn {
        display: none !important;
    }

    .banner-slider_grid .banner-title {
        font-size: 18px;
        line-height: 22px;
    }
}

@media (min-width: 1100px) {
    .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;
    }
}

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%;
    font-family: var(--alt-font);
    font-weight: 700;
    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);
    font-weight: 700;
    font-family: var(--alt-font);
    line-height: 120%;
    color: var(--white);
    backdrop-filter: blur(33px);
    padding: 13px 16px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(177, 215, 255, 0.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) {
    .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;
    }
}

@media (min-width: 1000px) {
    .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;
    }
}

.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;
    font-weight: 700;
    font-family: var(--alt-font);
    margin: 0;
    padding-right: 5px;
}

.board-item_clip .board-item__title {
    padding-right: 0px;
}

.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;
    transition: var(--transition);
    cursor: pointer;
    border: 0;
    white-space: nowrap;
}

.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: 0px;
    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__sizer {
    width: 100%;
}

.bulletin-board__item_big {
    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;
    }
}

@media (min-width: 1000px) {
    .bulletin-board__item, .bulletin-board__sizer {
        width: 33.3%;
    }

    .bulletin-board__item_big {
        width: 66.6%;
    }
}

@media (min-width: 1300px) {
    .bulletin-board__item, .bulletin-board__sizer {
        width: 25%;
    }

    .bulletin-board__item_big {
        width: 50%;
    }
}


.section_contact {
    margin-bottom: 36px;
}



/*@media (max-width: 1100px) {*/
/*  .header {*/
/*    margin-top: 84px;*/
/*  }*/
/*  body[with-smartbanner=true] .header{*/
/*    margin-top: 0;*/
/*  }*/
/*}*/
/*25.10.2024 Алена*/


.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%;
}

@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_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_successful .input-successful {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.file-input_successful .file-input__label {
    display: none
}

.file-input__label {
    position: relative;
    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;
    gap: .5rem;
    background: var(--light-blue);
    /*border: 1px dashed var(--black);*/
    border-radius: 12px;
    -o-border-image: url(/local/templates/.default/redesign/images/resale/border.svg) 1 round
}

.file-input__label::after,.file-input__label::before {
    content: "";
    position: absolute
}

@media (max-width: 47.9375rem) {
    .file-input__label {
        min-height:11.875rem
    }
}

.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) no-repeat;
    background-size: 100% auto;
    z-index: 2
}

.file-input__label::after,.file-input__label::before {
    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__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 {
    position: relative;
    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;
    gap: .5rem;
    background: var(--light-blue);
    border-radius: 12px;
    /*border: 1px dashed var(--black);*/
    -o-border-image: url(/local/templates/.default/redesign/images/resale/border.svg) 1 round
}

.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 no-repeat;
    background-size: 100%;
    z-index: 1;
    border: 0;
    cursor: pointer;
}

@media (max-width: 47.9375rem) {
    .input-successful {
        min-height:11.875rem;
        padding: 1.25rem 1.125rem
    }

    .input-successful__reset {
        width: 1.25rem;
        height: 1.25rem
    }
}

.input-successful__item {
    position: relative;
    width: 10.75rem;
    height: 10.75rem;
    background: var(--gray);
    border-radius: 2px;
    overflow: hidden
}

@media (max-width: 47.9375rem) {
    .input-successful__item {
        width:9.375rem;
        height: 9.375rem
    }
}

.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) no-repeat;
    background-size: 100%
}

.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) {
    .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
}

/*06.12.2024*/

.board-slider{
    padding: 5px 0 0 0;
}
.board-item_slide{
    height: auto !important;
    flex-shrink: 0;
}

.board-banner__content_margin{
    margin: 0 0 24px 0;
}

.board-btn{
    margin-top: 16px;
}

.board-slider__btn {
    display: none;
}

@media (min-width: 700px) {
    .board-slider__btn {
        display: flex;
    }
}

.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 rgba(235, 240, 255, 1);
}

.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 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_technique .resale-grid-item__image,
.resale-grid-item_computer .resale-grid-item__image,
.resale-grid-item_bag .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_inheritance .resale-grid-item__image,
.resale-grid-item_swiss .resale-grid-item__image,
.resale-grid-item_antiques .resale-grid-item__image,
.resale-grid-item_other .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 8px;
}
.resale-grid-item__title_min{
    font-size: 18px;
    line-height: 22px;
}
.resale-grid-item_watch .resale-grid-item__title,
.resale-grid-item_inheritance .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{
    flex-grow: 1;
}
.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, 0.95);
    transition: all .3s ease;
    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:hover, .resale-grid-item__button:focus{
    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 {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(10, 146px);
        gap: 20px;
        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_phone .resale-grid-item__image,
    .resale-grid-item_technique .resale-grid-item__image,
    .resale-grid-item_computer .resale-grid-item__image,
    .resale-grid-item_bag .resale-grid-item__image{
        height: 312px;
    }

    .resale-grid-item_watch .resale-grid-item__image,
    .resale-grid-item_inheritance .resale-grid-item__image,
    .resale-grid-item_swiss .resale-grid-item__image,
    .resale-grid-item_interior .resale-grid-item__image,
    .resale-grid-item_antiques .resale-grid-item__image,
    .resale-grid-item_other .resale-grid-item__image{
        height: 146px;
    }

    .resale-grid-item_swiss .resale-grid-item__image,
    .resale-grid-item_interior .resale-grid-item__image {
        left: auto;
        right: 0;
    }



    .resale-work{
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    .board-btn{
        margin-top: 24px;
    }
}


@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";
    }
}

@media (min-width: 1100px) {
    .resale-work{
        grid-template-columns: repeat(4, 1fr);
        gap: 24px;
    }
    .board-banner__content_margin{
        margin: 0 0 36px 0;
    }
}

@media (min-width: 1440px) {
    .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_phone .resale-grid-item__image,
    .resale-grid-item_technique .resale-grid-item__image,
    .resale-grid-item_computer .resale-grid-item__image,
    .resale-grid-item_bag .resale-grid-item__image{
        height: 344px;
    }

    .resale-grid-item_watch .resale-grid-item__image,
    .resale-grid-item_inheritance .resale-grid-item__image,
    .resale-grid-item_swiss .resale-grid-item__image,
    .resale-grid-item_interior .resale-grid-item__image,
    .resale-grid-item_antiques .resale-grid-item__image,
    .resale-grid-item_other .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;
    }
}

.section-board {
    display: none;
}
/*06.12.2024*/

/*16.12.2024*/
.swiper-slide.product-slider__slide {
    height: auto !important;
    flex-shrink: 0;
}

.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_desktop{
    display: none;
}

.swiper-slide.resale-grid__slide{
    flex-shrink: 0;
}

.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_interior,
.resale-grid__slide .resale-grid-item_antiques,
.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__btn{
    display: none;
}

.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: 700px) {
    .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;
    }
}

@media (min-width: 992px) {
    .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) {
    .resale-grid_desktop {
        grid-template-rows: repeat(3, 160px);
        grid-template-areas:
            "phone watch watch technique"
            "phone computer console technique"
            "tablet computer photo photo"

    }
}

/*16.12.2024*/

/*new-year*/
/*.header, .footer-top {*/
/*    background-image: url('/local/templates/.default/redesign/images/header/new-year-bg.png');*/
/*    background-repeat: repeat;*/
/*}*/

/*.header__burger-menu{*/
/*    background-image: url('/local/templates/.default/redesign/images/header/new-year-bg.png');*/
/*    background-repeat: repeat;*/
/*}*/

/*@media (min-width: 1140px) {*/
/*    .header__burger-menu{*/
/*        background-image: none*/
/*    }*/
/*}*/

/*new-year*/

/*Каталог*/
.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: all .5s ease;
    overflow: hidden;
}

.parent-catalog__item:hover {
    transform: translateY(-4px);
    box-shadow: rgba(0, 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) {
    .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;
}

.videos-slider__slide.swiper-slide-next + .swiper-slide{
    align-items: flex-start;
}

.videos-slider__slide.swiper-slide-active, .videos-slider__slide.swiper-slide-prev, .videos-slider__slide.swiper-slide-next {
    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, 0.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 0;
}
.order-telegram__description{
    font-size: 14px;
    line-height: 17px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.5);
    margin: 6px 0;
}
.order-telegram__button{
    margin: 20px 0 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;
}

.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{
    display: flex;
    align-items: center;
    background: var(--main-blue) !important;
    transition: var(--transition) !important;
    cursor: pointer;
    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;
    white-space: nowrap;
    margin: 0 !important;
}

@media (hover: hover) {
    .btnTBank:hover {
        background: var(--main-blue-hover) !;
    }
}

#paymentButton input {
    margin: 24px auto 0 auto
}

#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%;
}

.product-grid_list .product-banner-vertical{
    display: none;
}

@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%;
    background-color: var(--light-blue);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    gap: 8px;
    flex-flow: row wrap;
    margin-top: 8px;
    cursor: pointer;
}

.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;
}

.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: 1px solid var(--light-blue);
    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);
}

.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);
    font-size: 14px;
    line-height: 120%;
    font-weight: 500;
}

.modal-user-bonus td:nth-child(1){
    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);
}

.modal-user-bonus__order{
    color: var(--main-blue)
}

.modal_user-bonus.fancybox__content {
    max-width: 600px;
}

.order-bonus{
    border-radius: 16px;
    padding: 16px;
    background-color: var(--light-blue);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.order-bonus__comment{
    flex: 1 1 0
}

.order-bonus__title{
    margin: 0 0 8px 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
}

.order-bonus__text {
    font-size: 12px;
    line-height: 120%;
    color: var(--gray);
    margin: 0;
}

.order-bonus__text span{
    color: var(--black);
    font-weight: 500;
    white-space: nowrap;
}

.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;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid var(--main-blue);
}

.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;
    }
}