/* Kisel Buro — FAQ T668
   Отступы, скругление карточек и уменьшение плюса.
   Иконку-контейнер не трогаем. */

#allrecords .t668__wrapper {
  border-radius: 28px !important;
  overflow: hidden !important;
  transition: none !important;
}

#allrecords .t668__trigger-button {
  padding-left: 40px !important;
}

#allrecords .t668__content {
  padding-left: 40px !important;
}

#allrecords .t668__lines svg {
  transform: scale(0.72) !important;
  transform-origin: center center !important;
}

/* 481px-960px */
@media screen and (min-width: 481px) and (max-width: 960px) {
  #allrecords .t668__trigger-button {
    padding-left: 30px !important;
  }

  #allrecords .t668__content {
    padding-left: 30px !important;
  }

  #allrecords .t668__lines svg {
    transform: scale(0.68) !important;
  }
}

/* 320px-480px */
@media screen and (min-width: 320px) and (max-width: 480px) {
  #allrecords .t668 .t-container {
    padding-left: 10px !important;
    padding-right: 10px !important;
    box-sizing: border-box !important;
  }

  #allrecords .t668 .t668__col {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #allrecords .t668__trigger-button {
    padding-left: 30px !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }

  #allrecords .t668__content {
    padding-left: 30px !important;
    padding-bottom: 16px !important;
  }

  #allrecords .t668__lines svg {
    transform: scale(0.64) !important;
  }
}


/* Kisel Buro — скрытие горизонтального скролла
   Без html/body и без .t396__artboard, чтобы не ломать Tilda popup. */

#allrecords {
  overflow-x: clip;
}


/* Внутренние горизонтальные scroll-контейнеры Zero Block */
#allrecords .tn-molecule {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

#allrecords .tn-molecule::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}


/* Kisel Buro — мобильные формы без автозума iOS
   Поля остаются 16px, чтобы Safari не увеличивал страницу.
   Выпадающий список визуально уменьшаем отдельно. */

@media screen and (max-width: 768px) {
  #allrecords input,
  #allrecords textarea,
  #allrecords select,
  #allrecords .t-input,
  #allrecords .t-textarea,
  #allrecords .t-select,
  #allrecords .tn-form__input,
  #allrecords .tn-form__textarea,
  #allrecords .tn-form__select {
    font-size: 16px !important;
    line-height: 1.35 !important;
  }

  #allrecords input::placeholder,
  #allrecords textarea::placeholder,
  #allrecords .t-input::placeholder,
  #allrecords .t-textarea::placeholder,
  #allrecords .tn-form__input::placeholder,
  #allrecords .tn-form__textarea::placeholder {
    font-size: 16px !important;
  }

  #allrecords .t-select__wrapper,
  #allrecords .tn-form__select-wrapper {
    overflow: hidden !important;
  }

  #allrecords .t-select,
  #allrecords .tn-form__select,
  #allrecords select {
    font-size: 16px !important;
    line-height: 1.35 !important;
    transform: scale(0.82) !important;
    transform-origin: left center !important;
    width: 122% !important;
  }

  #allrecords select option,
  #allrecords .t-select option,
  #allrecords .tn-form__select option {
    font-size: 13px !important;
  }
}


/* Kisel Buro — скрываем системное сообщение успешной отправки Tilda */

.t-form__successbox,
.js-successbox,
.t-form-success-popup,
.t-form-success-popup__window {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}



/* Kisel Buro — защита от мигания Zero-меню на мобильных
   Работает для alias-меню на всех страницах.
   RU menu: #rec4037056703
   EN menu: #rec4076511003 */

@media screen and (max-width: 980px) {
  #rec4037056703,
  #rec4076511003 {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  .t-popup_show #rec4037056703,
  .t-popup_show #rec4076511003 {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
}




/* Kisel Buro — скрываем закрытые Tilda popup на мобильных
   Убирает появление popup-текста фоном внизу страницы.
   Открытые popup не трогаем. */

@media screen and (max-width: 980px) {
  .t-popup:not(.t-popup_show) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .t-popup:not(.t-popup_show) .t-popup__container,
  .t-popup:not(.t-popup_show) .t-rec,
  .t-popup:not(.t-popup_show) [id^="rec"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .t-popup.t-popup_show {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}
</style>