/* ===============================
   ASHTORY — Global styles (Tilda)
   =============================== */

/* База */
html, body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

img { max-width: 100%; height: auto; }

/* Глобальный шрифт (по всему сайту) */
html, body, .t-body, .t-records, .t-records * {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif !important;
}

/* Ссылки */
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a[href^="tel:"] { white-space: nowrap; }

/* Типографика Tilda */
.t-title, .t-name, .t-heading, .t-text, .t-descr {
  letter-spacing: 0.2px;
}

/* Чуть плотнее на мобиле */
@media (max-width: 960px) {
  .t-title { line-height: 1.12; }
  .t-descr, .t-text { line-height: 1.45; }
}

/* ===============================
   Кнопки (Tilda)
   =============================== */
.t-btn, .t-submit, .tn-atom__btn {
  border-radius: 12px !important;
  padding: 14px 20px !important;
  font-weight: 600 !important;
  transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease, border-color .15s ease;
}

.t-btn:hover, .t-submit:hover, .tn-atom__btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
}

/* Кнопка-обводка (универсально): добавь ей класс btn-outline в ZeroBlock */
.btn-outline, .btn-outline .tn-atom {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,.9) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.btn-outline:hover, .btn-outline .tn-atom:hover {
  background: rgba(255,255,255,.12) !important;
  border-color: #ffffff !important;
}

/* ===============================
   Меню: мягкая тень при фиксации
   =============================== */
.tmenu, .t450, .t776, .t778 {
  transition: box-shadow .2s ease, background-color .2s ease;
}

.tmenu_fixed .tmenu__container,
.t450.t450__positionfixed,
.t776.t776_fixed,
.t778.t778__fixed {
  box-shadow: 0 8px 26px rgba(0,0,0,.14);
}

/* ===============================
   Иконки-галочки (цвет #0F5157)
   Вариант 1: просто вставляй символ ✓ и назначай классу чеков .ashtory-check
   =============================== */
.ashtory-check {
  color: #0F5157 !important;
  font-weight: 700;
}

/* Вариант 2: если это список  — класс блоку ashtory-checklist */
.ashtory-checklist li {
  list-style: none;
  position: relative;
  padding-left: 22px;
}

.ashtory-checklist li:before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: #0F5157;
  font-weight: 800;
}

/* ===============================
   “Живые” шторы — если назначишь слоям класс t-fabric
   =============================== */
@keyframes fabricFloat {
  0% { transform: translateY(0) }
  50% { transform: translateY(2px) }
  100% { transform: translateY(0) }
}

.t-fabric {
  animation: fabricFloat 8s ease-in-out infinite;
  will-change: transform;
}