/*
Theme Name: LI-TRANS
Theme URI: https://litrans.pro
Author: Anton Goncharov
Description: Публичный сайт LI-TRANS. Главная собирается из секций макета и правится в админке.
Version: 0.1.0
Text Domain: litrans
*/

body.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) {
  body.admin-bar .site-header { top: 46px; }
}
.logo img { display: block; width: auto; height: 34px; }
.footer .logo img { height: 32px; }
@media (max-width: 700px) {
  .logo img { height: 28px; }
}
.section-dark .kicker { color: #73a9f1; }
.section-dark .dark-band { background: #0b315d; }
.tab-panel { display: none; }
.tab-panel.active { display: block; }
.table { width: 100%; border-collapse: collapse; }
.table th, .table td { text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--line, #d7e1ec); }
.fact-card { background: #fff; border: 1px solid var(--line, #d7e1ec); border-radius: 18px; padding: 16px 18px; }
.fact-card .label { font-size: 12px; color: #5f6e80; font-weight: 800; margin-bottom: 6px; }
.fact-card .num, .fact-card strong { font-size: 22px; }
[hidden] { display: none !important; }
.check-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 10px; }
.check { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; color: var(--ink, #0a1d33); cursor: pointer; }
.check input { width: 18px; height: 18px; margin: 2px 0 0; flex: none; accent-color: var(--blue, #1267e5); }
.check-grid .check { border: 1px solid var(--line, #d7e1ec); border-radius: 12px; padding: 11px 13px; background: #fbfdff; }
.check-grid .check:has(input:checked) { border-color: var(--blue, #1267e5); background: #eef5ff; }
.field input[type="file"] { padding: 10px; background: #fff; }
.hp-field { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
#lead-result .notice { margin-bottom: 16px; }
.btn[disabled] { opacity: .6; cursor: progress; }
.track-subscribe { margin-top: 28px; }
.track-subscribe .form-grid { align-items: end; }
.timeline-item > div:first-of-type small { display: block; white-space: nowrap; }

.to-top {
  position: fixed; right: 20px; bottom: 20px; z-index: 60;
  width: 48px; height: 48px; border-radius: 14px; cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center;
  background: #2f6bff; color: #fff; border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 12px 28px rgba(8,20,48,.35);
  opacity: 0; transform: translateY(12px); pointer-events: none;
  transition: opacity .25s, transform .25s, background .2s;
}
.to-top[hidden] { display: none; }
.to-top.show { opacity: 1; transform: none; pointer-events: auto; }
.to-top:hover { background: #1d4ed8; }
.to-top:focus-visible { outline: 3px solid rgba(47,107,255,.45); outline-offset: 3px; }
@media (max-width: 700px) {
  .to-top { right: 14px; bottom: 14px; width: 44px; height: 44px; }
}
@media (max-width: 700px) {
  body:has(.sticky-mobile-cta) .to-top { bottom: 82px; }
}