/* =========================
   PKPEGAS — POPUP FORM (Tilda t702) — Liquid Glass
   Цели:
   - Белое “стекло” + blur, как на pkpegas.ru
   - Большие скругления, мягкая тень
   - Поля: стеклянные, аккуратные
   - Кнопка: темная “капсула”
   Вставляй в: Настройки страницы → CSS (или в HTML-блок внутри попапа)
========================= */

/* OVERLAY (фон затемнения) */
.t702 {
  /* иногда тильда рисует фон через разные слои — перехватываем по месту */
}
.t702 .t-popup__container,
.t702 .t702__wrapper,
.t702 .t-popup__container-animated {
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

/* затемнение задника (если у тебя другой класс — этот тоже обычно срабатывает) */
.t702,
.t702 .t-popup__container {
  /* ничего */
}
.t702 .t-popup__container,
.t702 .t-popup__container-animated {
  /* контейнер */
}
.t702 .t-popup__container:before,
.t702 .t-popup__container-animated:before {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(10, 12, 16, .45);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  pointer-events: none;
}

/* CARD (сама белая карточка попапа) */
.t702 .t702__wrapper {
  background: rgba(255,255,255,.78) !important;
  border: 1px solid rgba(255,255,255,.55);
  border-radius: 28px !important;
  box-shadow:
    0 28px 80px rgba(0,0,0,.22),
    0 2px 0 rgba(255,255,255,.55) inset;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  overflow: hidden;
  padding: 34px 32px 22px !important;
}

/* чтобы на мобиле не прилипало к краям */
@media (max-width: 480px){
  .t702 .t702__wrapper{
    border-radius: 24px !important;
    padding: 26px 18px 16px !important;
    margin: 0 12px !important;
  }
}

/* TITLE */
.t702 .t702__title,
.t702 .t702__title.t-title {
  color: #0f1115 !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em;
  font-size: 40px !important;
  line-height: 1.05 !important;
  margin-bottom: 18px !important;
  text-align: center !important;
}

@media (max-width: 480px){
  .t702 .t702__title,
  .t702 .t702__title.t-title{
    font-size: 30px !important;
  }
}

/* FORM WRAP */
.t702 form.t-form,
.t702 .t-form {
  margin-top: 10px !important;
}

/* INPUT GROUPS */
.t702 .t-input-group {
  margin-bottom: 14px !important;
}

/* INPUTS (name/phone/etc) */
.t702 input.t-input,
.t702 textarea.t-input,
.t702 .t-input {
  width: 100% !important;
  height: 56px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(10,12,16,.10) !important;

  background: rgba(255,255,255,.72) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.65) inset,
    0 10px 26px rgba(15, 23, 42, .08);

  color: #0f1115 !important;
  font-size: 16px !important;
  font-weight: 600 !important;

  padding: 0 16px !important;
  outline: none !important;

  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  transition: box-shadow .18s ease, border-color .18s ease, transform .18s ease;
}

.t702 textarea.t-input{
  height: 110px !important;
  padding: 14px 16px !important;
  resize: vertical;
}

/* PLACEHOLDER */
.t702 input.t-input::placeholder,
.t702 textarea.t-input::placeholder{
  color: rgba(15,17,21,.45) !important;
  font-weight: 500 !important;
}

/* FOCUS */
.t702 input.t-input:focus,
.t702 textarea.t-input:focus,
.t702 .t-input:focus{
  border-color: rgba(11, 76, 140, .35) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.7) inset,
    0 18px 40px rgba(11, 76, 140, .14);
  transform: translateY(-1px);
}

/* PHONE FLAG/COUNTRY (у тильды часто внутри есть свои элементы) */
.t702 .t-input-group_ph .t-input-block{
  position: relative;
}
.t702 .t-input-group_ph .t-input-block input{
  padding-left: 56px !important; /* место под флаг */
}
.t702 .t-input-group_ph .t-input-block:before{
  content:"";
  position:absolute;
  left: 14px;
  top: 50%;
  width: 30px;
  height: 22px;
  transform: translateY(-50%);
  border-radius: 6px;
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(10,12,16,.10);
  box-shadow: 0 8px 18px rgba(0,0,0,.08);
  pointer-events:none;
}

/* SUBMIT BUTTON */
.t702 .t-form__submit {
  margin-top: 14px !important;
}

.t702 button.t-submit,
.t702 .t-submit {
  width: 100% !important;
  height: 58px !important;
  border-radius: 16px !important;

  background: rgba(18, 20, 24, .92) !important;
  color: #ffffff !important;

  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    0 18px 44px rgba(0,0,0,.22),
    0 1px 0 rgba(255,255,255,.10) inset;

  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: .01em;

  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}

.t702 button.t-submit:hover,
.t702 .t-submit:hover{
  transform: translateY(-1px);
  box-shadow:
    0 22px 58px rgba(0,0,0,.26),
    0 1px 0 rgba(255,255,255,.12) inset;
  filter: brightness(1.03);
}
.t702 button.t-submit:active,
.t702 .t-submit:active{
  transform: translateY(0px) scale(.99);
}

/* PRIVACY LINK (политика) */
.t702 .t-form__privacy,
.t702 .t-form__privacy a,
.t702 .t702__text,
.t702 .t702__text a{
  color: rgba(15,17,21,.55) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  text-align: center !important;
}
.t702 .t-form__privacy a:hover,
.t702 .t702__text a:hover{
  color: rgba(11, 76, 140, .85) !important;
}

/* CLOSE (крестик) — делаем аккуратным */
.t702 .t-popup__close,
.t702 .t702__close {
  width: 44px !important;
  height: 44px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.62) !important;
  border: 1px solid rgba(255,255,255,.55) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 14px 36px rgba(0,0,0,.14);
  right: 14px !important;
  top: 14px !important;
}
.t702 .t-popup__close:hover,
.t702 .t702__close:hover{
  filter: brightness(1.04);
}

/* SUCCESS POPUP (если показывается “спасибо”) */
.t702 .t-form__successbox,
.t702 .t-form__successbox.t-text,
.t702 .t-form__successbox.t-form__successbox-popup{
  border-radius: 18px !important;
  background: rgba(255,255,255,.78) !important;
  border: 1px solid rgba(255,255,255,.55) !important;
  box-shadow: 0 18px 60px rgba(0,0,0,.18);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  color: #0f1115 !important;
  font-weight: 700 !important;
}