html {
  overflow-x: hidden;
  width: 100%;
}

body {
  overflow-x: hidden;
  width: 100%;
  position: relative;
}

@media (hover: none) {
  .card:hover .card-img,
  .card:hover .card__img,
  .wide:hover .wide-head,
  .wide:hover .wide__img,
  .evn:hover .evn-head,
  .evn:hover .evn__img,
  .catalog:hover .catalog__head,
  .catalog:hover .catalog__img,
  .popular-item:hover .popular-img,
  .popular-item:hover img {
    transform: none !important;
    -webkit-transform: none !important;
  }
  
  .card:hover,
  .wide:hover,
  .evn:hover,
  .catalog:hover,
  .popular-item:hover {
    transform: none !important;
  }
}

.popular-item .favorite,
.card .favorite,
.wide .favorite,
.evn .favorite,
.catalog .favorite {
  width: 24px !important;
  height: 24px !important;
}

@media (max-width: 768px) {
  [data-page="home"] .hero,
  [data-page="home"] > section:not(.hero),
  .home-dynamic > section {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }

  a.absolute {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
    -webkit-touch-callout: none;
    touch-action: manipulation;
  }

  .card,
  .wide,
  .evn,
  .catalog {
    touch-action: pan-y pinch-zoom;
  }

  .slick-slider {
    touch-action: pan-y;
  }

  .slick-list {
    touch-action: pan-x pan-y;
  }
}