/* =====================================================
   DAMIR GOODWIN — ЧИСТАЯ СИСТЕМА КНОПОК
   Без shape-кнопок
   Классы:
   dg-btn-primary
   dg-btn-secondary
   dg-btn-grow
   dg-card-link
   dg-form-luxe
   dg-review-video
   ===================================================== */


/* =====================================================
   0. ПЕРЕМЕННЫЕ
   ===================================================== */

:root {
  --dg-gold-light: #f7e6ae;
  --dg-gold-main: #d6b56d;
  --dg-gold-deep: #b88a3d;
  --dg-gold-hover: #f4d990;

  --dg-gold-border: rgba(255, 232, 166, 0.62);
  --dg-gold-border-hover: rgba(255, 239, 181, 0.92);

  --dg-text-dark: #070707;
  --dg-text-gold: #e8d6a6;
  --dg-text-gold-hover: #f7e6ae;

  --dg-wine: #5a1018;

  --dg-hover-transform: translateY(-2px) scale(1.015);
  --dg-active-transform: translateY(0) scale(0.995);
}


/* =====================================================
   1. ГЛАВНАЯ КНОПКА
   Класс в Zero Block: dg-btn-primary
   Размер, шрифт, высоту, padding и радиус задаём в Tilda
   ===================================================== */

.dg-btn-primary .tn-atom {
  position: relative !important;
  overflow: hidden !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  text-align: center !important;
  text-decoration: none !important;

  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;

  border: 1px solid var(--dg-gold-border) !important;

  background:
    radial-gradient(circle at 20% 0%, rgba(255,255,255,0.42) 0%, rgba(255,255,255,0) 34%),
    linear-gradient(135deg, #f7e6ae 0%, #d6b56d 25%, #b88a3d 54%, #f4d990 100%) !important;

  color: var(--dg-text-dark) !important;

  box-shadow:
    0 14px 34px rgba(198, 163, 106, 0.24),
    0 0 22px rgba(244, 217, 144, 0.10),
    inset 0 1px 0 rgba(255,255,255,0.65),
    inset 0 -16px 26px rgba(92, 58, 15, 0.14) !important;

  transform: translateY(0) scale(1) !important;
  transform-origin: center center !important;

  transition:
    transform 0.28s ease,
    background 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease,
    filter 0.28s ease,
    color 0.28s ease !important;
}

.dg-btn-primary .tn-atom span,
.dg-btn-primary .tn-atom div {
  white-space: inherit !important;
  word-break: inherit !important;
  overflow-wrap: inherit !important;
  hyphens: inherit !important;
}

/* Световой блик */
.dg-btn-primary .tn-atom::before {
  content: "" !important;
  position: absolute !important;

  top: -25% !important;
  left: -80% !important;

  width: 45% !important;
  height: 150% !important;

  border-radius: inherit !important;

  background: linear-gradient(
    120deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.45) 50%,
    rgba(255,255,255,0) 100%
  ) !important;

  transform: skewX(-20deg) !important;
  opacity: 0 !important;
  pointer-events: none !important;

  transition:
    left 0.65s ease,
    opacity 0.28s ease !important;
}

.dg-btn-primary .tn-atom:hover {
  transform: var(--dg-hover-transform) !important;

  filter: brightness(1.07) saturate(1.04) !important;

  border-color: var(--dg-gold-border-hover) !important;

  box-shadow:
    0 20px 48px rgba(198, 163, 106, 0.38),
    0 0 32px rgba(244, 217, 144, 0.20),
    inset 0 1px 0 rgba(255,255,255,0.78),
    inset 0 -18px 28px rgba(92, 58, 15, 0.12) !important;
}

.dg-btn-primary .tn-atom:hover::before {
  left: 130% !important;
  opacity: 1 !important;
}

.dg-btn-primary .tn-atom:active {
  transform: var(--dg-active-transform) !important;
}


/* =====================================================
   2. ВТОРИЧНАЯ КНОПКА
   Класс в Zero Block: dg-btn-secondary
   Размер, шрифт, высоту, padding и радиус задаём в Tilda
   ===================================================== */

.dg-btn-secondary .tn-atom {
  position: relative !important;
  overflow: hidden !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  text-align: center !important;
  text-decoration: none !important;

  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;

  border: 1px solid rgba(232, 214, 166, 0.48) !important;
  background: transparent !important;
  color: var(--dg-text-gold) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.06),
    0 0 0 rgba(244, 217, 144, 0) !important;

  transform: translateY(0) scale(1) !important;
  transform-origin: center center !important;

  transition:
    transform 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease,
    background 0.28s ease,
    color 0.28s ease !important;
}

.dg-btn-secondary .tn-atom span,
.dg-btn-secondary .tn-atom div {
  white-space: inherit !important;
  word-break: inherit !important;
  overflow-wrap: inherit !important;
  hyphens: inherit !important;
}

/* Внутренняя золотая дымка */
.dg-btn-secondary .tn-atom::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;

  border-radius: inherit !important;

  background:
    radial-gradient(circle at 50% 0%, rgba(244,217,144,0.18), rgba(244,217,144,0) 58%),
    linear-gradient(135deg, rgba(244,217,144,0.06), rgba(90,16,24,0.05)) !important;

  opacity: 0 !important;
  pointer-events: none !important;

  transition: opacity 0.28s ease !important;
}

/* Нижний свет */
.dg-btn-secondary .tn-atom::after {
  content: "" !important;
  position: absolute !important;

  left: 18% !important;
  right: 18% !important;
  bottom: 0 !important;

  height: 1px !important;

  background: linear-gradient(
    90deg,
    rgba(244,217,144,0),
    rgba(244,217,144,0.72),
    rgba(244,217,144,0)
  ) !important;

  opacity: 0.35 !important;
  pointer-events: none !important;

  transition:
    opacity 0.28s ease,
    left 0.28s ease,
    right 0.28s ease !important;
}

.dg-btn-secondary .tn-atom:hover {
  transform: var(--dg-hover-transform) !important;

  color: var(--dg-text-gold-hover) !important;
  border-color: rgba(244, 217, 144, 0.88) !important;
  background: transparent !important;

  box-shadow:
    0 0 22px rgba(244, 217, 144, 0.16),
    0 0 46px rgba(90, 16, 24, 0.16),
    inset 0 1px 0 rgba(255,255,255,0.10) !important;
}

.dg-btn-secondary .tn-atom:hover::before {
  opacity: 1 !important;
}

.dg-btn-secondary .tn-atom:hover::after {
  left: 10% !important;
  right: 10% !important;
  opacity: 0.95 !important;
}

.dg-btn-secondary .tn-atom:active {
  transform: var(--dg-active-transform) !important;
}


/* =====================================================
   3. ЛЁГКОЕ УВЕЛИЧЕНИЕ КНОПКИ
   Класс: dg-btn-grow
   Можно добавлять вместе с primary/secondary
   ===================================================== */

.dg-btn-grow .tn-atom {
  transform: translateY(0) scale(1) !important;
  transform-origin: center center !important;

  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease !important;
}

.dg-btn-grow .tn-atom:hover {
  transform: translateY(-2px) scale(1.015) !important;
}

.dg-btn-grow .tn-atom:active {
  transform: translateY(0) scale(0.995) !important;
}


/* =====================================================
   4. КНОПКА-ССЫЛКА В КАРТОЧКЕ
   Класс: dg-card-link
   ===================================================== */

.dg-card-link .tn-atom {
  position: relative !important;

  display: inline-flex !important;
  align-items: center !important;

  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;

  color: #d9b66f !important;
  text-decoration: none !important;

  transition:
    color 0.25s ease,
    text-shadow 0.25s ease !important;
}

/* Подчёркивание */
.dg-card-link .tn-atom::before {
  content: "" !important;
  position: absolute !important;

  left: 0 !important;
  bottom: -7px !important;

  width: 100% !important;
  height: 1px !important;

  background: linear-gradient(
    90deg,
    rgba(217, 182, 111, 0.72),
    rgba(217, 182, 111, 0.08)
  ) !important;

  transform-origin: left center !important;
  transform: scaleX(0.72) !important;

  transition:
    transform 0.28s ease,
    background 0.28s ease !important;
}

/* Стрелка */
.dg-card-link .tn-atom::after {
  content: "→" !important;

  display: inline-block !important;
  margin-left: 8px !important;

  font-size: 1.35em !important;
  line-height: 1 !important;
  font-weight: 400 !important;

  transform: translateX(0) translateY(-1px) !important;

  transition:
    transform 0.28s ease,
    text-shadow 0.28s ease !important;
}

.dg-card-link .tn-atom:hover {
  color: #f4d990 !important;
  text-shadow: 0 0 18px rgba(244, 217, 144, 0.22) !important;
}

.dg-card-link .tn-atom:hover::before {
  transform: scaleX(1) !important;

  background: linear-gradient(
    90deg,
    rgba(244, 217, 144, 0.96),
    rgba(244, 217, 144, 0.18)
  ) !important;
}

.dg-card-link .tn-atom:hover::after {
  transform: translateX(7px) translateY(-1px) !important;
  text-shadow: 0 0 14px rgba(244, 217, 144, 0.35) !important;
}


/* =====================================================
   5. КНОПКИ ФОРМ
   Класс блока с формой: dg-form-luxe
   ===================================================== */

.dg-form-luxe .t-submit,
.dg-form-luxe button[type="submit"],
.dg-form-luxe input[type="submit"] {
  position: relative !important;
  overflow: hidden !important;

  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  hyphens: none !important;

  border: 1px solid var(--dg-gold-border) !important;

  background:
    radial-gradient(circle at 20% 0%, rgba(255,255,255,0.42) 0%, rgba(255,255,255,0) 34%),
    linear-gradient(135deg, #f7e6ae 0%, #d6b56d 25%, #b88a3d 54%, #f4d990 100%) !important;

  color: var(--dg-text-dark) !important;

  box-shadow:
    0 14px 34px rgba(198, 163, 106, 0.24),
    0 0 22px rgba(244, 217, 144, 0.10),
    inset 0 1px 0 rgba(255,255,255,0.65),
    inset 0 -16px 26px rgba(92, 58, 15, 0.14) !important;

  transform: translateY(0) scale(1) !important;
  transform-origin: center center !important;

  cursor: pointer !important;

  transition:
    transform 0.28s ease,
    background 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease,
    filter 0.28s ease,
    color 0.28s ease !important;
}

.dg-form-luxe .t-submit:hover,
.dg-form-luxe button[type="submit"]:hover,
.dg-form-luxe input[type="submit"]:hover {
  transform: var(--dg-hover-transform) !important;

  filter: brightness(1.07) saturate(1.04) !important;

  border-color: var(--dg-gold-border-hover) !important;

  box-shadow:
    0 20px 48px rgba(198, 163, 106, 0.38),
    0 0 32px rgba(244, 217, 144, 0.20),
    inset 0 1px 0 rgba(255,255,255,0.78),
    inset 0 -18px 28px rgba(92, 58, 15, 0.12) !important;
}

.dg-form-luxe .t-submit:active,
.dg-form-luxe button[type="submit"]:active,
.dg-form-luxe input[type="submit"]:active {
  transform: var(--dg-active-transform) !important;
}


/* =====================================================
   6. ВИДЕООТЗЫВЫ
   Класс: dg-review-video
   ===================================================== */

.dg-review-video {
  border: 1px solid rgba(198, 163, 106, 0.65) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;

  background: #050505 !important;

  box-shadow:
    0 18px 45px rgba(0, 0, 0, 0.45),
    inset 0 0 0 1px rgba(255,255,255,0.035) !important;
}

.dg-review-video iframe,
.dg-review-video video {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  border-radius: 12px !important;
}


/* =====================================================
   7. МОБИЛЬНАЯ ВЕРСИЯ КНОПОК
   Верх/низ НЕ задаём — остаются из Tilda
   ===================================================== */

@media screen and (max-width: 640px) {

  .dg-btn-primary .tn-atom,
  .dg-btn-secondary .tn-atom {
    width: 100% !important;

    /* Только боковые отступы. Верх/низ остаются как в Tilda */
    padding-left: 8px !important;
    padding-right: 8px !important;

    box-sizing: border-box !important;

    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    hyphens: none !important;

    line-height: 1.08 !important;
    text-align: center !important;
  }

  .dg-btn-primary .tn-atom span,
  .dg-btn-primary .tn-atom div,
  .dg-btn-secondary .tn-atom span,
  .dg-btn-secondary .tn-atom div {
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    hyphens: none !important;
    line-height: inherit !important;
  }

}


/* =====================================================
   8. ОТКЛЮЧЕНИЕ АНИМАЦИЙ ПРИ СИСТЕМНОМ ЗАПРЕТЕ
   ===================================================== */

@media (prefers-reduced-motion: reduce) {

  .dg-btn-primary .tn-atom,
  .dg-btn-primary .tn-atom::before,
  .dg-btn-secondary .tn-atom,
  .dg-btn-secondary .tn-atom::before,
  .dg-btn-secondary .tn-atom::after,
  .dg-btn-grow .tn-atom,
  .dg-card-link .tn-atom,
  .dg-card-link .tn-atom::before,
  .dg-card-link .tn-atom::after,
  .dg-form-luxe .t-submit,
  .dg-form-luxe button[type="submit"],
  .dg-form-luxe input[type="submit"] {
    transition: none !important;
  }

  .dg-btn-primary .tn-atom:hover,
  .dg-btn-secondary .tn-atom:hover,
  .dg-btn-grow .tn-atom:hover,
  .dg-form-luxe .t-submit:hover,
  .dg-form-luxe button[type="submit"]:hover,
  .dg-form-luxe input[type="submit"]:hover {
    transform: none !important;
  }

}




/* =====================================================
   DAMIR GOODWIN — ЛИНИИ, ТОЧКИ, БЛИКИ, ШЕЙПЫ ДЛЯ СХЕМ
   Для Tilda Zero Block
   ===================================================== */


/* =====================================================
   1. ОБЩИЕ НАСТРОЙКИ
   ===================================================== */

:root {
  --dg-gold-light: #f7e6ae;
  --dg-gold-main: #d6b56d;
  --dg-gold-deep: #b88a3d;
  --dg-gold-soft: rgba(214,181,109,0.22);
  --dg-gold-border: rgba(214,181,109,0.45);
  --dg-bg-dark: #050505;
}


/* =====================================================
   2. ЛИНИИ
   Классы ставим на Shape / Rectangle
   ===================================================== */

/* Общие настройки для всех линий */
.dg-line-glow .tn-atom,
.dg-line-center .tn-atom,
.dg-line-flare .tn-atom,
.dg-line-soft .tn-atom,
.dg-line-vertical .tn-atom {
  border: none !important;
  outline: none !important;
  overflow: visible !important;
  background-clip: padding-box !important;
}


/* 2.1 Равномерная светящаяся линия
   Класс: dg-line-glow
   Использование: основная линия, соединители, декоративные разделители
*/
.dg-line-glow .tn-atom {
  background: linear-gradient(
    90deg,
    rgba(214,181,109,0.35),
    rgba(244,217,144,0.95),
    rgba(214,181,109,0.35)
  ) !important;

  box-shadow:
    0 0 8px rgba(244,217,144,0.65),
    0 0 18px rgba(214,181,109,0.35),
    0 0 30px rgba(214,181,109,0.18) !important;
}


/* 2.2 Линия с ярким центром и растворением к краям
   Класс: dg-line-center
   Использование: главная горизонтальная линия схемы
*/
.dg-line-center .tn-atom {
  background: linear-gradient(
    90deg,
    rgba(214,181,109,0) 0%,
    rgba(214,181,109,0.10) 15%,
    rgba(214,181,109,0.32) 34%,
    rgba(244,217,144,1) 50%,
    rgba(214,181,109,0.32) 66%,
    rgba(214,181,109,0.10) 85%,
    rgba(214,181,109,0) 100%
  ) !important;

  box-shadow:
    0 0 8px rgba(244,217,144,0.42),
    0 0 18px rgba(214,181,109,0.22),
    0 0 32px rgba(214,181,109,0.10) !important;
}


/* 2.3 Линия с бликом в центре
   Класс: dg-line-flare
   Использование: короткие декоративные линии, акценты над заголовками
*/
.dg-line-flare .tn-atom {
  position: relative !important;

  background: linear-gradient(
    90deg,
    rgba(214,181,109,0) 0%,
    rgba(214,181,109,0.14) 20%,
    rgba(214,181,109,0.38) 38%,
    rgba(244,217,144,0.95) 50%,
    rgba(214,181,109,0.38) 62%,
    rgba(214,181,109,0.14) 80%,
    rgba(214,181,109,0) 100%
  ) !important;

  box-shadow:
    0 0 8px rgba(244,217,144,0.42),
    0 0 18px rgba(214,181,109,0.22),
    0 0 30px rgba(214,181,109,0.10) !important;
}

.dg-line-flare .tn-atom::after {
  content: "" !important;
  position: absolute !important;

  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;

  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;

  background: rgba(255,243,207,0.95) !important;

  box-shadow:
    0 0 8px rgba(255,243,207,0.95),
    0 0 18px rgba(244,217,144,0.65),
    0 0 30px rgba(214,181,109,0.28) !important;

  pointer-events: none !important;
}


/* 2.4 Очень мягкая линия
   Класс: dg-line-soft
   Использование: тонкие фоновые линии, чтобы не перегружать блок
*/
.dg-line-soft .tn-atom {
  background: linear-gradient(
    90deg,
    rgba(214,181,109,0) 0%,
    rgba(214,181,109,0.16) 25%,
    rgba(244,217,144,0.45) 50%,
    rgba(214,181,109,0.16) 75%,
    rgba(214,181,109,0) 100%
  ) !important;

  box-shadow:
    0 0 6px rgba(244,217,144,0.22),
    0 0 14px rgba(214,181,109,0.12) !important;
}


/* 2.5 Вертикальная светящаяся линия
   Класс: dg-line-vertical
   Использование: соединение точки схемы с карточкой
*/
.dg-line-vertical .tn-atom {
  background: linear-gradient(
    180deg,
    rgba(214,181,109,0) 0%,
    rgba(244,217,144,0.75) 50%,
    rgba(214,181,109,0) 100%
  ) !important;

  box-shadow:
    0 0 7px rgba(244,217,144,0.40),
    0 0 16px rgba(214,181,109,0.18) !important;
}


/* =====================================================
   Линия с растворением к краям + центральный блик-штрих
   Класс: dg-line-center-streak
   Использование: тонкие декоративные линии 1px
   ===================================================== */

.dg-line-center-streak .tn-atom {
  position: relative !important;
  overflow: visible !important;
  border: none !important;

  background: linear-gradient(
    90deg,
    rgba(214,181,109,0) 0%,
    rgba(214,181,109,0.10) 15%,
    rgba(214,181,109,0.32) 34%,
    rgba(244,217,144,1) 50%,
    rgba(214,181,109,0.32) 66%,
    rgba(214,181,109,0.10) 85%,
    rgba(214,181,109,0) 100%
  ) !important;

  box-shadow:
    0 0 8px rgba(244,217,144,0.42),
    0 0 18px rgba(214,181,109,0.22),
    0 0 32px rgba(214,181,109,0.10) !important;
}

/* Центральный световой штрих 24×3 */
.dg-line-center-streak .tn-atom::after {
  content: "" !important;
  position: absolute !important;

  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;

  width: 24px !important;
  height: 3px !important;
  border-radius: 999px !important;

  background: linear-gradient(
    90deg,
    rgba(255,243,207,0) 0%,
    rgba(255,243,207,0.95) 50%,
    rgba(255,243,207,0) 100%
  ) !important;

  box-shadow:
    0 0 8px rgba(255,243,207,0.85),
    0 0 16px rgba(244,217,144,0.55),
    0 0 28px rgba(214,181,109,0.25) !important;

  pointer-events: none !important;
}



/* =====================================================
   Линия с растворением влево + блик справа
   Класс: dg-line-right-streak
   Использование: декоративная линия 1px,
   где акцент смещён вправо
   ===================================================== */

.dg-line-right-streak .tn-atom {
  position: relative !important;
  overflow: visible !important;
  border: none !important;

  background: linear-gradient(
    90deg,
    rgba(214,181,109,0) 0%,
    rgba(214,181,109,0.08) 18%,
    rgba(214,181,109,0.22) 42%,
    rgba(214,181,109,0.42) 66%,
    rgba(244,217,144,0.95) 80%,
    rgba(214,181,109,0.55) 100%
  ) !important;

  box-shadow:
    0 0 7px rgba(244,217,144,0.34),
    0 0 16px rgba(214,181,109,0.18),
    0 0 28px rgba(214,181,109,0.08) !important;
}

/* Блик-штрих 24×3 px, смещён вправо */
.dg-line-right-streak .tn-atom::after {
  content: "" !important;
  position: absolute !important;

  left: 80% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;

  width: 24px !important;
  height: 3px !important;
  border-radius: 999px !important;

  background: linear-gradient(
    90deg,
    rgba(255,243,207,0) 0%,
    rgba(255,243,207,0.95) 50%,
    rgba(255,243,207,0) 100%
  ) !important;

  box-shadow:
    0 0 8px rgba(255,243,207,0.85),
    0 0 16px rgba(244,217,144,0.55),
    0 0 28px rgba(214,181,109,0.25) !important;

  pointer-events: none !important;
}
</style>


/* =====================================================
   3. ТОЧКИ / УЗЛЫ СХЕМЫ
   Классы ставим на Shape / Circle
   ===================================================== */

/* 3.1 Основная светящаяся точка
   Класс: dg-node
   Размер в Tilda: 8×8 или 10×10 px
*/
.dg-node .tn-atom {
  border-radius: 50% !important;
  border: none !important;

  background: #f4d990 !important;

  box-shadow:
    0 0 8px rgba(255,243,207,0.95),
    0 0 18px rgba(244,217,144,0.65),
    0 0 34px rgba(214,181,109,0.28) !important;
}


/* 3.2 Большой мягкий ореол вокруг точки
   Класс: dg-node-halo
   Размер в Tilda: 24×24, 32×32 или 40×40 px
   Ставить под основную точку слоем ниже
*/
.dg-node-halo .tn-atom {
  border-radius: 50% !important;
  border: none !important;

  background: radial-gradient(
    circle,
    rgba(244,217,144,0.28) 0%,
    rgba(214,181,109,0.14) 38%,
    rgba(214,181,109,0) 72%
  ) !important;

  box-shadow:
    0 0 24px rgba(214,181,109,0.22) !important;
}


/* 3.3 Активная / главная точка
   Класс: dg-node-active
   Размер в Tilda: 12×12 или 14×14 px
*/
.dg-node-active .tn-atom {
  border-radius: 50% !important;
  border: 1px solid rgba(255,243,207,0.70) !important;

  background: radial-gradient(
    circle,
    #fff3cf 0%,
    #f4d990 35%,
    #b88a3d 100%
  ) !important;

  box-shadow:
    0 0 10px rgba(255,243,207,0.95),
    0 0 24px rgba(244,217,144,0.70),
    0 0 42px rgba(214,181,109,0.30) !important;
}


/* =====================================================
   4. БЛИКИ / ИСКРЫ
   Классы ставим на маленькие Shape / Circle или Shape / Square
   ===================================================== */

/* 4.1 Маленький круглый блик
   Класс: dg-glint-dot
   Размер в Tilda: 3×3, 4×4 или 5×5 px
*/
.dg-glint-dot .tn-atom {
  border-radius: 50% !important;
  border: none !important;

  background: #fff3cf !important;

  box-shadow:
    0 0 8px rgba(255,243,207,0.95),
    0 0 18px rgba(244,217,144,0.70),
    0 0 28px rgba(214,181,109,0.35) !important;
}


/* 4.2 Ромбовидный блик
   Класс: dg-glint-diamond
   Размер в Tilda: 6×6 или 8×8 px
   Поворот можно задать в Tilda: 45°
*/
.dg-glint-diamond .tn-atom {
  border: none !important;

  background: radial-gradient(
    circle,
    #fff6da 0%,
    #f4d990 45%,
    rgba(214,181,109,0.15) 100%
  ) !important;

  box-shadow:
    0 0 8px rgba(255,243,207,0.90),
    0 0 18px rgba(244,217,144,0.55) !important;
}


/* 4.3 Вытянутый световой штрих
   Класс: dg-glint-streak
   Размер в Tilda: примерно 24×1 или 36×1 px
*/
.dg-glint-streak .tn-atom {
  border: none !important;

  background: linear-gradient(
    90deg,
    rgba(255,243,207,0) 0%,
    rgba(255,243,207,0.95) 50%,
    rgba(255,243,207,0) 100%
  ) !important;

  box-shadow:
    0 0 8px rgba(244,217,144,0.55),
    0 0 16px rgba(214,181,109,0.25) !important;
}


/* =====================================================
   5. КАРТОЧКИ СХЕМЫ
   Класс ставим на Shape карточки
   ===================================================== */

/* 5.1 Основная тёмная карточка
   Класс: dg-scheme-card
*/
.dg-scheme-card .tn-atom {
  background:
    radial-gradient(circle at 50% 0%, rgba(244,217,144,0.08), rgba(244,217,144,0) 42%),
    linear-gradient(180deg, rgba(18,18,18,0.96), rgba(5,5,5,0.96)) !important;

  border: 1px solid rgba(214,181,109,0.42) !important;

  box-shadow:
    0 18px 42px rgba(0,0,0,0.38),
    0 0 18px rgba(214,181,109,0.10),
    inset 0 1px 0 rgba(255,255,255,0.04),
    inset 0 0 0 1px rgba(255,255,255,0.015) !important;
}


/* 5.2 Более яркая карточка-акцент
   Класс: dg-scheme-card-accent
*/
.dg-scheme-card-accent .tn-atom {
  background:
    radial-gradient(circle at 50% 0%, rgba(244,217,144,0.14), rgba(244,217,144,0) 48%),
    linear-gradient(180deg, rgba(24,19,12,0.98), rgba(7,7,7,0.98)) !important;

  border: 1px solid rgba(244,217,144,0.58) !important;

  box-shadow:
    0 20px 52px rgba(0,0,0,0.44),
    0 0 24px rgba(214,181,109,0.18),
    inset 0 1px 0 rgba(255,255,255,0.05),
    inset 0 0 0 1px rgba(255,255,255,0.018) !important;
}


/* 5.3 Мягкая подложка без явной рамки
   Класс: dg-scheme-card-soft
*/
.dg-scheme-card-soft .tn-atom {
  background:
    radial-gradient(circle at 50% 0%, rgba(244,217,144,0.06), rgba(244,217,144,0) 50%),
    rgba(8,8,8,0.78) !important;

  border: 1px solid rgba(214,181,109,0.22) !important;

  box-shadow:
    0 12px 34px rgba(0,0,0,0.32),
    inset 0 0 0 1px rgba(255,255,255,0.018) !important;
}


/* =====================================================
   6. ИКОНКИ В КРУГЛЫХ МЕДАЛЬОНАХ
   Класс ставим на Shape / Circle под иконкой
   ===================================================== */

/* 6.1 Золотой медальон под иконку
   Класс: dg-icon-medallion
*/
.dg-icon-medallion .tn-atom {
  border-radius: 50% !important;

  background:
    radial-gradient(circle at 35% 25%, rgba(255,255,255,0.18), rgba(255,255,255,0) 28%),
    radial-gradient(circle, rgba(244,217,144,0.16) 0%, rgba(214,181,109,0.08) 45%, rgba(214,181,109,0) 72%),
    rgba(8,8,8,0.92) !important;

  border: 1px solid rgba(244,217,144,0.46) !important;

  box-shadow:
    0 0 18px rgba(214,181,109,0.16),
    inset 0 1px 0 rgba(255,255,255,0.06),
    inset 0 0 0 1px rgba(255,255,255,0.02) !important;
}


/* 6.2 Более активный медальон
   Класс: dg-icon-medallion-active
*/
.dg-icon-medallion-active .tn-atom {
  border-radius: 50% !important;

  background:
    radial-gradient(circle at 35% 25%, rgba(255,255,255,0.24), rgba(255,255,255,0) 30%),
    radial-gradient(circle, rgba(244,217,144,0.22) 0%, rgba(214,181,109,0.10) 48%, rgba(214,181,109,0) 76%),
    rgba(10,10,10,0.96) !important;

  border: 1px solid rgba(244,217,144,0.62) !important;

  box-shadow:
    0 0 22px rgba(214,181,109,0.24),
    0 0 42px rgba(214,181,109,0.10),
    inset 0 1px 0 rgba(255,255,255,0.07) !important;
}


/* =====================================================
   7. ДЕКОРАТИВНАЯ ДЫМКА / СВЕТОВОЕ ПЯТНО
   Класс ставим на большой Shape / Circle или Rectangle
   ===================================================== */

/* 7.1 Мягкое золотое свечение
   Класс: dg-gold-haze
   Использование: фоновые пятна за схемой, по краям блока
*/
.dg-gold-haze .tn-atom {
  border: none !important;

  background: radial-gradient(
    circle,
    rgba(214,181,109,0.18) 0%,
    rgba(214,181,109,0.08) 34%,
    rgba(214,181,109,0) 72%
  ) !important;

  filter: blur(10px) !important;
}


/* 7.2 Винная дымка
   Класс: dg-wine-haze
*/
.dg-wine-haze .tn-atom {
  border: none !important;

  background: radial-gradient(
    circle,
    rgba(90,16,24,0.22) 0%,
    rgba(90,16,24,0.09) 38%,
    rgba(90,16,24,0) 76%
  ) !important;

  filter: blur(12px) !important;
}


/* =====================================================
   8. ЛЁГКАЯ АНИМАЦИЯ БЛИКА
   Добавляй вторым классом к блику:
   dg-glint-pulse
   Например: dg-glint-dot dg-glint-pulse
   ===================================================== */

.dg-glint-pulse .tn-atom {
  animation: dgGlintPulse 2.8s ease-in-out infinite !important;
}

@keyframes dgGlintPulse {
  0%, 100% {
    opacity: 0.62;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.22);
  }
}


/* =====================================================
   9. ОТКЛЮЧЕНИЕ АНИМАЦИИ ПРИ СИСТЕМНОМ ЗАПРЕТЕ
   ===================================================== */

@media (prefers-reduced-motion: reduce) {
  .dg-glint-pulse .tn-atom {
    animation: none !important;
  }
}







/* =====================================================
   FAQ TX16N2 — стиль под сайт Дамира Гудвина
   Блок: #rec2299034141
   ===================================================== */


/* Расстояние между карточками */
#rec2299034141 .t668__col {
  margin-bottom: 16px !important;
}


/* Главная карточка FAQ */
#rec2299034141 .t668__wrapper {
  border-radius: 16px !important;
  overflow: hidden !important;

  background:
    radial-gradient(circle at 50% 0%, rgba(244,217,144,0.08), rgba(244,217,144,0) 48%),
    linear-gradient(180deg, rgba(18,18,18,0.96), rgba(5,5,5,0.96)) !important;

  border: 1px solid rgba(214,181,109,0.42) !important;

  box-shadow:
    0 18px 42px rgba(0,0,0,0.34),
    0 0 18px rgba(214,181,109,0.10),
    inset 0 1px 0 rgba(255,255,255,0.04),
    inset 0 0 0 1px rgba(255,255,255,0.015) !important;

  transition:
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.25s ease !important;
}


/* Hover карточки */
#rec2299034141 .t668__wrapper:hover {
  border-color: rgba(244,217,144,0.72) !important;

  box-shadow:
    0 22px 52px rgba(0,0,0,0.42),
    0 0 26px rgba(214,181,109,0.18),
    inset 0 1px 0 rgba(255,255,255,0.05),
    inset 0 0 0 1px rgba(255,255,255,0.018) !important;

  transform: translateY(-1px) !important;
}


/* Убираем лишний фон с внутренних элементов */
#rec2299034141 .t668__accordion,
#rec2299034141 .t668__header,
#rec2299034141 .t668__content,
#rec2299034141 .t668__textwrapper,
#rec2299034141 .t668__trigger-button {
  background: transparent !important;
}


/* Кнопка вопроса */
#rec2299034141 .t668__trigger-button {
  width: 100% !important;
  padding: 22px 26px !important;
  box-sizing: border-box !important;
}


/* 
   ВОПРОС
   Цвет, размер и межбуквенное расстояние вопроса
   задаются в Tilda.
*/
#rec2299034141 .t668__title {
  font-weight: inherit !important;
}


/* 
   Закрытый ответ.
   Фикс проблемы, когда после сворачивания
   оставалась первая строка ответа.
*/
#rec2299034141 .t668__content[hidden] {
  display: none !important;
  max-height: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
}


/* Открытый ответ */
#rec2299034141 .t668__content:not([hidden]) {
  display: block !important;
  padding: 0 26px 24px 26px !important;
  overflow: hidden !important;
  opacity: 1 !important;
}


/* 
   ОТВЕТ
   Цвет ответа задан отдельно и не зависит от цвета вопроса.
*/
#rec2299034141 .t668__text,
#rec2299034141 .t668__text[style] {
  color: #DBCCBD !important;
  line-height: 1.55 !important;
}


/* Иконка плюс */
#rec2299034141 .t668__icon {
  color: #d6b56d !important;
}


/* Круг иконки */
#rec2299034141 .t668__circle,
#rec2299034141 .t668__circle[style] {
  background-color: transparent !important;
  border: 1px solid rgba(214,181,109,0.55) !important;
}


/* Линии плюса */
#rec2299034141 .t668__lines svg g,
#rec2299034141 .t668__lines svg path {
  stroke: #d6b56d !important;
}


/* Hover-иконка */
#rec2299034141 .t668__icon-hover .t668__circle,
#rec2299034141 .t668__icon-hover .t668__circle[style] {
  background-color: rgba(214,181,109,0.10) !important;
  border: 1px solid rgba(244,217,144,0.72) !important;
}


/* Убираем стандартные границы/разделители */
#rec2299034141 .t668__border {
  background: transparent !important;
  opacity: 0 !important;
}


/* Мобильная версия */
@media screen and (max-width: 640px) {

  #rec2299034141 .t668__col {
    margin-bottom: 12px !important;
  }

  #rec2299034141 .t668__wrapper {
    border-radius: 14px !important;
  }

  #rec2299034141 .t668__trigger-button {
    padding: 18px 18px !important;
  }

  #rec2299034141 .t668__content:not([hidden]) {
    padding: 0 18px 20px 18px !important;
  }

  #rec2299034141 .t668__content[hidden] {
    display: none !important;
    max-height: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
  }

}