/*
 * Зведення відгуків з мережі «Що кажуть про модель» (inc/model-reviews.php) — лише Teamfootball (вісь content).
 * Блок на PDP, таблиця в гіді лінійки, рядок-якір під наявністю. Сітка з лініями, як у картці «Номер на спині»;
 * великі числа — вузьким гротеском, слова поруч («з 4 радять») — текстовим: велика «З» у Sofia Sans читається як 3.
 */

.tf-model-reviews-anchor { margin: var(--tf-space-2) 0 0; font-size: var(--tf-size-small); }
.tf-model-reviews-anchor a { display: inline-flex; flex-wrap: wrap; align-items: center; gap: var(--tf-space-2); min-block-size: var(--tf-target); color: var(--tf-text); font-weight: 700; text-decoration: none; border-block-end: var(--tf-bw-control) solid var(--tf-text); }
.tf-model-reviews-anchor a:hover { color: var(--tf-brand); border-color: var(--tf-brand); }
.tf-model-reviews-anchor .tf-icon { inline-size: 1rem; block-size: 1rem; }
.tf-model-reviews-anchor__sep { color: var(--tf-text-muted); font-weight: 400; }

/* У .tf-pdp__details (сітка з gap) — без власних відступів; колонка під галереєю на 1280 ≈ 620 px: три клітинки в один ряд, лід і примітка бренду — у розгортці (власник 2026-10-06: «компактніше»). */
.tf-model-reviews { container-type: inline-size; margin: 0; border: var(--tf-bw-control) solid var(--tf-text); }
.tf-model-reviews__head { display: grid; gap: var(--tf-space-1); padding: var(--tf-space-3) var(--tf-space-4); border-block-end: var(--tf-bw-divider) solid var(--tf-border); }
.tf-model-reviews__head h2 { margin: 0; font-family: var(--tf-font-display); font-size: var(--tf-size-heading-small); font-weight: var(--tf-weight-heading); line-height: var(--tf-lh-heading); letter-spacing: var(--tf-ls-heading); text-transform: uppercase; }

.tf-model-reviews__stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; border-block-end: var(--tf-bw-divider) solid var(--tf-border); }
.tf-model-reviews__stat { display: grid; gap: var(--tf-space-1); align-content: start; min-inline-size: 0; padding: var(--tf-space-3) var(--tf-space-4); }
.tf-model-reviews__stat dt, .tf-model-reviews__stat dd { min-inline-size: 0; } /* підписи повзунка не розтягують клітинку за межі своєї третини */
.tf-model-reviews__stat + .tf-model-reviews__stat { border-inline-start: var(--tf-bw-divider) solid var(--tf-border); }
.tf-model-reviews__stat dt { font-family: var(--tf-font-mono); font-size: var(--tf-size-label); font-weight: 700; letter-spacing: var(--tf-ls-mono); text-transform: uppercase; color: var(--tf-text-muted); }
.tf-model-reviews__stat dd { display: grid; gap: var(--tf-space-1); margin: 0; }
.tf-model-reviews__value { font-family: var(--tf-font-display); font-size: 2.25rem; font-weight: var(--tf-weight-heading); line-height: 0.9; letter-spacing: 0.005em; text-transform: uppercase; }
.tf-model-reviews__value small { font-family: var(--tf-font-body); font-size: var(--tf-size-body); font-weight: 400; letter-spacing: 0; text-transform: none; color: var(--tf-text-muted); }
.tf-model-reviews__stat--empty .tf-model-reviews__value { font-family: var(--tf-font-body); font-size: var(--tf-size-lede); font-weight: 700; line-height: 1.2; letter-spacing: 0; text-transform: none; }
.tf-model-reviews__sub { font-size: var(--tf-size-caption); color: var(--tf-text-muted); }

.tf-model-reviews__fit { display: grid; gap: var(--tf-space-1); margin-block-start: var(--tf-space-1); }
.tf-model-reviews__fit-track { position: relative; display: block; block-size: 0.5rem; background: var(--tf-surface-subtle); border: var(--tf-bw-divider) solid var(--tf-border); }
.tf-model-reviews__fit-mid { position: absolute; inset-inline-start: 50%; inset-block-start: -0.3rem; inline-size: 2px; block-size: 1rem; background: var(--tf-text-muted); }
.tf-model-reviews__fit-dot { position: absolute; inset-block-start: -0.3rem; inline-size: 1rem; block-size: 1rem; margin-inline-start: -0.5rem; background: var(--tf-text); }
.tf-model-reviews__fit-ends { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0 var(--tf-space-2); font-family: var(--tf-font-mono); font-size: var(--tf-size-caption); letter-spacing: 0; text-transform: uppercase; color: var(--tf-text-muted); } /* без розрядки — «Маломірить · Великомірить» вміщується в третину колонки 620 px */

.tf-model-reviews__points { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-block-end: var(--tf-bw-divider) solid var(--tf-border); }
.tf-model-reviews__col { padding: var(--tf-space-3) var(--tf-space-4); }
.tf-model-reviews__col + .tf-model-reviews__col { border-inline-start: var(--tf-bw-divider) solid var(--tf-border); }
.tf-model-reviews__col h3 { display: flex; align-items: center; gap: var(--tf-space-2); margin: 0 0 var(--tf-space-2); font-family: var(--tf-font-display); font-size: var(--tf-size-lede); font-weight: var(--tf-weight-heading); letter-spacing: var(--tf-ls-heading); text-transform: uppercase; }
.tf-model-reviews__col h3 .tf-icon { inline-size: 1.125rem; block-size: 1.125rem; }
.tf-model-reviews__col--plus h3 { color: var(--tf-success); }
.tf-model-reviews__col--minus h3 { color: var(--tf-warning); }
.tf-model-reviews__col ul { margin: 0; padding: 0; list-style: none; }
.tf-model-reviews__col li { display: flex; justify-content: space-between; gap: var(--tf-space-3); padding-block: var(--tf-space-1); border-block-start: var(--tf-bw-divider) solid var(--tf-border); font-size: var(--tf-size-small); }
.tf-model-reviews__col li:first-child { padding-block-start: 0; border-block-start: 0; }
.tf-model-reviews__count { flex: none; padding-block-start: 0.2rem; font-family: var(--tf-font-mono); font-size: var(--tf-size-label); font-weight: 700; letter-spacing: var(--tf-ls-mono); white-space: nowrap; color: var(--tf-text-muted); }
.tf-model-reviews__count--split { color: var(--tf-warning); white-space: normal; max-inline-size: 8rem; text-align: end; } /* «1 з 4 · двоє — навпаки» переноситься, а не тисне текст пункту у вузькій колонці */

.tf-model-reviews__tier { padding: var(--tf-space-3) var(--tf-space-4); border-block-end: var(--tf-bw-divider) solid var(--tf-border); font-size: var(--tf-size-small); }
.tf-model-reviews__tier h3 { margin: 0 0 var(--tf-space-1); font-family: var(--tf-font-mono); font-size: var(--tf-size-label); font-weight: 700; letter-spacing: var(--tf-ls-mono); text-transform: uppercase; color: var(--tf-text-muted); }
.tf-model-reviews__tier p { margin: 0; }

.tf-model-reviews__sources { border: 0; }
/* «Звідки ці дані» — службовий підпис, а не заголовок: моно, як мітки клітинок, ціль 44 px (власник 2026-10-06: «компактніше, менший розмір»). Перекриває загальний стиль розгорток «Номер на спині». */
.tf-model-reviews .tf-model-reviews__sources.tf-disclosure > summary { min-block-size: var(--tf-target); padding-block: 0; padding-inline: var(--tf-space-4); font-family: var(--tf-font-mono); font-size: var(--tf-size-label); font-weight: 700; letter-spacing: var(--tf-ls-mono); line-height: 1.3; text-transform: uppercase; color: var(--tf-text-muted); }
.tf-model-reviews .tf-model-reviews__sources.tf-disclosure > summary:hover { color: var(--tf-text); }
.tf-model-reviews .tf-model-reviews__sources.tf-disclosure > summary .tf-icon { inline-size: 1rem; block-size: 1rem; }
.tf-model-reviews__about, .tf-model-reviews__note { margin: 0; }
.tf-model-reviews__sources .tf-disclosure__body { display: grid; gap: var(--tf-space-3); padding: 0 var(--tf-space-4) var(--tf-space-4); font-size: var(--tf-size-small); color: var(--tf-text-muted); }
.tf-model-reviews__sources h4 { margin: 0 0 var(--tf-space-1); font-family: var(--tf-font-mono); font-size: var(--tf-size-label); font-weight: 700; letter-spacing: var(--tf-ls-mono); text-transform: uppercase; color: var(--tf-text); }
.tf-model-reviews__sources ul { margin: 0; padding: 0; list-style: none; }
.tf-model-reviews__sources li { padding-block: var(--tf-space-1); border-block-start: var(--tf-bw-divider) solid var(--tf-border); }
.tf-model-reviews__sources li:first-child { border-block-start: 0; }
.tf-model-reviews__sources p { margin: var(--tf-space-2) 0 0; }
.tf-model-reviews__link { display: inline-flex; align-items: center; gap: 0.125rem; color: var(--tf-brand); font-weight: 700; text-decoration: none; border-block-end: var(--tf-bw-control) solid transparent; }
.tf-model-reviews__link:hover { border-color: currentColor; }
.tf-model-reviews__link .tf-icon { inline-size: 0.75rem; block-size: 0.75rem; }

/* Таблиця гіда лінійки */
.tf-model-reviews-table { margin-block: var(--tf-space-6); }
.tf-model-reviews-table h2 { margin: 0 0 var(--tf-space-2); }
.tf-model-reviews-table > p { max-inline-size: 70ch; margin: 0 0 var(--tf-space-4); color: var(--tf-text-muted); }
/* contain: inline-size — таблиця з min-inline-size не розширює колонку сторінки на телефоні (сітка статті має min-width: auto); прокрутка лишається всередині регіону. */
.tf-model-reviews-table__scroll { overflow-x: auto; contain: inline-size; padding: var(--tf-space-1); margin: calc(-1 * var(--tf-space-1)); scrollbar-width: thin; }
.tf-model-reviews-table table { inline-size: 100%; min-inline-size: 44rem; border-collapse: collapse; table-layout: fixed; font-size: var(--tf-size-small); }
.tf-model-reviews-table col.tf-mrt-model { inline-size: 22%; } .tf-model-reviews-table col.tf-mrt-buyers { inline-size: 20%; } .tf-model-reviews-table col.tf-mrt-reviewers { inline-size: 36%; } .tf-model-reviews-table col.tf-mrt-fit { inline-size: 22%; }
.tf-model-reviews-table th, .tf-model-reviews-table td { padding: var(--tf-space-3) var(--tf-space-3); text-align: start; vertical-align: top; border-block-start: var(--tf-bw-divider) solid var(--tf-border); }
.tf-model-reviews-table thead th { border-block-start: 0; font-family: var(--tf-font-mono); font-size: var(--tf-size-label); font-weight: 700; letter-spacing: var(--tf-ls-mono); text-transform: uppercase; color: var(--tf-text-muted); }
.tf-model-reviews-table tbody th { font-weight: 700; }
.tf-model-reviews-table small { display: block; margin-block-start: var(--tf-space-1); font-size: var(--tf-size-caption); font-weight: 400; color: var(--tf-text-muted); }
.tf-model-reviews-table__few { color: var(--tf-text-muted); }

@container (max-width: 44rem) {
	.tf-model-reviews__value { font-size: 2rem; }
	.tf-model-reviews__fit-ends { font-size: 0.6875rem; } /* декоративні підписи (aria-hidden) — в один рядок у третині колонки */
}
@container (max-width: 36rem) {
	.tf-model-reviews__points { grid-template-columns: minmax(0, 1fr); }
	.tf-model-reviews__col + .tf-model-reviews__col { border-inline-start: 0; border-block-start: var(--tf-bw-divider) solid var(--tf-border); }
}
@container (max-width: 28rem) {
	.tf-model-reviews__stats { grid-template-columns: minmax(0, 1fr); }
	.tf-model-reviews__stat + .tf-model-reviews__stat { border-inline-start: 0; border-block-start: var(--tf-bw-divider) solid var(--tf-border); }
}

@media (prefers-reduced-motion: no-preference) {
	.tf-model-reviews-anchor a, .tf-model-reviews__link { transition: color var(--tf-motion-fast) var(--tf-easing), border-color var(--tf-motion-fast) var(--tf-easing); }
}
.tf-model-reviews-table__rest { margin: var(--tf-space-3) 0 0; font-size: var(--tf-size-small); color: var(--tf-text-muted); }