/* === ОПТИМИЗИРОВАННЫЙ ФИНАЛЬНЫЙ CSS ДЛЯ EKODOM === */

/* --- Глобальные базовые стили --- */
html, body {
  overflow-x: hidden;
  font-family: 'Inter', sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: 0.01em;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

* {
  box-sizing: border-box;
  max-width: 100%;
}

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

.t-rec[data-menu] {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
  display: block !important;
  visibility: visible !important;
}

/* Подключаем Playfair Display */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&display=swap');

h1, h2, h3, h4, h5, h6,
.t-title, .t-heading, .t-descr {
  font-family: 'Playfair Display', serif !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.02em !important;
}

/* --- Анимация и плавности --- */
body {
  opacity: 0;
  transition: opacity 0.6s ease;
}

body.loaded {
  opacity: 1;
}

@keyframes pulse-orange {
  0% { transform: scale(1); box-shadow: 0 0 0 rgba(204, 78, 26, 0.7); }
  50% { transform: scale(1.1); box-shadow: 0 0 20px rgba(204, 78, 26, 0.7); }
  100% { transform: scale(1); box-shadow: 0 0 0 rgba(204, 78, 26, 0.7); }
}

@keyframes fadeInMenu {
  from { opacity: 0; transform: translateY(-10px); }
  to { opacity: 1; transform: translateY(0); }
}

/* --- Меню --- */
.t-menubg {
  background: linear-gradient(to bottom, rgba(34, 34, 34, 0.9), rgba(17, 17, 17, 0.9));
  backdrop-filter: blur(6px);
  transition: background 0.5s ease, backdrop-filter 0.5s ease;
  animation: fadeInMenu 0.5s ease-out;
}

.t-menu__link-item {
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
  padding: 12px 0;
  font-size: 16px;
}

.t-menu__icon {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* --- Фиксируем первый экран --- */
.t-container[style*="height"],
body .t-record:first-child .t-container {
  height: calc(var(--vh, 1vh) * 100) !important;
  min-height: 100vh !important;
}

body .t-record {
  max-width: 100%;
  overflow: hidden;
}

/* --- Иконки мессенджеров --- */
.t-sociallinks__item:nth-child(1) .t-sociallinks__circle { background-color: #25D366 !important; }
.t-sociallinks__item:nth-child(2) .t-sociallinks__circle { background-color: #0088cc !important; }
.t-sociallinks__item:nth-child(3),
.t-sociallinks__item:nth-child(4) .t-sociallinks__circle { background-color: #FF4500 !important; }
.t-sociallinks__item:nth-child(5) .t-sociallinks__circle { background-color: #FFB400 !important; }

.t-sociallinks__circle {
  transition: transform 0.3s ease, background-color 0.3s ease;
}

.t-sociallinks__circle:hover {
  transform: scale(1.1);
  opacity: 0.9;
}

/* --- Фон меню для страницы Glamping (me302) --- */
.me302 {
  background-image: url('https://твоя-ссылка-на-картинку.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent !important;
  position: relative;
}

.me302::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 0;
}

.me302 .t228__leftwrapper,
.me302 .t228__rightwrapper {
  position: relative;
  z-index: 1;
}

/* --- Мобильная адаптация Ivy --- */
@media (max-width: 768px) {
  /* Тёмный текст меню */
  .t228__mobile .t-menu__link-item,
  .t228__mobile .t-menu__link-item span,
  .t228__mobile .t-menu__link-item a,
  .t228__mobile .t228__leftwrapper,
  .t228__mobile .t228__leftwrapper a,
  .t228__mobile .t228__leftwrapper span {
    color: #2a2a2a !important;
    text-shadow: none !important;
    fill: #2a2a2a !important;
  }

  /* Иконки мессенджеров */
  .t228__mobile .t-sociallinks__circle svg path {
    fill: #2a2a2a !important;
  }

  /* Плавающие кнопки мессенджеров — компактнее */
  .floating-buttons a {
    width: 50px !important;
    height: 50px !important;
  }

  .floating-buttons svg {
    width: 24px !important;
    height: 24px !important;
  }

  /* Заголовки первого экрана */
  h1, h2 {
    font-size: 28px !important;
    line-height: 1.3 !important;
  }

  /* Таймер */
  .t-countdown__number { font-size: 28px !important; }
  .t-countdown__text { font-size: 12px !important; }

  /* Текст и контейнеры */
  p, .t-descr {
    line-height: 1.5;
    margin-bottom: 12px;
  }

  .t-container {
    padding: 0 20px !important;
  }
}

/* === Конец оптимизированного CSS === */


/* По умолчанию — белый текст с тенью */
.t-menubg .t-menu__link-item,
.t-menubg .t228__leftwrapper a,
.t-menubg .t-sociallinks__circle svg path {
  color: #ffffff !important;
  fill: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
}

/* Когда скроллим — тёмный стиль */
.t-menubg.menu-scrolled .t-menu__link-item,
.t-menubg.menu-scrolled .t228__leftwrapper a,
.t-menubg.menu-scrolled .t-sociallinks__circle svg path {
  color: #2a2a2a !important;
  fill: #2a2a2a !important;
  text-shadow: none !important;
}

.t-menubg {
  transition: color 0.4s ease, fill 0.4s ease, background-color 0.4s ease;
}

.t-menubg .t-menu__link-item,
.t-menubg .t228__leftwrapper a,
.t-menubg .t-sociallinks__circle svg path {
  transition: color 0.4s ease, fill 0.4s ease;
}

/* === Пульсация плавающих кнопок мессенджеров === */
body.loaded .floating-buttons a.whatsapp,
body.loaded .floating-buttons a.telegram {
  animation: pulse-white 2.5s infinite ease-in-out;
  animation-delay: 1s;
}

@keyframes pulse-white {
  0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); }
  70% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); }
  100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
}

/* === Пульсация для всех кнопок сайта === */

/* Кнопки сайта */
body.loaded .t-btn {
  animation: pulse-orange 2.5s infinite ease-in-out;
  animation-delay: 1s;
}

/* Кнопка отправки формы */
body.loaded .t-submit {
  animation: pulse-orange 2.5s infinite ease-in-out;
  animation-delay: 1s;
}

@keyframes pulse-orange {
  0% { transform: scale(1); box-shadow: 0 0 0 rgba(204, 78, 26, 0.7); }
  50% { transform: scale(1.1); box-shadow: 0 0 20px rgba(204, 78, 26, 0.7); }
  100% { transform: scale(1); box-shadow: 0 0 0 rgba(204, 78, 26, 0.7); }
}

/* === Персонализированная пульсация для кнопок сайта === */

/* Ключевые анимации */

@keyframes pulse-fast {
  0% { transform: scale(1); box-shadow: 0 0 0 rgba(204, 78, 26, 0.7); }
  50% { transform: scale(1.15); box-shadow: 0 0 25px rgba(204, 78, 26, 0.7); }
  100% { transform: scale(1); box-shadow: 0 0 0 rgba(204, 78, 26, 0.7); }
}

@keyframes pulse-slow {
  0% { transform: scale(1); box-shadow: 0 0 0 rgba(204, 78, 26, 0.7); }
  50% { transform: scale(1.2); box-shadow: 0 0 30px rgba(204, 78, 26, 0.7); }
  100% { transform: scale(1); box-shadow: 0 0 0 rgba(204, 78, 26, 0.7); }
}

@keyframes pulse-messenger {
  0% { transform: scale(1); box-shadow: 0 0 0 rgba(255, 255, 255, 0.7); }
  70% { transform: scale(1.05); box-shadow: 0 0 0 12px rgba(255, 255, 255, 0); }
  100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
}

/* Основная кнопка — быстрее */
body.loaded .t-btn-main {
  animation: pulse-fast 1.8s infinite ease-in-out;
  animation-delay: 0.8s;
}

/* Кнопка формы — медленнее, но сильнее */
body.loaded .t-submit {
  animation: pulse-slow 3s infinite ease-in-out;
  animation-delay: 1s;
}

/* Плавающие кнопки мессенджеров — как напоминание */
body.loaded .floating-buttons a.whatsapp,
body.loaded .floating-buttons a.telegram {
  animation: pulse-messenger 2.5s infinite ease-in-out;
  animation-delay: 1s;
}

/* 🚀 Ускорение при наведении */
.t-btn-main:hover,
.t-submit:hover,
.floating-buttons a:hover {
  animation-duration: 0.8s !important;
}

/* 🌿 Затухание пульсации после скролла */
.t-menubg.menu-scrolled ~ .floating-buttons a.whatsapp,
.t-menubg.menu-scrolled ~ .floating-buttons a.telegram,
.t-menubg.menu-scrolled ~ .t-btn-main,
.t-menubg.menu-scrolled ~ .t-submit {
  animation-play-state: paused;
  opacity: 0.7;
  transition: opacity 0.3s ease;
}

/* Плавное возвращение при скролле наверх */
body.loaded .floating-buttons a.whatsapp,
body.loaded .floating-buttons a.telegram,
body.loaded .t-btn-main,
body.loaded .t-submit {
  transition: opacity 0.3s ease;
}


/* 🔥 Удаление затемнения на всех обложках Tilda */
.t-cover__filter,
.t-cover::after,
.t-cover::before,
.t-bg::after,
.t-bg::before,
.t-bgimg::after,
.t-bgimg::before {
  background: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  display: none !important;
  opacity: 0 !important;
}

/* 🧼 Глобально вычищаем все затемнения от Tilda */
.t-cover__filter,
.t-cover::after,
.t-cover::before,
.t-bg::after,
.t-bg::before,
.t-bgimg::after,
.t-bgimg::before,
div[style*="rgba(0, 0, 0"] {
  background: none !important;
  background-color: transparent !important;
  filter: none !important;
  box-shadow: none !important;
  opacity: 0 !important;
  display: none !important;
}

#coverCarry945325781 .t-cover__filter {
  background: none !important;
  background-image: none !important;
  display: none !important;
  opacity: 0 !important;
  z-index: -1 !important;
}