@import url(../fonts/fonts.css);


/*._orientationRight__Vw1iA .button__HIQl1 {*/
/*    margin-bottom: 100px !important;*/
/*}*/

body {
    color: #1F2B31;
    user-select: none;
    scroll-behavior: smooth;
}

a {
    color: rgba(31, 43, 49, 1);
}

.black-button {
    padding: 16px 32px;
    border-radius: 12px;
    background-color: #171616;
    color: #FFFFFF;
    font-family: Inter;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    width: fit-content;
    transition: all 0.2s ease-out;
}

.black-button:hover {
    background-color: rgba(201, 135, 115, 1);
}

.transparent-button {
    padding: 15px 32px;
    border-radius: 12px;
    background-color: transparent;
    color: #252526;
    border: 1px solid #252526;
    font-family: Inter;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    width: fit-content;
    transition: all 0.2s ease-out;
}

.reviews__button:hover {
    background-color: #252526;
    color: #FFFFFF;
}

.transparent-button:hover {
    background-color: #252526;
    color: #FFFFFF;
}

.main-banner__content-buttons {
    display: flex;
    gap: 20px;
    align-items: center;
}

.main-title {
    text-align: center;
    font-family: Involve;
    font-size: 44px;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: 0em;
    margin-bottom: 24px;
}

.container {
    width: 100%;
    max-width: 1440px;
    padding-left: 60px;
    padding-right: 60px;
    margin: 0 auto;
}

.vacancies {
    margin-bottom: 100px;
}

.vanacies_title {
    text-align: left;
}

.filters__top {
    position: relative;
}


.filters__sort-items {
    position: absolute;
    display: none;
    top: 100%;
    right: 0;
    box-shadow: 0px 0px 8px 0px #00000014;
    border-radius: 6px;
    padding: 4px 86px 4px 4px;
    z-index: 10;
    background: #ffffff;
}

.filters__sort-items.active {
    display: block;
}

.filters__sort-item {
    padding: 8px 12px;
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: #252526;
    cursor: pointer;
    display: block;
}

.show-options {
    display: none;
}

.popup .reviews__card {
    padding: 0;
    background: none;
    max-width: none;
    border-radius: 0;
}

@media (max-width: 1439px) {
    .container {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media (max-width: 959px) {
    .container {
        padding-left: 16px;
        padding-right: 16px;
    }
}

header {
    box-shadow: 0px 4px 46.3px 0px #E5E9F3;
    padding-bottom: 10px;
}

.header__top, .header__bottom {
    padding-left: 60px;
    padding-right: 60px;
    max-width: 1440px;
    margin: 0 auto;
}

.header__top-bar {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
}

.header__burger {
    width: 56px;
    height: 56px;
    border-radius: 12px;
    background-color: #F1E9E6;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease-out;
}

.header__burger:hover {
    /*background-color: #F9F5F3;*/
}

.header__burger-line {
    width: 18px;
    height: 1.5px;
    background-color: #1F2B31;
    border-radius: 5px;
    display: block;
    position: relative;
    transition: transform 0.6s;
}

.header__burger-line::before {
    position: absolute;
    content: "";
    top: -4.5px;
    left: 0;
    width: 18px;
    height: 1.5px;
    background-color: #1F2B31;
    border-radius: 5px;
}

.header__burger-line::after {
    position: absolute;
    content: "";
    top: 4.5px;
    right: 0;
    width: 18px;
    height: 1.5px;
    background-color: #1F2B31;
    border-radius: 5px;
    transition: width 0.3s;
}

.header__top {
    height: 70px;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.header__buttons {
    display: flex;
    gap: 16px;
}

.header__logo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.header__search, .header__basket, .header__profile {
    cursor: pointer;
}

.header-input__search-wrapper,
.search__icon {
    display: none;
}

.header-input__search-wrapper {
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    width: 100%;
    height: 32px;
    border-width: 1px;
    border-style: solid;
    border-radius: 8px;
    border-color: #DCE1E8;
}

.header-input__search {
    width: 100%;
    margin-left: 8px;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: 0;
    font-family: 'Inter';
    font-weight: 500;
}

.search__icon {
    width: 16px;
    height: 16px;
    margin-left: 12px;
    color: #8993A3;
}

.header__bottom {
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header__menu {
    display: flex;
    gap: 16px;
}

.header__menu-item {
    color: #1F2B31;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 125% */
}

.header__consultation {
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    padding: 8px 20px;
    border-radius: 12px;
    background: #F1E9E6;
}

.main-banner {
    margin-top: 20px;
    /*padding-bottom: 30px;*/
}

.main-banner__wrapper {
    height: 495px;
    border-radius: 12px;
    padding-left: 74px;
    background-color: #F9F5F3;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    overflow: hidden;
    align-items: center;
}

.main-banner__content {
    max-width: 634px;
    display: flex;
    flex-direction: column;

}

.main-banner__pagination {
    text-align: center;
    height: 8px;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    gap: 4px;
}

.main-banner__swiper {
    overflow: hidden;
}

.main-banner .swiper-pagination-bullet {
    vertical-align: top;
    width: 8px;
    height: 8px;
}

.main-banner .swiper-pagination-bullet {
    background: #F9F5F3;
    opacity: 1;
}

.main-banner .swiper-pagination-bullet-active {
    background: #F1E9E6;
}


.main-banner__content-title {
    font-family: Involve;
    font-size: 64px;
    font-weight: 700;
    line-height: 64px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 20px;
}

.main-banner__content-title br {
    display: none;
}

.main-banner__content-title span {
    position: relative;
    z-index: 0;
    display: inline-block;
    z-index: 1;
}

.main-banner__content-title span::before {
    content: '';
    position: absolute;
    background-color: transparent;
    border: solid 5px #D9C2F0;
    height: 65px;
    border-radius: 41px;
    top: 4px;
    left: -15px;
    right: -15px;
    z-index: -2;
}

.main-banner__content-subtitle {
    font-family: Inter;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 40px;
}

.main-banner__image {
    width: 516px;
    height: 100%;
}

.main-banner__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.main-cards {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    margin-top: 40px;
    margin-bottom: 100px;
}

.main-cards__item {
    display: flex;
    background: #F9F5F3;
    height: 200px;
    border-radius: 20px;
    width: 100%;
    align-items: center;
    padding-left: 40px;
}

.main-cards__item-text {
    font-family: Involve;
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
    letter-spacing: 0em;
    text-align: left;
    max-width: 265px;
    width: 100%;
    cursor: pointer;
}

.pink-circle {
    border-radius: 41px;
    border: 3px solid #F7C0BE;
    padding: 0 5px;
}

.purple-circle {
    border: 3px solid #FFCAFE;
    padding: 0 5px;
    border-radius: 41px;

}

.products {
    padding-top: 60px;
    padding-bottom: 60px;
    /*background-color: #F3F7FF;*/
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
}

.products__cards {
    display: flex;
    gap: 20px;
    width: 100%;
}

.products__product {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 312px;
}

.products__product-image {
    width: 100%;
    aspect-ratio: 312/247;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

.products__product-labels {
    position: absolute;
    top: 16px;
    left: 16px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.products__product-label {
    font-family: Inter;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: 0em;
    text-align: center;
    color: #FFFFFF;
    padding: 2px 6px;
    border-radius: 6px;
    background: #0D0D0D33;
    backdrop-filter: blur(5px);
}

.products__info {
    display: flex;
    flex-direction: column;
    gap: 12px;
    /*min-height: 167px;*/
}

.products__info-similar{
    min-height: 167px;
}

.products__price {
    display: flex;
    gap: 16px;
}

.products__price-actual {
    font-family: Involve;
    font-size: 20px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
}

.products__price-old {
    font-family: Involve;
    font-size: 20px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
    text-decoration: line-through;
    color: #BCC4CD;
}

.products__title {
    font-family: Involve;
    font-size: 16px;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: 0em;
}

.products__subtitle {
    font-family: Inter;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0em;
}

.products__time {
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    color: #8993A3;
}

.products__banner {
    width: 100%;
    padding: 20px 20px 120px;
    border-radius: 12px;
    overflow: hidden;
    max-width: 338px;
}

.products__banner-title {
    font-family: Involve;
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
    letter-spacing: 0em;
    text-align: left;
    max-width: 265px;
}

.catalog-sections {
    margin-top: 100px;
    margin-bottom: 60px;
}

.catalog-sections__wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 36px;
}

.catalog-sections__image {
    aspect-ratio: 315/280;
    margin-bottom: 12px;
    border-radius: 16px;
    overflow: hidden;
}

.catalog-sections__name {
    font-family: Involve;
    font-size: 16px;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;
}

.quote {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
}

.quote__text {
    font-family: Involve;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    background: #F9F5F3;
    padding: 20px 40px;
    border-radius: 16px 16px 16px 0;
    width: 408px;
}

.second-banner {
    margin-top: 100px;
    margin-bottom: 100px;
}

.welcome {
    margin-top: 100px;
    margin-bottom: 100px;
}

.welcome__wrapper {
    display: flex;
    gap: 20px;
}

.welcome__card-image {
    width: 100%;
    aspect-ratio: 427/200;
    margin-bottom: 16px;
    border-radius: 12px;
    overflow: hidden;
}

.welcome__card-title {
    font-family: Involve;
    font-size: 20px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
    margin-bottom: 12px;
}

.welcome__card-text {
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #BCC4CD;
    padding-left: 25px;
}

.reviews {
    margin-top: 100px;
    margin-bottom: 100px;
}

.reviews__wrapper {
    /*display: flex;*/
    /*gap: 20px;*/
    margin-bottom: 24px;
}

.reviews__swiper {
    overflow: hidden;
    position: relative;
}

.reviews__card {
    padding: 20px;
    /*border: 2px solid #EEF1F7;*/
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: fit-content;
    background: #F9F5F3;
}

.reviews__card-name {
    font-family: Involve;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 2px;
}

.reviews__swiper__button-next, .reviews__swiper__button-prev, .carousel__button-next, .carousel__button-prev {
    width: 56px;
    height: 56px;
    border-radius: 100px;
    overflow: hidden;
    padding: 16px;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
    background-color: #ffffff;
    z-index: 1;
    cursor: pointer;
}

.reviews__swiper__button-next {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.carousel__button-next {
    position: absolute;
    top: 175px;
    right: 0;
}

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

.reviews__swiper__button-prev {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.carousel__button-prev {
    position: absolute;
    top: 175px;
    left: 0;
}

.carousel__button-next-blog {
    top: 113px;
}

.carousel__button-prev-blog {
    top: 113px;
}

.reviews__card-city {
    font-family: Inter;
    font-size: 10px;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: 0em;
    text-align: left;
    color: #8993A3;
    margin-bottom: 16px;
}

.reviews__card-image {
    width: 100%;
    aspect-ratio: 280/128;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 12px;
}

.reviews__card-stars {
    display: flex;
    gap: 4px;
    margin-bottom: 12px;
    width: fit-content;
    height: 17px;
}

.popup .reviews__card-text {
    height: auto;
    max-height: 160px;
    overflow-y: scroll;
}

.popup .reviews__card-text::-webkit-scrollbar {
    width: 8px;
    border-radius: 16px;
    height: calc(100% - 24px);
    margin: auto 0;
    border: 1px solid #DCE1E8;
    background-color: #FFF;
}

.popup .reviews__card-text::-webkit-scrollbar-thumb {
    background-color: #BCC4CD;
    border-radius: 12px;
    width: 6px;
}

.reviews__card-text {
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 16px;
}

.reviews__card-date {
    font-family: Inter;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    color: #BCC4CD;

}

.reviews__button {
    display: block;
    width: 100%;
    border: 1px solid #171616;
    border-radius: 12px;
    padding: 12px 0;
    text-align: center;
    font-family: Inter;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    transition: all 0.2s ease-out;
}

.story-img_mobile {
    display: none;
}

.carousel {
    /*padding-top: 40px;*/
    /*padding-bottom: 60px;*/
    /*background: rgba(243, 247, 255, 1);*/
    margin-bottom: 100px;
    overflow: hidden;
}

.vacancies_team {
    padding-bottom: 0;
}

.story {
    padding-top: 0 !important;
    /*padding-bottom: 60px;*/
    margin-bottom: 100px;
    overflow: hidden;
}

.story_swiper {
    display: flex;
    overflow-x: visible;
}

.story .carousel__wrapper {
    transition-duration: 0ms;
}

.story_card {
    display: flex;
    flex-direction: row;
    min-width: 315px;
    gap: 20px;
}

.swiper-backface-hidden .swiper-slide.story_card  {
    transform: translateX(-335px);
}

.story_card .carousel__card {
    width: calc(100vw * 0.22) !important;
}

.story_card.swiper-slide-next .story__text {
    display: none;
}

.story_card.swiper-slide-active .story__text {
    display: flex;
}

.story_card.swiper-slide-active {
    min-width: 650px;
}

.story_card.swiper-slide-next {
    min-width: 315px;
}

.story_block {
    min-width: 315px;
}

.story__image {
    margin-bottom: 22px;
    border-radius: 16px;
    overflow: hidden;
}

.story-img_tablet {
    display: none;
}

.story__title {
    font-family: Involve;
    font-size: 20px;
    font-weight: 700;
    line-height: 110%;
    text-align: left;
    color: #252526;
}

.story__text-mobile {
    display: none;
    font-family: Involve;
    min-width: 315px;
    max-width: 315px;
    font-weight: 400;
    font-size: 20px;
    line-height: 140%;
    text-align: left;
    color: #252526;
}

.story__text,
.story__text1,
.story__text2,
.story__text3  {
    margin-right: 20px;
    font-family: Involve;
    min-width: 315px;
    max-width: 315px;
    font-weight: 400;
    font-size: 20px;
    line-height: 140%;
    text-align: left;
    color: #252526;
    transform: translate(335px);
}

.story__text1,
.story__text2,
.story__text3 {
    display: none;
}

.story_card.swiper-slide-next {
    width: calc(100vw * 0.1) !important;
}

.story_card.swiper-slide-active {
    width: calc(100vw * 0.22) !important;
}

.story_card.swiper-slide-active {
    filter: grayscale(0%);
}

.story_card.swiper-slide:not(.swiper-slide-active) {
    filter: grayscale(100%);
}

.carousel__button-next-story,
.carousel__button-prev-story {
    top: 48%;
}

.carousel__team-btn-next,
.carousel__team-btn-prev {
    top: 167px;
}

.carousel__blog-btn-next,
.carousel__blog-btn-prev {
    top: 40%;
}

.carousel_story__swiper {
    position: relative;
}

.carousel__swiper {
    position: relative;
    overflow-x: hidden;
}

.team .carousel__swiper {
    overflow-x: unset;
}

.carousel__wrapper {
    /*display: flex;*/
    /*gap: 20px;*/
}

.popup__policy {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
    margin-top: 24px;
    align-items: center;
}

.carousel__card-image {
    width: 100%;
    aspect-ratio: 312/282;
    position: relative;
    margin-bottom: 16px;
}

.carousel__card-title {
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 8px;
    max-width: 80%;
}

.carousel__card-date {
    font-family: Inter;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    color: #8993A3;
}

.adress-map-wrapper {
    width: 100%;
}

.address-map {
    display: flex;
    width: 100%;
}

.main-map__wrapper {
    -webkit-filter: grayscale(100%);
    border-radius: 12px;
    overflow: hidden;
}

.footer {
    display: flex;
    gap: 60px;
    justify-content: space-between;
    margin-top: 60px;
    padding-bottom: 80px;
}

#cb1,
#cb2,
#cb3 {
    display: none;
}

.footer__col-item {
    padding: 12px 0;
    display: block;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
}

.footer__socials {
    display: flex;
    gap: 20px;
    margin-bottom: 24px;
}

.footer__download {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.footer__download-item {
    height: 40px;
    width: fit-content;
}

.footer__col-title {
    margin-bottom: 16px;
    display: block;
    font-family: Inter;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
}

/****** Style Star Rating Widget *****/

.rating {
    border: none;
    float: left;
    width: fit-content;
}

.rating > input {
    display: none;
}

.rating > label:before {
    margin: 5px;
    font-size: 1.25em;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005";
}

.rating > .half:before {
    content: "\f089";
    position: absolute;
}

.rating > label {
    color: #ddd;
    float: right;
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label {
    color: #FFD700;
}

/* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label {
    color: #FFED85;
}

.popup {
    display: none;
    width: 600px;
    border-radius: 8px;
    overflow: hidden;
}

.compensate-for-scrollbar {
    padding-right: 17px;
}

.fancybox-stage .fancybox-content {
    padding: 40px;
}

.popup form {
    display: flex;
    flex-direction: column;
}

.popup__title {
    font-family: Involve;
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
    letter-spacing: 0em;
    text-align: center;
    color: #252526;
    margin-bottom: 24px;
}

.fancybox-slide--html .fancybox-content .fancybox-close-small {
    padding: 20px;
}

.fancybox-content .fancybox-button {
    width: 64px;
    height: 64px;
}

.popup form label {
    margin-bottom: 8px;
    font-family: Inter;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    color: #8993A3;

}

.popup form .popup__input-text {
    margin-bottom: 12px;
    padding: 12px 16px;
    border-radius: 6px;
    border: 1px solid #DCE1E8;
    overflow: hidden;
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #252526;

}

::placeholder {
    color: #8993A3;
}

.popup textarea {
    width: 100%;
    height: 104px;
    border: 1px solid #DCE1E8;
    border-radius: 6px;
    overflow: hidden;
    padding: 12px 16px;
    margin-bottom: 12px;
    resize: none;
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;

}

.popup button {
    width: 100%;
}

.breadcrumbs {
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.breadcrumbs-custom {
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

a.breadcrumbs__item {
    font-family: Involve;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    color: #171616;

}

div.breadcrumbs__item {
    font-family: Involve;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    color: #8993A3;
}

.filters {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 44px;
}

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

.filters__filters {
    display: flex;
    gap: 8px;
}

.filters__filters-item {
    padding: 16px 24px;
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: #8993A3;
    background: #F1E9E6;
    border-radius: 12px;
    cursor: pointer;
}

.filters__filters-item.active {
    color: #252526;
}

.filters__sort {
    cursor: pointer;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.filter__bottom {
    display: flex;
    gap: 20px;
}

.filter__dropdown {
    width: calc(50% - 10px);
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.filter__dropdown label {
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: #BCC4CD;
}

.filter__dropdown select {
    border: 1px solid #DCE1E8;
    padding: 12px 16px 12px 16px;
    border-radius: 12px;
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: #252526;
    cursor: pointer;
}

.quote__image {
    flex-shrink: 0;
}

.catalog {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 24px;
    grid-row-gap: 40px;
}

.catalog__show-more {
    grid-column: 1 / 5;
    width: 100%;
    padding: 16px;
    text-align: center;
    border: 1px solid #171616;
    border-radius: 12px;
    font-family: Inter;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    color: #252526;
    cursor: pointer;
}

.photobooks .carousel__card {
    transition: width 0.5s ease-in-out;
    /*width: 260px;*/
}

.photobooks .carousel__card.swiper-slide-active {
    width: 456px !important;
}

.workshop_products .carousel__swiper,
.photobooks_products .carousel__swiper {
    overflow-x: unset;
}

.workshop_products .carousel__card.swiper-slide-active,
.photobooks_products .carousel__card.swiper-slide-active {
    width: calc(100vw * 0.317) !important
}

.photobooks .carousel__wrapper {
    /*height: 390px;*/
}

.workshop_products .carousel__wrapper,
.photobooks_products .carousel__wrapper {
    height: 460px;
}

.photobooks__image {
    border-radius: 16px;
    overflow: hidden;
    height: 390px;
}

.photobooks .carousel__card {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.photobooks__title {
    font-family: Inter;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #252526;
}

body .photobooks {
    margin: 100px 0;
    padding: 0;
    background: none;
}

.services-sections__subtitle{
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: rgba(137, 147, 163, 1);
    max-width: 240px;
}

.services-sections__name {
    font-family: Inter;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: rgba(37, 37, 38, 1);
    max-width: 240px;
}

#videoBlock {
    position: relative;
    width: 100%;
    height: 626px;
    background-image: url('/local/templates/old-photographer/img/bg-image-video.png');
    background-size: cover;
    background-position: center center;
    border-radius: 20px;
    overflow: hidden;
}

#playButton {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 64px;
    height: 64px;
    cursor: pointer;
}

#myVideo {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.catalog-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 24px;
    margin-top: 100px;
    margin-bottom: 100px;
}

.workshop-text {
    margin-top: 100px;
    margin-bottom: 100px;
}

.workshop-text__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px 0;
}

.workshop-text__text {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 600px;
    margin-right: 50px;
}

.workshop-text__image {
    width: 50%;
    aspect-ratio: 660/355;
    border-radius: 16px;
    overflow: hidden;
    flex-shrink: 0;
}

.workshop-text__text-title {
    font-family: Involve;
    font-size: 32px;
    font-weight: 700;
    line-height: 38.4px;
    text-align: left;
    color: #252526;
}

.workshop-text__text-subtitle {
    font-family: Inter;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #8993A3;
}

.search-page__content {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-bottom: 100px;
}

.search-page__top {
    margin-bottom: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.search-page__top-title {
    font-family: Involve;
    font-size: 50px;
    font-weight: 700;
    line-height: 50px;
    color: #252526;

}

.search-page__top-subtitle {
    font-family: Inter;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    color: #8993A3;

}

.about-page__title, .about-page__text {
    margin: 0 auto;
    width: 100%;
    max-width: 650px;
}

.about-page__banner {
    width: 100%;
    height: 540px;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 100px;
}

.about-banner_bottom_tablet,
.gallery-photo_mobile,
.about-banner_tablet,
.about-banner_mobile,
.vacancies-banner_mobile,
.vacancies-banner_tablet {
    display: none;
}

.about-page__title {
    font-family: Involve;
    font-size: 44px;
    font-weight: 700;
    line-height: 42px;
    text-align: center;
    margin-bottom: 60px;
}

.about-page__text {
    font-family: Inter;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    margin-top: 60px;
    margin-bottom: 60px;
}

.about-page__photos {
    height: 400px;
    display: flex;
    gap: 20px;
}

.about-page__photos-item {
    flex-basis: 100%;
    height: 100%;
    border-radius: 16px;
    overflow: hidden;
}

.gallery {
    margin-bottom: 100px;
}

.gallery__wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 200px 200px 200px 200px;
    grid-gap: 20px;
}

.gallery__image {
    border-radius: 16px;
    overflow: hidden;
}

.gallery__image:nth-child(1) {
    grid-column: 1/3;
    grid-row: 1/3;
}

.gallery__image:nth-child(4) {
    grid-column: 3/5;
}

.gallery__image:nth-child(7) {
    grid-column: 1/3;
}

.gallery__image:nth-child(8) {
    grid-column: 3/5;
    grid-row: 3/5;
}

.team__image {
    height: 390px;
    margin-bottom: 22px;
    border-radius: 16px;
    overflow: hidden;
}

.team__title {
    font-family: Involve;
    font-size: 20px;
    font-weight: 700;
    line-height: 18px;
    text-align: left;
    color: #252526;
    margin-bottom: 8px;
}

.team__subtitle {
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: #252526;
}

.team .carousel__card {
    transition: width 0.5s ease-in-out;
}

.team .carousel__card.swiper-slide-active {
    /*transition: width 0.5s ease-in-out;*/
    /*width: 345px !important;*/
}

.blog {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 60px;
}

.blog__item {
    position: relative;
}

.blog__item-image {
    height: 282px;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 16px;
}

.blog__item-title {
    margin-bottom: 8px;
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: #252526;

}

.blog__item-date {
    font-family: Inter;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    text-align: left;
    color: #8993A3;
}

.blog-detail__text {
    position: relative;
}

.blog-detail__links {
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.blog-detail__links-item {
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    text-decoration: underline;
    color: #252526;
    display: block;

}

.blog-detail__banner-image {
    height: 470px;
    margin-bottom: 20px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

.blog-detail__banner-title {
    font-family: Involve;
    font-size: 50px;
    font-weight: 700;
    line-height: 50px;
    text-align: left;
    color: #252526;
}

.blog-detail__banner {
    margin-bottom: 100px;
}

.about-page__text-underline {
    padding-left: 10px;
    border-left: 3px solid #252526;
    color: #8993A3;

}

.about-page__banner-wide {
    height: 609px;
}

.popup .filters__sort-items {
    display: block;
    position: relative;
    box-shadow: none;
}

.filters__sort-mobile {
    display: none;
}

.popup#filters-sort-filter {
    height: 100vh;
}

.popup#filters-sort-filter::before {
    content: none;
}

.popup-filters__title {
    font-family: Inter;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: rgba(37, 37, 38, 1);
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    padding-top: 14px;
    padding-bottom: 30px;
    margin-bottom: 20px;
}

.popup-filters__close {
    position: absolute;
    top: 34px;
    left: 15px;
}

.popup .filter__dropdown {
    width: 100%;
    margin-bottom: 20px;
}

.filters__catalog {
    display: none;
}

.carousel__title.main-title.carousel-similar-title {
    text-align: left;
}

.carousel-similar .products__product-image {
    aspect-ratio: 312 / 216;
    border-radius: 12px 12px 0 0;
}

.carousel-similar .products__info {
    padding: 16px;
    padding-top: 0;
}

.carousel-similar .products__product {
    border-radius: 12px;
    border: 2px solid #EEF1F7;
    overflow: hidden;
    background: #FDFDFF;
}

.carousel-similar .products__price {
    margin-bottom: 12px;
}

.carousel-similar .products__subtitle {
    margin-bottom: 12px;
    color: #8993A3;
}

.carousel-similar .products__time {
    font-size: 11px;
    font-weight: 500;
    line-height: 12px;
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: auto;
}

.products__time-circle {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #CFEEDC;
    padding: 1px;
    display: block;
}

.product-detail {
    display: flex;
    justify-content: space-between;
}

.product-detail__gallery {
    display: grid;
    width: calc(50% - 20px);
    height: 100%;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}

.product-detail__right {
    width: calc(50% - 20px);
}

.product-detail__gallery-photo {
    border-radius: 16px;
    overflow: hidden;
    aspect-ratio: 310/267;
    cursor: pointer;
}

.product-detail__gallery-photo:nth-child(1) {
    grid-column: 1 / 3;
    aspect-ratio: 640/427;
}

.product-detail__title {
    font-family: Involve;
    font-size: 50px;
    font-weight: 700;
    line-height: 50px;
    text-align: left;
    color: rgba(37, 37, 38, 1);
}

.product-detail__price {
    display: flex;
    flex-direction: column;
    gap: 10px;
    white-space: nowrap;
}

.product-detail__price-actual {
    font-family: Involve;
    font-size: 24px;
    font-weight: 700;
    line-height: 28.8px;
    text-align: left;
    color: rgba(37, 37, 38, 1);

}

.product-detail__price-old {
    font-family: Involve;
    font-size: 24px;
    font-weight: 600;
    line-height: 18px;
    text-align: left;
    color: rgba(188, 196, 205, 1);
    text-decoration: line-through;
}

.product-detail__top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 32px;
}

.product-detail__subtitle {
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: #8993A3;
    margin-bottom: 32px;
}

.product-detail__calc {
    width: 100%;
    padding: 20px;
    background: #F9F5F3;
    border-radius: 16px;
    overflow: hidden;
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    margin-bottom: 32px;
}

.product-detail__accordion {
    width: 100%;
    padding: 28px;
    background: #F9F5F3;
    border-radius: 16px;
    overflow: hidden;
}

.product-detail__accordion-title {
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    color: #252526;
    padding: 12px 0;
    border-bottom: 1px solid #EEF1F7;
    position: relative;
    cursor: pointer;
}

.product-detail__accordion-title::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url('../img/accordion-arrow.svg');
    transform: translateY(-50%);
    transition: transform 0.2s ease-in-out;
}

.product-detail__accordion-title.active {
    border-bottom: none;
}

.product-detail__accordion-title.active::before {
    transform: translateY(-50%) rotate(180deg);
}

.product-detail__accordion-content {
    font-family: Inter;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    text-align: left;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    color: rgba(137, 147, 163, 1);

}

.product-detail__accordion-content-wrapper {
    padding: 12px 0;
}

.product-detail__accordion-content ul {
    padding-left: 15px;
}

.product-detail-switch {
    display: flex;
    justify-content: space-between;
}

.product-detail-switch__image {
    width: calc(50% - 20px);
    aspect-ratio: 640/460;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
}

.product-detail-switch__tags {
    width: calc(50% - 32px);
    display: flex;
    flex-direction: column;
    gap: 20px;

}

.product-detail-switch__tag {
    padding: 15px 20px;
    background-color: rgba(249, 245, 243, 1);
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.2s ease-out;
}

.product-detail-switch__tag:hover {
    background-color: rgba(241, 233, 230, 1);
}

.product-detail-switch__tag-title {
    font-family: Involve;
    font-size: 20px;
    font-weight: 700;
    line-height: 18px;
    text-align: left;
    color: rgba(37, 37, 38, 1);
    margin-bottom: 12px;
}

.product-detail-switch__tag-subtitle {
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: rgba(37, 37, 38, 1);
    max-width: 361px;
}

.product-detail-switch__image img {
    opacity: 0;
    transition: all 0.2s ease-out;
    position: absolute;
    top: 0;
    left: 0;
}

.product-detail-switch__image img.active {
    opacity: 1;
}

.workshop-text__video #videoBlock {
    height: 100%;
}

.workshop-text-reverse .workshop-text__text {
    margin-right: 0;
}

.workshop-text-reverse .workshop-text__image {
    margin-right: 50px;
}

.product-detail__mobile {
    display: none;
}

.vacancies-detail-cards {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.vacancies-detail-switch__tags {
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.2s ease-out;
    padding: 28px 36px;
    background-color: rgba(249, 245, 243, 1);
}
.vacancies-detail-switch__tags:hover {
    background-color: rgba(241, 233, 230, 1);
}

.vacancies-detail-switch__tag {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.vacancies-detail-switch__titles {
    display: flex;
    flex-direction: column;
    align-self: flex-start;
    width: 200px;
    gap: 8px;
}

.vacancies-detail-switch__tag-title {
    font-family: Involve;
    font-weight: 700;
    font-size: 20px;
    line-height: 110%;
}

.vacancies-detail-switch__tag-subtitle {
    display: flex;
    text-wrap: nowrap;
    font-family: Inter;
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    color: #8993A3;
}

.vacancies-detail-switch_right-part {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.vacancies-detail-switch__tag-description {
    display: flex;
    text-wrap: wrap;
    max-width: 600px;
    padding: 0 20px 0 60px;
    margin-right: 140px;
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
}

.vacancies-detail-switch__tag-salary-apply {
    display: flex;
    justify-content: flex-end;
    min-width: 191px;
    height: 44px;
    font-family: Involve;
    font-weight: 700;
    font-size: 16px;
    line-height: 110%;
    color: #1F2B31;
}

.vacancies-salary {
    display: flex;
    text-wrap: nowrap;
}

.vacancies-apply-btn {
    display: none;
    align-items: center;
    justify-content: center;
    line-height: 20px;
    text-wrap: nowrap;
    border-radius: 6px;
    font-weight: 500;
    font-size: 16px;
    max-width: 191px;
}

.vacancies-salary.vacancySalaryActive {
    display: none;
}
.vacancies-apply-btn.vacancyApplyActive {
    display: flex;
}

.addresses {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.addresses-cards {
    display: flex;
    flex-direction: column;
    max-width: 336px;
    max-height: 451px;
    overflow-y: scroll;
    width: 100%;
    gap: 8px;
    position: relative;
    padding-right: 8px;
    box-sizing: content-box;
    scrollbar-gutter: stable both-edges;
}

.addresses-cards::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 8px;
    height: 100%;
    background: white;
    z-index: 1;
}

.addresses-cards::-webkit-scrollbar {
    width: 8px;
    /*height: 100%;*/
    max-height: 544px;
}

.addresses-cards::-webkit-scrollbar-track {
    background-color: #FFFFFF;
    border-radius: 6px;
    border: 1px solid rgba(188, 196, 205, 1);
}

.addresses-cards::-webkit-scrollbar-thumb {
    background-color: rgba(188, 196, 205, 1);
    border-radius: 12px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    height: 92px;
}

.address-detail-switch__tags {
    width: 100%;
    min-height: 144px;
    height: auto !important;
    flex-shrink: 0;
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.2s ease-out;
    padding: 20px;
    background-color: rgba(249, 245, 243, 1);
}
.address-detail-switch__tags:hover {
    background-color: rgba(241, 233, 230, 1);
}
.address-detail-switch__tags.hovered {
    background-color: rgba(241, 233, 230, 1);
}

.address-detail-switch__titles {
    display: flex;
    flex-direction: column;
    align-self: flex-start;
    font-family: Inter;
    gap: 8px;
}

.address-detail-switch__title,
.address-detail-switch__subtitle {
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    color: #252526;
}

.address-detail-switch__subtitle {
    color: #8993A3;
    width: fit-content;
}

.text_location-outline {
    align-self: flex-start;
    padding-right: 4px;
    width: 20px;
    height: 20px;
}

.help {
    display: flex;
    justify-content: flex-start;
    gap: 60px;
    margin-bottom: 60px;
    margin-top: 60px;
}

.help-detail-switch__tags {
    display: flex;
    flex-direction: column;
    border-top-left-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    width: 270px;
    flex-shrink: 0;
}

.help-sales_cards {
    width: 100%;

}

.help-sales-wrapper{
    flex-wrap: wrap;
    gap: 20px;
}

.help-detail-switch__content content {
    display: none;
}

.help-detail-switch__content content.active {
    display: flex;
}

.help-detail-switch__tag {
    padding: 15px 20px;
    background-color: rgba(249, 245, 243, 1);
    overflow: hidden;
    cursor: pointer;
    transition: all 0.2s ease-out;
    text-wrap: nowrap;
}
.help-detail-switch__tag:nth-child(1) {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.help-detail-switch__tag:nth-child(6) {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.help-detail-switch__tag-title {
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    text-align: left;
    color: #252526;
}

.help-detail-switch__tag:hover {
    background-color: rgba(241, 233, 230, 1);
}

.help-detail-switch__tag.active {
    background-color: rgba(241, 233, 230, 1);
}

#switch-content1 {
    flex-direction: column;
    align-items: flex-start;
    gap: 60px;
}

.help-bonus-card {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.help-bonus-card:nth-child(3) {
    gap: 12px;
}

.help-bonus-title,
.help-delivery-title {
    font-family: Involve;
    font-size: 50px;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: 0;
}

.help-bonus-card:nth-child(3) .help-bonus-title {
    margin-bottom: 28px;
}

.help-bonus-subtitles {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 632px;
}

.help-bonus-subtitle_wrapper,
.help-delivery-subtitle_wrapper  {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.help-bonus-subtitle,
.help-delivery-subtitle {
    font-family: Inter;
    font-size: 20px;
    line-height: 140%;
    font-weight: 400;
    color: #252526;
}

.rhombus-pointer {
    width: 24px;
    height: 24px;
}

.bonus-descriptions {
    margin-top: -4px;
    margin-left: 32px;
    font-family: Inter;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0.5px;
    cursor: pointer;
}

.help-bonus_accordion {
    width: 100%;
    max-width: 800px;
    padding: 20px;
    background: #F9F5F3;
    border-radius: 8px;
    overflow: hidden;
}

.help-bonus__accordion-title {
    padding: 14px 0;
    font-family: Vela;
    font-size: 20px;
    font-weight: 400;
    line-height: 140%;
    text-align: left;
    color: #252526;
    position: relative;
    cursor: pointer;
}

.help-bonus__accordion-title::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url('../img/accordion-arrow.svg');
    transform: translateY(-50%);
    transition: transform 0.2s ease-in-out;
}

.help-bonus__accordion-title.active {
    border-bottom: none;
}

.help-bonus__accordion-title.active::before {
    transform: translateY(-50%) rotate(180deg);
}

.help-bonus__accordion-content {
    text-align: left;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.help-bonus__accordion-content-wrapper {
    font-family: Inter;
    padding: 8px 0;
    font-size: 16px;
    line-height: 140%;
    font-weight: 400;
    letter-spacing: 0;
    color: #8993A3;
}

.help-bonus__accordion-content-wrapper ul {
    list-style: none;
}

.help-bonus__accordion-content-wrapper li {
    margin: 20px 0 0;
}

.breadcrumbs_help {
    display: none;
}

.breadcrumbs_help.active {
    display: flex;
}

#switch-content2 {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.help-sales_tags {
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.2s ease-out;
    padding: 20px;
    background-color: rgba(249, 245, 243, 1);
}

.help-sales_tags:hover {
    background-color: rgba(241, 233, 230, 1);
}

.help-sales-switch_tag {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 88px;
}

.help-sales_titles {
    display: flex;
    flex-direction: column;
    align-self: flex-start;
    width: 100%;
    max-width: 514px;
    gap: 12px;
}

.help-sales-tag_title,
.help-delivery-tag_title {
    font-family: Involve;
    font-weight: 700;
    font-size: 24px;
    line-height: 110%;
    letter-spacing: 0;
}

.help-sales-switch-tag_subtitle {
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0;
    color: #8993A3;
}

.help-sales__btn-wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    min-width: 137px;
    height: 44px;
}

.help-sales__description-btn {
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0.5px;
    border-radius: 6px;
    border: 2px solid #252526;
}

#switch-content3 {
    flex-direction: column;
    gap: 60px;
    max-width: 1014px;
}

.help-delivery_header {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.help-delivery-subtitle {
    font-family: Inter;
    font-size: 20px;
    line-height: 140%;
    font-weight: 400;
    color: #252526;
}

.help-delivery_conditions {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.help-delivery-card {
    display: flex;
    flex-direction: column;
    padding: 20px;
    gap: 24px;
    border: 1px solid #DCE1E8;
    border-radius: 8px;
}

.help-delivery_info {
    display: flex;
    flex-direction: row;
    gap: 24px;
    position: relative;
    margin-left: 7px;
}

.help-delivery_info span {
    font-family: Inter;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: 0;
}

.help-delivery_info span {
    position: relative;
}

.help-delivery_info span::before {
    content: '';
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -7px;
    right: -7px;
    z-index: -1;
    border-radius: 8px;
}

.help-delivery_info span:nth-child(1)::before {
    background-color: #CEF0C2;
}

.help-delivery_info span:nth-child(2)::before {
    background-color: #C2DDF0;
}

.help-delivery_subtitles {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.help-delivery_payment {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.help-delivery_payment_cards {
    display: flex;
    flex-direction: row;
    gap: 40px;
    flex-wrap: wrap;
    flex: 1 0 25%;
}

.help-delivery_payment_card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    padding: 17px 30px;
    border: 1px solid #DCE1E8;
    border-radius: 8px;
    gap: 24px;
    width: 100%;
    max-width: 204px;
    height: 100%;
    max-height: 162px;
}

.help-delivery_payment_card__title {
    display: flex;
    justify-content: center;
    font-family: Involve;
    font-weight: 700;
    font-size: 20px;
    line-height: 110%;
    letter-spacing: 0;
    width: 152px;
}

.help-delivery_payment_card img {
    max-width: 100px;
    max-height: 80px;
}

.company-particulars {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 40px;
}

.company-particulars .help-delivery_subtitles {
    max-width: 600px;
    gap: 20px;
}

.company-particulars .help-delivery-subtitle {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20px;
}

#switch-content4 {
    flex-direction: column;
    gap: 40px;
    max-width: 990px;
}

.help-return-btn-wrapper {
    margin-top: 15px;
}

#switch-content5 {
    flex-direction: column;
    gap: 40px;
}

.help-qa-card {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

#switch-content6 {
    flex-direction: column;
    gap: 40px;
    max-width: 1014px;
}

.help-corp-clients-titles {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.help-corp-clients-title {
    font-family: Involve;
    font-size: 50px;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: 0;
}

.help-corp-clients-title br {
    display: none;
}

.help-corp-clients-subtitle {
    font-family: Inter;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #000000;
    max-width: 600px;
}

.order-form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 20px;
    padding: 40px;
    border-radius: 8px;
    background-color: #F9F5F3;
    max-width: 600px;
}

.order-form_title {
    font-family: Involve;
    font-weight: 700;
    line-height: 120%;
    font-size: 32px;
    color: #252526;
}

.order-form_surname {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.order-form_surname span,
.order-form_surname label {
    font-family: Inter;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0;
    color: #8993A3;
}

.order-form_surname span {
    color: #E5132C;
    margin-left: -7px;
    margin-right: 2px;
}

.order-form_surname input {
    width: 100%;
    max-width: 520px;
    padding: 12px 16px;
    border: 1px solid #DCE1E8;
    border-radius: 12px;
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0;
}

.order-form_surname input:invalid:required {
    /*border: 1px solid #E5132C;*/
}

.validation {
    visibility: hidden;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0;
    color: #E5132C;
}

.order-form_comment .comment-input-wrapper {
    width: 100%;
    max-width: 520px;
    display: flex;
    flex-direction: column;
}

.order-form_comment textarea {
    width: 100%;
    max-width: 520px;
    min-height: 104px;
    padding: 12px 16px;
    border: 1px solid #DCE1E8;
    border-radius: 12px;
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0;
}

.order-form_upload-wrapper {
    margin: 10px 0;
}

.order-form_upload-btn {
    align-items: center;
    justify-content: center;
    margin: 8px 0;
    padding: 8px 16px;
    border-radius: 6px;
    border: 1px solid #171616;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0;
}

.order-form_upload-btn input[type="file"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.order-form_upload-wrapper .file-not-selected {
    margin-left: 10px;
    color: #999;
}

.personal-data-checkbox {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.personal-data-checkbox input {
    color: #252526;
}

.personal-data-checkbox span {
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0;
    color: #171616;
}

.personal-data-checkbox input {
    width: 20px;
    height: 20px;
    background-color: transparent;
    border: 1px solid #252526;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.personal-data-checkbox input:checked {
    background-color: #252526;
    background-image: url(../img/input-checked-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.order-form_make-order-btn {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 16px auto;
    font-family: Inter;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0;
    background-color: #171616;
    color: #FFFFFF
}

.popup-sales-modal.fancybox-content {
    border-radius: 16px;
    max-height: 740px;
    overflow-y: hidden;
    padding-bottom: 20px;
}

.sales-modal_header {
    margin-bottom: 20px;
}

.fancybox-slide--html .fancybox-close-small svg {
    width: 24px;
    height: 24px;
}

.sales-modal_body {
    display: flex;
    flex-direction: row;
    margin-top: 30px;
    max-height: 544px;
    overflow-y: scroll;
}

.sales-modal_body::-webkit-scrollbar {
    width: 8px;
    height: 100%;
    max-height: 544px;
}

.sales-modal_body::-webkit-scrollbar-track {
    background-color: #FFFFFF;
    border-radius: 6px;
    border: 1px solid #DCE1E8;
}

.sales-modal_body::-webkit-scrollbar-thumb {
    background-color: rgba(188, 196, 205, 0.9);
    border-radius: 12px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
}

.help-sales-modal_titles {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    max-width: 480px;
    gap: 12px;
    margin-bottom: 32px;
}

.help-sales-modal_title {
    font-family: Involve;
    font-weight: 700;
    font-size: 24px;
    line-height: 110%;
    letter-spacing: 0;
    margin-bottom: 14px;
}

.help-sales-modal_subtitle,
.help-sales-modal_black-subtitle,
.help-sales-modal_rhomb-subtitle {
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0;
    color: #8993A3;
}

.help-sales-modal_black-subtitle {
    font-weight: 500;
    color: #252526;
}

.help-sales-modal_rhomb-subtitle {
    color: #252526;
}

.sales-modal_footer {
    display: flex;
    justify-content: flex-end;
    margin-top: 40px;
}

.modal-close-btn {
    padding: 12px 24px;
    border-radius: 6px;
    background-color: transparent;
    color: #252526;
    border: 1px solid #252526;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0;
    width: fit-content;
}

#address-custom-map {
    width: 100%;
    height: 448px;
}

.address-map_container {
    width: 100%;
}

#popup-address,
#popup-address1,
#popup-address2,
#popup-address3,
#popup-address4 {
    width: 100%;
    height: 513px;
    position: absolute;
    bottom: 0;
    left: 0;
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
    padding: 20px 20px;
}

.popup-address-sharp .fancybox-close-small {
    display: none;
}

.popup-address__header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 24px;
}

.popup-address__header img {
    max-width: 163px;
    max-height: 13px;
}
.popup-address__header div {
    display: flex;
    gap: 6px;
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0;
    color: #8993A3;
}
.popup-address__header span {
    color: #C4FBC7;
}

.popup-address__body {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.popup-address__titles {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-width: 400px;
}

.popup-address__title {
    font-family: Inter;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0;
    color: #8993A3;
}

.popup-address__subtitle {
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0;
    color: #252526;
}


@media (min-width: 1440px) {
    .blog__item:nth-child(4n + 1) {
        grid-column: 1/4;
        margin-bottom: 80px;
    }

    .blog__item:nth-child(4n + 1) .blog__item-image {
        height: 478px;
        margin-bottom: 20px;
    }

    .blog__item:nth-child(4n + 1) .blog__item-title {
        font-size: 44px;
        font-weight: 700;
        line-height: 42px;
        margin-bottom: 0;
    }

    .blog__item:nth-child(4n + 1) .blog__item-date {
        display: none;
    }

    .blog__item:nth-child(4n + 5) {
        margin-top: 80px;
    }
}

@media (max-width: 1439px) and (min-width: 960px) {
    .blog__item:nth-child(3n + 1) {
        grid-column: 1/3;
        margin-bottom: 80px;

    }

    .blog__item:nth-child(3n + 1) .blog__item-image {
        height: 478px;
        margin-bottom: 20px;
    }

    .blog__item:nth-child(3n + 1) .blog__item-title {
        font-size: 44px;
        font-weight: 700;
        line-height: 42px;
        margin-bottom: 0;
    }

    .blog__item:nth-child(3n + 1) .blog__item-date {
        display: none;
    }

    .blog__item:nth-child(3n + 4) {
        margin-top: 80px;
    }
}

@media (max-width: 1439px) {

    .vanacies_title {
        text-align: center;
    }

    .vacancies-detail-switch__tag-description {
        margin-right: 0;
    }

    .photobooks .carousel__card.swiper-slide-active {
        width: calc(100vw * 0.37) !important;
    }

    .photobooks .carousel__wrapper {
        height: 460px;
    }

    .photobooks .carousel__card {
        width: calc(100vw* 0.29) !important;
    }

    .team .carousel__card.swiper-slide-active {
        /*width: calc(100vw* 0.33) !important;*/
    }

    .team .carousel__card {
        width: calc(100vw* 0.3) !important;
    }

    .team .carousel__wrapper {
        height: 460px;
    }

    .product-detail__right {
        width: calc(50% - 10px);
    }

    .main-banner__content-buttons .transparent-button,
    .main-banner__content-buttons .black-button {
        order: 1;
        border-radius: 6px;
    }

    .main-banner__content-buttons .transparent-button {
        order: 2;
    }

    .product-detail__gallery {
        width: calc(50% - 10px);
    }

    .products__time {
        display: none;
    }

    html, body {
        overflow-x: hidden;
    }

    .footer {
        margin-top: 0;
    }

    .main-map {
        display: none;
    }

    .about-page__title, .about-page__text {
        margin-right: 0;
    }

    .blog {
        grid-template-columns: 1fr 1fr;
    }

    .main-banner__wrapper {
        padding-left: 0;
        flex-direction: column-reverse;
        height: auto;
        gap: 0;
    }

    .main-banner__content {
        padding: 40px 0;
        max-width: 600px;
        align-items: center;
    }

    .main-banner__image {
        width: 100%;
        height: 205px;
    }

    .main-banner__content-title {
        text-align: center;
        font-size: 44px;
        font-weight: 700;
        line-height: 42px;
    }

    .main-banner__content-subtitle br {
        display: none;
    }

    .main-banner__content-subtitle {
        margin-bottom: 20px;
    }

    .main-banner__content-title span::before {
        height: 48px;
        top: 0;
        left: -11px;
        right: -11px;
        z-index: -2;
    }

    .main-cards {
        margin-top: 20px;
    }

    .products, .carousel {
        padding-top: 0;
        padding-bottom: 0;
    }

    .catalog-sections__image {
        aspect-ratio: 205/170;
    }

    .catalog-sections__wrapper {
        grid-row-gap: 20px;
    }

    .quote {
        align-items: flex-start;
    }

    .catalog-sections {
        margin-bottom: 40px;
    }

    .filters__filters-item {
        padding: 12px 16px;
        font-size: 12px;
        line-height: 16px;
    }

    .filter__dropdown label {
        font-size: 12px;
        line-height: 16px;
    }

    .filter__dropdown select {
        font-size: 12px;
        line-height: 16px;
        padding: 8px 12px;
    }

    .filters__top {
        justify-content: flex-end;
    }

    .filters {
        margin-bottom: 24px;
        gap: 12px;
    }

    .catalog {
        grid-template-columns: 1fr 1fr 1fr;
        grid-row-gap: 24px;
        grid-column-gap: 20px;
    }

    .catalog__show-more {
        grid-column: 1 / 4;
    }

    .workshop_catalog .products__price {
        gap: 4px;
    }

    .about-page__photos {
        height: 280px;
    }
    .photos__group2 {
        height: 400px;
    }

    .story_card.swiper-slide-active {
        min-width: 580px;
    }

    .story_card.swiper-slide-next {
        min-width: 280px;
    }

    .story-img_mobile {
        display: none;
    }

    .story_block {
        min-width: 280px;
    }

    .swiper-backface-hidden .swiper-slide.story_card  {
        transform: translateX(-300px);
    }

    .story__text,
    .story__text1,
    .story__text2,
    .story__text3 {
        min-width: 280px;
        max-width: 280px;
        transform: translate(300px);
    }

    .about-banner_bottom_desktop,
    .about-banner_desktop,
    .vacancies-banner_desktop,
    .about-img_desktop,
    .story-img_desktop,
    .about-banner_mobile {
        display: none;
    }

    .about-banner_bottom_tablet,
    .about-banner_tablet,
    .about-img_tablet,
    .story-img_tablet,
    .vacancies-banner_tablet {
        display: flex;
    }

    .gallery__wrapper {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 460px 260px 260px 460px 260px 260px;
        grid-gap: 20px;
    }

    .gallery__image:nth-child(1) {
        grid-column: 1/3;
        grid-row: 1/2;
    }

    .gallery__image:nth-child(2) {
        grid-column: 1/2;
        grid-row: 2/3;
    }

    .gallery__image:nth-child(3) {
        grid-column: 2/3;
        grid-row: 2/3;
    }

    .gallery__image:nth-child(4) {
        grid-column: 1/3;
        grid-row: 3/4;
    }

    .gallery__image:nth-child(5) {
        grid-column: 2/3;
        grid-row: 5/6;
    }

    .gallery__image:nth-child(6) {
        grid-column: 1/2;
        grid-row: 5/6;
    }

    .gallery__image:nth-child(7) {
        grid-column: 1/3;
        grid-row: 6/7;
    }

    .gallery__image:nth-child(8) {
        grid-column: 1/3;
        grid-row: 4/5;
    }

    .gallery-photo_desk {
        display: none;
    }

    .carousel_blog {
        margin-left: 40px;
        margin-bottom: 20px;
    }

    .blog_card_swiper {
        overflow: hidden;
    }

    .swiper-slide_blog {
        min-width: 280px;
    }

    .footer {
        flex-direction: column;
        gap: 0;
        margin-top: 60px;
    }

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

    .footer__col:nth-child(1) {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        order: 4;
        margin-top: 20px;
    }

    .footer__download {
        flex-direction: row;
        order: 4;
        margin-top: 0;
    }

    .footer__col-item:nth-child(2) {
        order: 1;
    }

    .footer__col-item:nth-child(1) {
        order: 2;
    }

    .footer__socials {
        order: 3;
        margin-bottom: 0;
        padding: 0 50px;
    }

    .footer_contacts {
        display: flex;
    }

    .tab input {
        position: absolute;
        opacity: 0;
        z-index: -1;
    }

    .tab__content {
        max-height: 0;
        overflow: hidden;
        transition: all 0.35s ease-in-out;
    }

    .tab input:checked ~ .tab__content {
        max-height: 100rem;
        transition: all 0.35s ease-in-out;
    }

    .tab__label,
    .tab__close {
        display: flex;
        color: #252526;
        cursor: pointer;
    }

    .tab__label::after {
        content: "\276F";
        text-align: center;
        transform: rotate(90deg);
        transition: all 0.35s ease-in-out;
    }

    .tab input:checked + .tab__label::after {
        transform: rotate(270deg);
    }

    .tab__label {
        justify-content: space-between;
        padding: 1rem;
    }

    .tab__close {
        justify-content: flex-end;
        padding: 0.5rem 1rem;
        font-size: 0.75rem;
    }

    .footer__col-title {
        font-size: 12px;
        line-height: 140%;
        margin-bottom: 0;
    }

    .tab {
        border-bottom-width: 1px;
        border-style: solid;
        border-color: #DCE1E8;
    }

    .footer_contacts .footer__col-item:nth-child(1),
    .footer_contacts .footer__col-item:nth-child(2) {
        font-size: 16px;
        font-weight: 500;
    }

    .footer_contacts .footer__col-item:nth-child(1) {
        padding-left: 0;
        order: 1;
    }

    .footer__col-item {
        font-size: 14px;
        padding-left: 25px;
    }

    .carousel__button-prev,
    .carousel__button-next,
    .carousel__button-prev-story,
    .carousel__button-next-story {
        display: none;
    }

    .help {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 20px;
        margin: 20px 0;
        padding-left: 80px;
        padding-right: 80px;
    }

    .help-detail-switch__tags {
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        overflow: scroll;
        padding: 9px 0;
        width: 100%;
    }

    .help-detail-switch__tag {
        padding: 0 10px;
        background-color: unset;
        text-wrap: nowrap;
        overflow: unset;
    }

    .help-detail-switch__tag.active {
        background-color: unset;
        text-decoration: underline;
        text-underline-offset: 10px;
    }

    .help-detail-switch__tag-title {
        color: #8993A3;
    }

    .help-detail-switch__tag.active .help-detail-switch__tag-title {
        color: #171616;
    }

    .help_delivery_map {
        display: block;
    }

    .help-delivery_payment_card {
        max-width: 240px;
    }

    .help-breadcrumb_wrapper {
        display: none;
    }

    #switch-content4 {
        max-width: 800px;
    }

    .addresses-cards {
        display: none;
    }

    .addresses {
        align-items: center;
        justify-content: center;
        padding-left: 0;
        padding-right: 0;
    }

    .addresses_breadcrumb {
        display: flex;
    }

    .addresses-page {
        display: none;
    }

    .address-map {
        display: flex;
        width: 100%;
    }

    #address-custom-map {
        width: 100%;
        height: 701px;
    }

    .popup-address-photos {
        height: 100%;
        width: 100%;
        gap: 8px;
        overflow-x: scroll;
    }

    .popup-address_card {
        display: flex;
        flex-direction: row;
        flex-basis: unset;
        flex-shrink: 0;
        gap: 8px;
    }
}

@media (max-width: 959px) {

    .carousel__swiper{
        overflow-x: visible;
    }

    .help-sales-switch_tag {
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
    }

    .help-bonus__accordion-title {
        padding: 14px 20px;
    }

    .vacancies_title {
        text-align: left;
    }

    .vacancies-detail-switch__tags {
        padding: 20px;
    }

    .vacancies-detail-switch__tag {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    .vacancies-detail-switch_right-part {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .vacancies-detail-switch__tag-description {
        padding: 0;
    }

    .vacancies-detail-switch__tag-salary-apply {
        justify-content: flex-start;
    }

    .product-detail__right .product-detail__top {
        display: none;
    }

    .product-detail__right .product-detail__subtitle {
        display: none;
    }

    .product-detail__mobile {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .product-detail__mobile .product-detail__top {
        flex-direction: column;
        gap: 4px;
        margin-bottom: 0;
    }

    .product-detail__mobile .product-detail__price {
        flex-direction: row;
        align-items: center;
    }

    .product-detail__mobile .product-detail__subtitle {
        margin-bottom: 0;
    }

    .product-detail {
        flex-direction: column;
        gap: 40px;
    }

    .product-detail__gallery {
        display: flex;
        gap: 20px;
        overflow-x: scroll;
    }

    .product-detail__gallery-photo {
        flex-shrink: 0;
        width: 82%;
        aspect-ratio: 310 / 267;
    }

    .product-detail__gallery-photo:nth-child(1) {
        aspect-ratio: 310 / 267;
    }

    .product-detail__gallery {
        width: 100%;
    }

    .product-detail__right {
        width: 100%;
    }

    .product-detail-switch__tag {
        flex-shrink: 0;
        max-width: 300px;
    }

    .product-detail-switch {
        flex-direction: column-reverse;
        gap: 12px;
    }

    .product-detail-switch__tags {
        flex-direction: row;
        width: 100%;
        overflow-x: scroll;
    }

    .product-detail-switch__image {
        width: 100%;
    }

    .workshop-text-reverse .workshop-text__wrapper {
        flex-direction: column-reverse;
    }

    .workshop-text-reverse .workshop-text__image {
        margin-right: 0;
    }

    .workshop-text__wrapper {
        flex-direction: column;
        gap: 20px;
    }

    .workshop-text__text {
        max-width: none;
        margin-right: 0;
    }

    .workshop-text__text-title {
        text-align: center;
    }

    .workshop-text__image {
        width: 100%;
    }

    .workshop-text {
        margin-top: 0;
        margin-bottom: 0;
    }

    .photobooks__filters {
        margin-top: 40px;
    }

    body .workshop_products,
    body .photobooks_products {
        margin: 40px 0;
    }

    .photobooks_catalog.view-line .products__product {
        padding: 0 16px;
    }

    .photobooks_catalog.view-line .products__price {
        flex-direction: row;
        gap: 16px;
    }

    .photobooks_catalog .products__price {
        flex-direction: column;
        gap: 4px;
    }

    .workshop_catalog .products__price {
        gap: 16px;
    }

    .catalog-row {
        overflow-x: scroll;
    }

    .catalog-row .products__product-image {
        width: 312px;
    }

    .catalog.view-line {
        grid-template-columns: 1fr;
    }

    .catalog.view-line .catalog__show-more {
        grid-column: 1 / 2;
    }

    .filters__catalog {
        display: flex;
        gap: 12px;
        margin-right: auto;
    }

    .filters__catalog-item {
        padding: 4px;
        width: 32px;
        height: 32px;
    }

    .filters__catalog-item path {
        stroke: #8993A3 !important;
    }

    .filters__catalog-item.active path {
        stroke: #252526 !important;
    }

    .filters__catalog-item.active {
        pointer-events: none;
    }

    .filter__dropdown label, .filter__dropdown select {
        font-size: 16px;
        line-height: 20px;
    }

    .popup-filters__label {
        font-family: Inter;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        text-align: left;
        color: rgba(188, 196, 205, 1);
        margin-bottom: 4px;
    }

    .popup .filters__filters {
        display: flex;
        flex-wrap: wrap;
        max-width: 100%;
        margin-bottom: 12px;
    }

    .compensate-for-scrollbar {
        padding-right: 0 !important;
    }

    .filters__sort-mobile {
        display: block;
        margin-right: 12px;
    }

    .filters__sort {
        padding: 4px;
    }

    .popup::before {
        content: '';
        position: absolute;
        top: 10px;
        left: 50%;
        transform: translateX(-50%);
        width: 30px;
        height: 2px;
        border-radius: 50%;
        background-color: rgba(220, 225, 232, 1);
    }

    .fancybox-slide--html .fancybox-content .fancybox-close-small {
        display: none;
    }

    .popup__title {
        display: none;
    }

    .popup.fancybox-content {
        vertical-align: bottom;
        border-radius: 0;
        width: 100%;
        padding: 20px;
    }

    .fancybox-inner .fancybox-slide--html {
        padding: 0;
    }

    .filters__filters {
        display: none;
    }

    .filters__top {
        justify-content: space-between;
    }

    .show-options {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
    }

    .filter__bottom {
        display: none;
    }

    .photobooks .carousel__card {
        width: 312px !important;
    }

    .photobooks .carousel__card.swiper-slide-active {
        width: 312px !important;
    }

    .main-banner__content-buttons .transparent-button,
    .main-banner__content-buttons .black-button {
        font-size: 16px;
        padding: 9px 62px;
        order: 1;
        border-radius: 6px;
    }

    .main-banner__content-buttons .transparent-button {
        order: 2;
    }

    .carousel__card-image {
        width: 312px;
    }

    .carousel__card-title {
        width: 312px;
    }

    .carousel__card {
        width: auto;
    }

    .products__banner {
        width: 312px;
        flex-shrink: 0;
    }

    .products .products__product-image {
        width: 312px;
    }

    .products__cards {
        overflow: scroll;
    }

    .header {
        padding-bottom: 0;
        box-shadow: none;
    }

    .header__top {
        padding-left: 16px;
        padding-right: 16px;
    }
    .container {
        padding-left: 16px;
        padding-right: 16px;
    }

    .header__top {
        flex-direction: column;
        justify-content: flex-end;
        height: 88px;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 47px;
    }

    .header__logo {
        top: 30%;
    }

    .header__top-bar {
        flex-direction: row;
        width: 100%;
        height: 56px;
    }

    .photos__group2 {
        height: 400px;
    }

    .story__text,
    .story__text1,
    .story__text2,
    .story__text3,
    .header__search,
    .header__bottom {
        display: none;
    }

    .swiper-backface-hidden .swiper-slide.story_card  {
        transform: unset;
    }

    .header__burger {
        background-color: unset;
        width: 24px;
        height: 24px;
        border-radius: 0;
    }

    .search__icon,
    .header-input__search-wrapper {
        display: flex;
    }

    .breadcrumbs {
        padding: 12px 0 28px;
    }

    .about-page__banner {
        height: 240px;
        margin-bottom: 40px;
    }


    .about-banner_desktop,
    .vacancies-banner_desktop,
    .gallery-photo_tablet,
    .about-img_tablet,
    .story-img_tablet,
    .story_card.swiper-slide-active .story__text,
    .story__text {
        display: none;
    }

    .about-img_desktop,
    .about-banner_mobile,
    .story-img_mobile,
    .gallery-photo_mobile {
        display: flex;
    }

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

    .about-page__photos {
        height: 100%;
        width: 100%;
        gap: 8px;
        overflow-x: scroll;
    }

    .photos__group2 {
        height: 100%;
        width: 100%;
        gap: 8px;
        overflow-x: scroll;
    }

    .about_card {
        display: flex;
        flex-direction: row;
        flex-basis: unset;
        flex-shrink: 0;
        gap: 8px;
    }

    .photos__group1 .about_card {
        width: 426px;
    }

    .photos__group2 .about_card {
        width: 650px;
    }

    .blog {
        grid-template-columns: 1fr;
        grid-gap: 40px;
    }

    .story_card.swiper-slide-next,
    .story_card.swiper-slide-active {
        min-width: 315px;
        max-width: 315px;
    }

    .story_block {
        min-width: 315px;
    }

    .story__title {
        margin-bottom: 24px;
    }

    .story_card.swiper-slide-active .story__text-mobile {
        display: flex;
    }

    .gallery,
    .carousel {
        margin-bottom: 40px;
    }

    .gallery__wrapper {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 221px 100px 100px 100px 100px 221px;
        grid-gap: 20px;
    }

    .gallery__image:nth-child(1) {
        grid-column: 1/3;
        grid-row: 1/2;
    }

    .gallery__image:nth-child(2) {
        grid-column: 1/2;
        grid-row: 2/3;
    }

    .gallery__image:nth-child(3) {
        grid-column: 2/3;
        grid-row: 2/3;
    }

    .gallery__image:nth-child(4) {
        grid-column: 1/3;
        grid-row: 3/4;

    }

    .gallery__image:nth-child(5) {
        grid-column: 2/3;
        grid-row: 5/6;
    }

    .gallery__image:nth-child(6) {
        grid-column: 1/2;
        grid-row: 5/6;
    }

    .gallery__image:nth-child(7) {
        grid-column: 1/3;
        grid-row: 4/5;
    }

    .gallery__image:nth-child(8) {
        grid-column: 1/3;
        grid-row: 6/7;
    }

    .team .carousel__card {
        width: 280px !important;
    }

    .team .carousel__card.swiper-slide-active {
        /*width: 280px !important;*/
    }

    .carousel_blog {
        margin-left: 0;
    }

    .swiper-slide_blog {
        min-width: 312px;
    }

    .blog_card_swiper {
        overflow: unset;
    }

    .main-banner__wrapper {
        padding: 16px;
        border-radius: 20px;
        gap: 24px;
    }

    .main-banner__image {
        border-radius: 10px;
        overflow: hidden;
    }

    .main-banner__content {
        padding: 0;
    }

    .main-banner__content-title {
        margin-bottom: 16px;
        font-size: 50px;
        font-weight: 700;
        line-height: 50px;
        text-align: left;
    }

    .main-banner__content-title br {
        display: flex;
    }

    .main-banner__content-title span::before {
        height: 46px;
        top: 7px;
        left: -11px;
        right: -11px;
        z-index: -2;
    }

    .main-banner__content-subtitle {
        margin-bottom: 32px;
    }

    .main-banner__content-button {
        width: 100%;
        text-align: center;
    }

    .main-cards {
        flex-direction: column;
        gap: 12px;
        margin-bottom: 40px;
    }

    .main-cards__item {
        height: 110px;
    }

    .main-cards__item-text {
        font-size: 24px;
        line-height: 28.8px;
    }

    .main-cards__item-text br {
        display: none;
    }

    .catalog-sections__wrapper {
        grid-template-columns: 1fr 1fr;
    }

    .catalog-sections__image {
        aspect-ratio: 161.5 / 156;
    }

    .quote__text {
        padding: 20px;
        font-size: 12px;
        line-height: 14px;
    }

    .quote {
        align-items: center;
    }

    .catalog-sections {
        margin-bottom: 32px;
    }

    .second-banner {
        margin-top: 60px;
        margin-bottom: 30px;
    }

    .welcome__wrapper {
        flex-direction: column;
    }

    .welcome__card-image {
        aspect-ratio: 343/200;
    }

    .reviews__card {
        max-width: 320px;
    }

    .reviews__swiper {
        overflow: visible;
    }

    .workshop_reviews,
    .photobooks_reviews {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .reviews__swiper__button-next, .reviews__swiper__button-prev, .carousel__button-next, .carousel__button-prev {
        display: none;
    }

    .catalog {
        grid-template-columns: 1fr 1fr;
    }

    .catalog__show-more {
        grid-column: 1 / 3;
    }

    .main-banner__content-buttons {
        flex-direction: column;
    }

    #videoBlock {
        height: 285px;
    }

    .footer_contacts {
        flex-direction: column;
        align-items: flex-start;
    }

    .footer__col:nth-child(1) {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    .footer_contacts .footer__col-item:nth-child(2) {
        padding-left: 0;
    }

    .footer__socials {
        order: 0;
        padding: 0;
    }

    .footer__col-item:nth-child(2) {
        order: 1;
    }

    .help-delivery_payment_cards {
        gap: 8px;
        flex: 1 0 50%;
    }

    .help-delivery_payment_card {
        max-width: 167.5px;
    }

    .help-return-btn-wrapper {
        margin-top: 15px;
        display: flex;
        flex-wrap: nowrap;
    }

    .help-return_apply {
        display: flex;
        padding: 16px 20px;
        text-wrap: nowrap;
    }

    .help-corp-clients-title br {
        display: block;
    }

    .addresses {
        align-items: center;
        justify-content: center;
        padding-left: 0;
        padding-right: 0;
    }

    .address-map {
        display: flex;
        width: 100%;
    }

    #address-custom-map {
        width: 100%;
        height: 626px;
    }
}

@media (max-width: 475px) {
    .vacancies-banner_tablet {
        display: none;
    }

    .vacancies-banner_mobile {
        display: flex;
    }
}