/* Лендинг: только то, чего нет в Bootstrap. Цвета берем из переменных Bootstrap, чтобы блоки жили и в светлой теме, если data-bs-theme на когда-нибудь переключат. */ .hero-card .list-group-item { background-color: transparent; } /* --- калькулятор экономии (tpl/index.php, js/landing.js) --- */ .calc-row { display: grid; grid-template-columns: 8.5rem 1fr 7rem; align-items: center; gap: .75rem; padding: .35rem 0; } .calc-row-name { font-size: .875rem; color: var(--bs-secondary-color); } .calc-row-ours .calc-row-name { color: var(--bs-body-color); font-weight: 600; } .calc-track { height: .75rem; border-radius: .375rem; background-color: rgba(var(--bs-secondary-rgb), .15); overflow: hidden; } .calc-fill { width: 0; height: 100%; border-radius: .375rem; background-color: rgba(var(--bs-secondary-rgb), .55); transition: width .25s ease; } .calc-row-ours .calc-fill { background-color: var(--bs-primary); } .calc-row-value { text-align: right; font-size: .875rem; font-variant-numeric: tabular-nums; } @media (max-width: 575.98px) { .calc-row { grid-template-columns: 6rem 1fr 5.5rem; gap: .5rem; } .calc-row-name, .calc-row-value { font-size: .8125rem; } } /* --- плитки интеграций --- */ .integration-tile { transition: border-color .15s ease-in-out; } .integration-tile:hover { border-color: var(--bs-primary); }