/* Страница «Kaspi Отзывы» (/ru|kz|en/kaspi-reviews), общая для всех языков.
   Базовые стили, хедер и футер — из style.css языковой папки. */

.kaspi-reviews{
  /* Цвета и геометрия — из guide.css */
  --kaspi-reviews-ink: var(--g-ink);
  --kaspi-reviews-text: var(--g-text);
  --kaspi-reviews-muted: var(--g-muted);
  --kaspi-reviews-faint: #00000080;
  --kaspi-reviews-faint-2: #00000073;
  --kaspi-reviews-blue: var(--g-blue);
  --kaspi-reviews-blue-dark: var(--g-blue-dark);
  --kaspi-reviews-green: var(--g-green);
  --kaspi-reviews-green-dark: var(--g-green-text);
  --kaspi-reviews-violet: var(--g-violet);
  --kaspi-reviews-bg-soft: var(--g-bg-soft);
  --kaspi-reviews-line: var(--g-line);
  --kaspi-reviews-line-2: #d9d9e3;
  --kaspi-reviews-surface: var(--g-pill);
  --kaspi-reviews-surface-2: #e3e3ea;
  --kaspi-reviews-star: #ffb800;
  --kaspi-reviews-ease: cubic-bezier(.22, 1, .36, 1);
}

/* Макет свёрстан в content-box (дефолт браузера): flex-basis, max-width и min-width
   считаются без паддингов. Глобальный reset в style.css ставит border-box — возвращаем
   content-box внутри страницы, иначе карточки и пузыри чата выходят уже макета.
   Кнопки остаются border-box, как у браузера по умолчанию. */
.kaspi-reviews textarea{
  font-family: inherit;
}

.kaspi-reviews *:not(button),
.kaspi-reviews *:not(button)::before,
.kaspi-reviews *:not(button)::after{
  box-sizing: content-box;
}

.kaspi-reviews__subtitle{
  max-width: 560px;
  margin: 0;
  font-size: 17px;
  line-height: 1.6;
  color: var(--kaspi-reviews-muted);
  text-align: center;
}

/* Раскладка секций: отступы и ширина — из guide.css, здесь только колонка */
.kaspi-reviews__inner{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 36px;
}

.kaspi-reviews__inner .guide__h2{
  text-align: center;
}

/* ---------------------------------------------------------------------------- */
/* 1. Hero */

.kaspi-reviews-hero{
  padding: 64px 20px 72px;
}

.kaspi-reviews-hero__inner{
  max-width: 1076px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 48px;
}

.kaspi-reviews-hero__content{
  flex: 1 1 400px;
  min-width: 280px;
}

/* Ширина подобрана так, чтобы заголовок ложился в 3 строки, как в макете, без <br> */
.kaspi-reviews-hero__lead{
  max-width: 440px;
  margin: 0;
  text-wrap: pretty;
}

.kaspi-reviews-hero__points{
  margin-top: 4px;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  border-top: 1px solid var(--kaspi-reviews-line);
  border-bottom: 1px solid var(--kaspi-reviews-line);
}

.kaspi-reviews-hero__point{
  flex: 1 1 130px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  border-left: 1px solid var(--kaspi-reviews-line);
}

.kaspi-reviews-hero__point:first-child{
  padding-left: 0;
  border-left: 0;
}

.kaspi-reviews-hero__point-title{
  font-size: 16px;
  font-weight: 600;
  color: var(--kaspi-reviews-ink);
}

.kaspi-reviews-hero__point-title--blue{
  color: var(--kaspi-reviews-blue);
}

.kaspi-reviews-hero__point-title--green{
  color: var(--kaspi-reviews-green-dark);
}

.kaspi-reviews-hero__point-text{
  font-size: 14px;
  line-height: 1.45;
  color: var(--kaspi-reviews-faint);
}

.kaspi-reviews-hero__action{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
}

.kaspi-reviews-hero__price{
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.kaspi-reviews-hero__price-value{
  font-size: 16px;
  font-weight: 600;
  color: var(--kaspi-reviews-ink);
}

.kaspi-reviews-hero__price-note{
  font-size: 14px;
  color: var(--kaspi-reviews-faint-2);
}

.kaspi-reviews-hero__phone-slot{
  flex: 0 0 310px;
  max-width: 100%;
  min-height: 632px;
  display: flex;
  justify-content: center;
}

/* ---------------------------------------------------------------------------- */
/* Мокап телефона с перепиской. Размеры заданы в единицах макета через --u
   (1 единица = 0.88px), так что телефон сразу рендерится 310×630 без transform: scale. */

.kaspi-reviews .kaspi-reviews-phone{
  --u: 0.88px;
  box-sizing: border-box;
  position: relative;
  flex: none;
  width: calc(352 * var(--u));
  height: calc(716 * var(--u));
  padding: calc(10 * var(--u));
  border-radius: calc(50 * var(--u));
  background: #0b0b0c;
  box-shadow: 0 calc(40 * var(--u)) calc(80 * var(--u)) calc(-30 * var(--u)) rgba(20, 20, 30, 0.45),
    0 0 0 1.5px rgba(255, 255, 255, 0.35) inset;
  color: #0b0b0c;
}

.kaspi-reviews-phone__screen{
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border-radius: calc(41 * var(--u));
  background: #edeae7;
}

.kaspi-reviews-phone__status{
  flex: none;
  padding: calc(10 * var(--u)) calc(18 * var(--u)) 0;
  background: #f7f5f3;
}

.kaspi-reviews-phone__status-row{
  height: calc(34 * var(--u));
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: calc(15 * var(--u));
  font-weight: 600;
  letter-spacing: 0.2px;
}

.kaspi-reviews-phone__clock{
  width: calc(74 * var(--u));
  text-align: center;
}

.kaspi-reviews-phone__island{
  width: calc(96 * var(--u));
  height: calc(26 * var(--u));
  border-radius: calc(13 * var(--u));
  background: #0b0b0c;
}

.kaspi-reviews-phone__indicators{
  width: calc(74 * var(--u));
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: calc(5 * var(--u));
}

.kaspi-reviews-phone__signal{
  height: calc(11 * var(--u));
  display: flex;
  align-items: flex-end;
  gap: calc(2 * var(--u));
}

.kaspi-reviews-phone__signal span{
  width: calc(3 * var(--u));
  border-radius: 1px;
  background: #0b0b0c;
}

.kaspi-reviews-phone__signal span:nth-child(1){ height: calc(5 * var(--u)); }
.kaspi-reviews-phone__signal span:nth-child(2){ height: calc(7 * var(--u)); }
.kaspi-reviews-phone__signal span:nth-child(3){ height: calc(9 * var(--u)); }
.kaspi-reviews-phone__signal span:nth-child(4){ height: calc(11 * var(--u)); background: #c6c4c1; }

.kaspi-reviews-phone__battery{
  padding: calc(1 * var(--u)) calc(4 * var(--u));
  border-radius: calc(4 * var(--u));
  background: #f2c230;
  font-size: calc(11 * var(--u));
  font-weight: 700;
}

.kaspi-reviews-phone__header{
  flex: none;
  display: flex;
  align-items: center;
  gap: calc(12 * var(--u));
  padding: calc(6 * var(--u)) calc(14 * var(--u)) calc(10 * var(--u));
  border-bottom: 0.5px solid rgba(0, 0, 0, 0.08);
  background: #f7f5f3;
}

.kaspi-reviews-phone__icon{
  flex: none;
  width: calc(22 * var(--u));
  height: calc(22 * var(--u));
}

.kaspi-reviews-phone__icon--call{
  width: calc(23 * var(--u));
  height: calc(23 * var(--u));
}

.kaspi-reviews-phone__icon--clip{
  width: calc(24 * var(--u));
  height: calc(24 * var(--u));
}

.kaspi-reviews-phone__contact{
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(9 * var(--u));
}

.kaspi-reviews-phone__avatar{
  flex: none;
  width: calc(30 * var(--u));
  height: calc(30 * var(--u));
  border-radius: 50%;
  object-fit: cover;
}

.kaspi-reviews-phone__name{
  font-size: calc(17 * var(--u));
  font-weight: 700;
  white-space: nowrap;
}

.kaspi-reviews-phone__feed{
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: calc(10 * var(--u));
  padding: calc(14 * var(--u)) calc(14 * var(--u)) calc(10 * var(--u));
}

.kaspi-reviews-phone__date{
  display: flex;
  justify-content: center;
  font-size: calc(13 * var(--u));
  font-weight: 500;
  color: #7d7c80;
}

.kaspi-reviews-phone__msg{
  flex: none;
  display: flex;
  animation: kaspiReviewsBubbleIn .42s var(--kaspi-reviews-ease) both;
}

.kaspi-reviews-phone__msg--in{
  align-items: flex-end;
  gap: calc(8 * var(--u));
}

.kaspi-reviews-phone__msg--out{
  justify-content: flex-end;
}

.kaspi-reviews-phone__bubble{
  max-width: calc(228 * var(--u));
  padding: calc(11 * var(--u)) calc(14 * var(--u)) calc(6 * var(--u));
  border-radius: calc(18 * var(--u)) calc(18 * var(--u)) calc(18 * var(--u)) calc(6 * var(--u));
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}

.kaspi-reviews-phone__msg--out .kaspi-reviews-phone__bubble{
  max-width: calc(232 * var(--u));
  border-radius: calc(18 * var(--u)) calc(18 * var(--u)) calc(6 * var(--u)) calc(18 * var(--u));
  background: #d7e6fa;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.kaspi-reviews-phone__text{
  font-size: calc(13.5 * var(--u));
  line-height: 1.4;
  white-space: pre-line;
  text-wrap: pretty;
}

.kaspi-reviews-phone__link{
  display: block;
  margin-top: calc(4 * var(--u));
  font-size: calc(13.5 * var(--u));
  line-height: 1.4;
  color: var(--kaspi-reviews-blue);
  text-decoration: underline;
  word-break: break-all;
}

.kaspi-reviews-phone__time{
  margin-top: calc(3 * var(--u));
  text-align: right;
  font-size: calc(11 * var(--u));
  color: #a3a2a6;
}

.kaspi-reviews-phone__msg--out .kaspi-reviews-phone__time{
  color: #7e93ad;
}

.kaspi-reviews-phone__msg--typing{
  justify-content: flex-end;
  animation: kaspiReviewsBubbleIn .3s ease both;
}

.kaspi-reviews-phone__typing{
  display: flex;
  align-items: center;
  gap: calc(5 * var(--u));
  padding: calc(13 * var(--u)) calc(15 * var(--u));
  border-radius: calc(18 * var(--u)) calc(18 * var(--u)) calc(6 * var(--u)) calc(18 * var(--u));
  background: #d7e6fa;
}

.kaspi-reviews-phone__typing span{
  width: calc(7 * var(--u));
  height: calc(7 * var(--u));
  border-radius: 50%;
  background: #5b6472;
  animation: kaspiReviewsDotPulse 1.1s infinite ease-in-out;
}

.kaspi-reviews-phone__typing span:nth-child(2){ animation-delay: .17s; }
.kaspi-reviews-phone__typing span:nth-child(3){ animation-delay: .34s; }

.kaspi-reviews-phone__input-bar{
  flex: none;
  display: flex;
  align-items: center;
  gap: calc(10 * var(--u));
  padding: calc(9 * var(--u)) calc(14 * var(--u)) calc(18 * var(--u));
  border-top: 0.5px solid rgba(0, 0, 0, 0.08);
  background: #f7f5f3;
}

.kaspi-reviews-phone__input{
  flex: 1;
  height: calc(38 * var(--u));
  display: flex;
  align-items: center;
  padding: 0 calc(16 * var(--u));
  border-radius: calc(19 * var(--u));
  background: #e9e6e3;
  font-size: calc(15 * var(--u));
  color: #9a999e;
}

/* ---------------------------------------------------------------------------- */
/* 2. Зачем это нужно */

.kaspi-reviews-why{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 16px;
}

.kaspi-reviews-why__main{
  flex: 1 1 380px;
  min-width: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
  padding: 36px;
  border-radius: 14px;
  background: #ffffff;
}

.kaspi-reviews-why__stars{
  font-size: 26px;
  letter-spacing: 4px;
  color: var(--kaspi-reviews-star);
}

.kaspi-reviews-why__main-title{
  margin: 0;
  font-family: var(--g-display);
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.kaspi-reviews-why__main-text{
  max-width: 380px;
  margin: 0;
  font-size: 17px;
  line-height: 1.6;
  color: var(--kaspi-reviews-muted);
}

.kaspi-reviews-why__note{
  margin-top: 8px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  border-radius: 10px;
  background: var(--kaspi-reviews-bg-soft);
  font-size: 15px;
  line-height: 1.5;
  color: var(--kaspi-reviews-ink);
}

.kaspi-reviews-why__note-icon{
  flex: none;
  width: 34px;
  height: 34px;
}

.kaspi-reviews-why__list{
  flex: 1 1 300px;
  min-width: 260px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.kaspi-reviews-why__item{
  flex: 1;
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 26px;
  border-radius: 14px;
  background: #ffffff;
}

.kaspi-reviews-why__item-icon{
  flex: none;
  width: 44px;
  height: 44px;
}

.kaspi-reviews-why__item-icon--rounded{
  border-radius: 8px;
}

.kaspi-reviews-why__item-body{
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.kaspi-reviews-why__item-title{
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}

.kaspi-reviews-why__item-text{
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
  color: var(--kaspi-reviews-muted);
}

/* ---------------------------------------------------------------------------- */
/* 3. Подключение за 3 шага */

.kaspi-reviews-steps{
  width: 100%;
  display: flex;
  flex-direction: column;
}

.kaspi-reviews-steps__item{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 28px;
  padding: 28px 0;
  border-top: 1px solid var(--kaspi-reviews-line);
}

.kaspi-reviews-steps__item:first-child{
  align-items: flex-start;
}

.kaspi-reviews-steps__item:last-child{
  border-bottom: 1px solid var(--kaspi-reviews-line);
}

.kaspi-reviews-steps__num{
  flex: 0 0 96px;
  font-family: var(--g-display);
  font-size: 44px;
  font-weight: 600;
  line-height: 1;
  color: var(--kaspi-reviews-blue);
}

.kaspi-reviews-steps__body{
  flex: 1 1 280px;
  min-width: 240px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.kaspi-reviews-steps__item:first-child .kaspi-reviews-steps__body{
  flex-basis: 320px;
}

.kaspi-reviews-steps__title{
  margin: 0;
  font-size: 20px;
  font-weight: 600;
}

.kaspi-reviews-steps__text{
  max-width: 72ch;
  margin: 0;
  font-size: 16px;
  line-height: 1.55;
  color: var(--kaspi-reviews-muted);
}

/* ---------------------------------------------------------------------------- */
/* 4. Интерактивный мок настроек */

.kaspi-reviews-settings{
  width: 100%;
  max-width: 720px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.kaspi-reviews-settings [hidden]{
  display: none !important;
}

.kaspi-reviews-settings__form{
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.kaspi-reviews-settings__tabs{
  display: flex;
  gap: 4px;
  padding: 5px;
  border-radius: 10px;
  background: var(--kaspi-reviews-line);
}

.kaspi-reviews-settings__tab{
  flex: 1;
  padding: 12px;
  border-radius: 7px;
  background: transparent;
  font-size: 15px;
  font-weight: 500;
  color: var(--kaspi-reviews-muted);
  cursor: pointer;
}

.kaspi-reviews-settings__tab:hover{
  color: var(--kaspi-reviews-blue);
}

.kaspi-reviews-settings__tab[aria-selected="true"]{
  background: #ffffff;
  font-weight: 600;
  color: var(--kaspi-reviews-ink);
}

.kaspi-reviews-settings__row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 24px;
  border-radius: 12px;
  background: #ffffff;
}

.kaspi-reviews-settings__row--delay{
  flex-wrap: wrap;
  padding-block: 16px;
}

.kaspi-reviews-settings__label{
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.kaspi-reviews-settings__label-title{
  font-size: 16px;
  font-weight: 600;
}

.kaspi-reviews-settings__row--delay .kaspi-reviews-settings__label-title{
  max-width: 300px;
}

.kaspi-reviews-settings__label-hint{
  font-size: 14px;
  color: var(--kaspi-reviews-muted);
}

.kaspi-reviews-switch{
  flex: none;
  width: 46px;
  height: 28px;
  display: flex;
  align-items: center;
  padding: 3px;
  border-radius: 100px;
  background: var(--kaspi-reviews-surface-2);
  cursor: pointer;
  transition: background .2s;
}

.kaspi-reviews-switch::after{
  content: '';
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #ffffff;
}

.kaspi-reviews-switch[aria-checked="true"]{
  justify-content: flex-end;
  background: var(--kaspi-reviews-green);
}

.kaspi-reviews-select{
  position: relative;
  flex: none;
}

.kaspi-reviews-select__trigger{
  min-width: 150px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 11px 16px;
  border: 1px solid var(--kaspi-reviews-line-2);
  border-radius: 10px;
  background: #ffffff;
  font-size: 15px;
  color: var(--kaspi-reviews-ink);
  cursor: pointer;
}

.kaspi-reviews-select__trigger:hover{
  border-color: var(--kaspi-reviews-blue);
}

.kaspi-reviews-select__arrow{
  font-size: 11px;
  color: var(--kaspi-reviews-faint-2);
}

.kaspi-reviews-select__menu{
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  z-index: 5;
  min-width: 150px;
  max-height: 240px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  padding: 6px;
  border: 1px solid var(--kaspi-reviews-line);
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 12px 30px -12px #00000026;
}

.kaspi-reviews-select__option{
  width: 100%;
  padding: 10px 12px;
  border-radius: 7px;
  background: transparent;
  text-align: left;
  font-size: 15px;
  color: var(--kaspi-reviews-ink);
  cursor: pointer;
}

.kaspi-reviews-select__option:hover{
  background: var(--kaspi-reviews-surface);
}

.kaspi-reviews-select__option[aria-selected="true"]{
  background: #007aff0f;
  font-weight: 600;
  color: var(--kaspi-reviews-blue-dark);
}

.kaspi-reviews-settings__message{
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 24px;
  border-radius: 12px;
  background: #ffffff;
}

.kaspi-reviews-settings__message-title{
  font-size: 16px;
  font-weight: 600;
}

.kaspi-reviews-settings__message-hint{
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
  color: var(--kaspi-reviews-muted);
}

.kaspi-reviews .kaspi-reviews-settings__textarea{
  box-sizing: border-box;
  width: 100%;
  min-height: 200px;
  padding: 18px;
  border: 1px solid var(--kaspi-reviews-line-2);
  border-radius: 10px;
  outline: none;
  background: #ffffff;
  resize: vertical;
  font-size: 15px;
  line-height: 1.7;
  color: var(--kaspi-reviews-ink);
}

.kaspi-reviews-settings__buttons{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.kaspi-reviews-settings__button{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 13px 22px;
  border: 1px solid var(--kaspi-reviews-line-2);
  border-radius: 8px;
  background: #ffffff;
  font-size: 15px;
  font-weight: 500;
  color: var(--kaspi-reviews-ink);
  cursor: pointer;
}

.kaspi-reviews-settings__button--primary{
  padding-inline: 30px;
  border: 0;
  background: var(--kaspi-reviews-blue);
  color: #ffffff;
}

.kaspi-reviews-done{
  min-height: 620px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 64px 32px;
  border-radius: 16px;
  background: #ffffff;
  text-align: center;
}

.kaspi-reviews-done__check{
  width: 78px;
  height: 78px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--kaspi-reviews-green);
  font-size: 38px;
  color: #ffffff;
  animation: kaspiReviewsPopIn .5s var(--kaspi-reviews-ease) both;
}

.kaspi-reviews-done__title{
  font-family: var(--g-display);
  font-size: 24px;
  font-weight: 600;
  animation: kaspiReviewsRiseIn .5s .12s var(--kaspi-reviews-ease) both;
}

.kaspi-reviews-done__text{
  max-width: 390px;
  font-size: 17px;
  line-height: 1.6;
  color: var(--kaspi-reviews-muted);
  animation: kaspiReviewsRiseIn .5s .2s var(--kaspi-reviews-ease) both;
}

.kaspi-reviews-done__button{
  margin-top: 6px;
  padding: 12px 22px;
  border: 1px solid var(--kaspi-reviews-line-2);
  border-radius: 8px;
  background: #ffffff;
  font-size: 15px;
  color: var(--kaspi-reviews-ink);
  cursor: pointer;
  animation: kaspiReviewsRiseIn .5s .28s var(--kaspi-reviews-ease) both;
}

.kaspi-reviews-done__button:hover{
  border-color: var(--kaspi-reviews-blue);
  color: var(--kaspi-reviews-blue);
}

/* ---------------------------------------------------------------------------- */
/* 5. FAQ */

.kaspi-reviews-faq__inner{
  gap: 0;
}

.kaspi-reviews-faq__title{
  scroll-margin-top: 100px;
}

.kaspi-reviews-faq__subtitle{
  max-width: 480px;
  margin: 12px 0 0;
}

/* ---------------------------------------------------------------------------- */
/* 6. Финальный CTA */

.kaspi-reviews-final{
  max-width: 1076px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: 48px 40px;
  border-radius: 16px;
  background: var(--kaspi-reviews-bg-soft);
}

.kaspi-reviews-final__text{
  min-width: 240px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.kaspi-reviews-final__price{
  margin: 0;
  font-family: var(--g-display);
  font-size: 30px;
  font-weight: 600;
  color: var(--kaspi-reviews-ink);
}

.kaspi-reviews-final__note{
  margin: 0;
  font-size: 16px;
  color: var(--kaspi-reviews-muted);
}

.kaspi-reviews .kaspi-reviews-final__cta{
  padding: 16px 36px;
}

/* ---------------------------------------------------------------------------- */

@keyframes kaspiReviewsPopIn{
  0%{ opacity: 0; transform: scale(0.4); }
  60%{ transform: scale(1.08); }
  100%{ opacity: 1; transform: scale(1); }
}

@keyframes kaspiReviewsRiseIn{
  from{ opacity: 0; transform: translateY(10px); }
  to{ opacity: 1; transform: translateY(0); }
}

@keyframes kaspiReviewsBubbleIn{
  from{ opacity: 0; transform: translateY(14px) scale(0.96); }
  to{ opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes kaspiReviewsDotPulse{
  0%, 60%, 100%{ opacity: 0.28; transform: translateY(0); }
  30%{ opacity: 1; transform: translateY(-3px); }
}

@media (prefers-reduced-motion: reduce){
  .kaspi-reviews *,
  .kaspi-reviews *::before,
  .kaspi-reviews *::after{
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

@media screen and (max-width: 768px){
  /* Колонки сложились в одну — первый экран по центру */
  .kaspi-reviews-hero__content{
    align-items: center;
    text-align: center;
  }
  .kaspi-reviews-hero__content > .guide__badge{
    align-self: center;
  }
  .kaspi-reviews-hero__action{
    justify-content: center;
  }
  .kaspi-reviews-hero__points{
    align-self: stretch;
  }
  .kaspi-reviews-hero{
    padding-top: 40px;
  }
  .kaspi-reviews-hero__content{
    padding-top: 0;
  }
  .kaspi-reviews-hero__phone-slot{
    flex-basis: 100%;
  }
  .kaspi-reviews__section,
  .kaspi-reviews__section--wide{
    padding-block: 56px;
  }
  .kaspi-reviews-why__main,
  .kaspi-reviews-why__list{
    min-width: 0;
  }
  .kaspi-reviews-why__main{
    align-items: center;
    padding: 28px 24px;
    text-align: center;
  }
  .kaspi-reviews-why__note{
    align-self: stretch;
    text-align: left;
  }
  .kaspi-reviews-why__item{
    padding: 22px;
  }
  .kaspi-reviews-steps__item{
    gap: 12px;
  }
  .kaspi-reviews-steps__num{
    flex-basis: 100%;
    font-size: 36px;
  }
  .kaspi-reviews-steps__body{
    min-width: 0;
  }
  .kaspi-reviews-settings__row{
    padding: 16px 18px;
  }
  .kaspi-reviews-settings__tab{
    padding: 10px 6px;
    font-size: 14px;
  }
  .kaspi-reviews-done{
    min-height: 480px;
  }
  .kaspi-reviews-final{
    padding: 32px 24px;
  }
  .kaspi-reviews .kaspi-reviews-final__cta{
    width: 100%;
  }
}

/* Пункты первого экрана: три колонки до 560px, ниже — столбиком */
@media screen and (max-width: 560px){
  .kaspi-reviews-hero__points{
    flex-direction: column;
  }
  .kaspi-reviews-hero__point,
  .kaspi-reviews-hero__point:first-child{
    flex-basis: auto;
    padding: 16px 0;
    border-left: 0;
  }
  .kaspi-reviews-hero__point + .kaspi-reviews-hero__point{
    border-top: 1px solid var(--kaspi-reviews-line);
  }
}