/* Прослойка для перенесённой страницы контроля топлива.
   В теме нет ни переменных нашей палитры, ни .wrap/.btn, а общий style.css
   статики подключать нельзя: в нём глобальный сброс, он поехал бы
   по шапке и подвалу. Поэтому нужное собрано здесь и заперто под .page-tp. */
.page-tp{--ink:#1b2430;--ink-soft:#4b5768;--paper:#fff;--paper-dim:#f2f5f8;
  --brand:#0e5a8a;--brand-deep:#0a3d5d;--signal:#e8722a;--signal-deep:#cf5f1c;
  --line:#d8dfe6;--radius:10px;--wrap:1160px;
  font-family:"PT Sans","Segoe UI",system-ui,sans-serif}
.page-tp *{box-sizing:border-box}
.page-tp img{max-width:100%;height:auto;display:block}
.page-tp .wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
.page-tp .btn{display:inline-block;background:var(--signal);color:#fff;
  border:2px solid var(--signal);border-radius:var(--radius);padding:12px 26px;
  font-weight:700;font-size:16px;cursor:pointer;transition:.15s;text-decoration:none}
.page-tp .btn:hover{background:var(--signal-deep);border-color:var(--signal-deep);color:#fff}

/* карточки поднимаются при наведении — как на остальном сайте */
.page-tp .card:not(.no-hover),.page-tp .step,.page-tp .pack{
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.page-tp .card:not(.no-hover):hover,.page-tp .step:hover,.page-tp .pack:hover{
  transform:translateY(-4px);box-shadow:0 14px 30px rgba(10,61,93,.14);border-color:#b9cfe0}
.page-tp .card:has(> .ph),.page-tp .step:has(> .ph){overflow:hidden}
.page-tp .card > .ph,.page-tp .step > .ph{transition:transform .35s ease}
.page-tp .card:hover > .ph,.page-tp .step:hover > .ph{transform:scale(1.05)}
@media(prefers-reduced-motion:reduce){
  .page-tp .card:hover,.page-tp .step:hover,.page-tp .pack:hover{transform:none}
  .page-tp .card:hover > .ph,.page-tp .step:hover > .ph{transform:none}
}