/* ==== компактные кнопки в CTA ==== */
.cleanzi-cta__actions{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:12px;
  flex-wrap:nowrap;
}

/* главный размер и отступы — даём приоритет */
.cleanzi-cta__actions .cleanzi-btn{
  font-size:18px ;      /* было огромным → делаем компактным */
  line-height:1.2 ;
  padding:12px 18px ;   /* ниже высота */
  border-radius:10px ;
  white-space:nowrap;
  height:auto ;
  flex:0 0 auto;                  /* не растягиваемся на всю ширину */
  box-shadow:none ;
  letter-spacing:0 ;
}

/* синяя */
.cleanzi-cta__actions .cleanzi-btn--primary{
  background:#1F6FFF ;
  color:#fff ;
  border:none ;
}
.cleanzi-cta__actions .cleanzi-btn--primary:hover{
  background:#1663F7 ;
}

/* обводка */
.cleanzi-cta__actions .cleanzi-btn--outline{
  background:#fff ;
  color:#0b2540 ;
  border:1.5px solid rgba(31,111,255,.35) ;
}
.cleanzi-cta__actions .cleanzi-btn--outline:hover{
  border-color:#1F6FFF ;
}

/* === Фичи: вернуть пилюли вместо буллетов === */
.cleanzi-cta__features{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px 12px;
  margin:12px 0 20px ;
  padding:0 ;
  list-style:none ;          /* убираем маркеры */
}
.cleanzi-cta__features li::marker{ content:none; }

.cleanzi-cta__feature{
  display:inline-flex ;
  align-items:center;
  gap:10px;
  padding:8px 12px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(13,45,90,.10);
  color:#103455;
  font:600 13px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial;
}

.cleanzi-cta__feature-ico{
  width:20px; height:20px;
  display:grid; place-items:center;
  font-size:12px;
  border-radius:50%;
  background:rgba(31,111,255,.08);
  border:1px solid rgba(31,111,255,.20);
}
.cleanzi-cta__feature-text{ font-size:13px; font-weight:600; color:#103455; }

/* === Низ: мелкий ряд преимуществ по центру === */
.cleanzi-cta__hint{
  display:flex !important;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:12px;
  color:#4a627a;
  font-weight:600;
  font-size:13px;
}

/* === Небольшой твик отступов заголовков, чтобы всё дышало === */
.cleanzi-cta__title{ margin:6px 0 10px ; }
.cleanzi-cta__subtitle{
  margin:0 auto 16px ;
  max-width:560px;
  color:#033A58;
}

/* === Бейдж (Trusted by...) — вернуть пилюлю как было === */
.cleanzi-cta__badge{
  display:inline-flex ;
  align-items:center;
  gap:8px;
  padding:8px 12px ;
  border-radius:999px ;
  background:rgba(31,111,255,.08) ;
  border:1px solid rgba(31,111,255,.18) ;
  color:#0b2540 !important;
  font:600 13px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial ;
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset;  /* лёгкий “стеклянный” блик */
  margin:0 auto 12px !important;
}

/* На всякий случай — если тема оборачивает бейдж в div с рамкой */
.cleanzi-cta__badge,
.cleanzi-cta__badge *{
  background-clip: padding-box;
}

/* === Нижний ряд (hint) — без рамки/фона, аккуратно по центру === */
.cleanzi-cta__hint{
  display:flex !important;
  justify-content:center;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:12px !important;
  padding:0 !important;
  background:none !important;
  border:none !important;
  box-shadow:none !important;
  color:#4a627a !important;
  font:600 13px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Arial !important;
}

/* если тема навешивает рамку/фон на .cleanzi-cta__hint > * */
.cleanzi-cta__hint > *{
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}

/* бонус: выравнивание всей секции по центру (если вдруг сбилось) */
.cleanzi-cta{ text-align:center;     margin: 0 auto;}
/* === Финальный фикс низа CTA === */
/* === НИЖНИЙ РЯД: оформить как верхние фичи === */
.cleanzi-cta__hint {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 12px;
  margin-top: 20px;
  padding: 0;
  list-style: none;
}

/* каждая “фича” внизу выглядит как пилюля */
.cleanzi-cta__hint span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid rgba(13, 45, 90, 0.08);
  font: 600 13px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial;
  color: #103455;
  transition: all 0.2s ease;
}

.cleanzi-cta__hint span:hover {
  border-color: rgba(31, 111, 255, 0.3);
  background: rgba(31, 111, 255, 0.05);
}

/* разделители “•” убираем — теперь визуально не нужны */
.cleanzi-cta__hint span:nth-child(2n) {
  display: none !important;
}

/* небольшой адаптив */
@media (max-width: 768px) {
  .cleanzi-cta__hint {
    gap: 8px;
  }
  .cleanzi-cta__hint span {
    font-size: 12.5px;
    padding: 7px 12px;
  }
}


/* на планшетах и ниже — в столбик */
@media (max-width: 900px){
  .cleanzi-cta__actions{ flex-wrap:wrap; }
}
@media (max-width: 768px){
  .cleanzi-cta__actions{
    flex-direction:column;
    gap:10px;
  }
  .cleanzi-cta__actions .cleanzi-btn{
    width:100%;        /* удобно нажимать */
    justify-content:center;
  }
}