/* Довёрстка статичной витрины CashU: ползунки калькулятора (в SSR-разметке их
   не было — рисовались Vue) и уведомление у CTA. Палитра — из тем сайта. */

.cashu-range {
  -webkit-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: 4px;
  margin: 18px 0 0;
  padding: 0;
  border-radius: 2px;
  background: var(--line-color, #dee1e5);
  outline: none;
  cursor: pointer;
}

.cashu-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--color-base, #5ae0b6);
  border: 3px solid #fff;
  box-shadow: 0 2px 8px rgba(92, 102, 113, .35);
  cursor: grab;
}

.cashu-range::-moz-range-thumb {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--color-base, #5ae0b6);
  border: 3px solid #fff;
  box-shadow: 0 2px 8px rgba(92, 102, 113, .35);
  cursor: grab;
}

.cashu-range:active::-webkit-slider-thumb { cursor: grabbing; }
.cashu-range:focus-visible { box-shadow: 0 0 0 3px rgba(90, 224, 182, .4); }

.calculator-slider-wrp .cashu-range { margin-top: 24px; }
.calculator-date-wrp  .cashu-range { margin-bottom: 10px; }

.cashu-cta-notice {
  margin-top: 14px;
  padding: 12px 16px;
  border-radius: 8px;
  background: rgba(90, 224, 182, .12);
  font-size: .8125em;
  line-height: 1.5;
  color: var(--text-color, #132333);
}

.cashu-cta-notice a {
  color: #ed622b;
  text-decoration: underline;
}

.faq-dropdown.--open .faq-question:after { transform: translateY(-50%) rotate(180deg); }

/* Ленты новостей и отзывов: Swiper убран, поэтому просто прокручиваем их
   по горизонтали внутри своей области — иначе слайды растягивают всю страницу. */
.cashu-scroller {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
}

.cashu-scroller > .swiper-wrapper { width: max-content; }

/* У слайдов задано width:100%, и внутри max-content-контейнера это растягивает
   их по размеру картинки (до 2000+ px). Swiper проставлял ширину инлайном —
   задаём её сами. */
.cashu-scroller .swiper-slide {
  width: 280px;
  max-width: 80vw;
  flex: 0 0 auto;
  scroll-snap-align: start;
  margin-right: 16px;
}

.cashu-scroller .swiper-slide img { width: 100%; height: auto; }

/* Мобильное меню (в SSR-разметке его не было — рисовал Vue). */
.cashu-mob-menu {
  position: fixed;
  top: 54px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
  display: none;
  flex-direction: column;
  padding: 12px 20px 32px;
  background: #fff;
  overflow-y: auto;
}

.cashu-mob-menu.--open { display: flex; }

.cashu-mob-menu a {
  padding: 16px 0;
  border-bottom: 1px solid var(--line-color, #dee1e5);
  font-size: 1em;
  font-weight: 500;
  color: var(--text-color, #132333);
}

.cashu-mob-menu a.--active { color: #ed622b; }
.cashu-mob-menu a.--phone { border-bottom: 0; margin-top: 12px; font-weight: 700; }

.cashu-mob-menu a.--pay {
  margin-top: 12px;
  border-bottom: 0;
  border-radius: 8px;
  background: var(--color-base, #5ae0b6);
  color: #fff;
  text-align: center;
}

@media (min-width: 1026px) {
  .cashu-mob-menu { display: none !important; }
}