/*NOTE: This file is intended for programmers. Aspro technical support is not advised to work with him.*/
/* Examples (uncomment to use):*/
/* Expand site width */
/* body .wrapper { max-width: 1400px !important;  } */
/* Set site background image */
/* body {  background: url(image_source) top no-repeat; }
/* Hide compare button */
/* a.compare_item { display: none !important;  }*/

@font-face {
font-family: 'Molot';
src: url('/bitrix/templates/aspro-lite/css/fonts/Molot/Molot.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}

h2 {
    font-family: 'Molot', sans-serif !important;
}

/* === СКРЫТЬ НА МОБИЛЬНЫХ УСТРОЙСТВАХ === */
/* Этот класс будет скрывать элемент на экранах шириной 767px и меньше */
@media (max-width: 767px) {
  .hide-on-mobile {
    display: none !important; /* Используем !important, чтобы переопределить другие стили display */
  }
}

/* === СКРЫТЬ НА ДЕСКТОПНЫХ УСТРОЙСТВАХ === */
/* Этот класс будет скрывать элемент на экранах шириной 768px и больше */
@media (min-width: 768px) {
  .hide-on-desktop {
    display: none !important; /* Используем !important для надежности */
  }
}

/* === (ОПЦИОНАЛЬНО) ПОКАЗАТЬ ТОЛЬКО НА МОБИЛЬНЫХ === */
/* Этот класс будет показывать элемент ТОЛЬКО на экранах 767px и меньше */
.show-only-on-mobile {
  display: none !important; /* Скрыт по умолчанию (на десктопе) */
}
@media (max-width: 767px) {
  .show-only-on-mobile {
    display: block !important; /* Или inline, inline-block, в зависимости от элемента */
  }
}

/* === (ОПЦИОНАЛЬНО) ПОКАЗАТЬ ТОЛЬКО НА ДЕСКТОПНЫХ === */
/* Этот класс будет показывать элемент ТОЛЬКО на экранах 768px и больше */
.show-only-on-desktop {
  display: block !important; /* Или inline, inline-block, в зависимости от элемента. По умолчанию виден. */
}
@media (max-width: 767px) {
  .show-only-on-desktop {
    display: none !important; /* Скрываем на мобильных */
  }
}




.responsive-video {
  width: 100%; /* Занимает всю ширину родительского контейнера */
  aspect-ratio: 16 / 9; /* Устанавливает соотношение сторон (самое популярное) */
  border: none; /* Убираем рамку, которая может появиться */
}