@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;
  }
}

@media (max-width: 720px) {
  .popular-item {
    flex-direction: column;
    gap: 8px;
  }

  .popular-item > .popular-img,
  .popular-item > .popular-title {
    width: 100%;
  }
}

@media (max-width: 560px) {
  .slider-five .slick-slide,
  .slider-quadra .slick-slide,
  .slider-tripple .slick-slide,
  .slider-variable .slick-slide {
    width: 85vw;
  }
}

.search-mobile-wrap {
  position: relative;
  width: 100%;
  margin: 4px 0 8px;
  z-index: 200;
}

.search-mobile {
  gap: 8px;
  width: 100%;
  margin: 0;
}

.search-mobile__suggest {
  top: calc(100% + 8px);
  left: 0;
  width: 100%;
  z-index: 200;
  background-color: #242424;
  border: 1px solid hsla(0, 0%, 100%, 0.08);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5);
}

.search-mobile__input {
  flex: 1 1 auto;
  min-width: 0;
  height: 44px;
  padding: 0 16px;
  border-radius: 999px;
  background: #1b1b1b;
  border: 1px solid hsla(0, 0%, 100%, .08);
  color: #fff;
  font-size: 15px;
  outline: none;
}

.search-mobile__input::placeholder {
  color: var(--wh-60, rgba(255, 255, 255, 0.6));
}

.search-mobile__input:focus {
  border-color: var(--prime);
}

.search-mobile__submit {
  flex: 0 0 auto;
  height: 44px;
  padding: 0 20px;
  border-radius: 999px;
  background: var(--prime);
  color: #000;
  font-weight: 600;
  border: none;
  cursor: pointer;
}