/* =====================================================================
   [1] НАЧАЛО: Кнопка «Оставить заявку» (класс glass-cta)
   Скругление = настройке Тильды: 15px от 480px, 12px до 480px.
   Обводка кнопки в Тильде: 2px.
   ===================================================================== */

.glass-cta {
  --glass-radius: 15px;
  --glass-border: 2px;
  position: relative;
  overflow: hidden;
  border-radius: var(--glass-radius);
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  mask-image: radial-gradient(white, black);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  background-color: rgba(0, 0, 0, 0.32) !important;
  background-clip: padding-box !important;
  -webkit-backdrop-filter: blur(14px) saturate(170%);
  backdrop-filter: blur(14px) saturate(170%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.6),
    inset 0 -1px 0 rgba(255, 255, 255, 0.12);
}

@media (max-width: 479px) {
  .glass-cta {
    --glass-radius: 12px;
  }
}

/* Статичный глянцевый блик сверху */
.glass-cta::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 40%;
  border-radius: calc(var(--glass-radius) - var(--glass-border)) calc(var(--glass-radius) - var(--glass-border)) 0 0;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.45) 0%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  pointer-events: none;
  z-index: 0;
}

/* Бегающий блик (анимация glass-cta-shine — в разделе ДВИЖОК) */
.glass-cta::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 30%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.3),
    transparent
  );
  transform: translateX(-117%) skewX(-20deg);
  pointer-events: none;
  z-index: 1;
  will-change: transform;
  animation: glass-cta-shine 4s ease-in-out infinite;
}

/* Наведение на ПК: заливка rgb(0, 145, 255), стекло минимальное */
@media (hover: hover) {
  .glass-cta::before,
  .glass-cta::after {
    transition: opacity 0.3s ease;
  }
  .glass-cta:hover {
    background-color: rgb(0, 145, 255) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
  }
  .glass-cta:hover::before {
    opacity: 0.15;
  }
  .glass-cta:hover::after {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .glass-cta::after {
    animation: none;
    opacity: 0;
  }
}

/* [1] КОНЕЦ ============================================================ */


/* =====================================================================
   [2] НАЧАЛО: Кнопка «Заказать» в форме (блок rec4626415401)
   Стекло, глянец сверху, бегающий блик, тень под кнопкой.
   Белая обводка 1px и цвет текста задаются в Тильде.
   При наведении на ПК: заливка не меняется, кнопка светлеет на 30%,
   вокруг узкий графитовый ореол.
   Скругление 0 — как в настройках Тильды.
   Если форма есть на другой странице, у неё свой номер блока:
   добавить его через запятую в каждый селектор раздела.
   ===================================================================== */

#rec4626415401 .t-submit, 
#rec927540221 .t-submit, 
#rec1837761421 .t-submit,
#rec2392881411 .t-submit,
#rec1216384966 .t-submit,
#rec927578351 .t-submit,
#rec898818133 .t-submit,
#rec1216343746 .t-submit,
#rec904818649 .t-submit,
#rec904784629 .t-submit,
#rec1837422991 .t-submit,
#rec856525825 .t-submit,
#rec4626415401 .t-submit:hover, 
#rec927540221 .t-submit:hover, 
#rec1837761421 .t-submit:hover,
#rec2392881411 .t-submit:hover,
#rec1216384966 .t-submit:hover,
#rec927578351 .t-submit:hover,
#rec898818133 .t-submit:hover,
#rec1216343746 .t-submit:hover,
#rec904818649 .t-submit:hover,
#rec904784629 .t-submit:hover,
#rec1837422991 .t-submit:hover,
#rec856525825 .t-submit:hover {
  background-color: rgba(0, 0, 0, 0.8) !important;
}

#rec4626415401 .t-submit,
#rec927540221 .t-submit, 
#rec1837761421 .t-submit,
#rec2392881411 .t-submit,
#rec1216384966 .t-submit,
#rec927578351 .t-submit,
#rec898818133 .t-submit,
#rec1216343746 .t-submit,
#rec904818649 .t-submit,
#rec904784629 .t-submit,
#rec1837422991 .t-submit,
#rec856525825 .t-submit {
  position: relative;
  overflow: hidden;
  border-radius: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  background-clip: padding-box !important;
  -webkit-backdrop-filter: blur(14px) saturate(170%);
  backdrop-filter: blur(14px) saturate(170%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.6),
    inset 0 -1px 0 rgba(255, 255, 255, 0.12),
    0 3px 8px rgba(0, 0, 0, 0.35);
  transition: filter 0.3s ease, box-shadow 0.3s ease;
}

/* Статичный глянцевый блик сверху */
#rec4626415401 .t-submit::before,
#rec927540221 .t-submit::before,
#rec1837761421 .t-submit::before,
#rec2392881411 .t-submit::before,
#rec1216384966 .t-submit::before,
#rec927578351 .t-submit::before,
#rec898818133 .t-submit::before,
#rec1216343746 .t-submit::before,
#rec904818649 .t-submit::before,
#rec904784629 .t-submit::before,
#rec1837422991 .t-submit::before,
#rec856525825 .t-submit::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 40%;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.45) 0%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  pointer-events: none;
  z-index: 0;
}

/* Бегающий блик (анимация glass-cta-shine — в разделе ДВИЖОК) */
#rec4626415401 .t-submit::after,
#rec927540221 .t-submit::after,
#rec1837761421 .t-submit::after,
#rec2392881411 .t-submit::after,
#rec1216384966 .t-submit::after,
#rec927578351 .t-submit::after,
#rec898818133 .t-submit::after,
#rec1216343746 .t-submit::after,
#rec904818649 .t-submit::after,
#rec904784629 .t-submit::after,
#rec1837422991 .t-submit::after,
#rec856525825 .t-submit::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 30%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.3),
    transparent
  );
  transform: translateX(-117%) skewX(-20deg);
  pointer-events: none;
  z-index: 1;
  will-change: transform;
  animation: glass-cta-shine 4s ease-in-out infinite;
}

/* Наведение на ПК: +30% яркости и узкий графитовый ореол */
@media (hover: hover) {
  #rec4626415401 .t-submit:hover,
  #rec927540221 .t-submit:hover,
  #rec1837761421 .t-submit:hover,
  #rec2392881411 .t-submit:hover,
  #rec1216384966 .t-submit:hover,
  #rec927578351 .t-submit:hover,
  #rec898818133 .t-submit:hover,
  #rec1216343746 .t-submit:hover,
  #rec904818649 .t-submit:hover,
  #rec904784629 .t-submit:hover,
  #rec1837422991 .t-submit:hover,
  #rec856525825 .t-submit:hover {
    -webkit-filter: brightness(1.3);
    filter: brightness(1.3);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.6),
      inset 0 -1px 0 rgba(255, 255, 255, 0.12),
      0 3px 8px rgba(0, 0, 0, 0.35),
      0 0 12px rgba(40, 44, 48, 0.7);
  }
}

@media (prefers-reduced-motion: reduce) {
  #rec4626415401 .t-submit::after,
  #rec927540221 .t-submit::after,
  #rec1837761421 .t-submit::after,
  #rec2392881411 .t-submit::after,
  #rec1216384966 .t-submit::after,
  #rec927578351 .t-submit::after,
  #rec898818133 .t-submit::after,
  #rec1216343746 .t-submit::after,
  #rec904818649 .t-submit::after,
  #rec904784629 .t-submit::after,
  #rec1837422991 .t-submit::after,
  #rec856525825 .t-submit::after {
    animation: none;
    opacity: 0;
  }
}

/* [2] КОНЕЦ ============================================================ */


/* =====================================================================
   [3] НАЧАЛО: Кнопки мессенджеров, 5 шт. (класс glass-shine-grid)
   Блик виден на экранах до 1200px. Движение блика — скрипт в HEAD.
   ===================================================================== */

.glass-shine-grid::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  pointer-events: none;
  display: none;
  background-image: linear-gradient(
    90deg,
    transparent 35%,
    rgba(255, 255, 255, 0.55) 50%,
    transparent 65%
  );
  background-repeat: no-repeat;
  background-size: var(--shine-size, 0px 0px);
  background-position: var(--shine-pos, -9999px 0);
}

@media (max-width: 1200px) {
  .glass-shine-grid::after {
    display: block;
  }
}

@media (prefers-reduced-motion: reduce) {
  .glass-shine-grid::after {
    display: none !important;
  }
}

/* [3] КОНЕЦ ============================================================ */


/* =====================================================================
   [4] НАЧАЛО: Кнопки контактов, 3 шт., низ страницы (класс glass-trio)
   Скругление = настройке Тильды: 14px от 380px, 12px до 380px.
   Видно на экранах до 767px. Движение блика — скрипт в HEAD.
   ===================================================================== */

@media (max-width: 767px) {

  .glass-trio {
    --glass-radius: 14px;
    border-radius: var(--glass-radius) !important;
    isolation: isolate;
    background-color: rgba(255, 255, 255, 0.01) !important;
    background-clip: padding-box !important;
  }

  /* Слой размытия стекла */
  .glass-trio::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    z-index: -1;
    background-color: rgba(255, 255, 255, 0.05);
    -webkit-backdrop-filter: blur(14px) saturate(170%) brightness(1.1);
    backdrop-filter: blur(14px) saturate(170%) brightness(1.1);
    pointer-events: none;
  }

  /* Первый фон — статичный глянец сверху, второй — бегающий блик */
  .glass-trio::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    z-index: -1;
    pointer-events: none;
    background-image:
      linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.5) 0%,
        rgba(255, 255, 255, 0.15) 50%,
        rgba(255, 255, 255, 0) 100%
      ),
      linear-gradient(
        90deg,
        transparent 35%,
        rgba(255, 255, 255, 0.4) 50%,
        transparent 65%
      );
    background-repeat: no-repeat, no-repeat;
    background-size: 100% 60%, var(--shine-size, 0px 0px);
    background-position: 0 0, var(--shine-pos, -9999px 0);
  }
}

@media (max-width: 379px) {
  .glass-trio {
    --glass-radius: 12px;
  }
}

@media (min-width: 768px) {
  .glass-trio::after,
  .glass-trio::before {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .glass-trio::after {
    background-size: 100% 60%, 0px 0px !important;
  }
}

/* [4] КОНЕЦ ============================================================ */


/* =====================================================================
   [5] НАЧАЛО: Кнопка «Заказать звонок» в форме (блок rec4626415801)
   Видна от 640px. Цвет кнопки и текста задаёт Тильда, код их не меняет.
   Слабый глянец сверху, затемнение снизу, светлый кант по периметру,
   тень под кнопкой, бегающий блик.
   При наведении на ПК: +10% яркости и мягкое синее свечение.
   Обводку в Тильде оставить выключенной: её роль играет кант.
   Если форма есть на другой странице, у неё свой номер блока:
   добавить его через запятую в каждый селектор раздела.
   ===================================================================== */

#rec4626415801 .t-submit,
#rec5280837101 .t-submit, 
#rec5281099501 .t-submit, 
#rec5282473401 .t-submit,
#rec5285230601 .t-submit,
#rec5311748201 .t-submit,
#rec5312627801 .t-submit,
#rec5313395501 .t-submit,
#rec5317539201 .t-submit,
#rec5319528301 .t-submit,
#rec5320630501 .t-submit,
#rec5321069401 .t-submit,
#rec5321408701 .t-submit,
#rec5321585201 .t-submit,
#rec5321735101 .t-submit,
#rec5321856301 .t-submit,
#rec5321862101 .t-submit,
#rec5321883601 .t-submit,
#rec5321906201 .t-submit,
#rec5321918501 .t-submit,
#rec5321933601 .t-submit,
#rec5321964601 .t-submit {
  position: relative;
  overflow: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    inset 0 -12px 18px rgba(0, 0, 0, 0.22),
    0 3px 8px rgba(0, 0, 0, 0.35);
  transition: filter 0.3s ease, box-shadow 0.3s ease;
}

/* Глянец сверху — слабый, чтобы не высветлять синий */
#rec4626415801 .t-submit::before,
#rec5280837101 .t-submit::before,
#rec5281099501 .t-submit::before,
#rec5282473401 .t-submit::before,
#rec5285230601 .t-submit::before,
#rec5311748201 .t-submit::before,
#rec5312627801 .t-submit::before,
#rec5313395501 .t-submit::before,
#rec5317539201 .t-submit::before,
#rec5319528301 .t-submit::before,
#rec5320630501 .t-submit::before,
#rec5321069401 .t-submit::before,
#rec5321408701 .t-submit::before,
#rec5321585201 .t-submit::before,
#rec5321735101 .t-submit::before,
#rec5321856301 .t-submit::before,
#rec5321862101 .t-submit::before,
#rec5321883601 .t-submit::before,
#rec5321906201 .t-submit::before,
#rec5321918501 .t-submit::before,
#rec5321933601 .t-submit::before,
#rec5321964601 .t-submit::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 40%;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.06) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  pointer-events: none;
  z-index: 0;
}

/* Бегающий блик (анимация glass-cta-shine — в разделе ДВИЖОК) */
#rec4626415801 .t-submit::after,
#rec5280837101 .t-submit::after,
#rec5282473401 .t-submit::after,
#rec5281099501 .t-submit::after,
#rec5285230601 .t-submit::after,
#rec5311748201 .t-submit::after,
#rec5312627801 .t-submit::after,
#rec5313395501 .t-submit::after,
#rec5317539201 .t-submit::after,
#rec5319528301 .t-submit::after,
#rec5320630501 .t-submit::after,
#rec5321069401 .t-submit::after,
#rec5321408701 .t-submit::after,
#rec5321585201 .t-submit::after,
#rec5321735101 .t-submit::after,
#rec5321856301 .t-submit::after,
#rec5321862101 .t-submit::after,
#rec5321883601 .t-submit::after,
#rec5321906201 .t-submit::after,
#rec5321918501 .t-submit::after,
#rec5321933601 .t-submit::after,
#rec5321964601 .t-submit::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 30%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.3),
    transparent
  );
  transform: translateX(-117%) skewX(-20deg);
  pointer-events: none;
  z-index: 1;
  will-change: transform;
  animation: glass-cta-shine 4s ease-in-out infinite;
}

/* Наведение на ПК: +10% яркости и мягкое синее свечение вокруг */
@media (hover: hover) {
  #rec4626415801 .t-submit:hover,
  #rec5280837101 .t-submit:hover,
  #rec5281099501 .t-submit:hover,
  #rec5282473401 .t-submit:hover,
  #rec5285230601 .t-submit:hover,
  #rec5311748201 .t-submit:hover,
  #rec5312627801 .t-submit:hover,
  #rec5313395501 .t-submit:hover,
  #rec5317539201 .t-submit:hover,
  #rec5319528301 .t-submit:hover,
  #rec5320630501 .t-submit:hover,
  #rec5321069401 .t-submit:hover,
  #rec5321408701 .t-submit:hover,
  #rec5321585201 .t-submit:hover,
  #rec5321735101 .t-submit:hover,
  #rec5321856301 .t-submit:hover,
  #rec5321862101 .t-submit:hover,
  #rec5321883601 .t-submit:hover,
  #rec5321906201 .t-submit:hover,
  #rec5321918501 .t-submit:hover,
  #rec5321933601 .t-submit:hover,
  #rec5321964601 .t-submit:hover {
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1);
    box-shadow:
      inset 0 0 0 1px rgba(255, 255, 255, 0.3),
      inset 0 1px 0 rgba(255, 255, 255, 0.45),
      inset 0 -12px 18px rgba(0, 0, 0, 0.22),
      0 3px 8px rgba(0, 0, 0, 0.35),
      0 0 18px rgba(47, 126, 206, 0.55);
  }
}

@media (prefers-reduced-motion: reduce) {
  #rec4626415801 .t-submit::after,
  #rec5280837101 .t-submit::after, 
  #rec5281099501 .t-submit::after,
  #rec5282473401 .t-submit::after,
  #rec5285230601 .t-submit::after,
  #rec5311748201 .t-submit::after,
  #rec5312627801 .t-submit::after,
  #rec5313395501 .t-submit::after,
  #rec5317539201 .t-submit::after,
  #rec5319528301 .t-submit::after,
  #rec5320630501 .t-submit::after,
  #rec5321069401 .t-submit::after,
  #rec5321408701 .t-submit::after,
  #rec5321585201 .t-submit::after,
  #rec5321735101 .t-submit::after,
  #rec5321856301 .t-submit::after,
#rec5321862101 .t-submit::after,
#rec5321883601 .t-submit::after,
#rec5321906201 .t-submit::after,
#rec5321918501 .t-submit::after,
#rec5321933601 .t-submit::after,
#rec5321964601 .t-submit::after {
    animation: none;
    opacity: 0;
  }
}

/* [5] КОНЕЦ ============================================================ */


/* =====================================================================
   ДВИЖОК (CSS-часть): бегающий блик для [1], [2] и [5]. НЕ УДАЛЯТЬ.
   Вторая часть движка (скрипт для [3] и [4]) — в поле HEAD.
   ===================================================================== */

@keyframes glass-cta-shine {
  0% {
    transform: translateX(-117%) skewX(-20deg);
  }
  40%,
  100% {
    transform: translateX(383%) skewX(-20deg);
  }
}

/* ДВИЖОК КОНЕЦ ========================================================= */


/* =====================================================================
   [6] НАЧАЛО: Текстовые стили (классы justify и text1)
   justify — ПК, планшеты, телефон горизонтально: по ширине, красная строка 50px;
             телефон вертикально (до 480px): по ширине с автоматическими
             переносами слов, красная строка 25px.
   text1   — тёмная тень вокруг текста для читаемости на фото.
   Красная строка ставится только в первой строке элемента:
   каждый абзац — отдельный текстовый элемент в Zero.
   ===================================================================== */

.justify {
  text-align: justify;
  text-indent: 50px;
}

@media (max-width: 479px) {
  .justify {
    text-indent: 25px;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
}

.text1 {
  text-shadow: 0 0 3px black, 0 0 1.2em black;
}

/* [6] КОНЕЦ ============================================================ *//* =====================================================================
   /* =====================================================================