/* 13.10.2026: каталог — модели марки по семействам (brand/_families.phtml) */
.brands_fam .fam-tools { margin: 6px 0 14px; display: flex; align-items: center; gap: 16px; }
.brands_fam .fam-filter { display: none; }
.brands_fam .fam-toggle { font-size: 14px; color: #1a73b8; }
.brands_fam .families { column-count: 4; column-gap: 28px; margin-bottom: 24px; }
.brands_fam .fam { break-inside: avoid; -webkit-column-break-inside: avoid; page-break-inside: avoid; margin: 0 0 4px; }
.brands_fam .fam > summary,
.brands_fam .fam-one > a { display: block; padding: 5px 8px; border-radius: 6px; font-size: 15px; line-height: 1.3; }
.brands_fam .fam > summary { cursor: pointer; list-style: none; color: #222; }
.brands_fam .fam > summary::-webkit-details-marker { display: none; }
.brands_fam .fam > summary:before { content: ''; display: inline-block; width: 0; height: 0; margin: 0 8px 2px 0;
	border-left: 5px solid #1a73b8; border-top: 4px solid transparent; border-bottom: 4px solid transparent; transition: transform .15s; }
.brands_fam .fam[open] > summary:before { transform: rotate(90deg); }
.brands_fam .fam > summary:hover,
.brands_fam .fam-one > a:hover { background: #eef5fb; }
.brands_fam .fam[open] > summary { background: #eef5fb; }
.brands_fam .fam-cnt { display: inline-block; min-width: 18px; padding: 0 5px; margin-left: 4px; border-radius: 9px;
	background: #e3e8ee; color: #667; font-size: 11px; font-weight: normal; text-align: center; line-height: 17px; vertical-align: 1px; }
.brands_fam .fam-one > a { color: #222; text-decoration: none; padding-left: 21px; }
.brands_fam .fam-one > a b { color: #222; }
.brands_fam .fam-years { color: #1a73b8; text-decoration: underline; font-size: 14px; }
.brands_fam .fam ul { list-style: none; margin: 2px 0 8px 21px; padding: 0 0 0 10px; border-left: 2px solid #dbe6f0; }
.brands_fam .fam li { margin: 0; padding: 3px 0; font-size: 14px; }
.brands_fam .tiny { display: block; font-size: 10px; color: #999; line-height: 1.3; }
.brands_fam .fam-one > .tiny { padding-left: 21px; }

@media (max-width: 1100px) { .brands_fam .families { column-count: 3; } }
@media (max-width: 900px) {
	.brands_fam .families { column-count: 1; }
	.brands_fam .fam-filter { display: block; flex: 1; padding: 10px 12px; font-size: 16px; border: 1px solid #ccc; border-radius: 6px; }
	.brands_fam .fam-toggle { display: none; }
	#content .brands_fam .fam > summary,
	#content .brands_fam .fam-one > a { padding: 12px 6px; border-bottom: 1px solid #ededed; border-radius: 0; font-size: 16px; }
	#content .brands_fam .fam li a { padding: 10px 4px; font-size: 15px; }
	#content .brands_fam .fam-one > a { padding-left: 23px; }
}