/* ms3recentlyviewed — стили для блока «Недавно просмотренные»
   Карточки: Bootstrap, классы ms3-product-card. Требуется Bootstrap. */

/* Контейнер списка — Bootstrap row для сетки */
.ms3rv__list.row {
  /* Bootstrap row: display: flex, flex-wrap: wrap */
}

/* В слайдере — flex в ряд, не сжимается */
.ms3rv-slider__wrapper .ms3rv__list {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap !important;
  gap: 1rem;
  width: max-content;
  min-width: 100%;
}

/* Пустое состояние */
.ms3rv__list-empty {
  opacity: 0.9;
}

/* Счётчик */
[data-viewed-count] {
  display: inline-block;
  min-width: 1.25rem;
  text-align: center;
  font-size: 0.75rem;
  font-weight: 600;
}

/* Секции */
.ms3rv-section {
  min-height: 3rem;
}

/* ===== Слайдер ===== */
.ms3rv-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.ms3rv-slider__wrapper {
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
  padding: 1rem 0;
}

.ms3rv-slider__wrapper::-webkit-scrollbar {
  height: 0.5rem;
}

.ms3rv-slider__wrapper::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 0.25rem;
}

.ms3rv-slider__wrapper::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}

.ms3rv-slider__wrapper::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.3);
}

/* Карточки в слайдере — фиксированная ширина */
.ms3rv-slider__wrapper .ms3-product-card,
.ms3rv-slider__wrapper .ms3rv__item {
  flex: 0 0 16rem !important;
  width: 16rem !important;
  min-width: 16rem !important;
  max-width: 16rem !important;
  scroll-snap-align: start;
  margin: 0 !important;
}

/* Навигация слайдера */
.ms3rv-slider__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.95);
  border: 0.0625rem solid #dee2e6;
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  transition: all 0.2s;
  box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1);
}

.ms3rv-slider__nav:hover {
  background: #fff;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15);
}

.ms3rv-slider__nav--prev {
  left: -1rem;
}

.ms3rv-slider__nav--next {
  right: -1rem;
}

.ms3rv-slider__nav:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

@media (max-width: 47.9375rem) {
  .ms3rv-slider__wrapper .ms3-product-card,
  .ms3rv-slider__wrapper .ms3rv__item {
    width: 12rem;
    min-width: 12rem;
    max-width: 12rem;
  }

  .ms3rv-slider__nav {
    width: 2rem;
    height: 2rem;
  }

  .ms3rv-slider__nav--prev {
    left: 0;
  }

  .ms3rv-slider__nav--next {
    right: 0;
  }
}

@media (min-width: 48rem) and (max-width: 63.9375rem) {
  .ms3rv-slider__wrapper .ms3-product-card,
  .ms3rv-slider__wrapper .ms3rv__item {
    width: 14rem;
    min-width: 14rem;
    max-width: 14rem;
  }
}