/* =========================================================================
   Інфо-сторінки й 404 «Номер на спині» (вісь content = number; підключається з інфо-сторінками лише для сайту з
   віссю number): бічне меню «Покупцям» (на compact — ряд чипів над сторінкою), розділи з лінією кольору тексту й
   заголовком h2, способи оплати рядками з лініями, контакти — комірки з лініями; 404 — заголовок шкали h1.
   Макет: design/concept-pages-tf.html.
   ====================================================================== */
.tf-info-layout { display: grid; grid-template-columns: 15rem minmax(0, var(--tf-content-max)); gap: var(--tf-space-7); align-items: start; }
.tf-info-layout > .tf-content-page { margin-inline: 0; }
.tf-info-nav { position: sticky; inset-block-start: calc(var(--tf-header-h) + var(--tf-space-4)); border-block-start: var(--tf-bw-control) solid var(--tf-text); }
.tf-info-nav__list { margin: 0; padding: 0; list-style: none; }
.tf-info-nav__list li { margin: 0; border-block-end: var(--tf-bw-divider) solid var(--tf-border); }
.tf-info-nav__list a { display: flex; align-items: center; min-block-size: var(--tf-target); padding: var(--tf-space-2) var(--tf-space-3); color: var(--tf-text); font-size: var(--tf-size-small); font-weight: 700; text-decoration: none; }
.tf-info-nav__list a:hover { color: var(--tf-brand); }
.tf-info-nav__list :is(.current-menu-item > a, a[aria-current="page"]) { background: var(--tf-surface-subtle); box-shadow: inset 3px 0 0 var(--tf-accent); }

/* Розділи інфо-сторінки */
.tf-variant-content-number .tf-content-page .tf-prose > h2 { margin: 1.2em 0 0.5em; padding-block-start: var(--tf-space-3); border-block-start: var(--tf-bw-control) solid var(--tf-text); font-size: var(--tf-size-heading-medium); }
.tf-variant-content-number .tf-content-page .tf-prose > h2:first-child { margin-block-start: 0; }

/* Способи оплати — рядками з лініями; контакти — комірки з лініями */
.tf-variant-content-number .tf-payment-methods { display: grid; gap: 0; border-block-start: var(--tf-bw-divider) solid var(--tf-border); }
.tf-variant-content-number .tf-payment-methods__item { min-block-size: 3.25rem; padding: var(--tf-space-1) 0; border: 0; border-block-end: var(--tf-bw-divider) solid var(--tf-border); border-radius: 0; background: none; font-weight: 700; }
.tf-variant-content-number .tf-help-contacts { gap: 0; }
.tf-variant-content-number .tf-help-contacts__item { margin: 0 calc(var(--tf-bw-divider) * -1) calc(var(--tf-bw-divider) * -1) 0; border-color: var(--tf-border); border-radius: 0; }

/* 404 */
.tf-variant-content-number .tf-not-found__copy h1 { font-size: var(--tf-size-heading); }
.tf-variant-content-number .tf-not-found__search { border: var(--tf-bw-control) solid var(--tf-text); border-radius: 0; }

@media (max-width: 63.99rem) {
	.tf-info-layout { grid-template-columns: minmax(0, 1fr); gap: var(--tf-space-5); }
	.tf-info-nav { position: static; border-block-start: 0; }
	.tf-info-nav__list { display: flex; gap: var(--tf-space-2); overflow-x: auto; margin: calc(var(--tf-space-1) * -1); padding: var(--tf-space-1); }
	.tf-info-nav__list li { flex: none; border: 0; }
	.tf-info-nav__list a { padding-inline: 0.875rem; border: var(--tf-bw) solid var(--tf-text-muted); border-radius: var(--tf-radius-pill); white-space: nowrap; }
	.tf-info-nav__list :is(.current-menu-item > a, a[aria-current="page"]) { border-color: var(--tf-text); background: var(--tf-text); color: var(--tf-on-inverse); box-shadow: none; }
}