.playfair{
    font-family: "Playfair", serif;
  }

html{
    box-sizing:border-box;
}

*, 
*::after, 
*::before{
    box-sizing:inherit;
}

a{
    color:inherit;
    text-decoration:none;
}

ul{
    list-style-type: none;
}
.conteiner{
    max-width:1220px;
    padding:0 10px;
    margin:0 auto;
}
button{
    background-color:transparent;
    padding:0;
    border:0;
    cursor: pointer;
}

body{
    font-family: "Inter", sans-serif;
    font-weight:400;
    font-size:14px;
    color:#1b1b1b;
    line-height:1.4;
}

.header{margin-bottom:90px;
}

.header__iner{
    display:flex;
    justify-content:space-between;
    padding-top:30px;
}

.header__title{
    font-family: "Playfair", serif;
    font-weight:400;
    text-transform:uppercase;
    font-size:14px;
    margin-left:auto;
}

.menu{
    margin-left:130px;
    margin-right:185px;
}
.menu__item{
    font-size:12px;
    margin-bottom:10px;
    text-transform:uppercase;
}

.user-nav{
    display: flex;
    gap: 20px;
}

.top{
    margin-bottom:100px;
}
.top__slide{
    background-repeat:no-repeat;
    background-size: cover;
    background-position: center;
}
.top-slide__iner{
    display: flex;
    justify-content:space-between;
    align-items: center;
    padding-left:10px;
    padding-right:10px;
    min-height:700px;
}

.top-slide__content{
    flex-basis: 183px;
    margin-top:-88px;
}

.top-slide__title{
    font-family: "Playfair", serif;
    font-weight:400;
    text-transform:uppercase;
    font-size: 70px;
    line-height: 1.3;
}

.top-slide__subtitle{
    font-size: 24px;
    margin: bottom 10px;

}

.top-slide__text{
    margin-bottom:20px;
}

.top-slide__btn{
    margin-left:auto;
}

.button{
    color:#7449BB;
    text-transform:uppercase;
    font-weight: 700;
    padding:21px 55px;
    border:1px solid #7449BB;
    display:inline-block;
}
.button:hover{
    color:#fff;
    background-color:#7449BB;
}

.swiper-button-prev:after, .swiper-button-next:after{
    content:none;

}

.conteiner-arrow{
    position:relative;
    padding:0;
    max-width:1200px;
}

.top .swiper{
    padding-bottom:50px;
}

.swiper-button-next{
    left:75px;
    right:auto;
}

.about{
margin-bottom:100px;
overflow: hidden;
}

.about__iner{
padding-left:200px;
}

.about__title{
    font-family: "Playfair", serif;
    font-weight:400;
    text-transform:uppercase;
    font-size: 32px;
    line-height: 1.34;
    max-width: 185px;
}

.about__text-box{
margin-bottom:150px;
display: flex;
justify-content: space-between;
align-items: flex-end;
}

.about__text{
    flex-basis: 387px;
    line-height: 1.2;
}

.about__text p{
 margin-bottom:15px;
}
.about__text--bold{
font-weight:700;
}

.about__item-title{
    margin-bottom:20px;
}

.about__slider{
    width:1800px;
    padding-left:200px;
    margin-left:-200px;
    padding-bottom:20px;
}

.about__arrow{
    margin-left:-198px;
    margin-top:-6px;
}

.conteiner-arrow .swiper-button-next.swiper-button-disabled, 
.swiper-button-prev.swiper-button-disabled{
    opacity: 1;

}

.accordion{
margin-bottom:223px;
}

.accordion__inner{
    padding-left:200px;
}

.accordion__item{
    border-bottom: 1px solid #000;
    padding:0 101px 0 0;
    position: relative;
}

.accordion__item::before{
    content: '';
    position: absolute;
    width:15px;
    height:51px;
    background-image: url(../images/dw.svg);
    right:85px;
}

.accordion__item:last-child::after{
content:'';
position: absolute;
background-image: url(../images/parfume.jpg);
width:65px;
height:120px;
bottom:-105px;
left:300px;
}

.accordion__triger{
display:flex;
justify-content: space-between;
cursor: pointer;
padding-top:50px;
}
.accordion__triger-title{
    text-transform: uppercase;
    font-size:24px;
    flex-basis: 300px;
    padding-bottom:42px;

}

.accordion__triger-text{
    flex-basis: 387px;
    margin-right:104px;
    padding-bottom: 20px;

}

.accordion__content{
    padding-top:20px;
    display: none;
    padding-bottom:20px;
}

.accordion__content p{
    margin-bottom:10px;
}

.accordion__item-active .accordion__content{
    display: block;
}

.products {
    margin-bottom:150px;
}
.products__inner {
  position:relative;
  min-height:647px;
}
.products__title {
    line-height: 1.34;
    font-size: 32px;
    width:100px;
    font-family: "Playfair", serif;
    font-weight:400;
    text-transform:uppercase;
}
.products__items {
    display:flex;
    gap:20px;
    position: absolute;
    top:0;
    left:200px;
}

.products__item {
    text-align:center;
}
.products__item-step {
    text-transform: uppercase;
    font-weight: 700;
    opacity: 0.5;
    margin-bottom:20px;
}
.products__item-img {
    margin-bottom:20px;
}
.products__item-name {

}
.products__item-name span {
 display:block;
 font-weight: 700;
 margin-bottom:10px;
}
.products__item-price {
    line-height: 1.34;
    font-size: 32px;
    font-family: "Playfair", serif;
    font-style:italic;
}

.video{
    margin-bottom:150px;
}

.video__box{
    margin-left:auto;
    max-width:997px;
    height:600px;
    background-image: url(../images/video-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer{
    background-color:#C4A9CD;
    padding:66px 0 100px;
}

.footer__top{
 margin-bottom:70px;
 display:flex;
 gap:0 70px;
 justify-content: space-between;
}

.footer__logo{
    margin-right:10px;
}

.footer__items{
    flex-basis: 387px;
}

.footer__item + .footer__item{
    margin-top:70px;
}

.footer__title{
    text-transform: uppercase;
    margin-bottom:10px;
}

.footer__items-form {
    position:relative;
}

.footer__item-input{
    width:100%;
    display:block;
    padding:10px 60px 10px 0;
    border:none;
    border-bottom:#000 1px solid;
    background-color:#C4A9CD;
    font-family: "Inter", sans-serif;
    font-weight:400;
    font-size:14px;
    color:#1b1b1b;
}

.footer__item-input::placeholder{
    font-size:12px;
    color:#000;
    opacity:0.4;
    font-family: "Inter", sans-serif;
    font-weight:400;
}

.footer__item-btn{
    position:absolute;
    right:0;
    top:10px;

}

.footer__item-list li{
    padding-top:10px;
}

.footer__social-list{
    margin-left:10px;
    align-self: flex-end;
}

.footer__social-item + .footer__social-item{
    margin-top:20px;
}

.footer__social-item img{
    transition: all .3s;
}
.footer__social-item img:hover{
 opacity: 0.5;
}

.footer__nav-item{
 margin-left:auto;
 display: flex;
 gap: 0 20px;
}

.footer__nav-list{
    margin-left:auto;
    display:flex;
    gap:0 20px;
}

.footer__nav{
    justify-content: flex-end;
}
@media (max-width: 1640px ){
    .products__items{position:static;}
    .products__title{width:100%; margin-bottom:50px; }

}
@media (max-width: 1240px ){
    .products__item-img{width:100%;}
}

@media (max-width: 1040px ){
    .about__text-box{display:block;}
    .accordion__inner{padding-left:0px;}

}

@media (max-width: 993px ){
    .top-slide__iner{flex-wrap: wrap;}
    .top-slide__img{ width:100%; height:200px; object-fit: cover;
    align-items: flex-start;}
    .top-slide__btn{
    margin:50px auto 20px;
    }
    .top-slide__content{margin-top:0px;}
    .header__title{display:none;}
    .menu{margin-left:0; margin-right:0;}
    .about__text-box{margin-bottom:50px;}
}
@media (max-width: 860px ){
    .products__items {
        flex-wrap: wrap; margin-bottom:20px;  justify-content: center;
    }
}
@media (max-width: 768px ){
    .accordion__triger{display:block;padding-top:20px;}
    .accordion__triger-title{padding-bottom:10px;}
    .accordion__item::before{top:0; bottom:0;margin-top:auto; margin-bottom:auto;
    right:25px;}
    .video__box{min-height:435px;}
}

@media (max-width: 675px ){
 .header__iner{
    flex-wrap: wrap;
    align-items: center;
 }
 .logo, .user-nav{
    order:-1;
 }
 .menu{
    padding-top:30px;
    text-align:right;
    width:100%;
 }
    .top-slide__img{display:none;}
    .top-slide__content{flex-basis:100%; order: -1;text-align:center;}
    .top-slide__img-mini{margin:0 auto; width:50%;}
    .top-slide__text{margin-bottom:0px;}
    .top-slide__content{margin-top:0px;}
}

@media (max-width: 630px ){
    .about__slider{padding-left:0; margin-left:0;width:1500px;}
    .about__inner{padding-left:0;}
    .about__item img{width:365px;}
    .about__arrow{display:none;}
    .products__item{width:100%;}
    .products__item-img{width:80%;}
}

@media (max-width: 475px ){
    .about__item img{width:280px;}
    .accordion__item{padding:0 50px 0 0;}
    .accordion__triger-text{margin-right:0;}
}

@media (max-width: 475px ){
    .accordion__item:last-child::after{left:210px;}
}

@media (max-width: 420px ){
    .video__box{min-height:225px;}
    .top, .products, .video{margin-bottom:50px;}
}