/* =========================================================
   ФРОДАН / ВАРИАНТ 1
   Полный пользовательский CSS для Tilda
   Единый фирменный красный: #E10600
   ========================================================= */

:root{
  --frodan-red:#E10600;
  --frodan-red-hover:#C10500;
  --frodan-black:#111111;
  --frodan-text:#2F2F2F;
  --frodan-muted:#6B6B6B;
  --frodan-bg:#FFFFFF;
  --frodan-bg-soft:#F5F5F5;
  --frodan-border:#E7E7E7;
  --frodan-shadow:0 10px 30px rgba(0,0,0,0.06);
  --frodan-radius:14px;
}

/* =========================
   БАЗА
   ========================= */

html, body{
  background:var(--frodan-bg);
  color:var(--frodan-text);
}

body,
.t-body,
.t-records{
  background:var(--frodan-bg);
  color:var(--frodan-text);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* Заголовки */
h1, h2, h3, h4, h5, h6,
.t-title,
.t-title_xs,
.t-title_sm,
.t-title_md,
.t-title_lg,
.t-title_xl,
.t-name,
.t-name_xs,
.t-name_sm,
.t-name_md,
.t-name_lg,
.t-heading{
  color:var(--frodan-black) !important;
}

/* Текст */
.t-text,
.t-descr,
.t-section__descr,
.t-item__descr,
.t-caption,
p, li{
  color:var(--frodan-text);
}

/* Вторичный текст */
small,
.t-descr_sm,
.t-text_sm,
.t-caption{
  color:var(--frodan-muted) !important;
}

/* Ссылки */
a{
  color:var(--frodan-red);
  transition:color .25s ease;
}

a:hover{
  color:var(--frodan-red-hover);
}

/* =========================
   КНОПКИ TILDA
   ========================= */

.t-btn,
a.t-btn,
button.t-submit,
.t-submit,
input[type="submit"],
button[type="submit"]{
  background-color:var(--frodan-red) !important;
  border-color:var(--frodan-red) !important;
  color:#fff !important;
  border-radius:10px !important;
  box-shadow:0 10px 24px rgba(225,6,0,0.18);
  transition:all .25s ease;
}

.t-btn:hover,
a.t-btn:hover,
button.t-submit:hover,
.t-submit:hover,
input[type="submit"]:hover,
button[type="submit"]:hover{
  background-color:var(--frodan-red-hover) !important;
  border-color:var(--frodan-red-hover) !important;
  color:#fff !important;
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(225,6,0,0.22);
}

/* =========================
   ШАПКА / МЕНЮ TILDA
   ========================= */

/* Фон шапки оставляем тёмным, но фиксируем единый красный */
.t228,
.t280,
.t456,
.t490,
.t819,
.tmenu-mobile,
.tmenu-mobile__container{
  background-color:#111111 !important;
}

/* Ссылки меню */
.t-menu__link-item,
.t228__list_item a,
.t280__menu__link,
.t456__list_item a,
.t490__menu a,
.t819__menu a{
  color:#ffffff !important;
  transition:color .2s ease;
}

.t-menu__link-item:hover,
.t228__list_item a:hover,
.t280__menu__link:hover,
.t456__list_item a:hover,
.t490__menu a:hover,
.t819__menu a:hover{
  color:var(--frodan-red) !important;
}

/* Кнопка в шапке */
.t228 .t-btn,
.t280 .t-btn,
.t456 .t-btn,
.t490 .t-btn,
.t819 .t-btn,
.tmenu-mobile .t-btn,
.tmenu-mobile__container .t-btn{
  background-color:var(--frodan-red) !important;
  border-color:var(--frodan-red) !important;
  color:#fff !important;
}

.t228 .t-btn:hover,
.t280 .t-btn:hover,
.t456 .t-btn:hover,
.t490 .t-btn:hover,
.t819 .t-btn:hover,
.tmenu-mobile .t-btn:hover,
.tmenu-mobile__container .t-btn:hover{
  background-color:var(--frodan-red-hover) !important;
  border-color:var(--frodan-red-hover) !important;
  color:#fff !important;
}

/* =========================
   ФОРМЫ
   ========================= */

input,
textarea,
select,
.t-input,
.t-input-group input,
.t-input-group textarea{
  background:#fff !important;
  border:1px solid var(--frodan-border) !important;
  color:var(--frodan-black) !important;
  border-radius:10px !important;
  transition:border-color .2s ease, box-shadow .2s ease;
}

input:focus,
textarea:focus,
select:focus,
.t-input:focus,
.t-input-group input:focus,
.t-input-group textarea:focus{
  border-color:var(--frodan-red) !important;
  box-shadow:0 0 0 3px rgba(225,6,0,0.10) !important;
  outline:none !important;
}

::placeholder{
  color:#9A9A9A;
}

/* =========================
   КАРТОЧКИ / БЛОКИ
   ========================= */

.t-store__card,
.t-item,
.t951__card,
.t959__card,
.t1029__card,
.t830__card,
.t849__card{
  border:1px solid var(--frodan-border);
  border-radius:var(--frodan-radius);
  box-shadow:var(--frodan-shadow);
  background:#fff;
}

.t-store__card:hover,
.t-item:hover,
.t951__card:hover,
.t959__card:hover,
.t1029__card:hover,
.t830__card:hover,
.t849__card:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 34px rgba(0,0,0,0.09);
  transition:all .25s ease;
}

/* =========================
   АКЦЕНТЫ
   ========================= */

.t-uptitle,
.t-uptitle_xs,
.t-uptitle_sm,
.t-uptitle_md,
.t-counter,
.t-digit,
.t-stat,
.t-nums__number{
  color:var(--frodan-red) !important;
}

strong a,
.t-name a:hover,
.t-text a{
  color:var(--frodan-red) !important;
}

/* =========================
   FOOTER
   ========================= */

.t-footer,
.t977,
footer{
  background:#111111 !important;
}

.t-footer *,
.t977 *,
footer *{
  color:#ffffff !important;
}

.t-footer a:hover,
.t977 a:hover,
footer a:hover{
  color:#ffb3af !important;
}

/* =========================================================
   КАСТОМНЫЙ HERO-БЛОК FRODAN
   Это нужно, чтобы дожать именно ваш первый экран
   ========================================================= */

.frodan-hero{
  color:var(--frodan-black) !important;
}

.frodan-hero__brand,
.frodan-hero__tagline,
.frodan-hero__h1,
.frodan-hero__sub,
.frodan-hero__feature,
.frodan-hero__feature b,
.frodan-hero__feature small,
.frodan-hero__note,
.frodan-hero__contacts a{
  text-shadow:none !important;
}

/* Единый красный */
.frodan-hero__badge{
  background:var(--frodan-red) !important;
  border-color:var(--frodan-red) !important;
  color:#fff !important;
  box-shadow:0 14px 34px rgba(225,6,0,0.18) !important;
}

.frodan-hero__accent{
  color:var(--frodan-red) !important;
}

.frodan-btn--primary{
  background:var(--frodan-red) !important;
  border-color:var(--frodan-red) !important;
  color:#fff !important;
  box-shadow:0 16px 40px rgba(225,6,0,0.16) !important;
}

.frodan-btn--primary:hover{
  background:var(--frodan-red-hover) !important;
  border-color:var(--frodan-red-hover) !important;
  color:#fff !important;
}

.frodan-btn--secondary{
  background:#fff !important;
  color:var(--frodan-black) !important;
  border-color:var(--frodan-border) !important;
  box-shadow:0 10px 24px rgba(0,0,0,0.06) !important;
}

.frodan-btn--secondary:hover{
  background:#fff4f4 !important;
  color:var(--frodan-red) !important;
  border-color:var(--frodan-red) !important;
}

.frodan-hero__feature i,
.frodan-hero__email{
  color:var(--frodan-red) !important;
}

.frodan-hero__contacts{
  background:rgba(255,255,255,0.94) !important;
  border:1px solid rgba(0,0,0,0.08) !important;
  box-shadow:0 16px 36px rgba(0,0,0,0.10) !important;
}

.frodan-hero__strip{
  background:rgba(255,255,255,0.92) !important;
  border-top:1px solid rgba(0,0,0,0.08) !important;
  box-shadow:0 -10px 24px rgba(0,0,0,0.04) !important;
}

/* =========================================================
   ДОПОЛНИТЕЛЬНО: жёсткая фиксация красных кнопок/плашек
   на случай встроенных стилей Tilda
   ========================================================= */

[class*="btn"][style*="background"],
[class*="button"][style*="background"]{
  /* Специально не трогаем всё подряд, чтобы не ломать сайт */
}

.t-btn[style],
.t-submit[style]{
  background-color:var(--frodan-red) !important;
  border-color:var(--frodan-red) !important;
}

/* =========================================================
   МОБИЛЬНАЯ АДАПТАЦИЯ
   ========================================================= */

@media (max-width: 768px){
  .t-btn,
  a.t-btn,
  button.t-submit,
  .t-submit,
  input[type="submit"],
  button[type="submit"]{
    border-radius:10px !important;
  }
}