/* Некритичные стили сайта: подгружаются после первичной отрисовки */

@media print {
  button,
  .video-preview {
    display: none !important;
  }
}

/* Градиентные подсказки для горизонтальной прокрутки */
.scroll-fade-right {
  background: linear-gradient(
    to left,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0.5) 50%,
    transparent 100%
  );
}

.scroll-fade-right-parchment {
  background: linear-gradient(
    to left,
    rgba(242, 232, 216, 1) 0%,
    rgba(242, 232, 216, 0.5) 50%,
    transparent 100%
  );
}

/* Утилита для скрытия скроллбара */
.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

/* Стили для ползунков (tamozhennyj-kalkulyator) */
.slider-thumb {
  appearance: none;
  -webkit-appearance: none;
}

.slider-thumb::-webkit-slider-thumb {
  appearance: none;
  -webkit-appearance: none;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: linear-gradient(135deg, #ffffff 0%, #f5f5f5 100%);
  border: 3px solid #e07856;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(224, 120, 86, 0.4), 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease;
}

.slider-thumb::-webkit-slider-thumb:hover {
  transform: scale(1.15);
  box-shadow: 0 6px 16px rgba(224, 120, 86, 0.5), 0 3px 6px rgba(0, 0, 0, 0.25);
}

.slider-thumb::-webkit-slider-thumb:active {
  transform: scale(1.05);
}

.slider-thumb::-moz-range-thumb {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: linear-gradient(135deg, #ffffff 0%, #f5f5f5 100%);
  border: 3px solid #e07856;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(224, 120, 86, 0.4), 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease;
}

.slider-thumb::-moz-range-thumb:hover {
  transform: scale(1.15);
  box-shadow: 0 6px 16px rgba(224, 120, 86, 0.5), 0 3px 6px rgba(0, 0, 0, 0.25);
}

.slider-thumb::-moz-range-thumb:active {
  transform: scale(1.05);
}

/* Ползунки с двумя бегунками */
.range-slider-thumb {
  pointer-events: auto;
}

.range-slider-thumb::-webkit-slider-thumb {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: linear-gradient(135deg, #ffffff 0%, #f5f5f5 100%);
  border: 2px solid #e07856;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(224, 120, 86, 0.3), 0 1px 3px rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease;
}

.range-slider-thumb::-webkit-slider-thumb:hover {
  transform: scale(1.2);
  box-shadow: 0 4px 12px rgba(224, 120, 86, 0.4), 0 2px 4px rgba(0, 0, 0, 0.25);
}

.range-slider-thumb::-webkit-slider-thumb:active {
  transform: scale(1.1);
  box-shadow: 0 2px 6px rgba(224, 120, 86, 0.5);
}

.range-slider-thumb::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: linear-gradient(135deg, #ffffff 0%, #f5f5f5 100%);
  border: 2px solid #e07856;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(224, 120, 86, 0.3), 0 1px 3px rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease;
}

.range-slider-thumb::-moz-range-thumb:hover {
  transform: scale(1.2);
  box-shadow: 0 4px 12px rgba(224, 120, 86, 0.4), 0 2px 4px rgba(0, 0, 0, 0.25);
}

.range-slider-thumb::-moz-range-thumb:active {
  transform: scale(1.1);
  box-shadow: 0 2px 6px rgba(224, 120, 86, 0.5);
}