.pretable-info{display:flex;flex-direction:column;gap:12px;margin:30px 0;}
.info-item{display:flex;align-items:center;gap:12px;font-size:14px;color:#333;}
.info-item > span:first-child{display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;border-radius:4px;font-weight:700;color:#fff;background:#c9ccd1;}
.info-item.mark-r > span:first-child{background:#d01f2e;}
.info-item.mark-i > span:first-child{background:#f6aeb6;}
.swiper-buttons{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0;}
.to-button-custom{width:110px;height:92px;display:flex;align-items:center;justify-content:center;background:#f2f4f7;cursor:pointer;font-weight:700;font-size:14px;color:#8a8f96;text-align:center;padding:6px;}
.to-button-custom.active{background:#d01f2e;color:#fff;}
.to-slider{overflow:hidden;}
.to-info h2{margin-bottom:20px;}
.table-responsive{overflow-x:auto;}
.table-to{width:100%;border-collapse:collapse;font-size:13px;}
.table-to th,.table-to td{border:1px solid #dfe3e8;padding:8px 10px;vertical-align:middle;text-align:center;white-space:nowrap;}
.table-to thead th{background:#8a8d91;color:#fff;}
.table-to .text-start{text-align:left;}
.table-to td.text-start{white-space:normal;min-width:250px;max-width:420px;}
.table-to tr.category-row td{background:#f2f4f7;font-weight:700;text-align:left;white-space:normal;}
.table-to td .info-item{justify-content:center;}
.table-to td.mark-empty{color:#9aa0a6;}
.table-to tbody tr:nth-child(even):not(.category-row) td{background:#fafbfc;}

@media (max-width: 768px) {
	.swiper-buttons {
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
		gap: 6px;
		padding: 8px;
		overflow-x: visible;
	}
	.to-button-custom {
		flex: 0 0 calc(33.33% - 6px);
		width: auto;
		height: 56px;
		margin: 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.to-button-custom div { font-size: 11px; }
}

@media (max-width: 1199.98px) {

    .table-to { font-size: 12px; table-layout: fixed; width: 980px; }
    .table-to thead tr:first-child th:first-child { width: 150px; white-space: normal; }
    .table-to th, .table-to td { padding: 8px 6px; }
    .table-to td.text-start { min-width: 0; max-width: none; overflow-wrap: anywhere; }
    .table-to thead tr:first-child th:first-child,
    .table-to td.text-start {
		position: sticky;
		left: 0;
		z-index: 2;
		box-shadow: 1px 0 0 rgba(18, 19, 20, .12);
	}
	.table-to thead tr:first-child th:first-child { background: #8a8d91; }
	.table-to tbody td.text-start { background: #fff; }
	.table-to tbody tr:nth-child(even):not(.category-row) td.text-start { background: #fafbfc; }
	.table-to tr.category-row td { position: sticky; left: 0; background: #f2f4f7; }
}