/* ==========================================================================
   tendery — главная (front-page.php). Только раскладка страницы:
   компоненты лежат в components.css.
   ========================================================================== */
.tn-hero { padding-top: var(--tn-sp-20); }
.tn-hero__lead { margin: var(--tn-sp-8) 0 var(--tn-sp-16); }

.tn-home-quick { margin-top: var(--tn-sp-32); }
.tn-home-quick__in { display: grid; gap: var(--tn-sp-8); }

.tn-home-start { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--tn-sp-24); }
.tn-home-start > * { min-width: 0; }

.tn-home-brand__mid { display: flex; flex-wrap: wrap; align-items: center; gap: var(--tn-sp-6) var(--tn-sp-12); }
.tn-home-brand__price { display: inline-flex; align-items: center; }
.tn-home-calc__hint { grid-column: 1 / -1; }

@media (min-width: 768px) {
  .tn-hero { padding-top: var(--tn-sp-24); }
  .tn-home-quick__in { grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: var(--tn-sp-16); }
}

@media (min-width: 1200px) {
  .tn-hero { padding-top: var(--tn-sp-24); }
  .tn-hero__lead { margin: var(--tn-sp-8) 0 var(--tn-sp-20); max-width: 124ch; }
  .tn-home-start { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--tn-sp-40); align-items: start; }
}