/*------------------------------- content --------------------------------------------*/

.burger-btn {cursor: pointer; display: none;}
.close-btn {cursor: pointer; display: none;}

header {background: #000; color: #fff; padding: 30px 0;}
.header-item {line-height: 1.4;}
.header-item-right {width: 607px;}
.header-item__text {font-weight: 500;}
.header-item__text .phone {text-decoration: none;}
.header-top .btn {width: 200px;}

.main-menu {column-gap: 62px; row-gap: 12px;}
a.main-menu__item {text-decoration: none; color: var(--color-6);}
.main-menu__item {padding: 12px 0; position: relative; font-size: 20px; color: var(--color-6); font-weight: 300; transition: color .2s ease;}
.main-menu__item::after {content: ''; position: absolute; height: 1px; width: 23px; background: #E6C4AA; left: 0; bottom: 0; opacity: 0; transition: opacity .2s ease;}
.main-menu__item.active {color: var(--color-5); font-weight: 500;}
.main-menu__item:hover {color: var(--color-5);}
.main-menu__item.active::after,
.main-menu__item:hover::after {opacity: 1; color: var(--color-5);}
.main-menu__bottom {display: none;}

.search-wrapper input[type="text"] {border-color: #fff; padding: 10px 11px; color: var(--color-5);}
.search-wrapper input[type="text"]::placeholder {color: var(--color-6);}



/* =============== Page Main =============== */

.section {padding: 190px 0 150px;}

/*.section-top {background: #000 url("../img/bg-top.png") center -132px no-repeat; padding: 145px 0 90px; position: relative; z-index: 1;}*/
.section-top {background: #000 url("../img/bg-top.png") center -160px no-repeat; padding: 120px 0 90px; position: relative; z-index: 1;}
.section-top .container {position: relative;}
.section-top__main-menu .main-menu {flex-direction: column;}
.section-top__main-menu .main-menu__item {padding: 0 22px; font-size: 32px; line-height: 44px;}
.section-top__main-menu .main-menu__item::after {height: 22px; width: 1px; left: 0; bottom: 50%; transform: translateY(50%);}

.top-video__wrapper {position: relative;}
.top-video__wrapper:hover .video-btn svg {animation-play-state: running;}
.video-btn {width: 169px; height: 169px; border-radius: 50%; background: rgba(58 58 58 / 0.4); backdrop-filter: blur(20px);}
.video-btn:hover svg {animation-play-state: running;}
.video-btn svg {animation: linear 15s infinite rotation-counterclockwise; animation-play-state: paused;}
.top-video__wrapper .video-btn {position: absolute; left: -90px; bottom: -50px;}
.video-play {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

.top-title__wrapper {margin-top: 70px; row-gap: 15px;}
.top-sub-title {font-size: 48px; color: var(--color-5);}
.top-title__wrapper .btn.white {width: 388px; margin-top: 30px;}



.section-whyus {background: #000; position: relative; padding: 130px 0 35px; z-index: 1;}
.section-title__bg {position: absolute; top: 10px; left: 0; width: 100%; text-align: center; overflow: hidden;}

.section-whyus .title {text-transform: uppercase; font-size: 64px; line-height: 1.27; color: var(--color-5); text-align: center;}
.section-whyus .title span {color: var(--color-4);}

.benefits-slider {position: relative; margin-top: 166px;}
.benefits-slider .swiper-wrapper {display: flex; justify-content: center; flex-wrap: wrap; gap: 20px;}
.benefits-item {width: 400px; height: 390px; background: #202020; padding: 30px 40px 50px; display: flex; flex-direction: column; justify-content: space-between; position: relative;}
.benefits-item::before {content: ''; background: var(--icon-benefit-triangle); width: 19px; height: 19px; position: absolute; top: 29px; right: 29px;}
.benefits-item:hover {background: #7D6756;}
.benefits-item:hover svg path {fill: var(--color-4)}
.benefits-item__text {color: var(--color-5); font-size: 24px; line-height: 1.3;}
.benefits-item__text span {color: var(--color-4); font-weight: 700;}



.section-workwithus {position: relative; padding: 35px 0 200px; background: #000;}
.section-workwithus::before {content: ''; position: absolute; left: 0; bottom: -990px; background: url("../img/second-bg.png") center no-repeat; width: 100%; height: 3023px; z-index: 0;}
.section-workwithus .title {color: var(--color-5);}

.section-note {position: absolute; top: 50%; left: 0; transform: translateY(-50%); font-size: 20px; color: var(--color-6); font-family: 'Play', serif; text-align: left;}

.designer-detail {position: relative; margin-top: 60px; column-gap: 140px;}
.designer-detail__info {flex-basis: 780px;}
.designer-detail__spec {color: var(--color-3);}
.designer-detail__name {color: var(--color-5); font-size: 48px; margin-top: 2px; font-family: 'Play', serif;}

.designer-detail__quote {margin: 100px 0 70px; font-size: 18px; color: var(--color-5); position: relative;}
.designer-detail__quote::before {content: ''; position: absolute; left: -67px; top: -29px; width: 44px; height: 29px; background: var(--icon-quote-start);}
.designer-detail__quote::after {content: ''; position: absolute; right: -60px; bottom: -30px; width: 44px; height: 29px; background: var(--icon-quote-end);}

/*.designer-detail__pic {flex: none; width: 600px; height: 550px;}*/
.designer-detail__pic {flex-basis: 600px; aspect-ratio: 6 / 5;}
.designer-detail__pic img {width: 100%; height: 100%; object-fit: cover;}

.designers-slider {position: relative; margin-top: 75px; width: 911px;}
.designers-slider .swiper-slide-next+.swiper-slide {margin-right: 636px !important;}
.designers-item {cursor: pointer;}
.designers-item__pic {width: 100%; aspect-ratio: 5 / 6; /*height: 357px;*/}
.designers-item__pic img {width: 100%; height: 100%; object-fit: cover;}
.designers-item__spec {color: var(--color-3); margin-top: 25px;}
.designers-item__name {color: var(--color-5); font-size: 24px; margin-top: 2px; font-family: 'Play', serif;}
.designers-slider__buttons {position: absolute; right: 400px; bottom: 74px; display: flex; column-gap: 10px;}


.section-designer-selection {padding: 130px 0 110px; position: relative; background: #fff url("../img/designer_selection_form_pic.png") right top no-repeat;}
.form-text__wrapper {margin-top: 20px;}
.form-text {font-family: 'Play', serif; font-size: 34px; line-height: 1.27; text-transform: uppercase; max-width: 760px;}
.form-wrapper {margin-top: 80px; max-width: 810px;}
.form-agree-text {color: var(--color-6);}


.section-cases {position: relative; background: #fff; padding: 135px 0 0;}
.section-cases .section-title__bg {top: 65px;}
.cases-slider {margin-top: 75px; position: relative;}
.cases-slider .swiper-wrapper {align-items: center; margin-left: -111px;}

.cases-item.swiper-slide {width: 270px; height: 355px; transition: width 0.4s ease; display: flex; align-items: center; justify-content: center;}
.cases-item.swiper-slide .cases_item__pic {transition: transform 0.4s ease; transform: scale(1); transform-origin: center; width: 270px; height: 355px;}
.cases-item.swiper-slide .cases_item__pic img {width: 100%; height: 100%; object-fit: cover;}
.cases-item.swiper-slide-active {width: 477px !important; height: 629px;}
.cases-item.swiper-slide-active .cases_item__pic {transform: scale(1.75);}
.cases-item.swiper-slide-next {z-index: 1;}
.cases-item__info {display: none;}
.cases-item__btn {display: none;}

.cases-slider__buttons {position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1;}

.cases-slide__info-wrapper {margin-top: 30px; height: 86px; overflow: hidden;}
.cases-slide__info {width: 477px; margin: 0 auto; position: relative;}
.cases-slide__info-title {font-size: 24px; font-family: 'Play', serif; text-transform: uppercase; width: 350px;
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.cases-slide__info-desc {position: absolute; left: calc(350px + 50px); top: 0; width: 500px;
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;}


.section-reviews {position: relative; background: #fff; padding: 280px 0 150px;}
.section-reviews .section-title__bg {top: 100px;}
.yandex-badge__comments {margin-top: 70px; display: flex; justify-content: center;}


.section-blog {background: var(--color-5); position: relative; padding: 150px 0 75px;}
.section-blog .section-title__bg {top: 30px;}
.blog-title-wrapper .title {color: #686868;}
.blog-title-wrapper .title.active {color: var(--color-3);}

/*
.section-blog__content {position: relative; margin-top: 110px;
    --gap: 20px;
    --c1: 1100px;
    --c2: 600px;
    gap: var(--gap);
}
.section-blog__items {
    flex-shrink: 1;
    flex-grow: 0;
    flex-basis: var(--c2);
}
.section-blog__article {
    flex-shrink: 1;
    flex-grow: 0;
    flex-basis: var(--c1);
    --blog__article__c1: 600px;
    --blog__article__c2: 490px;
}
.section-blog__article-pic {
    !*height: 600px;*!
    aspect-ratio: 1 / 1;
    flex-shrink: 1;
    flex-grow: 0;
    flex-basis: var(--blog__article__c1);
}
.section-blog__article-info {
    height: 100%;
    flex-shrink: 1;
    flex-grow: 0;
    flex-basis: var(--blog__article__c2);
}
.section-blog__article-date {margin-bottom: auto;}
.section-blog__article-day {font-family: 'Play', serif; font-size: 96px; line-height: 60px;}
.section-blog__article-month {font-family: 'Play', serif; line-height: 10px;}

.section-blog__article-title {font-family: 'Play', serif; font-size: 32px;}
*/

.section-blog__items {position: relative; margin-top: 110px;
    display: grid;
    grid-template-columns: 2fr 1fr; /* 2 колонки одинаковой ширины */
    /*grid-template-columns: 1100px 600px; !* 2 колонки фиксированной ширины *!*/
    /*grid-template-columns: minmax(0, 1100px) minmax(0, 600px); !* 2 колонки фиксированной ширины *!*/
    grid-template-rows: auto; /* высота определяется содержимым */
    /*justify-content: space-between; !* разводит колонки по краям, только при фикс ширине колонок *!*/
    column-gap: 40px; /* промежуток между колонками */
    row-gap: 45px; /* промежуток между колонками */
}
.section-blog__item {
    grid-column: 2; /* вторая колонка */
    grid-row: 1; /* первая строка */
    display: flex; column-gap: 20px;
}
.section-blog__item:nth-child(1) {
    grid-column: 1; /* первая колонка */
    grid-row: 1 / span 3; /* занимает 3 строки (высота равна 2й колонке) */
    height: 100%;
    column-gap: 20px;
}
.section-blog__item-pic {aspect-ratio: 1 / 1; flex-shrink: 0; flex-grow: 0; flex-basis: 170px;}
.section-blog__item-info {flex-shrink: 1; flex-grow: 0; flex-basis: 410px; display: flex; flex-direction: column; justify-content: space-between;}
.section-blog__item:nth-child(1) .section-blog__item-pic {flex-shrink: 1; flex-basis: 600px;}
.section-blog__item:nth-child(1) .section-blog__item-info {flex-basis: 490px;}

.section-blog__item:nth-child(3) {grid-row: 2;}
.section-blog__item:nth-child(4) {grid-row: 3;}


.section-blog__item-date {color: var(--color-6);}
.section-blog__item:nth-child(1) .section-blog__item-date {font-family: 'Play', serif; color: var(--color-1); display: flex; align-items: flex-start;}
.section-blog__item:nth-child(1) .section-blog__item-date span {font-size: 96px; line-height: 60px;}
.section-blog__item-title {font-family: 'Play', serif; font-size: 24px; margin-top: auto; /*word-break: break-word;*/}
.section-blog__item:nth-child(1) .section-blog__item-title {font-size: 32px;}
.section-blog__article-preview {margin-top: 25px;}


.see-more__text {font-family: 'Play', serif; font-size: 20px; text-transform: uppercase;}
.see-more__btn.btn {display: none;}


.section-priority {padding: 0; background: var(--color-5) url("../img/priority-bg.png") right bottom no-repeat;}
.section-priority .title {font-family: "Manrope", serif; font-size: 48px; text-transform: uppercase; color: var(--color-1);}
.section-priority-pic {width: 600px; aspect-ratio: 6 / 5.6; /*height: 560px;*/ margin-top: -10px; position: relative; bottom: -170px; z-index: 1;}


.section-about {position: relative; background: #000; padding: 450px 0 125px;}
.section-about .section-title__bg {top: 250px;}
.section-about .title {color: var(--color-5);}
.about-info {font-size: 48px; font-weight: 300; color: var(--color-5); line-height: 1.5; text-transform: uppercase; text-align: center; margin-top: 90px; overflow: hidden;}
.about-info__1 {position: relative; left: 120px;}
.about-info__2 {position: relative; left: -260px;}
.about-info__3 {position: relative; left: 170px;}
.flybed-bage {font-size: 48px; font-weight: 700; color: var(--color-4); text-transform: uppercase; padding: 10px 28px; background: #202020; display: inline-block; margin-left: 15px;}

.about-content {margin-top: 120px;}
.about-grid {--gap: 20px; --c1: 500px; --c2: 600px; --c3: 500px; display: flex; gap: var(--gap); justify-content: space-between;}
.about-grid .col {flex-shrink: 1; flex-grow: 0; flex-basis: var(--c1); row-gap: 60px;}
.about-grid .col:nth-child(2) { flex-basis: var(--c2);}
.about-grid .col:nth-child(3) { flex-basis: var(--c3);}
@media (min-width: 1640px) {.about-grid { justify-content: space-between;}  /* поведение по умолчанию */}
@media (max-width: 1639px) {.about-grid {justify-content: flex-start;}      /* отключаем space-between */}


.about-content .v-col:nth-child(1),
.about-content .v-col:nth-child(3) {max-width: 500px; row-gap: 60px;}
.about-content .v-col:nth-child(2) {max-width: 610px;}
.about-content__pic {width: 100%; max-width: 320px; aspect-ratio: 4 / 5; height: auto;}
.about-content__pic-small {width: 100%; max-width: 160px; aspect-ratio: 4 / 5; height: auto;}
.about-content__pic-big {width: 100%; max-width: 610px; aspect-ratio: 6 / 8; height: auto;}
.about-content__text {font-size: 20px; line-height: 1.67; color: var(--color-5);}

.about-bottom {margin-top: 40px;}
.section-about .btn {display: flex; margin-top: 50px;}


.section-watch-video {padding: 0; position: relative; min-height: 250px;}
.watch-video__pic {width: 100%; height: auto;}
.watch-video__wrapper {position: absolute; top: 70px; left: 50%;}
.watch-video__wrapper .video-btn svg {animation-play-state: running;}
.watch-video__text {font-size: 48px; font-family: 'Play', serif; color: var(--color-5); max-width: 430px;}


.section-socials {padding: 60px 0 120px; background: #000;}
.section-socials .title {color: var(--color-5);}
.social-content_wrapper {margin-top: 95px;}
.social-item {width: 340px; aspect-ratio: 1 / 1; height: auto; border-radius: 50%; overflow: hidden; position: relative;}
.social-item [class^="icon--"] {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.social-item img {opacity: .4; transition: opacity .2s ease;}
.social-item:hover img {opacity: .6;}


.section-form-capture {padding: 180px 0 220px; background: #010403 url("../img/form-family-bg.png") right center no-repeat;}
.section-form-capture .form-text {color: var(--color-5);}
.section-form-capture .form-wrapper input {color: var(--color-5); border-color: var(--color-4);}
.section-form-capture .form-wrapper input::placeholder {color: var(--color-5);}



.section-seo {padding: 120px 0 285px; background: #f5f5f5 url("../img/seo-bg.png") left bottom no-repeat;}
.section-seo .title {text-align: left;}
.section-seo__text {font-size: 20px; line-height: 1.56;}
.section-seo__text:nth-child(1) {flex: 0 0 760px; max-width: 760px; margin-top: 90px; margin-right: calc(100% - 760px - 600px - 100px);}
.section-seo__text:nth-child(2) {flex: 0 0 600px; max-width: 600px; font-size: 16px; position: relative; top: -100px;}
.section-seo__btn {margin-top: 50px;}

.footer-block {padding: 90px 0 10px; position: relative; z-index: 1;}
.footer-block__hdr {font-weight: 700; margin-bottom: 5px;}
.footer-block__col.first {font-size: 24px;}
.footer-block__social-link-icon {width: 52px; height: 52px; background: #fff;}
.footer-block__social-link-icon [class^="icon--"] {width: 25px; height: 25px;}

.footer-bottom {padding-bottom: 50px; position: relative;}
.footer-bottom .footer-pic {position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}
.footer-bottom .footer-pic:not(.footer-pic__mob) {width: 80%; max-width: 866px; height: auto;}
.footer-bottom__inner {margin-top: 155px; color: var(--color-6); position: relative;}
.footer-bottom__inner a {text-decoration: underline; color: var(--color-6);}



/* =============== Page Potfolio =============== */

.section-portfolio {background: #000; position: relative; padding: 65px 0 100px;}
.section-portfolio .section-title__bg {top: 50px;}
.section-portfolio .title {margin-top: 135px;}
.portfolio-slider {max-width: 1516px; max-width: 80vw; margin: 30px auto 0; padding-left: 1px;}

.portfolio-item__pic {position: relative;}
.portfolio-item__pic img {width: 100%; height: 100%; object-fit: cover;}
.portfolio-item__pic::before {content: ''; position: absolute; left: 1px; top: 1px; width: calc(100% - 2px); height: calc(100% - 2px); background: #000; transition: opacity .2s ease; opacity: 0;}
.portfolio-item.active .portfolio-item__pic {outline: 1px solid var(--color-4); outline-offset: -1px; transition: outline .2s ease;}
.portfolio-item:hover .portfolio-item__pic {outline: 1px solid var(--color-4); outline-offset: -1px; transition: outline .2s ease;}
.portfolio-item.active .portfolio-item__pic::before {opacity: .6;}
.portfolio-item:hover .portfolio-item__pic::before {opacity: .6;}

.portfolio-item__cat {font-size: 16px; font-weight: 700; color: var(--color-5); width: 100%; text-align: center;
    position: absolute; top: 50%; left: 0; transform: translateY(-50%); transition: opacity .2s ease; opacity: 0;}
.portfolio-item.active .portfolio-item__cat {opacity: 1;}
.portfolio-item:hover .portfolio-item__cat {opacity: 1;}

.portfolio-item__title {font-size: 24px; color: var(--color-5); margin-top: 20px; transition: color .2s ease;}
.portfolio-item.active .portfolio-item__title {color: var(--color-4);}
.portfolio-item:hover .portfolio-item__title {color: var(--color-4);}

.portfolio-slider__buttons {position: absolute; top: 52px; left: 0; width: 100%; display: flex; align-items: center; justify-content: space-between;}



.section-catalog {padding: 50px 0 120px; background: #f5f5f5;}
.catalog-select-pill {font-size: 12px; color: var(--color-4); padding: 10px 20px; background: var(--color-1); border-radius: 40px;}
.catalog-category-title {font-family: 'Play', serif; font-size: 48px; line-height: 1.27; text-transform: uppercase; margin-top: 15px;}
.catalog__sellect-wrapper {margin-top: 40px;}

.content-catalog__sort-title {font-weight: 700;}
.content-catalog__sort-item {cursor: pointer;}
.content-catalog__sort-item.active {color: var(--color-3);}
.content-catalog__sort-select {display: none;}

select.chosen-select {padding-right: 50px;}
.chosen-container {font-size: 14px; font-weight: 400; letter-spacing: .7px;}
.chosen-container-single .chosen-single {height: 45px; border: none; box-shadow: none; border-radius: 3px; background: #fff; padding: 14px 9px; display: flex; align-items: center;}
.chosen-container-active.chosen-with-drop .chosen-single {border: none; box-shadow: none; background: #fff;}
.chosen-container-single .chosen-single div,
.chosen-container-active.chosen-with-drop .chosen-single div {background: var(--icon-chevron); width: 15px; height: 9px; top: calc(50% - 4.5px); right: 9px;}
.select-wrapper .chosen-single div {display: none;}
.chosen-container-single .chosen-default {color: #221313;}
.chosen-container-single .chosen-search input[type=text] {color: #221313; border-color: #9D7F64;}

.chosen-container .chosen-drop {border: none; box-shadow: none; border-radius: 3px; background: #fff; /*border-top: 1px solid #eee;*/}
.chosen-container .chosen-results {margin-top: 4px;}
.chosen-container .chosen-results::-webkit-scrollbar {width: 7px;}
.chosen-container .chosen-results::-webkit-scrollbar-track {background: transparent;}
.chosen-container .chosen-results::-webkit-scrollbar-thumb {background-color: #9D7F64; border-radius: 0px; background-image: linear-gradient(90deg, #fff, #fff 3px, #9D7F64 3px, #9D7F64)}
.chosen-container .chosen-results li {padding: 7px 6px 7px 5px;}
.chosen-container .chosen-results li.highlighted {background: #9D7F64;}


.product-wrapper {display: flex; column-gap: 30px;}
.product-pics {display: flex; gap: 10px; --product-pics-vgap: 10px;}
.product-wrapper .product-pics {flex-wrap: wrap; align-content: flex-start;}
.product-wrapper .product-pic {aspect-ratio: 1.2 / 1;}
.product-wrapper .product-main__pic {/*height: 1030px;*/ width: 100%;}
.product-wrapper .product-pic:nth-child(2),
.product-wrapper .product-pic:nth-child(3) {width: calc(100% / 2 - var(--product-pics-vgap) / 2);}
.product-wrapper .product-pic:nth-child(n+5) {display: none;);}
.product__info {flex: 0 0 630px; max-width: 630px; display: flex; flex-direction: column; row-gap: 20px;}
.product__title {font-size: 44px; font-family: 'Play', serif;}
.product__chars {margin-top: 10px;}
.product__btn {margin-top: 20px; width: 100%; flex: none;}
.product__char {display: flex; align-items: center; justify-content: space-between; padding: 10px;}
.product__char:nth-child(odd) {background: #fff;}


.catalog-cards__wrapper {display: flex; flex-direction: column; row-gap: 80px; margin-top: 50px;}
.catalog-card {display: flex; column-gap: 50px;}

.catalog-card .product-main__pic {/*height: 600px;*/ width: 100%; aspect-ratio: 10 / 5;}
.catalog-card:nth-of-type(even) .product-main__pic {order: 1;}

.catalog-card .product__info {justify-content: space-between;}
.catalog-card .product-pics {margin-top: auto;}
.catalog-card .product-pic {/*height: 186px;*/ max-width:203px; width: 100%; aspect-ratio: 1 / 0.9;}

.section-catalog .show-more {margin-top: 80px; text-transform: uppercase; font-size: 20px;}


.banner-block {display: block; position: relative;}
.banner-block::before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: .6;}
.banner-content {position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 30px 0;}
.banner-pill {font-family: 'Play', serif; font-size: 45px; color: var(--color-5); padding: 7px 16px; background: var(--color-3); border-radius: 22px;}
.banner-title {font-family: 'Play', serif; font-size: 96px; color: var(--color-5); line-height: 1; text-align: center;}
.banner-text {font-family: 'Play', serif; font-size: 30px; color: var(--color-5); text-align: center; height: 55px; overflow: hidden;}
.banner-btn {margin-top: 35px; width: 300px;}



.section-breadcrumbs {padding: 65px 0 45px;}
.breadcrumbs-wrapper {display: flex; align-items: center; justify-content: center; column-gap: 20px; row-gap: 10px; position: relative; flex-wrap: wrap;}
.breadcrumbs-item {line-height: 1.56; white-space: nowrap;}
.breadcrumbs-wrapper.white .breadcrumbs-item {color: var(--color-5);}
.breadcrumbs-item:not(:last-child)::after {content: ''; display: inline-block; background: var(--icon-bc-arrow) center no-repeat; background-size: contain;
    width: 17px; height: 8px; flex: none; margin-left: 20px;}
.breadcrumbs-wrapper.white .breadcrumbs-item:last-child,
.breadcrumbs-item:last-child {color: var(--color-6);}



/* =============== Page Product =============== */

.section-product {padding-bottom: 75px; background: #f5f5f5;}
.product-descr__wrapper {margin-top: 15px;}
.product-descr__title {font-family: 'Play', serif; font-size: 24px; margin-bottom: 20px;}


.section-recent {background: #f5f5f5; padding-bottom: 120px;}
.recent-slider {position: relative; height: 770px; margin-top: 45px;}
.recent-item {border-top: 1px solid #D9D9D9; display: block;}
.recent-item__title {padding: 40px 20px 0; margin-bottom: 15px; height: 100px; font-family: 'Play', serif; font-size: 24px;
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.recent-item__pic {height: 515px; transition: height 0.4s ease;}
.recent-slider .swiper-slide-prev .recent-item__pic {height: 636px;}
.recent-slider .swiper-slide-active .recent-item__pic {height: 636px;}
.recent-slider__buttons {position: absolute; bottom: 0; right: 0; z-index: 1;}



/* =============== Page About =============== */

.page-about .section-about {padding-top: 70px;}
.page-about .section-about .section-title__bg {top: 10px;}
.page-about .section-about .title {margin-top: 10px; text-transform: uppercase;}
.page-about .section-about .about-info {margin-top: 195px;}

.page-about .section-workwithus {padding: 50px 0 170px;}
.page-about .section-workwithus::before {content: none;}

.page-about .section-whyus {padding-bottom: 170px;}

.page-about .section-reviews {background: #f5f5f5; padding-bottom: 40px;}
.page-about .section-reviews .section-title__bg svg path {fill: #fff;}


.section-team {background: #000; padding: 0 0 170px;}
.section-team .title {color: var(--color-5);}
.team-slider {margin-top: 60px;}
.team-wrapper {background: url("../img/bg-team.svg") center 30px no-repeat;
    display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; column-gap: 20px;}
.team-item {flex-basis: 290px;}
.team-item:nth-child(1) {flex-basis: 610px; margin-right: calc(100% - 610px - 290px * 3);}
.team-item:nth-child(4),
.team-item:nth-child(5) {align-self: flex-end; margin-top: -105px;}
.team-item:nth-child(6) {flex-basis: 610px; margin-top: -105px;}
.team-item__pic {width: 100%; aspect-ratio: 2.9 / 3.6; margin-bottom: 25px;}
.team-item__pic-big {width: 100%; aspect-ratio: 6.1 / 5.5; margin-bottom: 20px;}
.team-item__spec {font-size: 22px; color: var(--color-3); word-break: break-word;}
.team-item__name {font-size: 24px; color: var(--color-5); word-break: break-word; margin-top: 2px; font-family: 'Play', serif;}
.team-item__name-big {font-size: 48px;}


#reels-player {position: fixed !important; top: 0; left: 0; height: 100vh; z-index: 1000;}
.playerjs-close-btn {position: absolute; top: 6px; right: 0; z-index: 1000; background: none; color: white; border: none; padding: 10px; cursor: pointer; font-size: 35px;}


.swiper-pagination-bullets {display: none; align-items: center; justify-content: center; column-gap: 14px; margin-top: 40px;}
.swiper-pagination-bullet {background: #686868; width: 5px; height: 5px; margin: 0 !important;}
.swiper-pagination-bullet-active {background: var(--color-4); width: 9px; height: 9px;}