/* ============================================================
   ТИПОГРАФИКА: увеличенные размеры описаний
   Правка от 20.07.2026 — по замечанию «описания выглядят мелко»
   Чтобы изменить размер — правьте только значения font-size ниже.
   ============================================================ */

/* --- Карточки вкусов: описание и заголовок --- */
#rec2334536643 .t-card__descr,
#rec2334536643 .t-card__descr span {
  font-size: 17px !important;
  line-height: 1.55 !important;
}
#rec2334536643 .t-card__title,
#rec2334536643 .t-card__title span {
  font-size: 22px !important;
  line-height: 1.35 !important;
}

/* --- Блок «Что внутри»: описания пунктов --- */
#rec2334536623 .t-descr,
#rec2334536623 .t-descr span,
#rec2334536623 .t-text,
#rec2334536623 .t-text span {
  font-size: 20px !important;
  line-height: 1.55 !important;
}

/* --- Блок «Арктический адаптоген»: описание на фото --- */
#rec2380200123 .t-descr,
#rec2380200123 .t-descr span {
  font-size: 22px !important;
  line-height: 1.6 !important;
}

/* --- Первый экран: подзаголовок --- */
#rec2334548683 .t-descr,
#rec2334548683 .t-descr span {
  font-size: 24px !important;
  line-height: 1.55 !important;
}

/* ============================================================
   МОБИЛЬНАЯ ВЕРСИЯ (до 640px)
   ============================================================ */
@media screen and (max-width: 640px) {
  #rec2334536643 .t-card__descr,
  #rec2334536643 .t-card__descr span {
    font-size: 17px !important;
  }
  #rec2334536643 .t-card__title,
  #rec2334536643 .t-card__title span {
    font-size: 21px !important;
  }
  #rec2334536623 .t-descr,
  #rec2334536623 .t-descr span,
  #rec2334536623 .t-text,
  #rec2334536623 .t-text span {
    font-size: 18px !important;
  }
  #rec2380200123 .t-descr,
  #rec2380200123 .t-descr span {
    font-size: 18px !important;
  }
  #rec2334548683 .t-descr,
  #rec2334548683 .t-descr span {
    font-size: 19px !important;
  }
}

/* --- Планшет (641–960px) --- */
@media screen and (min-width: 641px) and (max-width: 960px) {
  #rec2334536643 .t-card__descr,
  #rec2334536643 .t-card__descr span { font-size: 17px !important; }
  #rec2334536623 .t-descr,
  #rec2334536623 .t-descr span { font-size: 19px !important; }
  #rec2380200123 .t-descr,
  #rec2380200123 .t-descr span { font-size: 20px !important; }
}

/* ============================================================
   КНОПКИ «ЗАКАЗАТЬ»: выделение + увеличение на мобильном
   Правка от 17.08.2026 — по замечанию «кнопки заказа теряются».
   Цвета кнопок НЕ менялись: добавлены контур, тень и размер.
   ============================================================ */

/* --- 1. Золотые CTA: первый экран и кнопка отправки формы --- */
body #rec2334548683 .t-btn.t-btnflex.t-btnflex_type_button,
body #rec2334536663 .t-submit.t-btnflex.t-btnflex_type_submit {
  --border-width: 2px;
  border: 2px solid #000000 !important;
  border-style: solid !important;
  box-shadow: 0 5px 14px rgba(0,0,0,0.22) !important;
  font-weight: 600 !important;
}
body #rec2334548683 .t-btn.t-btnflex.t-btnflex_type_button:hover,
body #rec2334536663 .t-submit.t-btnflex.t-btnflex_type_submit:hover {
  box-shadow: 0 9px 20px rgba(0,0,0,0.30) !important;
  transform: translateY(-2px);
}

/* --- 2. Чёрные кнопки (шапка, карточки вкусов): контур не виден, даём объём --- */
body #rec2383893913 .t-btn.t-btnflex.t-btnflex_type_button,
body #rec2334536643 .t-btn.t-btnflex.t-btnflex_type_button {
  box-shadow: 0 4px 12px rgba(0,0,0,0.28) !important;
}
body #rec2383893913 .t-btn.t-btnflex.t-btnflex_type_button:hover,
body #rec2334536643 .t-btn.t-btnflex.t-btnflex_type_button:hover {
  box-shadow: 0 8px 18px rgba(0,0,0,0.34) !important;
  transform: translateY(-2px);
}

/* --- 3. Кнопки в карточках вкусов были заметно мельче остальных --- */
body #rec2334536643 .t-btn.t-btnflex.t-btnflex_type_button {
  padding: 15px 34px !important;
  border-radius: 6px !important;
}
body #rec2334536643 .t-btnflex__text {
  font-size: 16px !important;
  font-weight: 600 !important;
}

/* --- 4. Мобильная версия: крупнее и во всю ширину --- */
@media screen and (max-width: 640px) {
  body #rec2334548683 .t-btn.t-btnflex.t-btnflex_type_button,
  body #rec2334536663 .t-submit.t-btnflex.t-btnflex_type_submit {
    width: 100% !important;
    max-width: 360px !important;
    padding: 22px 28px !important;
  }
  body #rec2334548683 .t-btnflex__text,
  body #rec2334536663 .t-btnflex__text {
    font-size: 19px !important;
  }
  body #rec2334536643 .t-card__btn-wrapper { width: 100% !important; }
  body #rec2334536643 .t-btn.t-btnflex.t-btnflex_type_button {
    width: 100% !important;
    padding: 18px 24px !important;
  }
  body #rec2334536643 .t-btnflex__text { font-size: 17px !important; }
}

/* ============================================================
   ПЕРВЫЙ ЭКРАН: читаемость текста + видимость бутылки
   Правка от 18.08.2026.
   Фото 1680x688 — очень широкое. При background-size:cover на
   узком экране в кадр попадает ~19% ширины из центра, а бутылка
   стоит на 74% ширины — поэтому её и не было видно.
   Текст тёмный (#333) — фото НЕ затемняем, а осветляем.
   ------------------------------------------------------------
   МОБИЛЬНЫЙ: текст прижат вверх на ровном фоне, фото уменьшено
   и прижато вниз — бутылка попадает в кадр целиком.
   ПЛАНШЕТ: как на десктопе — текст слева под светлой вуалью,
   бутылка справа (кадр сдвинут на неё, колонка текста сужена).
   ============================================================ */

/* Фон обложки: у Tilda он чёрный и мелькает, пока грузится фото */
body #rec2334548683 .t-cover,
body #rec2334548683 .t-cover__carrier { background-color: #fbf8f4 !important; }

@media screen and (max-width: 640px) {
  body #rec2334548683 .t-cover,
  body #rec2334548683 .t-cover__carrier,
  body #rec2334548683 .t-cover__filter,
  body #rec2334548683 .t-cover__wrapper { height: 112vh !important; }

  body #rec2334548683 .t-cover__wrapper {
    vertical-align: top !important;
    padding-top: 28px !important;
  }

  body #rec2334548683 .t-cover,
  body #rec2334548683 .t-cover__carrier { background-color: #fbf8f4 !important; }

  /* ВАЖНО. Tilda для узких экранов подставляет обрезанный по центру вариант
     фото (…/-/cover/500x1000/center/bottom/…), а бутылка стоит на 74% ширины
     кадра и в эту обрезку не попадает. Поэтому задаём полное изображение явно
     (webp, 78 КБ — легче исходного PNG).
     ⚠️ ПРИ ЗАМЕНЕ ФОТО ПЕРВОГО ЭКРАНА ЭТОТ URL НУЖНО ОБНОВИТЬ. */
  body #rec2334548683 .t-cover__carrier {
    background-image: url('https://optim.tildacdn.net/tild3334-6531-4239-a565-353664346530/-/format/webp/water_hero_block_7.png.webp') !important;
    opacity: 1 !important;  /* Tilda проявляет слой своим скриптом; раз картинку задаём сами — держим видимым */
  }

  body #rec2334548683 .t-cover__carrier {
    background-size: auto 52% !important;        /* высота фото = 52% экрана */
    background-position: 73% bottom !important;  /* кадр наведён на бутылку */
    background-repeat: no-repeat !important;
  }

  /* Вуаль: плотная там, где текст, и полностью уходит над бутылкой */
  body #rec2334548683 .t-cover__filter {
    background-image: linear-gradient(to bottom,
      rgba(251,248,244,1.00) 0%,
      rgba(251,248,244,1.00) 48%,
      rgba(251,248,244,0.45) 56%,
      rgba(251,248,244,0.00) 64%) !important;
  }
}

@media screen and (min-width: 641px) and (max-width: 960px) {
  body #rec2334548683 .t-cover__carrier {
    background-image: url('https://optim.tildacdn.net/tild3334-6531-4239-a565-353664346530/-/format/webp/water_hero_block_7.png.webp') !important;
    opacity: 1 !important;  /* Tilda проявляет слой своим скриптом; раз картинку задаём сами — держим видимым */   /* см. примечание выше */
    background-position: 71% center !important; /* бутылка в правой части экрана */
  }
  body #rec2334548683 .t-col { max-width: 62% !important; }

  /* Вуаль слева направо: под текстом плотная, у бутылки прозрачная */
  body #rec2334548683 .t-cover__filter {
    background-image: linear-gradient(to right,
      rgba(251,248,244,0.95) 0%,
      rgba(251,248,244,0.92) 52%,
      rgba(251,248,244,0.45) 72%,
      rgba(251,248,244,0.00) 88%) !important;
  }
}