@media(prefers-reduced-motion: no-preference){
  :root{
    scroll-behavior: smooth;
  }
}
@media (min-width: 1024px){
  .btn:hover{
    background-color: #782154;
  }
}
@media (max-width: 1600px){
  .logo {
    max-width: 233px;
    width: 100%;
  
    position: absolute;
    top: 60px;
    left: 48px;
  
    z-index: 9999;
  }
  .logo img{
    max-width: 233px;
    width: 100%;
    /* margin-bottom: -160px; */
  
  }
}

@media (max-width: 1024px){
  .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: 800px){
  .logo {
    max-width: 140px;
    width: 100%;
  
    position: absolute;
    top: 28px;
    left: 48px;
  
    z-index: 9999;
  }
  .logo img{
    max-width: 110px;
    width: 100%;
    /* margin-bottom: -160px; */
  }
  .women_page, .men_page, .children_page{
    margin: 80px 0;
  }
  .recomBlock {
    padding: 0px 0;
  }
  .btn{
    max-width: 400px;
    margin-top: -36px;
  }
  .btn-link{
    font-size: 25px;
  }
  .swiper-button-prev-1{
    position: absolute;
    content: '';
    background-image: url(../img/arrow-left.svg);
    left: -10px;
    top: 50%;
    transform: translate(0, -50%);
    /* margin-top: calc(200px - (var(--swiper-navigation-size) / 2)); */
    background-repeat: no-repeat;
    width: 54px;
    height: 54px;
    /* height: var(--swiper-navigation-size); */
    /* margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); */
    z-index: 10;
    cursor: pointer;
    }
    .swiper-button-next-1{
    position: absolute;
    content: '';
    background-image: url(../img/arrow-right.svg);
    right: -22px;
    top: 50%;
    /* margin-top: calc(200px - (var(--swiper-navigation-size) / 2)); */
    transform: translate(0, -50%);
    background-repeat: no-repeat;
    width: 54px;
    height: 54px;
    
    /* height: var(--swiper-navigation-size); */
    /* margin-top: calc(50% - (var(--swiper-navigation-size) / 2)); */
    z-index: 10;
    cursor: pointer;
    }
}
@media (max-width: 600px){
  
  .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: 500px){
  .women_page, .men_page, .children_page{
    margin: 40px 0;
  }
  .recomBlock {
    padding: 0px 0;
  }
  .btn{
    max-width: 343px;
    margin-top: 16px;
    /* padding: unset; */
    /* height: 56px;
    display: flex;
    justify-content: center;
    align-items: center; */
  }
  .btn-link{
    font-size: 16px;
  }
  .logo {
    left: -5px;
    top: 68px;
  }
  .logo img {
    max-width: 106px;
  }

  .footer__card:nth-child(1){
    order: 1;
    padding: 0 15px;
  }
  .footer .container-page{
    padding: unset;
  }
  .footer .footer__card:nth-child(2){
    background: #E1E1E1;
    padding: 20px 0;
  }
  .footer__title{
    text-align: center;
  }
  .footer__app{
    justify-content: center;
  }
  .footer__box{
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
  }
  .footer__logo img{
    width: 120px;
  }
  .list-item img{
    width: 50px;
  }
}
@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: 380px){
  .logo {
    left: -13px;
    top: 60px;
  }
  .logo img {
    max-width: 98px;
  }
}
@media (max-width: 365px){
  .container .swiper-button-next-1{
    right: 0px;
  }
  .swiper-button-prev-1{
    left: 2px;
  }
  .logo {
    left: -15px;
    top: 59px;
  }
  .logo img {
    max-width: 94px;
  }
}
@media (max-width: 340px){
  .logo{
    display: none;
  }
  .footer__box{
    flex-direction: column;
    align-items: center;
  }
  .footer__title {
    font-size: 18px;
  }
  .footer__app{
    justify-content: center;
  }
}