/* ===== BASE TYPOGRAPHY FOR TILDA (ROBOTO) ===== */

body {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  line-height: 1.6;
  font-weight: 400;
}

h1 {
  font-size: 44px;
  line-height: 1.15;
  font-weight: 700;
}

h2 {
  font-size: 30px;
  line-height: 1.2;
  font-weight: 600;
}

h3 {
  font-size: 22px;
  line-height: 1.25;
  font-weight: 600;
}

/* ===== MOBILE ===== */
@media (max-width: 640px) {
  body {
    font-size: 14.5px;
    line-height: 1.7;
  }

  h1 { font-size: 28px; }
  h2 { font-size: 23px; }
  h3 { font-size: 18px; }
}
/* ===============================
   TILDA: 2-е подменю (3-й уровень) → СБОКУ
   Работает для большинства меню Tilda
   =============================== */

/* Важно: родителю задаём позиционирование */
.t-menu li,
.t-menu__list li,
.t-menusub__menu li,
.t-menu__submenu li,
.t966__menu li,
.t228__list_item,
.t-site__header li {
  position: relative !important;
}

/* 3-й уровень: ul внутри ul внутри li */
.t-menu ul ul li > ul,
.t-menu__list ul ul li > ul,
.t-menusub__menu ul ul li > ul,
.t-menu__submenu ul ul li > ul,
.t966__menu ul ul li > ul,
.t-site__header ul ul li > ul {
  position: absolute !important;
  left: 100% !important;
  top: 0 !important;

  min-width: 240px !important;
  background: #fff !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.15) !important;

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

  transform: translateX(10px) !important;
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease !important;

  z-index: 999999 !important;
}

/* Показываем при наведении на пункт 2-го уровня */
.t-menu ul ul li:hover > ul,
.t-menu__list ul ul li:hover > ul,
.t-menusub__menu ul ul li:hover > ul,
.t-menu__submenu ul ul li:hover > ul,
.t966__menu ul ul li:hover > ul,
.t-site__header ul ul li:hover > ul {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateX(0) !important;
}

/* Иногда Тильда режет подменю overflow’ом — снимаем ограничения */
.t-menu, .t-menu__list, .t-menusub, .t-menusub__menu, .t966__menu, .t-site__header {
  overflow: visible !important;
}

/* На мобильных не ломаем (там hover нет) */
@media (max-width: 980px) {
  .t-menu ul ul li > ul,
  .t-menu__list ul ul li > ul,
  .t-menusub__menu ul ul li > ul,
  .t-menu__submenu ul ul li > ul,
  .t966__menu ul ul li > ul,
  .t-site__header ul ul li > ul {
    position: static !important;
    left: auto !important;
    top: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
    box-shadow: none !important;
    min-width: auto !important;
  }
}
.t-search {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  overflow: hidden !important;
}
/* если виджет где-то отображается и мешает */
.t-searchwidget,
.t-searchwidget__wrapper,
.t-searchwidget__popup,
.t-searchwidget__overlay {
  /* ничего не ломаем, просто визуально не трогаем, виджет сам управляет показом */
}

/* если у тебя есть конкретный блок/иконка виджета и ты хочешь его спрятать */
.t-searchwidget__trigger {
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* ====== Truck-EcuService: FORCE-STYLE для любых Tilda Search блоков ====== */

/* 1) Находим любые формы поиска Тильды по типичным паттернам */
[id^="rec"] [class*="search"] form,
[id^="rec"] .t-search form,
[id^="rec"] .t-searchwidget form{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  width:100% !important;
}

/* 2) Поле ввода — любые варианты */
[id^="rec"] [class*="search"] input[type="text"],
[id^="rec"] [class*="search"] input[type="search"],
[id^="rec"] .t-search input[type="text"],
[id^="rec"] .t-search input[type="search"],
[id^="rec"] .t-searchwidget input[type="text"],
[id^="rec"] .t-searchwidget input[type="search"]{
  width:100% !important;
  height:54px !important;
  border:0 !important;
  outline:none !important;
  border-radius:9999px !important;
  background:#e7ebf3 !important;
  color:#111 !important;
  font-size:18px !important;
  padding:0 18px 0 54px !important;
  box-sizing:border-box !important;
  box-shadow:none !important;
}

/* Placeholder */
[id^="rec"] [class*="search"] input::placeholder,
[id^="rec"] .t-search input::placeholder,
[id^="rec"] .t-searchwidget input::placeholder{
  color:rgba(17,17,17,.55) !important;
}

/* 3) Лупа псевдоэлементом: ставим на ближайший контейнер формы */
[id^="rec"] [class*="search"] form,
[id^="rec"] .t-search form,
[id^="rec"] .t-searchwidget form{
  position:relative !important;
}
[id^="rec"] [class*="search"] form:before,
[id^="rec"] .t-search form:before,
[id^="rec"] .t-searchwidget form:before{
  content:"" !important;
  position:absolute !important;
  left:18px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:20px !important;
  height:20px !important;
  opacity:.9 !important;
  background:no-repeat center/contain url("https://img.icons8.com/ios-glyphs/30/000000/search--v1.png") !important;
  pointer-events:none !important;
}

/* 4) Кнопка — любые варианты button/submit */
[id^="rec"] [class*="search"] button,
[id^="rec"] [class*="search"] input[type="submit"],
[id^="rec"] .t-search button,
[id^="rec"] .t-search input[type="submit"],
[id^="rec"] .t-searchwidget button,
[id^="rec"] .t-searchwidget input[type="submit"]{
  height:54px !important;
  padding:0 20px !important;
  border-radius:14px !important;
  border:0 !important;
  background:#111 !important;
  color:#fff !important;
  font-size:15px !important;
  font-weight:700 !important;
  cursor:pointer !important;
  box-shadow:none !important;
  transition:transform .05s ease, opacity .15s ease !important;
}
[id^="rec"] [class*="search"] button:hover,
[id^="rec"] [class*="search"] input[type="submit"]:hover{
  opacity:.92 !important;
}
[id^="rec"] [class*="search"] button:active,
[id^="rec"] [class*="search"] input[type="submit"]:active{
  transform:translateY(1px) !important;
}

/* 5) Скрываем плавающую иконку поиска (если она есть) */
.t-searchwidget__icon{ display:none !important; }

/* 6) Мобилка */
@media (max-width:480px){
  [id^="rec"] [class*="search"] input[type="text"],
  [id^="rec"] [class*="search"] input[type="search"]{
    height:50px !important;
    font-size:16px !important;
    padding-left:50px !important;
  }
  [id^="rec"] [class*="search"] button,
  [id^="rec"] [class*="search"] input[type="submit"]{
    height:50px !important;
    padding:0 16px !important;
    font-size:14px !important;
    border-radius:12px !important;
  }
  [id^="rec"] [class*="search"] form:before{
    left:16px !important;
    width:18px !important;
    height:18px !important;
  }
}