/* Ховер-анимация карточек (ПК версия) */
@media (min-width: 981px) {

  .card-hover {
    transition: transform 0.3s ease;
    will-change: transform;
  }

  .card-hover__img {
    transition: transform 0.3s ease;
    will-change: transform;
  }

  .card-hover:hover {
    transform: translateY(-6px);
  }

  .card-hover:hover .card-hover__img {
    transform: scale(1.03);
  }
}

/* Плавная прокрутка */
html {
  scroll-behavior: smooth;
}
/* Делаем выбранные блоки 100vh при любых условиях */
.fullheight {
  height: 100vh !important;
  min-height: 100vh !important;
  max-height: 100vh !important;
  overflow: hidden !important;
  position: relative;
}
@supports (-webkit-touch-callout: none) {
  .fullheight {
    height: -webkit-fill-available !important;
  }
}
/* Горизонтальная прокрутка для блоков js-hscroll
   на вертикальных планшетах и телефонах */

@media (min-width: 641px) and (max-width: 980px) and (orientation: portrait),
       (max-width: 640px) and (orientation: portrait) {

  .js-hscroll {
    position: relative !important;
    left: 0 !important;
    right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto;
    overflow-y: visible;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    padding: 0 0 8px 0;
  }

  .js-hscroll::-webkit-scrollbar {
    display: none;
  }

  .js-hscroll .card-hover {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    display: inline-block !important;
    vertical-align: top;
    white-space: normal;
    width: 90% !important;        /* ширина карточки */
    margin-right: 20px !important; /* расстояние между карточками */
    box-sizing: border-box;
  }
}