@media(prefers-reduced-motion: no-preference){
  :root{
    scroll-behavior: smooth;
  }
}
@media (min-width: 1024px){
  .women__card img:hover,
  .men__card img:hover,
  .children__card img:hover,
  .jewelry__card img:hover,
  .home__card img:hover{
    transform: scale(1.2);
  }
  .women__card:hover .women__card-desr p,
  .men__card:hover .women__card-desr p,
  .children__card:hover .women__card-desr p,
  .jewelry__card:hover .women__card-desr p,
  .home__card:hover .women__card-desr p{
    /* color: #991E66; */
  }

  .button.card:hover{
    background-color: #782154;
  }
}
@media (max-width: 1700px){
  .body__present{
    /* background-position: center bottom; */
  }
}
@media (max-width: 1280px){
  .body__present{
    /* max-width: 1085px; */
    /* background-position: 80% 50%; */
  }
}
@media (max-width: 1024px){
  .button{
    font-size: 14px;
    padding: 12px 30px;

    max-width: 206px;
    margin-bottom: 72px;
  }
  .button a{
    font-size: 14px;
  }
  .button.card{
    margin: 20px auto 0;
  }
  .title{
    font-size: 36px;
    margin-top: 100px;
    margin-bottom: 40px;
  }
  .container-center{
    padding: 0px 60px;
  }

  .body__present{
    background-image: url(../img/title/2.webp);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    object-fit: cover;
    width: 100%;
  }
  .header__wrapper{
    padding-top: 37px;
  }
  .logo img{
    width: 80px;
  }
  .present__descr {
    max-width: 260px;
    margin-bottom: 32px;
  }
  .present__descr::after{
    content: url(../img/icon/3-1.svg);
    right: -4px;
  }
  .present__inner{
    padding: 50px 0 68px;
  }
  .present__descr-bottom-text{
    font-size: 20px;
  }
  .present__descr-title{
    font-size: 36px;
  }
  .present__subTitle{
    font-size: 14px;
  }
  .marquee{
    height: 34px;
  }
  .track{
    padding: 11px 0;
  }
  .moving-strip{
    gap: 14px;
  }
  .track .moving-strip svg{
    width: 90px;
    height: 11px;
  }

  .women{
    margin-bottom: 80px;
  }
  .women__inner{
    gap: 16px;
  }
  .women__cards{
    gap: 16px;
  }
  .women__card{
    border-radius: 8px;
  }
  .women__cardsLeft{
    gap: 13px;
  }
  .women__card-desr{
    bottom: 16px;
  }
  .women__card-desr p{
    font-size: 18px;
  }
  .women__cardsRigth .women__card-desr p{
    max-width: 116px;
  }
  .women__cards:nth-child(2) .women__cardsRigth .women__card-desr{
    right: 15px;
  }

  .men__inner{
    gap: 16px;
  }
  .men__cardsLeft{
    gap: 16px;
  }
  .men__card{
    border-radius: 8px;
  }
  .men__card-desr p{
    font-size: 18px;
  }
  .men__cards:nth-child(1) .men__cardsRigth .men__card-desr{
    left: 31px;
  }
  .men__cards:nth-child(2) .men__cardsLeft .men__card:nth-child(1) .men__card-desr{
    left: unset;
    right: 40px;
    transform: translate(0%, 0);
  }

  .children{
    margin-bottom: 80px;
  }
  .children__inner{
    gap: 16px;
  }
  .children__cardsLeft{
    gap: 16px;
  }
  .children__card{
    border-radius: 8px;
  }
  .children__card-desr{
    bottom: 16px;
  }
  .children__card-desr p{
    font-size: 18px;
    text-align: center;
  }

  .jewelry{
    margin-bottom: 80px;
  }
  .jewelry__card{
    border-radius: 8px;
  }
  .jewelry__inner{
    gap: 16px;
  }
  .jewelry__cardsLeft{
    gap: 16px;
  }
  .jewelry__cards{
    gap: 16px;
  }
  .jewelry__card-desr{
    bottom: 16px;
    left: 30px;
  }
  .jewelry__card-desr p{
    font-size: 18px;
  }

  .home{
    margin-bottom: 100px;
  }
  .home__inner{
    gap: 16px;
  }
  .home__card{
    border-radius: 8px;
  }
  .home__cardsRigth{
    gap: 16px;
  }
  .home__cardsLeft{
    gap: 16px;
  }
  .home__card-desr{
    left: 30px;
    bottom: 18px;
  }
  .home__card-desr p{
    font-size: 18px;
  }

  .footer{
    padding: 40px 0;
  }
  .footer__inner{
    flex-direction: column;
  }
  .footer__box{
    display: flex;
    justify-content: space-between;
  }
  .footer__logo{
    margin-bottom: 26px;
    padding-top: unset;
  }
  .footer__logo img{
    width: 80px;
  }
  .footer__social.back{
    display: block;
  }
  .footer__social{
    display: none;
  }
  .footer__ligl{
    max-width: unset;
    margin-bottom: 20px;
  }
  .footer .footer__card:nth-child(2){
    border-radius: unset;
    border: unset;
    background: unset;
    padding: unset;
    max-width: unset;
  }
  .footer__title{
    font-size: 20px;
    text-align: left;
    margin-bottom: 20px;
  }
  .footer__img,
  .footer__text{
    display: none;
  }
  .footer__app{
    justify-content: start;
    gap: 11px;
  }
  .footer__app-img img{
    width: 153px;
  }

  .recomBlock{
    padding: 50px 0;
  }

  .product-item .preview{
    min-height: 300px;
  }
}
@media (max-width: 640px){
  .pis{
    display: none;
  }
  .bla{
    display: block;
  }

  .women__cards{
    flex-direction: column;
  }

  .children__inner{
    flex-direction: column;
  }
  .children__cardsLeft{
    flex-direction: row;
  }

  .jewelry__cardsLeft{
    flex-direction: column;
  }
  .jewelry__cards:nth-child(2) {
    flex-direction: column;
  }
  .jewelry__cards:nth-child(2) .jewelry__cardsLeft{
    flex-direction: row;
  }
}
@media (max-width: 600px){
  .button{
    font-size: 14px;
    padding: 12px 35px;

    max-width: 206px;
    margin-bottom: 24px;
  }
  .button.card{
    max-width: 350px;
    margin: 12px 1px 9px;
  }
  .container-center{
    padding: 0 35px;
  }
  .title{
    font-size: 32px;

    margin-top: 80px;
    margin-bottom: 20px;
  }

  .body__present{
    background-image: url(../img/title/3.webp);
    background-repeat: no-repeat;
    background-position: 0 0; 
    background-size: cover;
    object-fit: cover;
    width: 100%;
  }
  .header__wrapper{
    padding-top: 32px;
  }
  .logo img{
    width: 60px;
  }
  .present__descr {
    max-width: 234px;
    margin-bottom: 24px;
  }
  .present__descr::after{
    /* content: url(../img/icon/3-2.svg);
    right: -4px; */
    bottom: 0;
  }
  .present__inner{
    padding: 30px 0 240px;
  }
  .present__descr-bottom-text{
    font-size: 14px;
  }
  .present__descr-title{
    font-size: 32px;
  }
  .moving-strip{
    gap: 11px;
  }


  .women__cardsLeft{
    gap: 16px;
  }
  .women__cardsRigth .women__card-desr{
    left: 22px;
  }
  .women__cards:nth-child(2) .women__cardsRigth .women__card-desr{
    right: unset;
    left: 22px;
  }

  .men__cards:nth-child(1) .men__cardsRigth .men__card-desr{
    left: 20px;
    bottom: 20px;
  }
  .men__card-desr{
    bottom: 18px;
  }
  .men__cards:nth-child(2) .men__cardsLeft .men__card:nth-child(1) .men__card-desr{
    left: 50%;
    right: unset;
    transform: translate(-50%, 0);
  }

  .jewelry__card-desr{
    left: 20px;
  }

  .home__card-desr{
    text-align: center;
    left: 25px;
    max-width: 128px;
  }
  .home__card-desr br{
    display: block;
  }
  .home__cards:nth-child(2) .home__card-desr{
    left: 8%;
    transform: translate(0%, 0);
  }

  .footer__logo{
    margin-bottom: 20px;
  }
  .footer__logo img{
    width: 60px;
  }
  .list-item img{
    width: 30px;
  }
  .footer__title{
    font-size: 25px;
  }

  .info{
    min-height: 50px;
  }
  .container .swiper-button-next-1{
    background-image: url(../img/icon/1-1.svg);
    transform: rotate(180deg);
    top: 38%;
  }
  .product-item .preview {
    min-height: 192px;
  }
  .swiper-button-prev-1{
    background-image: url(../img/icon/1-1.svg);
  }
}
@media (max-width: 400px){
  .container-center{
    padding: 0 22px;
  }
  .present__inner{
    padding: 30px 0 202px;
  }
  .container .swiper-button-next-1{
    background-image: url(../img/icon/1-1.svg);
    transform: rotate(180deg);
    top: 38%;
    right: 10px;
  }
  .swiper-button-prev-1{
    background-image: url(../img/icon/1-1.svg);
    left: 12px;
  }
}
@media (max-width: 365px){
  .container .swiper-button-next-1{
    right: 0px;
  }
  .swiper-button-prev-1{
    left: 2px;
  }
}
@media (max-width: 340px){
  .title{
    font-size: 26px;
    margin-top: 40px;
  }

  .women{
    margin-bottom: 40px;
  }
  .women__card-desr{
    bottom: 10px;
  }
  .women__card-desr p{
    font-size: 14px;
  }
  .women__cardsRigth .women__card-desr p {
    max-width: 90px;
  }

  .men__card-desr p{
    font-size: 14px;
  }
  .men__card-desr{
    bottom: 10px;
  }
  .men__cards:nth-child(1) .men__cardsRigth .men__card-desr{
    bottom: 10px;
  }

  .children__card-desr p{
    font-size: 14px;
  }
  .children__card-desr{
    bottom: 10px;
  }

  .jewelry__card-desr p{
    font-size: 14px;
  }
  .jewelry__card-desr {
    bottom: 10px;
  }

  .home__card-desr{
    max-width: 113px;
    bottom: 10px;
  }
  .home__card-desr p{
    font-size: 14px;
  }

  .footer__box{
    flex-direction: column;
    align-items: center;
  }
  .footer__title {
    font-size: 18px;
  }
  .footer__app{
    justify-content: center;
  }
}