PageSourceSearch

https://sks-auto.ru/napravleniya.html

html sks-auto.ru collected 2026-09-28 06:06:13 UTC 333,912 bytes, 4,927 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ru-ru" dir="ltr">
3<head>
4	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
5  <meta name="yandex-verification" content="0c3582cef2a4bd63" />
6  <meta name="google-site-verification" content="_3LeRYa_T8GAIF2AUnlg2zr37HI0Xq0gx__cAEtglp8" />
7
8	<meta charset="utf-8" />
9	<base href="https://sks-auto.ru/napravleniya.html" />
10	<meta name="keywords" content="Купить билет на автобус онлайн
11Купить билет на автобус
12Билеты на автобус онлайн
13Билеты на автобус со скидкой" />
14	<meta property="og:type" content="article" />
15	<meta property="og:title" content="МАРШРУТЫ" />
16	<meta property="og:description" content=" � � � � �   �     �       Новгородское�       Псковское�       Северное�       Таллинское�     �   � �   �     �       �         �         �       �     �   � �   �     Магистраль�     Ответвление� " />
17	<meta property="og:url" content="https://sks-auto.ru/napravleniya.html" />
18	<meta name="author" content="Super User" />
19	<meta name="description" content="Купить билет на автобус онлайн
20Купить билет на автобус
21Билеты на автобус онлайн
22Билеты на автобус со скидкой" />
23	<meta name="generator" content="Joomla! - Open Source Content Management" />
24	<title>Маршруты</title>
25	<link href="/templates/protos/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
26	<link href="https://sks-auto.ru/plugins/content/jllike/js/buttons.min.css?9" rel="stylesheet" />
27	<link href="/templates/protos/css/tailwind.css?1763031996" rel="stylesheet" />
28	<link href="/templates/protos/css/styles.css" rel="stylesheet" />
29	<link href="/templates/protos/css/protos.css" rel="stylesheet" />
30	<link href="/templates/protos/css/custom.css?1789488695" rel="stylesheet" />
31	<link href="https://sks-auto.ru/components/com_bookpro/assets/css/datepicker_new.css" rel="stylesheet" />
32	<link href="https://sks-auto.ru/components/com_bookpro/assets/css/bootstrap-switch.min.css" rel="stylesheet" />
33	<link href="https://sks-auto.ru/modules/mod_jbbus_bussearch_new/assets/style.css" rel="stylesheet" />
34	<style>
35
36            .jllikeproSharesContayner a {border-radius: 15px; margin-left: 6px;}
37            .jllikeproSharesContayner i {width: 30px;height: 30px;}
38            .jllikeproSharesContayner span {height: 30px;line-height: 30px;font-size: 1rem;}
39        �
40            @media screen and (max-width:800px) {
41                .jllikeproSharesContayner {position: fixed;right: 0;bottom: 0; z-index: 999999; background-color: #fff!important;width: 100%;}
42                .jllikeproSharesContayner .event-container > div {border-radius: 0; padding: 0; display: block;}
43                .like .l-count {display:none}
44                .jllikeproSharesContayner a {border-radius: 0!important;margin: 0!important;}
45                .l-all-count {margin-left: 10px; margin-right: 10px;}
46                .jllikeproSharesContayner i {width: 44px!important; border-radius: 0!important;}
47                .l-ico {background-position: 50%!important}
48                .likes-block_left {text-align:left;}
49                .likes-block_right {text-align:right;}
50                .likes-block_center {text-align:center;}
51                .button_text {display: none;}
52            }
53            
54        input::placeholder {
55            color: transparent !important;
56        }
57        #ticket-search-form input::placeholder {
58            color: revert !important;
59        }
60        .collapse.in {
61            visibility: visible;
62        }
63        .well h1, h2, h3, h4, h5 {
64            font-size: revert !important;
65        }
66        table,
67        p img {
68            margin: 16px auto;
69            border-radius: 5px;
70        }
71        #going-list img {
72            display: inline-block !important;
73        }
74        table a {
75            display: inline-block;
76        }
77        /* Фильтр новостей по годам */
78        .news-year-filter {
79            display: flex !important;
80            align-items: center !important;
81            flex-wrap: wrap !important;
82            gap: 8px !important;
83            padding: 12px 16px !important;
84            margin: 0 0 28px 0 !important;
85            background-color: #ffffff !important;
86            border: 1px solid #e5e7eb !important;
87            border-radius: 12px !important;
88            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
89        }
90        .news-year-filter .filter-label {
91            display: inline-flex !important;
92            align-items: center !important;
93            font-size: 13px !important;
94            font-weight: 600 !important;
95            color: #6b7280 !important;
96            margin-right: 4px !important;
97            text-transform: uppercase !important;
98            letter-spacing: 0.04em !important;
99            user-select: none !important;
100        }
101        .news-year-filter .filter-item {
102            display: inline-flex !important;
103            align-items: center !important;
104            justify-content: center !important;
105            padding: 6px 14px !important;
106            font-size: 13px !important;
107            font-weight: 500 !important;
108            line-height: 1.3 !important;
109            color: #374151 !important;
110            background-color: #f3f4f6 !important;
111            border: 1px solid transparent !important;
112            border-radius: 8px !important;
113            text-decoration: none !important;
114            white-space: nowrap !important;
115            transition: all 0.15s ease-in-out !important;
116            box-sizing: border-box !important;
117        }
118        .news-year-filter .filter-item:hover {
119            background-color: #e5e7eb !important;
120            color: #111827 !important;
121        }
122        .news-year-filter .filter-item.active {
123            background-color: #dc2626 !important;
124            color: #ffffff !important;
125            font-weight: 600 !important;
126            border-color: #dc2626 !important;
127            box-shadow: 0 2px 4px rgba(220, 38, 38, 0.25) !important;
128            cursor: default !important;
129        }
130        /* Фильтр новостей по годам */
131        .news-year-filter {
132            display: flex !important;
133            align-items: center !important;
134            flex-wrap: wrap !important;
135            gap: 8px !important;
136            padding: 12px 16px !important;
137            margin: 0 0 28px 0 !important;
138            background-color: #ffffff !important;
139            border: 1px solid #e5e7eb !important;
140            border-radius: 12px !important;
141            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
142        }
143        .news-year-filter .filter-label {
144            display: inline-flex !important;
145            align-items: center !important;
146            font-size: 13px !important;
147            font-weight: 600 !important;
148            color: #6b7280 !important;
149            margin-right: 4px !important;
150            text-transform: uppercase !important;
151            letter-spacing: 0.04em !important;
152            user-select: none !important;
153        }
154        .news-year-filter .filter-item {
155            display: inline-flex !important;
156            align-items: center !important;
157            justify-content: center !important;
158            padding: 6px 14px !important;
159            font-size: 13px !important;
160            font-weight: 500 !important;
161            line-height: 1.3 !important;
162            color: #374151 !important;
163            background-color: #f3f4f6 !important;
164            border: 1px solid transparent !important;
165            border-radius: 8px !important;
166            text-decoration: none !important;
167            white-space: nowrap !important;
168            transition: all 0.15s ease-in-out !important;
169            box-sizing: border-box !important;
170        }
171        .news-year-filter .filter-item:hover {
172            background-color: #e5e7eb !important;
173            color: #111827 !important;
174        }
175        .news-year-filter .filter-item.active {
176            background-color: #dc2626 !important;
177            color: #ffffff !important;
178            font-weight: 600 !important;
179            border-color: #dc2626 !important;
180            box-shadow: 0 2px 4px rgba(220, 38, 38, 0.25) !important;
181            cursor: default !important;
182        }
183        .pagination,
184        .pagination-list,
185        ul.pagination-list,
186        .route_ul {
187            display: flex !important;
188            flex-direction: row !important;
189            flex-wrap: wrap !important;
190            align-items: center !important;
191            justify-content: center !important;
192            gap: 6px !important;
193            list-style: none !important;
194            padding: 0 !important;
195            margin: 0 !important;
196        }
197        .pagination > li,
198        .pagination-list > li,
199        .route_ul > li {
200            display: inline-flex !important;
201            margin: 0 !important;
202            padding: 0 !important;
203        }
204        .pagination-list > li > a,
205        .pagination-list > li > span,
206        .pagination > li > a,
207        .pagination > li > span,
208        .route_ul > li > a {
209            min-width: 36px !important;
210            height: 36px !important;
211            padding: 0 10px !important;
212            margin: 0 !important;
213            display: inline-flex !important;
214            align-items: center !important;
215            justify-content: center !important;
216            border-radius: 8px !important;
217            font-size: 13px !important;
218            font-weight: 500 !important;
219            line-height: 1 !important;
220            text-decoration: none !important;
221            background-color: #ffffff !important;
222            color: #374151 !important;
223            border: 1px solid #e5e7eb !important;
224            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
225            transition: all 0.15s ease !important;
226            box-sizing: border-box !important;
227        }
228        .pagination-list > li > a:hover,
229        .route_ul > li > a:hover {
230            background-color: #f9fafb !important;
231            border-color: #d1d5db !important;
232            color: #111827 !important;
233        }
234        .pagination-list > li.disabled > a,
235        .pagination-list > li.disabled > span {
236            opacity: 0.35 !important;
237            background-color: #f9fafb !important;
238            border-color: #e5e7eb !important;
239            color: #9ca3af !important;
240            cursor: not-allowed !important;
241            pointer-events: none !important;
242            box-shadow: none !important;
243        }
244        .pagination-list > li.active > a,
245        .pagination-list > li.active > span,
246        .route_ul .current a {
247            background-color: #dc2626 !important;
248            border-color: #dc2626 !important;
249            color: #ffffff !important;
250            font-weight: 600 !important;
251            box-shadow: 0 2px 4px rgba(220, 38, 38, 0.2) !important;
252            cursor: default !important;
253        }
254        .pagination-list > li > a > span,
255        .pagination-list > li > span > span,
256        .pagination > li > a > span,
257        .pagination > li > span > span {
258            display: block !important;
259        }
260        .pagination-list a span,
261        .pagination-list span span,
262        .pagination-list span[class*="icon-"],
263        .pagination a span,
264        .pagination span[class*="icon-"] {
265            min-width: 0 !important;
266            width: auto !important;
267            height: auto !important;
268            padding: 0 !important;
269            margin: 0 !important;
270            border: none !important;
271            background: transparent !important;
272            box-shadow: none !important;
273            display: inline-flex !important;
274            align-items: center !important;
275            justify-content: center !important;
276        }
277        .icon-first:before {
278            content: "\00AB" !important;
279            font-size: 13px !important;
280            line-height: 1 !important;
281        }
282        .icon-last:before {
283            content: "\00BB" !important;
284            font-size: 13px !important;
285            line-height: 1 !important;
286        }
287        .icon-previous:before {
288            content: "\2039" !important;
289            font-size: 16px !important;
290            line-height: 1 !important;
291        }
292        .icon-next:before {
293            content: "\203A" !important;
294            font-size: 16px !important;
295            line-height: 1 !important;
296        }
297        .well.wellwhite {
298            border-radius: 5px;
299        }
300        .well.wellwhite h4 {
301            padding: 16px;
302            font-weight: revert;
303            text-align: center;
304        }
305        #itineray-form {
306            padding: 16px;
307        }
308        #frontBusForm .collapse {
309            visibility: visible;
310        }
311        #frontBusForm .control-group {
312            margin: 16px;
313        }
314        #paymentForm input:not([type="checkbox"]):not([type="radio"]),
315        #frontBusForm input:not([type="checkbox"]):not([type="radio"]),
316        #itineray-form input:not([type="checkbox"]):not([type="radio"]) {
317            border: 1px solid #ccc !important;
318            border-radius: 4px;
319            padding: 0 8px;
320        }
321        #paymentForm input:not([type="checkbox"]):not([type="radio"]),
322        #frontBusForm input:not([type="checkbox"]):not([type="radio"]) {
323            height: 2rem;
324        }
325        #paymentForm label:not(.pd-consent-label),
326        #frontBusForm label:not(.pd-consent-label),
327        #itineray-form label:not(.pd-consent-label) {
328            display: inline-block;
329            width: 72px;
330            height: 22px;
331            vertical-align: bottom;
332        }
333        .btn {
334            padding: 4px 16px !important;
335            border: none !important;
336            border-radius: 5px !important;
337            cursor: pointer !important;
338        }
339        .btn-primary {
340            background-color: #2028fe !important;
341            color: white !important;
342        }
343        .items-leading .icons {
344            display: none !important;
345        }
346        .content_rating {
347            display: flex;
348            padding: 8px 0;
349        }
350        .article-info {
351            margin-bottom: 48px;
352            font-size: 80%;
353        }
354        h2 a {
355            color: revert;
356        }
357        .carousel-table {
358            overflow: scroll;
359        }
360    
361	</style>
362	
362<script type="application/json" class="joomla-script-options new">{"csrf.token":"5bb1a2181d526bd9eeddc3114cfa9deb","system.paths":{"root":"","base":""},"system.keepalive":{"interval":3600000,"uri":"\/component\/ajax\/?format=json"}}</script>
362
363	
363<script src="/media/jui/js/jquery.min.js?b671483f2b4dd95a6b29c0372f4aaca2"></script>
363
364	
364<script src="/media/jui/js/jquery-noconflict.js?b671483f2b4dd95a6b29c0372f4aaca2"></script>
364
365	
365<script src="/media/jui/js/jquery-migrate.min.js?b671483f2b4dd95a6b29c0372f4aaca2"></script>
365
366	
366<script src="https://sks-auto.ru/plugins/content/jllike/js/buttons.min.js?9"></script>
366
367	
367<script src="/media/system/js/caption.js?b671483f2b4dd95a6b29c0372f4aaca2"></script>
367
368	
368<script src="/media/system/js/core.js?b671483f2b4dd95a6b29c0372f4aaca2"></script>
368
369	<!--[if lt IE 9]>
369<script src="/media/system/js/polyfill.event.js?b671483f2b4dd95a6b29c0372f4aaca2"></script>
369<![endif]-->
370	
370<script src="/media/system/js/keepalive.js?b671483f2b4dd95a6b29c0372f4aaca2"></script>
370
371	
371<script src="/media/jui/js/bootstrap.min.js?b671483f2b4dd95a6b29c0372f4aaca2"></script>
371
372	
372<script src="https://sks-auto.ru/components/com_bookpro/assets/js/bootstrap-datepicker-with-prices.js?1788352022"></script>
372
373	
373<script src="https://sks-auto.ru/components/com_bookpro/assets/js/locales/bootstrap-datepicker.ru.js"></script>
373
374	
374<script src="https://sks-auto.ru/components/com_bookpro/assets/js/bootstrap-switch.min.js"></script>
374
375	
375<script>
376            var jllickeproSettings = {
377                url : "https://sks-auto.ru",
378                typeGet : "0",
379                enableCounters : 1,
380                disableMoreLikes : 0,
381                isCategory : 0,
382                buttonsContayner : "",
383                parentContayner : "div.jllikeproSharesContayner",
384            };�jQuery(window).on('load',  function() {
385				new JCaption('img.caption');
386			});�</script>
386
387
388	
388<script type="text/javascript">!function(){var t=document.createElement("script");t.type="text/javascript",t.async=!0,t.src="https://vk.com/js/api/openapi.js?156",t.onload=function(){VK.Retargeting.Init("VK-RTRG-257095-8ByNN"),VK.Retargeting.Hit()},document.head.appendChild(t)}();</script>
388<noscript><img src="https://vk.com/rtrg?p=VK-RTRG-257095-8ByNN" style="position:fixed; left:-999px;" alt=""/></noscript>
389  	
389<script src="/js/jquery.inputmask.js"></script>
389
390      <link rel="stylesheet" href="/css/font-awesome.min.css">
391</head>
392<body class="font-sans text-gray-900 com_content view-article no-layout no-task itemid-116">
393    <!-- Header -->
394    <header class="sticky top-0 left-0 w-full z-50 bg-white/90 backdrop-blur-md border-b border-gray-100">
395        <div class="max-w-7xl mx-auto flex justify-between items-center px-6 py-3">
396            <a href="/" class="flex items-center gap-3"><img src="https://sks-auto.ru/images/sks_logo.png" alt="СКСавто" class="h-10 md:h-12" /></a>
397            <nav class="hidden md:flex items-center gap-6 font-medium mainmenu-desktop">
398                <div class="md:flex items-center gap-6 block-links">
399                                                                            <a href="/o-kompanii.html" class="text-gray-700 hover:text-red-600 transition">О компании</a>
400                                                        <a href="/napravleniya.html" class="text-gray-700 hover:text-red-600 transition current">Маршруты</a>
401                                                        <a href="/buses.html" class="text-gray-700 hover:text-red-600 transition">Автобусы</a>
402                                                        <a href="/avtovokzaly.html" class="text-gray-700 hover:text-red-600 transition">Остановки</a>
403                                                        <a href="/contacts.html" class="text-gray-700 hover:text-red-600 transition">Контакты</a>
404                                                        <a href="/ticket-offices.html" class="text-gray-700 hover:text-red-600 transition">Где купить?</a>
405                                                        <a href="/novosti.html" class="text-gray-700 hover:text-red-600 transition">Новости</a>
406                                                        <a href="https://vk.com/away.php?to=http%3A%2F%2Fvk.cc%2FcXWnSB&utf=1" class="text-gray-700 hover:text-red-600 transition">Отзывы</a>
407                                </div>
408                <button id="openLogin" class="inline-flex items-center justify-center w-9 h-9 rounded-sm border border-gray-200 text-gray-700 hover:bg-gray-50" aria-label="Войти"><svg width="18" height="18" viewBox="0 0 24 24" class="fill-current"><path d="M12 12a5 5 0 1 0-5-5 5 5 0 0 0 5 5Zm0 2c-5 0-9 2.5-9 5.5V22h18v-2.5C21 16.5 17 14 12 14Z"/></svg></button>
409            </nav>
410            <button id="openMenu" class="md:hidden inline-flex items-center justify-center w-10 h-10 rounded-sm border border-gray-200 text-gray-700 hover:bg-gray-50" aria-label="Меню"><svg width="22" height="22" viewBox="0 0 24 24" class="stroke-current" fill="none"><path d="M4 6h16M4 12h16M4 18h16" stroke-width="2" stroke-linecap="round"/></svg></button>
411        </div>
412        <div id="mobileMenu" class="md:hidden hidden border-t border-gray-100 bg-white">
413            <nav class="px-6 py-3 space-y-2">
414                                <a href="/" class="block py-2 text-gray-700 hover:text-red-600 active">Главная</a>
415                                <a href="/o-kompanii.html" class="block py-2 text-gray-700 hover:text-red-600">О компании</a>
416                                <a href="/napravleniya.html" class="block py-2 text-gray-700 hover:text-red-600 current">Маршруты</a>
417                                <a href="/buses.html" class="block py-2 text-gray-700 hover:text-red-600">Автобусы</a>
418                                <a href="/avtovokzaly.html" class="block py-2 text-gray-700 hover:text-red-600">Остановки</a>
419                                <a href="/contacts.html" class="block py-2 text-gray-700 hover:text-red-600">Контакты</a>
420                                <a href="/ticket-offices.html" class="block py-2 text-gray-700 hover:text-red-600">Где купить?</a>
421                                <a href="/novosti.html" class="block py-2 text-gray-700 hover:text-red-600">Новости</a>
422                                <a href="https://vk.com/away.php?to=http%3A%2F%2Fvk.cc%2FcXWnSB&utf=1" class="block py-2 text-gray-700 hover:text-red-600">Отзывы</a>
423                                <button id="openLoginM" class="mt-1 inline-flex items-center gap-2 text-gray-700 hover:text-red-600"><svg width="18" height="18" viewBox="0 0 24 24" class="fill-current"><path d="M12 12a5 5 0 1 0-5-5 5 5 0 0 0 5 5Zm0 2c-5 0-9 2.5-9 5.5V22h18v-2.5C21 16.5 17 14 12 14Z"/></svg> Войти</button>
424            </nav>
425        </div>
426    </header>
427
428    <!-- Login modal -->
429        <div id="loginModal" class="fixed inset-0 z-[60] hidden">
430        <div class="absolute inset-0 bg-black/50"></div>
431        <div class="relative mx-auto mt-24 w-[92%] max-w-md bg-white rounded-sm shadow-xl" style="max-height: calc(90vh - 130px); display: flex; flex-direction: column;">
432            <div class="flex items-center justify-between p-5 border-b border-gray-100">
433    <h2 class="text-xl font-semibold">Вход на сайт</h2>
434    <button id="closeLogin" class="p-2 rounded-sm hover:bg-gray-100" aria-label="Закрыть"><svg width="18" height="18" viewBox="0 0 24 24" class="stroke-current" fill="none"><path d="M6 6l12 12M18 6 6 18" stroke-width="2" stroke-linecap="round"/></svg></button>
435</div>
436<div class="p-5" style="overflow: scroll;">
437    <form action="/napravleniya.html" method="post" id="login-form" class="space-y-4">
438                <div>
439            <label for="username" class="block text-sm font-medium mb-1">
439Логин</label>
440            <input type="text" id="username" name="username" placeholder="Введите логин" required class="w-full p-3 rounded-sm border border-gray-200 focus:outline-none focus:ring-2 focus:ring-red-500/70">
441        </div>
442        <div>
443            <label for="password" class="block text-sm font-medium mb-1">Пароль</label>
444            <input type="password" id="password" name="password" placeholder="Введите пароль" required class="w-full p-3 rounded-sm border border-gray-200 focus:outline-none focus:ring-2 focus:ring-red-500/70">
445        </div>
446                <div id="form-login-remember" class="control-group checkbox">
447            <label for="modlgn-remember" class="block text-sm font-medium mb-1">
448                <input id="modlgn-remember" type="checkbox" name="remember" class="rounded-sm border border-gray-200 focus:outline-none focus:ring-2 focus:ring-red-500/70" value="yes"/>
449                &nbsp;
450                Запомнить меня            </label>
451        </div>
452                <button type="submit" name="Submit" class="w-full bg-green-600 hover:bg-green-700 text-white font-semibold py-3 rounded-sm">Войти</button>
453        <input type="hidden" name="option" value="com_users" />
454        <input type="hidden" name="task" value="user.login" />
455        <input type="hidden" name="return" value="aHR0cHM6Ly9za3MtYXV0by5ydS9uYXByYXZsZW5peWEuaHRtbA==" />
456        <input type="hidden" name="5bb1a2181d526bd9eeddc3114cfa9deb" value="1" />                        <div class="userdata">
457                    <ul class="unstyled" style="display: flex;justify-content: space-between;">
458                            <li>
459                    <a href="/component/users/?view=registration&amp;Itemid=101">
460                    Регистрация <span class="icon-arrow-right"></span></a>
461                </li>
462                            <li>
463                    <a href="/component/users/?view=remind&amp;Itemid=101">
464                    Забыли логин?</a>
465                </li>
466                <li>
467                    <a href="/component/users/?view=reset&amp;Itemid=101">
468                    Забыли пароль?</a>
469                </li>
470            </ul>
471        </div>
472            </form>
473
474</div>
475        </div>
476    </div>
477    
478    <!-- Hero + Search -->
479        <section class="relative min-h-[80vh] md:min-h-[90vh] bg-cover bg-center" style="background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, transparent 70%), url('/templates/protos/img/sale_block.jpg');min-height:30vh!important;">
480        <div class="relative z-10 flex flex-col items-center justify-center text-center text-white px-4 py-16 md:py-24 animate-fadeInUp" style="padding-top:2rem;padding-bottom:2rem;">
481                        <div class="text-4xl md:text-5xl font-extrabold leading-tight drop-shadow">Купить билеты на автобус</div>
482            <style>
483    .calendar_ready {
484        display: none;
485    }
486    #filter_to_search_result,
487    #filter_from_search_result {
488        width: 100% !important;
489        white-space: nowrap;
490    }
491    #filter_to_search_result > div,
492    #filter_from_search_result > div {
493        overflow: hidden;
494        text-overflow: ellipsis;
495    }
496
497    /* === Современный combobox выбора остановок === */
498    .bus-combo-panel{
499        display:none; position:absolute; z-index:9999;
500        background:#fff; border:1px solid #d6d6d6; border-radius:8px;
501        box-shadow:0 8px 24px rgba(0,0,0,.12);
502        max-height:300px; overflow-y:auto; margin-top:2px; padding:4px 0;
503        min-width:200px;
504    }
505    .bus-combo-panel.open{ display:block; }
506    .bus-combo-item{
507        padding:11px 14px; cursor:pointer; font-size:14px; line-height:1.3;
508        color:#222; white-space:normal;
509    }
510    .bus-combo-item:hover, .bus-combo-item.active{ background:#eaf3ff; }
511    .bus-combo-item.is-parent{ font-weight:700; color:#0a8a4f; }
512    .bus-combo-empty{ padding:11px 14px; color:#999; font-size:13px; }
513    .bus-combo-clear{
514        display:none; position:absolute; width:22px; height:22px; line-height:20px;
515        text-align:center; padding:0; border:none; background:#e6e6e6; color:#666;
516        border-radius:50%; cursor:pointer; font-size:15px; z-index:10000;
517    }
518    .bus-combo-clear:hover{ background:#d33; color:#fff; }
519    /* прячем старые выпадающие списки-подсказки */
520    #filter_from_search_result, #filter_to_search_result{ display:none !important; }
521</style>
522<script lang="text/javascript">
523	jQuery(document).ready(function($) {
524		$("[name='roundtrip']").on('change', function() {
525			if(this.value == "routedir1")
526			{
527				$("[name='filter_roundtrip']").attr('value','0');
528				$("#busFrm .returnDate").hide();
529				$('input[name="roundtrip2"]').checked = false;
530			}
531			else if(this.value == "routedir2")
532			{
533				$("[name='filter_roundtrip']").attr('value','1');
534				$("#busFrm .returnDate").show();
535				$('input[name="roundtrip1"]').checked = false;
536				$('.datepicker_abled#returnDate,.datepicker_abled#returnDateWrap').datepicker('update');
537			}
538		});
539		jQuery(document).on('click', '.datepicker_disabled', function() {
540            jQuery('.input-append.date').datepicker({
541                format: "dd.mm.yyyy",
542                autoclose: true,
543                startDate: 
544                "+0d"                ,
545                endDate: "+6m",
546                language: "ru"
547            });
548            jQuery('.datepicker_disabled').addClass('datepicker_abled');
549            jQuery('.datepicker_disabled').removeClass('datepicker_disabled');
550            jQuery(this).datepicker('show');
551		});
552
553        // Отключение бутстрап-стилизации
554        document.querySelectorAll('#ticket-search-form input[type="text"]').forEach(inp => {
555            inp.setAttribute('type', 'txt');
556        });
557    });
558  </script>
558
559
560<div class="mt-6 flex items-center gap-2 bg-black/30 p-1 rounded-sm backdrop-blur-sm">
561    <button id="tabOneWay" data-trip-type="one-way" class="py-2 rounded-sm text-sm md:text-base font-medium bg-white text-gray-900 active"><label for="routedir1" class="px-4 py-3">В одну сторону</label></button>
562    <button id="tabRoundTrip" data-trip-type="round-trip" class="py-2 rounded-sm text-sm md:text-base font-medium text-white"><label for="routedir2" class="px-4 py-3">Туда и обратно</label></button>
563</div>
564<div id="busFrm">
565    <form id="ticket-search-form" class="mt-6 grid grid-cols-1 md:grid-cols-[2fr,auto,2fr,1.5fr,1.5fr,1.5fr,auto] gap-3 md:gap-4 bg-white/95 p-4 md:p-5 rounded-sm shadow-xl max-w-7xl w-full items-center" name="busSearchForm" method="post" action="/component/bookpro/?view=bustrips" onsubmit="return validateBusSearch();">
566        <div style="display:none;">
567            <select id="roundtrip" name="roundtrip" class="input-medium">
568                <option value="routedir1" selected="selected">В одну сторону</option>
569                <option value="routedir2">Туда обратно</option>
570            </select>
571            <select id="filter_geo" name="filter_geo" class="input-medium">
572	<option value="" selected="selected">Откуда</option>
573	<option value="538">36.6239,61.2511</option>
574	<option value="716">37.9685,55.7966</option>
575	<option value="693">35.4741,58.5208</option>
576	<option value="452">29.3164,59.5868</option>
577	<option value="708">29.8908,56.9786</option>
578	<option value="500">29.1943,53.1432</option>
579	<option value="535">33.8414,59.4787</option>
580	<option value="721">30.9285,58.191</option>
581	<option value="698">0,0</option>
582	<option value="656">31.0117,58.3799</option>
583	<option value="630">33.9305,58.3933</option>
584	<option value="469">29.6476,57.9571</option>
585	<option value="678">35.1188,58.4688</option>
586	<option value="699">31.0523,58.1474</option>
587	<option value="401">31.2509,58.5254</option>
588	<option value="446">31.2685,58.552</option>
589	<option value="581">31.2663,58.5513</option>
590	<option value="444">33.2455,57.9884</option>
591	<option value="466">29.3754,58.1765</option>
592	<option value="710">30.5432,56.3399</option>
593	<option value="414">37.2634,58.654</option>
594	<option value="485">32.3904,61.1922</option>
595	<option value="659">32.2175,58.3609</option>
596	<option value="434">35.7406,60.8291</option>
597	<option value="432">35.4834,61.0139</option>
598	<option value="644">32.9109,59.8491</option>
599	<option value="440">36.4348,61.0054</option>
600	<option value="615">27.624,57.9857</option>
601	<option value="459">27.8227,58.7435</option>
602	<option value="430">34.729,60.8975</option>
603	<option value="643">32.9381,59.8202</option>
604	<option value="445">32.4622,57.6413</option>
605	<option value="457">27.9138,58.8849</option>
606	<option value="476">28.7038,56.0439</option>
607	<option value="591">35.9874,58.9538</option>
608	<option value="424">33.0952,60.4741</option>
609	<option value="723">37.8709,48.0037</option>
610	<option value="654">33.7803,59.5727</option>
611	<option value="496">29.9778,55.8407</option>
612	<option value="569">30.9641,52.5071</option>
613	<option value="589">34.6339,59.4548</option>
614	<option value="590">34.6377,59.4518</option>
615	<option value="658">32.0658,58.3673</option>
616	<option value="463">29.7448,58.4347</option>
617	<option value="464">29.6834,58.3722</option>
618	<option value="453">29.1093,59.5501</option>
619	<option value="460">28.2189,59.377</option>
620	<option value="685">28.2184,59.3771</option>
621	<option value="483">32.6689,61.0158</option>
622	<option value="672">0,0</option>
623	<option value="667">0,0</option>
624	<option value="528">27.4179,59.3579</option>
625	<option value="454">28.6135,59.37</option>
626	<option value="489">31.8077,61.375</option>
627	<option value="419">32.1426,60.0088</option>
628	<option value="674">0,0</option>
629	<option value="543">32.5919,60.0364</option>
630	<option value="437">36.0845,60.9212</option>
631	<option value="634">34.0557,58.6422</option>
632	<option value="570">30.9176,52.5351</option>
633	<option value="540">36.362,61.653</option>
634	<option value="442">32.5243,58.248</option>
635	<option value="690">34.6052,58.4074</option>
636	<option value="665">0,0</option>
637	<option value="666">29.8557,61.3385</option>
638	<option value="516">36.5998,58.9728</option>
639	<option value="673">0,0</option>
640	<option value="657">30.884,58.3051</option>
641	<option value="426">33.5555,60.7285</option>
642	<option value="709">30.1526,56.8267</option>
643	<option value="638">25.7252,59.5789</option>
644	<option value="462">29.847,58.7418</option>
645	<option value="574">29.8827,58.7873</option>
646	<option value="465">29.3548,58.2249</option>
647	<option value="458">27.9017,58.8408</option>
648	<option value="503">25.0137,59.4737</option>
649	<option value="720">30.8774,58.1937</option>
650	<option value="689">34.5596,58.4251</option>
651	<option value="435">36.0011,60.8672</option>
652	<option value="618">30.5028,58.2905</option>
653	<option value="668">0,0</option>
654	<option value="513">27.5548,53.8901</option>
655	<option value="701">0,0</option>
656	<option value="412">36.7553,58.1708</option>
657	<option value="715">37.8011,55.811</option>
658	<option value="722">37.4801,55.8792</option>
659	<option value="677">34.5833,58.5071</option>
660	<option value="697">31.18,58.0483</option>
661	<option value="510">28.1959,59.3761</option>
662	<option value="534">28.1995,59.3693</option>
663	<option value="505">28.0288,59.4526</option>
664	<option value="507">28.0136,59.4419</option>
665	<option value="506">28.017,59.4441</option>
666	<option value="504">28.0383,59.4596</option>
667	<option value="660">32.7592,58.1459</option>
668	<option value="707">29.3315,57.0287</option>
669	<option value="539">36.6049,61.3783</option>
670	<option value="631">33.3011,58.3728</option>
671	<option value="481">32.9646,60.9771</option>
672	<option value="474">28.6711,56.715</option>
673	<option value="473">28.3604,57.3533</option>
674	<option value="694">35.6409,58.5713</option>
675	<option value="433">35.5555,60.8512</option>
676	<option value="468">29.5029,58.0498</option>
677	<option value="531">25.5556,58.8845</option>
678	<option value="439">36.3483,60.9924</option>
679	<option value="438">36.1585,61.011</option>
680	<option value="449">31.6451,57.9748</option>
681	<option value="423">33.0154,60.3958</option>
682	<option value="676">35.8047,58.6024</option>
683	<option value="718">34.3389,61.7874</option>
684	<option value="614">27.6094,57.8142</option>
685	<option value="406">34.1875,59.5163</option>
686	<option value="491">
68631.4631,61.5744</option>
687	<option value="686">31.6215,57.9759</option>
688	<option value="486">32.1996,61.2623</option>
689	<option value="552">31.1112,57.469</option>
690	<option value="427">34.1609,60.9089</option>
691	<option value="606">35.5793,58.9567</option>
692	<option value="479">28.7829,55.4904</option>
693	<option value="436">36.0419,60.8953</option>
694	<option value="470">29.5585,57.7586</option>
695	<option value="422">32.7878,60.2712</option>
696	<option value="688">34.3712,58.4232</option>
697	<option value="551">30.103,61.0366</option>
698	<option value="461">31.6962,58.4374</option>
699	<option value="472">28.3585,57.8024</option>
700	<option value="575">28.4168,57.7956</option>
701	<option value="541">36.5331,61.808</option>
702	<option value="706">28.9352,57.0213</option>
703	<option value="532">24.5051,58.3859</option>
704	<option value="533">24.4877,58.3828</option>
705	<option value="529">26.3645,59.3467</option>
706	<option value="691">35.0248,58.4386</option>
707	<option value="632">24.1146,56.945</option>
708	<option value="487">31.9761,61.3555</option>
709	<option value="408">35.2286,59.1105</option>
710	<option value="675">35.2248,59.0973</option>
711	<option value="488">31.8646,61.3698</option>
712	<option value="411">36.4044,58.4626</option>
713	<option value="482">33.3203,60.7788</option>
714	<option value="719">33.5886,61.5589</option>
715	<option value="475">28.483,56.2842</option>
716	<option value="421">32.6719,60.2048</option>
717	<option value="451">29.5292,59.628</option>
718	<option value="527">27.7734,59.3913</option>
719	<option value="586">31.0757,59.9045</option>
720	<option value="587">31.0739,59.9054</option>
721	<option value="456">28.0985,59.1063</option>
722	<option value="403">30.3154,58.1182</option>
723	<option value="661">30.3119,58.1197</option>
724	<option value="662">30.309,58.1169</option>
725	<option value="407">34.857,59.3469</option>
726	<option value="415">30.3577,59.9135</option>
727	<option value="695">30.3001,59.9081</option>
728	<option value="687">30.3226,59.8491</option>
729	<option value="418">30.3757,59.8285</option>
730	<option value="711">30.3739,59.8295</option>
731	<option value="399">30.4318,59.932</option>
732	<option value="417">30.3208,59.8546</option>
733	<option value="447">31.3444,58.0003</option>
734	<option value="557">31.3658,57.9896</option>
735	<option value="448">31.3659,57.9868</option>
736	<option value="692">35.2269,58.4955</option>
737	<option value="684">29.7509,57.9825</option>
738	<option value="420">32.539,60.1431</option>
739	<option value="509">24.7739,59.4275</option>
740	<option value="683">0,0</option>
741	<option value="681">0,0</option>
742	<option value="609">24.8719,59.4432</option>
743	<option value="610">24.8758,59.4429</option>
744	<option value="530">25.963,59.2652</option>
745	<option value="613">26.7322,58.378</option>
746	<option value="648">33.5057,59.6375</option>
747	<option value="537">33.5466,59.6438</option>
748	<option value="629">33.5488,59.6434</option>
749	<option value="508">27.5142,59.4252</option>
750	<option value="484">32.5693,61.1222</option>
751	<option value="647">33.3283,59.6835</option>
752	<option value="410">36.4257,58.8403</option>
753	<option value="619">30.2451,58.2768</option>
754	<option value="490">31.602,61.5016</option>
755	<option value="620">29.4536,58.2641</option>
756	<option value="645">32.9797,59.7547</option>
757	<option value="413">37.0248,58.1352</option>
758	<option value="544">32.7423,59.9556</option>
759	<option value="633">34.5044,58.8936</option>
760	<option value="717">29.6833,61.2333</option>
761	<option value="471">29.3738,57.7667</option>
762	<option value="553">31.1779,57.1426</option>
763	<option value="467">29.4152,58.1095</option>
764	<option value="409">35.3298,59.1655</option>
765	<option value="514">37.9272,59.1389</option>
766	<option value="455">28.434,59.2167</option>
767	<option value="425">33.3463,60.6637</option>
768	<option value="428">34.3869,60.8904</option>
769	<option value="402">30.7191,58.2098</option>
770	<option value="431">35.4321,60.9443</option>
771	<option value="477">28.686,56.0268</option>
772	<option value="404">32.3237,60.0696</option>
773	<option value="559">32.3213,60.0694</option>
774	<option value="443">32.972,58.0333</option>
775	<option value="502">32.9777,58.0311</option>
776</select>
777        </div>
778        <div class="relative">
779            <label class="sr-only" for="filter_from_search_field">Откуда</label>
780            <span class="pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-gray-400"><svg width="20" height="20" viewBox="0 0 24 24" class="fill-current"><path d="M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7Zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5Z"/></svg></span>
781            <span style="display:none;"><select id="filter_from" name="filter_from" class="input-medium">
782	<option value="" selected="selected">Откуда</option>
783	<option value="538">Андомский погост</option>
784	<option value="Балашиха">Балашиха (все остановки)</option>
785	<option value="716">Балашиха, АС Южная</option>
786	<option value="693">Барсаниха</option>
787	<option value="452">Бегуницы</option>
788	<option value="708">Бежаницы, АВ</option>
789	<option value="500">Бобруйск, АВ</option>
790	<option value="535">Бокситогорск, авт. ост. Павлова, 14</option>
791	<option value="721">Большая Витонь, поворот</option>
792	<option value="698">Борисово поворот</option>
793	<option value="656">Борки</option>
794	<option value="630">Боровичи АС, новгород.</option>
795	<option value="469">Боровичи, псков.</option>
796	<option value="678">Броди (Новгородская область)</option>
797	<option value="699">Буреги</option>
798	<option value="401">В.Новгород, АВ</option>
799	<option value="446">В.Новгород, Колмово</option>
800	<option value="581">В.Новгород, Колмово, Макдоналдс</option>
801	<option value="444">Валдай, АС</option>
802	<option value="466">Велени</option>
803	<option value="710">Великие Луки, АВ</option>
804	<option value="Великий Новгород">Великий Новгород (все остановки)</option>
805	<option value="414">Весьегонск, АС</option>
806	<option value="485">Видлица</option>
807	<option value="659">Вины</option>
808	<option value="434">Водлица</option>
809	<option value="432">Вознесенье</option>
810	<option value="644">Воскресенское</option>
811	<option value="440">Вытегра, АС</option>
812	<option value="615">Вярска, санаторий</option>
813	<option value="459">Гдов, АС</option>
814	<option value="430">Гоморовичи</option>
815	<option value="643">Горка-Воскресенская</option>
816	<option value="Горка-Воскресенская">Горка-Воскресенская (все остановки)</option>
817	<option value="445">Демянск, АС</option>
818	<option value="457">Добручи</option>
819	<option value="476">Долосцы</option>
820	<option value="591">Долоцкое</option>
821	<option value="424">Доможирово</option>
822	<option value="Донецк">Донецк (все остановки)</option>
823	<option value="723">Донецк, АВ Южный</option>
824	<option value="654">Дыми</option>
825	<option value="Дыми">Дыми (все остановки)</option>
826	<option value="496">Езерище</option>
827	<option value="569">Еремино</option>
828	<option value="589">Заголодно</option>
829	<option value="Заголодно">Заголодно (все остановки)</option>
830	<option value="590">Заголодно_</option>
831	<option value="658">Зайцево</option>
832	<option value="463">Заплюсье</option>
833	<option value="464">Заполье</option>
834	<option value="453">Зимитицы</option>
835	<option value="Ивангород">Ивангород (все остановки)</option>
836	<option value="460">Ивангород, АС</option>
837	<option value="685">Ивангород, Госпитальная ул., 2</option>
838	<option value="483">Ильинский</option>
839	<option value="672">Импилахти, поворот</option>
840	<option value="667">Ихала</option>
841	<option value="528">Йыхви, АС</option>
842	<option value="454">Кингисепп, АС</option>
843	<option value="489">Кирккоский</option>
844	<option value="419">Кисельня</option>
845	<option value="674">Койриноя</option>
846	<option value="543">Колчаново</option>
847	<option value="437">Кондуши</option>
848	<option value="634">Кончанско-Суворовское</option>
849	<option value="570">Костюковка</option>
850	<option value="540">Красноборский</option>
851	<option value="442">Крестцы, АС</option>
852	<option value="690">Крутец</option>
853	<option value="665">Кузнечное, поворот</option>
854	<option value="666">Куркиёки, поворот</option>
855	<option value="516">Лентьево, АС</option>
856	<option value="673">Леппясилта</option>
857	<option value="657">Лесная</option>
858	<option value="426">Лодейное Поле, АС</option>
859	<option value="709">Локня, АС</option>
860	<option value="638">Локса, поворот</option>
861	<option value="Луга">Луга (все остановки)</option>
862	<option value="462">Луга, АС</option>
863	<option value="574">Луга, мем. комплекс</option>
864	<option value="465">Лудони</option>
865	<option value="458">Лядцы</option>
866	<option value="503">Маарду</option>
867	<option value="720">Малая Витонь, поворот</option>
868	<option value="689">Меглецы</option>
869	<option value="435">Мегра</option>
870	<option value="618">Медведь, поворот</option>
871	<option value="668">Мийнала</option>
872	<option value="513">Минск, АВ</option>
873	<option value="701">Минцево</option>
874	<option value="412">Молоково</option>
875	<option value="Москва">Москва (все остановки)</option>
876	<option value="715">Москва, АВ Центральный</option>
877	<option value="722">Москва, МАВ Северные ворота</option>
878	<option value="677">Мошенское, АС</option>
879	<option value="697">Нагово</option>
880	<option value="510">Нарва</option>
881	<option value="Нарва">Нарва (все остановки)</option>
882	<option value="534">Нарва, АС</option>
883	<option value="Нарва-Йыэсуу">Нарва-Йыэсуу (все остановки)</option>
884	<option value="505">Нарва-Йыэсуу Мересуу</option>
885	<option value="507">Нарва-Йыэсуу Ноорус СПА Инн</option>
886	<option value="506">Нарва-Йыэсуу Ноорус СПА Отель</option>
887	<option value="504">Нарва-Йыэсуу СПА и Санаторий</option>
888	<option value="660">Новое Рахино</option>
889	<option value="707">Новоржев, АВ</option>
890	<option value="539">Октябрьский</option>
891	<option value="Окуловка">Окуловка (все остановки)</option>
892	<option value="631">Окуловка, АС</option>
893	<option value="481">Олонец, АС</option>
894	<option value="474">Опочка, АС</option>
895	<option value="473">Остров, АС</option>
896	<option value="694">Охона</option>
897	<option value="433">Ошта</option>
898	<option value="468">Павы</option>
899	<option value="531">Пайде, АВ</option>
900	<option value="439">Палозеро</option>
901	<option value="438">Палтога</option>
902	<option value="449">Парфино, АС</option>
903	<option value="423">Паша</option>
904	<option value="676">Пестово, АВ</option>
905	<option value="Петрозаводск">Петрозаводск (все остановки)</option>
906	<option value="718">Петрозаводск, АВ</option>
907	<option value="614">Печоры, АС</option>
908	<option value="406">Пикалево, АС</option>
909	<option value="491">Питкяранта, АС</option>
910	<option value="486">Погранкондуши</option>
911	<option value="552">Поддорье</option>
912	<option value="427">Подпорожье, АВ</option>
913	<option value="606">Покровское</option>
914	<option value="479">Полоцк, АВ</option>
915	<option value="436">Понизовье</option>
916	<option value="470">Порхов, АС</option>
917	<option value="422">Потанино</option>
918	<option value="688">Починная Сопка</option>
919	<option value="551">Приозерск, ЖД станция</option>
920	<option value="461">Пролетарий</option>
921	<option value="Псков">Псков (все остановки)</option>
922	<option value="472">Псков, АВ</option>
923	<option value="575">Псков, АЗС Несте</option>
924	<option value="541">Пудож, АС</option>
925	<option value="706">Пушкинские Горы, АВ</option>
926	<option value="532">Пярну, АВ</option>
927	<option value="533">Пярну, сан. 'Тервис','Эстония'</option>
928	<option value="529">Раквере, АС</option>
929	<option value="691">Раменье</option>
930	<option value="632">Рига, АВ</option>
931	<option value="487">Ряймяля</option>
932	<option value="415">СПб, АВ Обводный, 36</option>
933	<option value="695">СПб, ОП Балтийская</option>
934	<option value="687">СПб, ОП Московская</option>
935	<option value="418">СПб, ст. м. Купчино</option>
936	<option value="711">СПб, ст. м. Купчино 1</option>
937	<option value="399">СПб, ст. м. Ладожская, ТЦ Перрон</option>
938	<option value="417">СПб, ст. м. Московская</option>
939	<option value="Сазоново">Сазоново (все остановки)</option>
940	<option value="408">Сазоново-1</option>
941	<option value="675">Сазоново-2</option>
942	<option value="488">Салми</option>
943	<option value="411">Сандово</option>
944	<option value="Санкт-Петербург">Санкт-Петербург (все остановки)</option>
945	<option value="482">Свирское</option>
946	<option value="Святозеро">Святозеро (все остановки)</option>
947	<option value="719">Святозеро, ОП поворот</option>
948	<option value="475">Себеж, АС</option>
949	<option value="421">Селиваново</option>
950	<option value="451">Сельцо</option>
951	<option value="527">Силламяэ, АС</option>
952	<option value="586">Синявино</option>
953	<option value="Синявино">Синявино (все остановки)</option>
954	<option value="587">Синявино_</option>
955	<option value="456">Сланцы</option>
956	<option value="Сольцы">Сольцы (все остановки)</option>
957	<option value="403">Сольцы, АС</option>
958	<option value="661">Сольцы, остановка, Советский пр-т, 11 </option>
959	<option value="662">Сольцы, остановка, Советский пр-т, 20</option>
960	<option value="407">Сомино</option>
961	<option value="Старая Русса">Старая Русса (все остановки)</option>
962	<option value="447">Старая Русса, АС</option>
963	<option value="557">Старая Русса, Крестецкая, 25</option>
964	<option value="448">Старая Русса, курорт</option>
965	<option value="692">Столбское</option>
966	<option value="684">Сухлово</option>
967	<option value="420">Сясьстрой, АС</option>
968	<option value="Таллин">Таллин (все остановки)</option>
969	<option value="509">Таллин, АВ</option>
970	<option value="681">Таллин, Морской порт терминал D</option>
971	<option value="609">Таллин, Мустакиви (16101-1)</option>
972	<option value="610">Таллин, Мустакиви (16201-1)</option>
973	<option value="683">Таллин, аэропорт</option>
974	<option value="530">Тапа, АС</option>
975	<option value="613">Тарту, АВ</option>
976	<option value="Тихвин">Тихвин (все остановки)</option>
977	<option value="648">Тихвин, АC</option>
978	<option value="629">Тихвин, ТЦ Иматра</option>
979	<option value="537">Тихвин, молокозавод</option>
980	<option value="508">Тойла СПА Отель</option>
981	<option value="484">Тулокса</option>
982	<option value="647">Усть-Шомушка</option>
983	<option value="Усть-Шомушка">Усть-Шомушка (все остановки)</option>
984	<option value="410">Устюжна, АС</option>
985	<option value="619">Уторгош</option>
986	<option value="490">Ууксу</option>
987	<option value="620">Феофилова Пустынь</option>
988	<option value="645">Филовщина</option>
989	<option value="413">Хабоцкое</option>
990	<option value="544">Хвалово</option>
991	<option value="633">Хвойная,ОП</option>
992	<option value="717">Хийтола</option>
993	<option value="471">Хилово</option>
994	<option value="553">Холм, АС</option>
995	<option value="467">Хредино</option>
996	<option value="409">Чагода</option>
997	<option value="514">Череповец, АВ</option>
998	<option value="Череповец, АВ">Череповец, АВ (все остановки)</option>
999	<option value="455">Черновское</option>
1000	<option value="425">Шамокша, поворот</option>
1001	<option value="428">Шеменичи</option>
1002	<option value="402">Шимск, АС</option>
1003	<option value="431">Шустручей (д.Кипрушино)</option>
1004	<option value="477">Юховичи</option>
1005	<option value="404">Юшково</option>
1006	<option value="Юшково">Юшково (все остановки)</option>
1007	<option value="559">Юшково (рыбный рынок)</option>
1008	<option value="443">Яжелбицы</option>
1009	<option value="Яжелбицы">Яжелбицы (все остановки)</option>
1010	<option value="502">Яжелбицы2</option>
1011	<option value="д. Борки, остановка">д. Борки, остановка (все остановки)</option>
1012	<option value="д. Броди, остановка">д. Броди, остановка (все остановки)</option>
1013	<option value="д. Лесная, остановка">д. Лесная, остановка (все остановки)</option>
1014	<option value="деревня Зайцево, 1">деревня Зайцево, 1 (все остановки)</option>
1015	<option value="686">поворот на Федорково</option>
1016</select>
1017</span>
1018            <input type="text" id="filter_from_search_field" name="filter_from_search_field" placeholder="Откуда" required class="w-full ps-10 p-3.5 rounded-sm border border-gray-200 focus:outline-none focus:ring-2 focus:ring-red-500/70 focus:border-red-500 bus-combo-input" autocomplete="off">
1019            <div id="filter_from_search_result" class="search_block 
1019input-large" style="z-index: 7; font-size: small; width: 336px; max-height: 200px; overflow-y: scroll; border: 1px solid; position: absolute; background-color: rgb(255, 255, 255); display: none;">
1020	<div class="search_item" search_id="Андомский погост" style="border-bottom: 1px solid; padding: 10px; display: none;">
1021		<a class="search_name">
1022			<span id="filter_from_search-item" style="cursor: pointer;">Андомский погост</span>
1023		</a>
1024	</div>
1025	<div class="search_parent_item" search_id="Балашиха (все остановки)" child_id = "Балашиха" style="border-bottom: 1px solid; padding: 10px; display: none;">
1026		<span class="search_down_arrow" children_id = "Балашиха" style="float: right; width: 20px; height: 20px;"></span>
1027		<a class="search_parent_name">
1028			<span id="filter_from_search-item" style="cursor: pointer;">Балашиха (все остановки)</span>
1029		</a>
1030	</div>
1031	<div class="search_child_item" search_id="Балашиха, АС Южная" parent_id = "Балашиха" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1032		<a class="search_parent_name">
1033			<span id="filter_from_search-item" style="cursor: pointer;">Балашиха, АС Южная</span>
1034		</a>
1035	</div>
1036	<div class="search_item" search_id="Барсаниха" style="border-bottom: 1px solid; padding: 10px; display: none;">
1037		<a class="search_name">
1038			<span id="filter_from_search-item" style="cursor: pointer;">Барсаниха</span>
1039		</a>
1040	</div>
1041	<div class="search_item" search_id="Бегуницы" style="border-bottom: 1px solid; padding: 10px; display: none;">
1042		<a class="search_name">
1043			<span id="filter_from_search-item" style="cursor: pointer;">Бегуницы</span>
1044		</a>
1045	</div>
1046	<div class="search_item" search_id="Бежаницы, АВ" style="border-bottom: 1px solid; padding: 10px; display: none;">
1047		<a class="search_name">
1048			<span id="filter_from_search-item" style="cursor: pointer;">Бежаницы, АВ</span>
1049		</a>
1050	</div>
1051	<div class="search_item" search_id="Бобруйск, АВ" style="border-bottom: 1px solid; padding: 10px; display: none;">
1052		<a class="search_name">
1053			<span id="filter_from_search-item" style="cursor: pointer;">Бобруйск, АВ</span>
1054		</a>
1055	</div>
1056	<div class="search_item" search_id="Бокситогорск, авт. ост. Павлова, 14" style="border-bottom: 1px solid; padding: 10px; display: none;">
1057		<a class="search_name">
1058			<span id="filter_from_search-item" style="cursor: pointer;">Бокситогорск, авт. ост. Павлова, 14</span>
1059		</a>
1060	</div>
1061	<div class="search_item" search_id="Большая Витонь, поворот" style="border-bottom: 1px solid; padding: 10px; display: none;">
1062		<a class="search_name">
1063			<span id="filter_from_search-item" style="cursor: pointer;">Большая Витонь, поворот</span>
1064		</a>
1065	</div>
1066	<div class="search_item" search_id="Борисово поворот" style="border-bottom: 1px solid; padding: 10px; display: none;">
1067		<a class="search_name">
1068			<span id="filter_from_search-item" style="cursor: pointer;">Борисово поворот</span>
1069		</a>
1070	</div>
1071	<div class="search_item" search_id="Боровичи АС, новгород." style="border-bottom: 1px solid; padding: 10px; display: none;">
1072		<a class="search_name">
1073			<span id="filter_from_search-item" style="cursor: pointer;">Боровичи АС, новгород.</span>
1074		</a>
1075	</div>
1076	<div class="search_item" search_id="Боровичи, псков." style="border-bottom: 1px solid; padding: 10px; display: none;">
1077		<a class="search_name">
1078			<span id="filter_from_search-item" style="cursor: pointer;">Боровичи, псков.</span>
1079		</a>
1080	</div>
1081	<div class="search_item" search_id="Буреги" style="border-bottom: 1px solid; padding: 10px; display: none;">
1082		<a class="search_name">
1083			<span id="filter_from_search-item" style="cursor: pointer;">Буреги</span>
1084		</a>
1085	</div>
1086	<div class="search_item" search_id="Валдай, АС" style="border-bottom: 1px solid; padding: 10px; display: none;">
1087		<a class="search_name">
1088			<span id="filter_from_search-item" style="cursor: pointer;">Валдай, АС</span>
1089		</a>
1090	</div>
1091	<div class="search_item" search_id="Велени" style="border-bottom: 1px solid; padding: 10px; display: none;">
1092		<a class="search_name">
1093			<span id="filter_from_search-item" style="cursor: pointer;">Велени</span>
1094		</a>
1095	</div>
1096	<div class="search_item" search_id="Великие Луки, АВ" style="border-bottom: 1px solid; padding: 10px; display: none;">
1097		<a class="search_name">
1098			<span id="filter_from_search-item" style="cursor: pointer;">Великие Луки, АВ</span>
1099		</a>
1100	</div>
1101	<div class="search_parent_item" search_id="Великий Новгород (все остановки)" child_id = "Великий Новгород" style="border-bottom: 1px solid; padding: 10px; display: none;">
1102		<span class="search_down_arrow" children_id = "Великий Новгород" style="float: right;
1102 width: 20px; height: 20px;"></span>
1103		<a class="search_parent_name">
1104			<span id="filter_from_search-item" style="cursor: pointer;">Великий Новгород (все остановки)</span>
1105		</a>
1106	</div>
1107	<div class="search_child_item" search_id="В.Новгород, АВ" parent_id = "Великий Новгород" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1108		<a class="search_parent_name">
1109			<span id="filter_from_search-item" style="cursor: pointer;">В.Новгород, АВ</span>
1110		</a>
1111	</div>
1112	<div class="search_child_item" search_id="В.Новгород, Колмово" parent_id = "Великий Новгород" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1113		<a class="search_parent_name">
1114			<span id="filter_from_search-item" style="cursor: pointer;">В.Новгород, Колмово</span>
1115		</a>
1116	</div>
1117	<div class="search_child_item" search_id="В.Новгород, Колмово, Макдоналдс" parent_id = "Великий Новгород" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1118		<a class="search_parent_name">
1119			<span id="filter_from_search-item" style="cursor: pointer;">В.Новгород, Колмово, Макдоналдс</span>
1120		</a>
1121	</div>
1122	<div class="search_item" search_id="Весьегонск, АС" style="border-bottom: 1px solid; padding: 10px; display: none;">
1123		<a class="search_name">
1124			<span id="filter_from_search-item" style="cursor: pointer;">Весьегонск, АС</span>
1125		</a>
1126	</div>
1127	<div class="search_item" search_id="Видлица" style="border-bottom: 1px solid; padding: 10px; display: none;">
1128		<a class="search_name">
1129			<span id="filter_from_search-item" style="cursor: pointer;">Видлица</span>
1130		</a>
1131	</div>
1132	<div class="search_item" search_id="Вины" style="border-bottom: 1px solid; padding: 10px; display: none;">
1133		<a class="search_name">
1134			<span id="filter_from_search-item" style="cursor: pointer;">Вины</span>
1135		</a>
1136	</div>
1137	<div class="search_item" search_id="Водлица" style="border-bottom: 1px solid; padding: 10px; display: none;">
1138		<a class="search_name">
1139			<span id="filter_from_search-item" style="cursor: pointer;">Водлица</span>
1140		</a>
1141	</div>
1142	<div class="search_item" search_id="Вознесенье" style="border-bottom: 1px solid; padding: 10px; display: none;">
1143		<a class="search_name">
1144			<span id="filter_from_search-item" style="cursor: pointer;">Вознесенье</span>
1145		</a>
1146	</div>
1147	<div class="search_item" search_id="Воскресенское" style="border-bottom: 1px solid; padding: 10px; display: none;">
1148		<a class="search_name">
1149			<span id="filter_from_search-item" style="cursor: pointer;">Воскресенское</span>
1150		</a>
1151	</div>
1152	<div class="search_item" search_id="Вытегра, АС" style="border-bottom: 1px solid; padding: 10px; display: none;">
1153		<a class="search_name">
1154			<span id="filter_from_search-item" style="cursor: pointer;">Вытегра, АС</span>
1155		</a>
1156	</div>
1157	<div class="search_item" search_id="Вярска, санаторий" style="border-bottom: 1px solid; padding: 10px; display: none;">
1158		<a class="search_name">
1159			<span id="filter_from_search-item" style="cursor: pointer;">Вярска, санаторий</span>
1160		</a>
1161	</div>
1162	<div class="search_item" search_id="Гдов, АС" style="border-bottom: 1px solid; padding: 10px; display: none;">
1163		<a class="search_name">
1164			<span id="filter_from_search-item" style="cursor: pointer;">Гдов, АС</span>
1165		</a>
1166	</div>
1167	<div class="search_item" search_id="Гоморовичи" style="border-bottom: 1px solid; padding: 10px; display: none;">
1168		<a class="search_name">
1169			<span id="filter_from_search-item" style="cursor: pointer;">Гоморовичи</span>
1170		</a>
1171	</div>
1172	<div class="search_parent_item" search_id="Горка-Воскресенская (все остановки)" child_id = "Горка-Воскресенская" style="border-bottom: 1px solid; padding: 10px; display: none;">
1173		<span class="search_down_arrow" children_id = "Горка-Воскресенская" style="float: right;
1173 width: 20px; height: 20px;"></span>
1174		<a class="search_parent_name">
1175			<span id="filter_from_search-item" style="cursor: pointer;">Горка-Воскресенская (все остановки)</span>
1176		</a>
1177	</div>
1178	<div class="search_child_item" search_id="Горка-Воскресенская" parent_id = "Горка-Воскресенская" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1179		<a class="search_parent_name">
1180			<span id="filter_from_search-item" style="cursor: pointer;">Горка-Воскресенская</span>
1181		</a>
1182	</div>
1183	<div class="search_item" search_id="Демянск, АС" style="border-bottom: 1px solid; padding: 10px; display: none;">
1184		<a class="search_name">
1185			<span id="filter_from_search-item" style="cursor: pointer;">Демянск, АС</span>
1186		</a>
1187	</div>
1188	<div class="search_item" search_id="Добручи" style="border-bottom: 1px solid; padding: 10px; display: none;">
1189		<a class="search_name">
1190			<span id="filter_from_search-item" style="cursor: pointer;">Добручи</span>
1191		</a>
1192	</div>
1193	<div class="search_item" search_id="Долосцы" style="border-bottom: 1px solid; padding: 10px; display: none;">
1194		<a class="search_name">
1195			<span id="filter_from_search-item" style="cursor: pointer;">Долосцы</span>
1196		</a>
1197	</div>
1198	<div class="search_item" search_id="Долоцкое" style="border-bottom: 1px solid; padding: 10px; display: none;">
1199		<a class="search_name">
1200			<span id="filter_from_search-item" style="cursor: pointer;">Долоцкое</span>
1201		</a>
1202	</div>
1203	<div class="search_item" search_id="Доможирово" style="border-bottom: 1px solid; padding: 10px; display: none;">
1204		<a class="search_name">
1205			<span id="filter_from_search-item" style="cursor: pointer;">Доможирово</span>
1206		</a>
1207	</div>
1208	<div class="search_parent_item" search_id="Донецк (все остановки)" child_id = "Донецк" style="border-bottom: 1px solid; padding: 10px; display: none;">
1209		<span class="search_down_arrow" children_id = "Донецк" style="float: right; width: 20px; height: 20px;"></span>
1210		<a class="search_parent_name">
1211			<span id="filter_from_search-item" style="cursor: pointer;">Донецк (все остановки)</span>
1212		</a>
1213	</div>
1214	<div class="search_child_item" search_id="Донецк, АВ Южный" parent_id = "Донецк" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1215		<a class="search_parent_name">
1216			<span id="filter_from_search-item" style="cursor: pointer;">Донецк, АВ Южный</span>
1217		</a>
1218	</div>
1219	<div class="search_parent_item" search_id="Дыми (все остановки)" child_id = "Дыми" style="border-bottom: 1px solid; padding: 10px; display: none;">
1220		<span class="search_down_arrow" children_id = "Дыми" style="float: right; width: 20px; height: 20px;"></span>
1221		<a class="search_parent_name">
1222			<span id="filter_from_search-item" style="cursor: pointer;">Дыми (все остановки)</span>
1223		</a>
1224	</div>
1225	<div class="search_child_item" search_id="Дыми" parent_id = "Дыми" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1226		<a class="search_parent_name">
1227			<span id="filter_from_search-item" style="cursor: pointer;">Дыми</span>
1228		</a>
1229	</div>
1230	<div class="search_item" search_id="Езерище" style="border-bottom: 1px solid; padding: 10px; display: none;">
1231		<a class="search_name">
1232			<span id="filter_from_search-item" style="cursor: pointer;">Езерище</span>
1233		</a>
1234	</div>
1235	<div class="search_item" search_id="Еремино" style="border-bottom: 1px solid; padding: 10px; display: none;">
1236		<a class="search_name">
1237			<span id="filter_from_search-item" style="cursor: pointer;">Еремино</span>
1238		</a>
1239	</div>
1240	<div class="search_item" search_id="Заголодно" style="border-bottom: 1px solid; padding: 10px; display: none;">
1241		<a class="search_name">
1242			<span id="filter_from_search-item" style="cursor: pointer;">Заголодно</span>
1243		</a>
1244	</div>
1245	<div class="search_parent_item" search_id="Заголодно (все остановки)" child_id = "Заголодно" style="border-bottom: 1px solid; padding: 10px; display: none;">
1246		<span class="search_down_arrow" children_id = "Заголодно" style="float: right;
1246 width: 20px; height: 20px;"></span>
1247		<a class="search_parent_name">
1248			<span id="filter_from_search-item" style="cursor: pointer;">Заголодно (все остановки)</span>
1249		</a>
1250	</div>
1251	<div class="search_child_item" search_id="Заголодно_" parent_id = "Заголодно" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1252		<a class="search_parent_name">
1253			<span id="filter_from_search-item" style="cursor: pointer;">Заголодно_</span>
1254		</a>
1255	</div>
1256	<div class="search_item" search_id="Заплюсье" style="border-bottom: 1px solid; padding: 10px; display: none;">
1257		<a class="search_name">
1258			<span id="filter_from_search-item" style="cursor: pointer;">Заплюсье</span>
1259		</a>
1260	</div>
1261	<div class="search_item" search_id="Заполье" style="border-bottom: 1px solid; padding: 10px; display: none;">
1262		<a class="search_name">
1263			<span id="filter_from_search-item" style="cursor: pointer;">Заполье</span>
1264		</a>
1265	</div>
1266	<div class="search_item" search_id="Зимитицы" style="border-bottom: 1px solid; padding: 10px; display: none;">
1267		<a class="search_name">
1268			<span id="filter_from_search-item" style="cursor: pointer;">Зимитицы</span>
1269		</a>
1270	</div>
1271	<div class="search_parent_item" search_id="Ивангород (все остановки)" child_id = "Ивангород" style="border-bottom: 1px solid; padding: 10px; display: none;">
1272		<span class="search_down_arrow" children_id = "Ивангород" style="float: right; width: 20px; height: 20px;"></span>
1273		<a class="search_parent_name">
1274			<span id="filter_from_search-item" style="cursor: pointer;">Ивангород (все остановки)</span>
1275		</a>
1276	</div>
1277	<div class="search_child_item" search_id="Ивангород, АС" parent_id = "Ивангород" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1278		<a class="search_parent_name">
1279			<span id="filter_from_search-item" style="cursor: pointer;">Ивангород, АС</span>
1280		</a>
1281	</div>
1282	<div class="search_child_item" search_id="Ивангород, Госпитальная ул., 2" parent_id = "Ивангород" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1283		<a class="search_parent_name">
1284			<span id="filter_from_search-item" style="cursor: pointer;">Ивангород, Госпитальная ул., 2</span>
1285		</a>
1286	</div>
1287	<div class="search_item" search_id="Ильинский" style="border-bottom: 1px solid; padding: 10px; display: none;">
1288		<a class="search_name">
1289			<span id="filter_from_search-item" style="cursor: pointer;">Ильинский</span>
1290		</a>
1291	</div>
1292	<div class="search_item" search_id="Импилахти, поворот" style="border-bottom: 1px solid; padding: 10px; display: none;">
1293		<a class="search_name">
1294			<span id="filter_from_search-item" style="cursor: pointer;">Импилахти, поворот</span>
1295		</a>
1296	</div>
1297	<div class="search_item" search_id="Ихала" style="border-bottom: 1px solid; padding: 10px; display: none;">
1298		<a class="search_name">
1299			<span id="filter_from_search-item" style="cursor: pointer;">
1299Ихала</span>
1300		</a>
1301	</div>
1302	<div class="search_item" search_id="Йыхви, АС" style="border-bottom: 1px solid; padding: 10px; display: none;">
1303		<a class="search_name">
1304			<span id="filter_from_search-item" style="cursor: pointer;">Йыхви, АС</span>
1305		</a>
1306	</div>
1307	<div class="search_item" search_id="Кингисепп, АС" style="border-bottom: 1px solid; padding: 10px; display: none;">
1308		<a class="search_name">
1309			<span id="filter_from_search-item" style="cursor: pointer;">Кингисепп, АС</span>
1310		</a>
1311	</div>
1312	<div class="search_item" search_id="Кирккоский" style="border-bottom: 1px solid; padding: 10px; display: none;">
1313		<a class="search_name">
1314			<span id="filter_from_search-item" style="cursor: pointer;">Кирккоский</span>
1315		</a>
1316	</div>
1317	<div class="search_item" search_id="Кисельня" style="border-bottom: 1px solid; padding: 10px; display: none;">
1318		<a class="search_name">
1319			<span id="filter_from_search-item" style="cursor: pointer;">Кисельня</span>
1320		</a>
1321	</div>
1322	<div class="search_item" search_id="Койриноя" style="border-bottom: 1px solid; padding: 10px; display: none;">
1323		<a class="search_name">
1324			<span id="filter_from_search-item" style="cursor: pointer;">Койриноя</span>
1325		</a>
1326	</div>
1327	<div class="search_item" search_id="Колчаново" style="border-bottom: 1px solid; padding: 10px; display: none;">
1328		<a class="search_name">
1329			<span id="filter_from_search-item" style="cursor: pointer;">Колчаново</span>
1330		</a>
1331	</div>
1332	<div class="search_item" search_id="Кондуши" style="border-bottom: 1px solid; padding: 10px; display: none;">
1333		<a class="search_name">
1334			<span id="filter_from_search-item" style="cursor: pointer;">Кондуши</span>
1335		</a>
1336	</div>
1337	<div class="search_item" search_id="Кончанско-Суворовское" style="border-bottom: 1px solid; padding: 10px; display: none;">
1338		<a class="search_name">
1339			<span id="filter_from_search-item" style="cursor: pointer;">Кончанско-Суворовское</span>
1340		</a>
1341	</div>
1342	<div class="search_item" search_id="Костюковка" style="border-bottom: 1px solid; padding: 10px; display: none;">
1343		<a class="search_name">
1344			<span id="filter_from_search-item" style="cursor: pointer;">Костюковка</span>
1345		</a>
1346	</div>
1347	<div class="search_item" search_id="Красноборский" style="border-bottom: 1px solid; padding: 10px; display: none;">
1348		<a class="search_name">
1349			<span id="filter_from_search-item" style="cursor: pointer;">Красноборский</span>
1350		</a>
1351	</div>
1352	<div class="search_item" search_id="Крестцы, АС" style="border-bottom: 1px solid; padding: 10px; display: none;">
1353		<a class="search_name">
1354			<span id="filter_from_search-item" style="cursor: pointer;">Крестцы, АС</span>
1355		</a>
1356	</div>
1357	<div class="search_item" search_id="Крутец" style="border-bottom: 1px solid; padding: 10px; display: none;">
1358		<a class="search_name">
1359			<span id="filter_from_search-item" style="cursor: pointer;">Крутец</span>
1360		</a>
1361	</div>
1362	<div class="search_item" search_id="Кузнечное, поворот" style="border-bottom: 1px solid; padding: 10px; display: none;">
1363		<a class="search_name">
1364			<span id="filter_from_search-item" style="cursor: pointer;">Кузнечное, поворот</span>
1365		</a>
1366	</div>
1367	<div class="search_item" search_id="Куркиёки, поворот" style="border-bottom: 1px solid; padding: 10px; display: none;">
1368		<a class="search_name">
1369			<span id="filter_from_search-item" style="cursor: pointer;">Куркиёки, поворот</span>
1370		</a>
1371	</div>
1372	<div class="search_item" search_id="Лентьево, АС" style="border-bottom: 1px solid; padding: 10px; display: none;">
1373		<a class="search_name">
1374			<span id="filter_from_search-item" style="cursor: pointer;">Лентьево, АС</span>
1375		</a>
1376	</div>
1377	<div class="search_item" search_id="Леппясилта" style="border-bottom: 1px solid; padding: 10px; display: none;">
1378		<a class="search_name">
1379			<span id="filter_from_search-item" style="cursor: pointer;">
1379Леппясилта</span>
1380		</a>
1381	</div>
1382	<div class="search_item" search_id="Лодейное Поле, АС" style="border-bottom: 1px solid; padding: 10px; display: none;">
1383		<a class="search_name">
1384			<span id="filter_from_search-item" style="cursor: pointer;">Лодейное Поле, АС</span>
1385		</a>
1386	</div>
1387	<div class="search_item" search_id="Локня, АС" style="border-bottom: 1px solid; padding: 10px; display: none;">
1388		<a class="search_name">
1389			<span id="filter_from_search-item" style="cursor: pointer;">Локня, АС</span>
1390		</a>
1391	</div>
1392	<div class="search_item" search_id="Локса, поворот" style="border-bottom: 1px solid; padding: 10px; display: none;">
1393		<a class="search_name">
1394			<span id="filter_from_search-item" style="cursor: pointer;">Локса, поворот</span>
1395		</a>
1396	</div>
1397	<div class="search_parent_item" search_id="Луга (все остановки)" child_id = "Луга" style="border-bottom: 1px solid; padding: 10px; display: none;">
1398		<span class="search_down_arrow" children_id = "Луга" style="float: right; width: 20px; height: 20px;"></span>
1399		<a class="search_parent_name">
1400			<span id="filter_from_search-item" style="cursor: pointer;">Луга (все остановки)</span>
1401		</a>
1402	</div>
1403	<div class="search_child_item" search_id="Луга, АС" parent_id = "Луга" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1404		<a class="search_parent_name">
1405			<span id="filter_from_search-item" style="cursor: pointer;">Луга, АС</span>
1406		</a>
1407	</div>
1408	<div class="search_child_item" search_id="Луга, мем. комплекс" parent_id = "Луга" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1409		<a class="search_parent_name">
1410			<span id="filter_from_search-item" style="cursor: pointer;">Луга, мем. комплекс</span>
1411		</a>
1412	</div>
1413	<div class="search_item" search_id="Лудони" style="border-bottom: 1px solid; padding: 10px; display: none;">
1414		<a class="search_name">
1415			<span id="filter_from_search-item" style="cursor: pointer;">Лудони</span>
1416		</a>
1417	</div>
1418	<div class="search_item" search_id="Лядцы" style="border-bottom: 1px solid; padding: 10px; display: none;">
1419		<a class="search_name">
1420			<span id="filter_from_search-item" style="cursor: pointer;">Лядцы</span>
1421		</a>
1422	</div>
1423	<div class="search_item" search_id="Маарду" style="border-bottom: 1px solid; padding: 10px; display: none;">
1424		<a class="search_name">
1425			<span id="filter_from_search-item" style="cursor: pointer;">Маарду</span>
1426		</a>
1427	</div>
1428	<div class="search_item" search_id="Малая Витонь, поворот" style="border-bottom: 1px solid; padding: 10px; display: none;">
1429		<a class="search_name">
1430			<span id="filter_from_search-item" style="cursor: pointer;">Малая Витонь, поворот</span>
1431		</a>
1432	</div>
1433	<div class="search_item" search_id="Меглецы" style="border-bottom: 1px solid; padding: 10px; display: none;">
1434		<a class="search_name">
1435			<span id="filter_from_search-item" style="cursor: pointer;">Меглецы</span>
1436		</a>
1437	</div>
1438	<div class="search_item" search_id="Мегра" style="border-bottom: 1px solid; padding: 10px; display: none;">
1439		<a class="search_name">
1440			<span id="filter_from_search-item" style="cursor: pointer;">Мегра</span>
1441		</a>
1442	</div>
1443	<div class="search_item" search_id="Медведь, поворот" style="border-bottom: 1px solid; padding: 10px; display: none;">
1444		<a class="search_name">
1445			<span id="filter_from_search-item" style="cursor: pointer;">Медведь, поворот</span>
1446		</a>
1447	</div>
1448	<div class="search_item" search_id="Мийнала" style="border-bottom: 1px solid; padding: 10px; display: none;">
1449		<a class="search_name">
1450			<span id="filter_from_search-item" style="cursor: pointer;">Мийнала</span>
1451		</a>
1452	</div>
1453	<div class="search_item" search_id="Минск, АВ" style="border-bottom: 1px solid; padding: 10px; display: none;">
1454		<a class="search_name">
1455			<span id="filter_from_search-item" style="cursor: pointer;">Минск, АВ</span>
1456		</a>
1457	</div>
1458	<div class="search_item" search_id="Минцево" style="border-bottom: 1px solid; padding: 10px; display: none;">
1459		<a class="search_name">
1460			<span id="filter_from_search-item" style="cursor: pointer;">Минцево</span>
1461		</a>
1462	</div>
1463	<div class="search_item" search_id="Молоково" style="border-bottom: 1px solid; padding: 10px; display: none;">
1464		<a class="search_name">
1465			<span id="filter_from_search-item" style="cursor: pointer;">Молоково</span>
1466		</a>
1467	</div>
1468	<div class="search_parent_item" search_id="Москва (все остановки)" child_id = "Москва" style="border-bottom: 1px solid; padding: 10px; display: none;">
1469		<span class="search_down_arrow" children_id = "Москва" style="float: right;
1469 width: 20px; height: 20px;"></span>
1470		<a class="search_parent_name">
1471			<span id="filter_from_search-item" style="cursor: pointer;">Москва (все остановки)</span>
1472		</a>
1473	</div>
1474	<div class="search_child_item" search_id="Москва, АВ Центральный" parent_id = "Москва" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1475		<a class="search_parent_name">
1476			<span id="filter_from_search-item" style="cursor: pointer;">Москва, АВ Центральный</span>
1477		</a>
1478	</div>
1479	<div class="search_child_item" search_id="Москва, МАВ Северные ворота" parent_id = "Москва" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1480		<a class="search_parent_name">
1481			<span id="filter_from_search-item" style="cursor: pointer;">Москва, МАВ Северные ворота</span>
1482		</a>
1483	</div>
1484	<div class="search_item" search_id="Мошенское, АС" style="border-bottom: 1px solid; padding: 10px; display: none;">
1485		<a class="search_name">
1486			<span id="filter_from_search-item" style="cursor: pointer;">Мошенское, АС</span>
1487		</a>
1488	</div>
1489	<div class="search_item" search_id="Нагово" style="border-bottom: 1px solid; padding: 10px; display: none;">
1490		<a class="search_name">
1491			<span id="filter_from_search-item" style="cursor: pointer;">Нагово</span>
1492		</a>
1493	</div>
1494	<div class="search_parent_item" search_id="Нарва (все остановки)" child_id = "Нарва" style="border-bottom: 1px solid; padding: 10px; display: none;">
1495		<span class="search_down_arrow" children_id = "Нарва" style="float: right; width: 20px; height: 20px;"></span>
1496		<a class="search_parent_name">
1497			<span id="filter_from_search-item" style="cursor: pointer;">Нарва (все остановки)</span>
1498		</a>
1499	</div>
1500	<div class="search_child_item" search_id="Нарва" parent_id = "Нарва" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1501		<a class="search_parent_name">
1502			<span id="filter_from_search-item" style="cursor: pointer;">Нарва</span>
1503		</a>
1504	</div>
1505	<div class="search_child_item" search_id="Нарва, АС" parent_id = "Нарва" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1506		<a class="search_parent_name">
1507			<span id="filter_from_search-item" style="cursor: pointer;">Нарва, АС</span>
1508		</a>
1509	</div>
1510	<div class="search_parent_item" search_id="Нарва-Йыэсуу (все остановки)" child_id = "Нарва-Йыэсуу" style="border-bottom: 1px solid; padding: 10px; display: none;">
1511		<span class="search_down_arrow" children_id = "Нарва-Йыэсуу" style="float: right; width: 20px; height: 20px;"></span>
1512		<a class="search_parent_name">
1513			<span id="filter_from_search-item" style="cursor: pointer;">Нарва-Йыэсуу (все остановки)</span>
1514		</a>
1515	</div>
1516	<div class="search_child_item" search_id="Нарва-Йыэсуу Мересуу" parent_id = "Нарва-Йыэсуу" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1517		<a class="search_parent_name">
1518			<span id="filter_from_search-item" style="cursor: pointer;">Нарва-Йыэсуу Мересуу</span>
1519		</a>
1520	</div>
1521	<div class="search_child_item" search_id="Нарва-Йыэсуу Ноорус СПА Инн" parent_id = "Нарва-Йыэсуу" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1522		<a class="search_parent_name">
1523			<span id="filter_from_search-item" style="cursor: pointer;">Нарва-Йыэсуу Ноорус СПА Инн</span>
1524		</a>
1525	</div>
1526	<div class="search_child_item" search_id="Нарва-Йыэсуу Ноорус СПА Отель" parent_id = "Нарва-Йыэсуу" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1527		<a class="search_parent_name">
1528			<span id="filter_from_search-item" style="cursor: pointer;">Нарва-Йыэсуу Ноорус СПА Отель</span>
1529		</a>
1530	</div>
1531	<div class="search_child_item" search_id="Нарва-Йыэсуу СПА и Санаторий" parent_id = "Нарва-Йыэсуу" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1532		<a class="search_parent_name">
1533			<span id="filter_from_search-item" style="cursor: pointer;">Нарва-Йыэсуу СПА и Санаторий</span>
1534		</a>
1535	</div>
1536	<div class="search_item" search_id="Новое Рахино" style="border-bottom: 1px solid; padding: 10px; display: none;">
1537		<a class="search_name">
1538			<span id="filter_from_search-item" style="cursor: pointer;">Новое Рахино</span>
1539		</a>
1540	</div>
1541	<div class="search_item" search_id="Новоржев, АВ" style="border-bottom: 1px solid; padding: 10px; display: none;">
1542		<a class="search_name">
1543			<span id="filter_from_search-item" style="cursor: pointer;">Новоржев, АВ</span>
1544		</a>
1545	</div>
1546	<div class="search_item" search_id="Октябрьский" style="border-bottom: 1px solid; padding: 10px; display: none;">
1547		<a class="search_name">
1548			<span id="filter_from_search-item" style="cursor: pointer;">Октябрьский</span>
1549		</a>
1550	</div>
1551	<div class="search_parent_item" search_id="Окуловка (все остановки)" child_id = "Окуловка" style="border-bottom: 1px solid; padding: 10px; display: none;">
1552		<span class="search_down_arrow" children_id = "Окуловка" style="float: right;
1552 width: 20px; height: 20px;"></span>
1553		<a class="search_parent_name">
1554			<span id="filter_from_search-item" style="cursor: pointer;">Окуловка (все остановки)</span>
1555		</a>
1556	</div>
1557	<div class="search_child_item" search_id="Окуловка, АС" parent_id = "Окуловка" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1558		<a class="search_parent_name">
1559			<span id="filter_from_search-item" style="cursor: pointer;">Окуловка, АС</span>
1560		</a>
1561	</div>
1562	<div class="search_item" search_id="Олонец, АС" style="border-bottom: 1px solid; padding: 10px; display: none;">
1563		<a class="search_name">
1564			<span id="filter_from_search-item" style="cursor: pointer;">Олонец, АС</span>
1565		</a>
1566	</div>
1567	<div class="search_item" search_id="Опочка, АС" style="border-bottom: 1px solid; padding: 10px; display: none;">
1568		<a class="search_name">
1569			<span id="filter_from_search-item" style="cursor: pointer;">Опочка, АС</span>
1570		</a>
1571	</div>
1572	<div class="search_item" search_id="Остров, АС" style="border-bottom: 1px solid; padding: 10px; display: none;">
1573		<a class="search_name">
1574			<span id="filter_from_search-item" style="cursor: pointer;">Остров, АС</span>
1575		</a>
1576	</div>
1577	<div class="search_item" search_id="Охона" style="border-bottom: 1px solid; padding: 10px; display: none;">
1578		<a class="search_name">
1579			<span id="filter_from_search-item" style="cursor: pointer;">Охона</span>
1580		</a>
1581	</div>
1582	<div class="search_item" search_id="Ошта" style="border-bottom: 1px solid; padding: 10px; display: none;">
1583		<a class="search_name">
1584			<span id="filter_from_search-item" style="cursor: pointer;">Ошта</span>
1585		</a>
1586	</div>
1587	<div class="search_item" search_id="Павы" style="border-bottom: 1px solid; padding: 10px; display: none;">
1588		<a class="search_name">
1589			<span id="filter_from_search-item" style="cursor: pointer;">Павы</span>
1590		</a>
1591	</div>
1592	<div class="search_item" search_id="Пайде, АВ" style="border-bottom: 1px solid; padding: 10px; display: none;">
1593		<a class="search_name">
1594			<span id="filter_from_search-item" style="cursor: pointer;">Пайде, АВ</span>
1595		</a>
1596	</div>
1597	<div class="search_item" search_id="Палозеро" style="border-bottom: 1px solid; padding: 10px; display: none;">
1598		<a class="search_name">
1599			<span id="filter_from_search-item" style="cursor: pointer;">Палозеро</span>
1600		</a>
1601	</div>
1602	<div class="search_item" search_id="Палтога" style="border-bottom: 1px solid; padding: 10px; display: none;">
1603		<a class="search_name">
1604			<span id="filter_from_search-item" style="cursor: pointer;">Палтога</span>
1605		</a>
1606	</div>
1607	<div class="search_item" search_id="Парфино, АС" style="border-bottom: 1px solid; padding: 10px; display: none;">
1608		<a class="search_name">
1609			<span id="filter_from_search-item" style="cursor: pointer;">Парфино, АС</span>
1610		</a>
1611	</div>
1612	<div class="search_item" search_id="Паша" style="border-bottom: 1px solid; padding: 10px; display: none;">
1613		<a class="search_name">
1614			<span id="filter_from_search-item" style="cursor: pointer;">Паша</span>
1615		</a>
1616	</div>
1617	<div class="search_item" search_id="Пестово, АВ" style="border-bottom: 1px solid; padding: 10px; display: none;">
1618		<a class="search_name">
1619			<span id="filter_from_search-item" style="cursor: pointer;">Пестово, АВ</span>
1620		</a>
1621	</div>
1622	<div class="search_parent_item" search_id="Петрозаводск (все остановки)" child_id = "Петрозаводск" style="border-bottom: 1px solid; padding: 10px; display: none;">
1623		<span class="search_down_arrow" children_id = "Петрозаводск" style="float: right; width: 20px; height: 20px;"></span>
1624		<a class="search_parent_name">
1625			<span id="filter_from_search-item" style="cursor: pointer;">Петрозаводск (все остановки)</span>
1626		</a>
1627	</div>
1628	<div class="search_child_item" search_id="Петрозаводск, АВ" parent_id = "Петрозаводск" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1629		<a class="search_parent_name">
1630			<span id="filter_from_search-item" style="cursor: pointer;">Петрозаводск, АВ</span>
1631		</a>
1632	</div>
1633	<div class="search_item" search_id="Печоры, АС" style="border-bottom: 1px solid; padding: 10px; display: none;">
1634		<a class="search_name">
1635			<span id="filter_from_search-item" style="cursor: pointer;">Печоры, АС</span>
1636		</a>
1637	</div>
1638	<div class="search_item" search_id="Пикалево, АС" style="border-bottom: 1px solid; padding: 10px; display: none;">
1639		<a class="search_name">
1640			<span id="filter_from_search-item" style="cursor: pointer;">Пикалево, АС</span>
1641		</a>
1642	</div>
1643	<div class="search_item" search_id="Питкяранта, АС" style="border-bottom: 1px solid; padding: 10px; display: none;">
1644		<a class="search_name">
1645			<span id="filter_from_search-item" style="cursor: pointer;">Питкяранта, АС</span>
1646		</a>
1647	</div>
1648	<div class="search_item" search_id="Погранкондуши" style="border-bottom: 1px solid; padding: 10px; display: none;">
1649		<a class="search_name">
1650			<span id="filter_from_search-item" style="cursor: pointer;">Погранкондуши</span>
1651		</a>
1652	</div>
1653	<div class="search_item" search_id="Поддорье" style="border-bottom: 1px solid; padding: 10px; display: none;">
1654		<a class="search_name">
1655			<span id="filter_from_search-item" style="cursor: pointer;">Поддорье</span>
1656		</a>
1657	</div>
1658	<div class="search_item" search_id="Подпорожье, АВ" style="border-bottom: 1px solid; padding: 10px; display: none;">
1659		<a class="search_name">
1660			<span id="filter_from_search-item" style="cursor: pointer;">Подпорожье, АВ</span>
1661		</a>
1662	</div>
1663	<div class="search_item" search_id="Покровское" style="border-bottom: 1px solid; padding: 10px; display: none;">
1664		<a class="search_name">
1665			<span id="filter_from_search-item" style="cursor: pointer;">Покровское</span>
1666		</a>
1667	</div>
1668	<div class="search_item" search_id="Полоцк, АВ" style="border-bottom: 1px solid; padding: 10px; display: none;">
1669		<a class="search_name">
1670			<span id="filter_from_search-item" style="cursor: pointer;">Полоцк, АВ</span>
1671		</a>
1672	</div>
1673	<div class="search_item" search_id="Понизовье" style="border-bottom: 1px solid; padding: 10px; display: none;">
1674		<a class="search_name">
1675			<span id="filter_from_search-item" style="cursor: pointer;">Понизовье</span>
1676		</a>
1677	</div>
1678	<div class="search_item" search_id="Порхов, АС" style="border-bottom: 1px solid; padding: 10px; display: none;">
1679		<a class="search_name">
1680			<span id="filter_from_search-item" style="cursor: pointer;">Порхов, АС</span>
1681		</a>
1682	</div>
1683	<div class="search_item" search_id="Потанино" style="border-bottom: 1px solid; padding: 10px; display: none;">
1684		<a class="search_name">
1685			<span id="filter_from_search-item" style="cursor: pointer;">Потанино</span>
1686		</a>
1687	</div>
1688	<div class="search_item" search_id="Починная Сопка" style="border-bottom: 1px solid; padding: 10px; display: none;">
1689		<a class="search_name">
1690			<span id="filter_from_search-item" style="cursor: pointer;">Починная Сопка</span>
1691		</a>
1692	</div>
1693	<div class="search_item" search_id="Приозерск, ЖД станция" style="border-bottom: 1px solid; padding: 10px; display: none;">
1694		<a class="search_name">
1695			<span id="filter_from_search-item" style="cursor: pointer;">Приозерск, ЖД станция</span>
1696		</a>
1697	</div>
1698	<div class="search_item" search_id="Пролетарий" style="border-bottom: 1px solid; padding: 10px; display: none;">
1699		<a class="search_name">
1700			<span id="filter_from_search-item" style="cursor: pointer;">Пролетарий</span>
1701		</a>
1702	</div>
1703	<div class="search_parent_item" search_id="Псков (все остановки)" child_id = "Псков" style="border-bottom: 1px solid; padding: 10px; display: none;">
1704		<span class="search_down_arrow" children_id = "Псков" style="float: right;
1704 width: 20px; height: 20px;"></span>
1705		<a class="search_parent_name">
1706			<span id="filter_from_search-item" style="cursor: pointer;">Псков (все остановки)</span>
1707		</a>
1708	</div>
1709	<div class="search_child_item" search_id="Псков, АВ" parent_id = "Псков" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1710		<a class="search_parent_name">
1711			<span id="filter_from_search-item" style="cursor: pointer;">Псков, АВ</span>
1712		</a>
1713	</div>
1714	<div class="search_child_item" search_id="Псков, АЗС Несте" parent_id = "Псков" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1715		<a class="search_parent_name">
1716			<span id="filter_from_search-item" style="cursor: pointer;">Псков, АЗС Несте</span>
1717		</a>
1718	</div>
1719	<div class="search_item" search_id="Пудож, АС" style="border-bottom: 1px solid; padding: 10px; display: none;">
1720		<a class="search_name">
1721			<span id="filter_from_search-item" style="cursor: pointer;">Пудож, АС</span>
1722		</a>
1723	</div>
1724	<div class="search_item" search_id="Пушкинские Горы, АВ" style="border-bottom: 1px solid; padding: 10px; display: none;">
1725		<a class="search_name">
1726			<span id="filter_from_search-item" style="cursor: pointer;">Пушкинские Горы, АВ</span>
1727		</a>
1728	</div>
1729	<div class="search_item" search_id="Пярну, АВ" style="border-bottom: 1px solid; padding: 10px; display: none;">
1730		<a class="search_name">
1731			<span id="filter_from_search-item" style="cursor: pointer;">Пярну, АВ</span>
1732		</a>
1733	</div>
1734	<div class="search_item" search_id="Пярну, сан. 'Тервис','Эстония'" style="border-bottom: 1px solid; padding: 10px; display: none;">
1735		<a class="search_name">
1736			<span id="filter_from_search-item" style="cursor: pointer;">Пярну, сан. 'Тервис','Эстония'</span>
1737		</a>
1738	</div>
1739	<div class="search_item" search_id="Раквере, АС" style="border-bottom: 1px solid; padding: 10px; display: none;">
1740		<a class="search_name">
1741			<span id="filter_from_search-item" style="cursor: pointer;">Раквере, АС</span>
1742		</a>
1743	</div>
1744	<div class="search_item" search_id="Раменье" style="border-bottom: 1px solid; padding: 10px; display: none;">
1745		<a class="search_name">
1746			<span id="filter_from_search-item" style="cursor: pointer;">Раменье</span>
1747		</a>
1748	</div>
1749	<div class="search_item" search_id="Рига, АВ" style="border-bottom: 1px solid; padding: 10px; display: none;">
1750		<a class="search_name">
1751			<span id="filter_from_search-item" style="cursor: pointer;">Рига, АВ</span>
1752		</a>
1753	</div>
1754	<div class="search_item" search_id="Ряймяля" style="border-bottom: 1px solid; padding: 10px; display: none;">
1755		<a class="search_name">
1756			<span id="filter_from_search-item" style="cursor: pointer;">Ряймяля</span>
1757		</a>
1758	</div>
1759	<div class="search_parent_item" search_id="Сазоново (все остановки)" child_id = "Сазоново" style="border-bottom: 1px solid; padding: 10px; display: none;">
1760		<span class="search_down_arrow" children_id = "Сазоново" style="float: right; width: 20px; height: 20px;"></span>
1761		<a class="search_parent_name">
1762			<span id="filter_from_search-item" style="cursor: pointer;">Сазоново (все остановки)</span>
1763		</a>
1764	</div>
1765	<div class="search_child_item" search_id="Сазоново-1" parent_id = "Сазоново" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1766		<a class="search_parent_name">
1767			<span id="filter_from_search-item" style="cursor: pointer;">Сазоново-1</span>
1768		</a>
1769	</div>
1770	<div class="search_child_item" search_id="Сазоново-2" parent_id = "Сазоново" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1771		<a class="search_parent_name">
1772			<span id="filter_from_search-item" style="cursor: pointer;">Сазоново-2</span>
1773		</a>
1774	</div>
1775	<div class="search_item" search_id="Салми" style="border-bottom: 1px solid; padding: 10px; display: none;">
1776		<a class="search_name">
1777			<span id="filter_from_search-item" style="cursor: pointer;">Салми</span>
1778		</a>
1779	</div>
1780	<div class="search_item" search_id="Сандово" style="border-bottom: 1px solid; padding: 10px; display: none;">
1781		<a class="search_name">
1782			<span id="filter_from_search-item" style="cursor: pointer;">Сандово</span>
1783		</a>
1784	</div>
1785	<div class="search_parent_item" search_id="Санкт-Петербург (все остановки)" child_id = "Санкт-Петербург" style="border-bottom: 1px solid; padding: 10px; display: none;">
1786		<span class="search_down_arrow" children_id = "Санкт-Петербург" style="float: right;
1786 width: 20px; height: 20px;"></span>
1787		<a class="search_parent_name">
1788			<span id="filter_from_search-item" style="cursor: pointer;">Санкт-Петербург (все остановки)</span>
1789		</a>
1790	</div>
1791	<div class="search_child_item" search_id="СПб, АВ Обводный, 36" parent_id = "Санкт-Петербург" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1792		<a class="search_parent_name">
1793			<span id="filter_from_search-item" style="cursor: pointer;">СПб, АВ Обводный, 36</span>
1794		</a>
1795	</div>
1796	<div class="search_child_item" search_id="СПб, ОП Балтийская" parent_id = "Санкт-Петербург" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1797		<a class="search_parent_name">
1798			<span id="filter_from_search-item" style="cursor: pointer;">СПб, ОП Балтийская</span>
1799		</a>
1800	</div>
1801	<div class="search_child_item" search_id="СПб, ОП Московская" parent_id = "Санкт-Петербург" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1802		<a class="search_parent_name">
1803			<span id="filter_from_search-item" style="cursor: pointer;">СПб, ОП Московская</span>
1804		</a>
1805	</div>
1806	<div class="search_child_item" search_id="СПб, ст. м. Купчино" parent_id = "Санкт-Петербург" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1807		<a class="search_parent_name">
1808			<span id="filter_from_search-item" style="cursor: pointer;">СПб, ст. м. Купчино</span>
1809		</a>
1810	</div>
1811	<div class="search_child_item" search_id="СПб, ст. м. Купчино 1" parent_id = "Санкт-Петербург" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1812		<a class="search_parent_name">
1813			<span id="filter_from_search-item" style="cursor: pointer;">СПб, ст. м. Купчино 1</span>
1814		</a>
1815	</div>
1816	<div class="search_child_item" search_id="СПб, ст. м. Ладожская, ТЦ Перрон" parent_id = "Санкт-Петербург" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1817		<a class="search_parent_name">
1818			<span id="filter_from_search-item" style="cursor: pointer;">СПб, ст. м. Ладожская, ТЦ Перрон</span>
1819		</a>
1820	</div>
1821	<div class="search_child_item" search_id="СПб, ст. м. Московская" parent_id = "Санкт-Петербург" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1822		<a class="search_parent_name">
1823			<span id="filter_from_search-item" style="cursor: pointer;">СПб, ст. м. Московская</span>
1824		</a>
1825	</div>
1826	<div class="search_item" search_id="Свирское" style="border-bottom: 1px solid; padding: 10px; display: none;">
1827		<a class="search_name">
1828			<span id="filter_from_search-item" style="cursor: pointer;">Свирское</span>
1829		</a>
1830	</div>
1831	<div class="search_parent_item" search_id="Святозеро (все остановки)" child_id = "Святозеро" style="border-bottom: 1px solid; padding: 10px; display: none;">
1832		<span class="search_down_arrow" children_id = "Святозеро" style="float: right; width: 20px; height: 20px;"></span>
1833		<a class="search_parent_name">
1834			<span id="filter_from_search-item" style="cursor: pointer;">Святозеро (все остановки)</span>
1835		</a>
1836	</div>
1837	<div class="search_child_item" search_id="Святозеро, ОП поворот" parent_id = "Святозеро" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1838		<a class="search_parent_name">
1839			<span id="filter_from_search-item" style="cursor: pointer;">Святозеро, ОП поворот</span>
1840		</a>
1841	</div>
1842	<div class="search_item" search_id="Себеж, АС" style="border-bottom: 1px solid; padding: 10px; display: none;">
1843		<a class="search_name">
1844			<span id="filter_from_search-item" style="cursor: pointer;">Себеж, АС</span>
1845		</a>
1846	</div>
1847	<div class="search_item" search_id="Селиваново" style="border-bottom: 1px solid; padding: 10px; display: none;">
1848		<a class="search_name">
1849			<span id="filter_from_search-item" style="cursor: pointer;">Селиваново</span>
1850		</a>
1851	</div>
1852	<div class="search_item" search_id="Сельцо" style="border-bottom: 1px solid; padding: 10px; display: none;">
1853		<a class="search_name">
1854			<span id="filter_from_search-item" style="cursor: pointer;">Сельцо</span>
1855		</a>
1856	</div>
1857	<div class="search_item" search_id="Силламяэ, АС" style="border-bottom: 1px solid; padding: 10px; display: none;">
1858		<a class="search_name">
1859			<span id="filter_from_search-item" style="cursor: pointer;">Силламяэ, АС</span>
1860		</a>
1861	</div>
1862	<div class="search_parent_item" search_id="Синявино (все остановки)" child_id = "Синявино" style="border-bottom: 1px solid; padding: 10px; display: none;">
1863		<span class="search_down_arrow" children_id = "Синявино" style="float: right;
1863 width: 20px; height: 20px;"></span>
1864		<a class="search_parent_name">
1865			<span id="filter_from_search-item" style="cursor: pointer;">Синявино (все остановки)</span>
1866		</a>
1867	</div>
1868	<div class="search_child_item" search_id="Синявино" parent_id = "Синявино" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1869		<a class="search_parent_name">
1870			<span id="filter_from_search-item" style="cursor: pointer;">Синявино</span>
1871		</a>
1872	</div>
1873	<div class="search_child_item" search_id="Синявино_" parent_id = "Синявино" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1874		<a class="search_parent_name">
1875			<span id="filter_from_search-item" style="cursor: pointer;">Синявино_</span>
1876		</a>
1877	</div>
1878	<div class="search_item" search_id="Сланцы" style="border-bottom: 1px solid; padding: 10px; display: none;">
1879		<a class="search_name">
1880			<span id="filter_from_search-item" style="cursor: pointer;">Сланцы</span>
1881		</a>
1882	</div>
1883	<div class="search_parent_item" search_id="Сольцы (все остановки)" child_id = "Сольцы" style="border-bottom: 1px solid; padding: 10px; display: none;">
1884		<span class="search_down_arrow" children_id = "Сольцы" style="float: right; width: 20px; height: 20px;"></span>
1885		<a class="search_parent_name">
1886			<span id="filter_from_search-item" style="cursor: pointer;">Сольцы (все остановки)</span>
1887		</a>
1888	</div>
1889	<div class="search_child_item" search_id="Сольцы, АС" parent_id = "Сольцы" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1890		<a class="search_parent_name">
1891			<span id="filter_from_search-item" style="cursor: pointer;">Сольцы, АС</span>
1892		</a>
1893	</div>
1894	<div class="search_child_item" search_id="Сольцы, остановка, Советский пр-т, 11 " parent_id = "Сольцы" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1895		<a class="search_parent_name">
1896			<span id="filter_from_search-item" style="cursor: pointer;">Сольцы, остановка, Советский пр-т, 11 </span>
1897		</a>
1898	</div>
1899	<div class="search_child_item" search_id="Сольцы, остановка, Советский пр-т, 20" parent_id = "Сольцы" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1900		<a class="search_parent_name">
1901			<span id="filter_from_search-item" style="cursor: pointer;">Сольцы, остановка, Советский пр-т, 20</span>
1902		</a>
1903	</div>
1904	<div class="search_item" search_id="Сомино" style="border-bottom: 1px solid; padding: 10px; display: none;">
1905		<a class="search_name">
1906			<span id="filter_from_search-item" style="cursor: pointer;">Сомино</span>
1907		</a>
1908	</div>
1909	<div class="search_parent_item" search_id="Старая Русса (все остановки)" child_id = "Старая Русса" style="border-bottom: 1px solid; padding: 10px; display: none;">
1910		<span class="search_down_arrow" children_id = "Старая Русса" style="float: right; width: 20px; height: 20px;"></span>
1911		<a class="search_parent_name">
1912			<span id="filter_from_search-item" style="cursor: pointer;">Старая Русса (все остановки)</span>
1913		</a>
1914	</div>
1915	<div class="search_child_item" search_id="Старая Русса, АС" parent_id = "Старая Русса" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1916		<a class="search_parent_name">
1917			<span id="filter_from_search-item" style="cursor: pointer;">Старая Русса, АС</span>
1918		</a>
1919	</div>
1920	<div class="search_child_item" search_id="Старая Русса, Крестецкая, 25" parent_id = "Старая Русса" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1921		<a class="search_parent_name">
1922			<span id="filter_from_search-item" style="cursor: pointer;">Старая Русса, Крестецкая, 25</span>
1923		</a>
1924	</div>
1925	<div class="search_child_item" search_id="Старая Русса, курорт" parent_id = "Старая Русса" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1926		<a class="search_parent_name">
1927			<span id="filter_from_search-item" style="cursor: pointer;">Старая Русса, курорт</span>
1928		</a>
1929	</div>
1930	<div class="search_item" search_id="Столбское" style="border-bottom: 1px solid; padding: 10px; display: none;">
1931		<a class="search_name">
1932			<span id="filter_from_search-item" style="cursor: pointer;">Столбское</span>
1933		</a>
1934	</div>
1935	<div class="search_item" search_id="Сухлово" style="border-bottom: 1px solid; padding: 10px; display: none;">
1936		<a class="search_name">
1937			<span id="filter_from_search-item" style="cursor: pointer;">Сухлово</span>
1938		</a>
1939	</div>
1940	<div class="search_item" search_id="Сясьстрой, АС" style="border-bottom: 1px solid; padding: 10px; display: none;">
1941		<a class="search_name">
1942			<span id="filter_from_search-item" style="cursor: pointer;">Сясьстрой, АС</span>
1943		</a>
1944	</div>
1945	<div class="search_parent_item" search_id="Таллин (все остановки)" child_id = "Таллин" style="border-bottom: 1px solid; padding: 10px; display: none;">
1946		<span class="search_down_arrow" children_id = "Таллин" style="float: right;
1946 width: 20px; height: 20px;"></span>
1947		<a class="search_parent_name">
1948			<span id="filter_from_search-item" style="cursor: pointer;">Таллин (все остановки)</span>
1949		</a>
1950	</div>
1951	<div class="search_child_item" search_id="Таллин, АВ" parent_id = "Таллин" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1952		<a class="search_parent_name">
1953			<span id="filter_from_search-item" style="cursor: pointer;">Таллин, АВ</span>
1954		</a>
1955	</div>
1956	<div class="search_child_item" search_id="Таллин, аэропорт" parent_id = "Таллин" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1957		<a class="search_parent_name">
1958			<span id="filter_from_search-item" style="cursor: pointer;">Таллин, аэропорт</span>
1959		</a>
1960	</div>
1961	<div class="search_child_item" search_id="Таллин, Морской порт терминал D" parent_id = "Таллин" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1962		<a class="search_parent_name">
1963			<span id="filter_from_search-item" style="cursor: pointer;">Таллин, Морской порт терминал D</span>
1964		</a>
1965	</div>
1966	<div class="search_child_item" search_id="Таллин, Мустакиви (16101-1)" parent_id = "Таллин" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1967		<a class="search_parent_name">
1968			<span id="filter_from_search-item" style="cursor: pointer;">Таллин, Мустакиви (16101-1)</span>
1969		</a>
1970	</div>
1971	<div class="search_child_item" search_id="Таллин, Мустакиви (16201-1)" parent_id = "Таллин" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1972		<a class="search_parent_name">
1973			<span id="filter_from_search-item" style="cursor: pointer;">Таллин, Мустакиви (16201-1)</span>
1974		</a>
1975	</div>
1976	<div class="search_item" search_id="Тапа, АС" style="border-bottom: 1px solid; padding: 10px; display: none;">
1977		<a class="search_name">
1978			<span id="filter_from_search-item" style="cursor: pointer;">Тапа, АС</span>
1979		</a>
1980	</div>
1981	<div class="search_item" search_id="Тарту, АВ" style="border-bottom: 1px solid; padding: 10px; display: none;">
1982		<a class="search_name">
1983			<span id="filter_from_search-item" style="cursor: pointer;">Тарту, АВ</span>
1984		</a>
1985	</div>
1986	<div class="search_parent_item" search_id="Тихвин (все остановки)" child_id = "Тихвин" style="border-bottom: 1px solid; padding: 10px; display: none;">
1987		<span class="search_down_arrow" children_id = "Тихвин" style="float: right; width: 20px; height: 20px;"></span>
1988		<a class="search_parent_name">
1989			<span id="filter_from_search-item" style="cursor: pointer;">Тихвин (все остановки)</span>
1990		</a>
1991	</div>
1992	<div class="search_child_item" search_id="Тихвин, АC" parent_id = "Тихвин" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1993		<a class="search_parent_name">
1994			<span id="filter_from_search-item" style="cursor: pointer;">Тихвин, АC</span>
1995		</a>
1996	</div>
1997	<div class="search_child_item" search_id="Тихвин, молокозавод" parent_id = "Тихвин" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
1998		<a class="search_parent_name">
1999			<span id="filter_from_search-item" style="cursor: pointer;">Тихвин, молокозавод</span>
2000		</a>
2001	</div>
2002	<div class="search_child_item" search_id="Тихвин, ТЦ Иматра" parent_id = "Тихвин" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
2003		<a class="search_parent_name">
2004			<span id="filter_from_search-item" style="cursor: pointer;">Тихвин, ТЦ Иматра</span>
2005		</a>
2006	</div>
2007	<div class="search_item" search_id="Тойла СПА Отель" style="border-bottom: 1px solid; padding: 10px; display: none;">
2008		<a class="search_name">
2009			<span id="filter_from_search-item" style="cursor: pointer;">Тойла СПА Отель</span>
2010		</a>
2011	</div>
2012	<div class="search_item" search_id="Тулокса" style="border-bottom: 1px solid; padding: 10px; display: none;">
2013		<a class="search_name">
2014			<span id="filter_from_search-item" style="cursor: pointer;">Тулокса</span>
2015		</a>
2016	</div>
2017	<div class="search_parent_item" search_id="Усть-Шомушка (все остановки)" child_id = "Усть-Шомушка" style="border-bottom: 1px solid; padding: 10px; display: none;">
2018		<span class="search_down_arrow" children_id = "Усть-Шомушка" style="float: right;
2018 width: 20px; height: 20px;"></span>
2019		<a class="search_parent_name">
2020			<span id="filter_from_search-item" style="cursor: pointer;">Усть-Шомушка (все остановки)</span>
2021		</a>
2022	</div>
2023	<div class="search_child_item" search_id="Усть-Шомушка" parent_id = "Усть-Шомушка" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
2024		<a class="search_parent_name">
2025			<span id="filter_from_search-item" style="cursor: pointer;">Усть-Шомушка</span>
2026		</a>
2027	</div>
2028	<div class="search_item" search_id="Устюжна, АС" style="border-bottom: 1px solid; padding: 10px; display: none;">
2029		<a class="search_name">
2030			<span id="filter_from_search-item" style="cursor: pointer;">Устюжна, АС</span>
2031		</a>
2032	</div>
2033	<div class="search_item" search_id="Уторгош" style="border-bottom: 1px solid; padding: 10px; display: none;">
2034		<a class="search_name">
2035			<span id="filter_from_search-item" style="cursor: pointer;">Уторгош</span>
2036		</a>
2037	</div>
2038	<div class="search_item" search_id="Ууксу" style="border-bottom: 1px solid; padding: 10px; display: none;">
2039		<a class="search_name">
2040			<span id="filter_from_search-item" style="cursor: pointer;">Ууксу</span>
2041		</a>
2042	</div>
2043	<div class="search_item" search_id="Феофилова Пустынь" style="border-bottom: 1px solid; padding: 10px; display: none;">
2044		<a class="search_name">
2045			<span id="filter_from_search-item" style="cursor: pointer;">Феофилова Пустынь</span>
2046		</a>
2047	</div>
2048	<div class="search_item" search_id="Филовщина" style="border-bottom: 1px solid; padding: 10px; display: none;">
2049		<a class="search_name">
2050			<span id="filter_from_search-item" style="cursor: pointer;">Филовщина</span>
2051		</a>
2052	</div>
2053	<div class="search_item" search_id="Хабоцкое" style="border-bottom: 1px solid; padding: 10px; display: none;">
2054		<a class="search_name">
2055			<span id="filter_from_search-item" style="cursor: pointer;">Хабоцкое</span>
2056		</a>
2057	</div>
2058	<div class="search_item" search_id="Хвалово" style="border-bottom: 1px solid; padding: 10px; display: none;">
2059		<a class="search_name">
2060			<span id="filter_from_search-item" style="cursor: pointer;">Хвалово</span>
2061		</a>
2062	</div>
2063	<div class="search_item" search_id="Хвойная,ОП" style="border-bottom: 1px solid; padding: 10px; display: none;">
2064		<a class="search_name">
2065			<span id="filter_from_search-item" style="cursor: pointer;">Хвойная,ОП</span>
2066		</a>
2067	</div>
2068	<div class="search_item" search_id="Хийтола" style="border-bottom: 1px solid; padding: 10px; display: none;">
2069		<a class="search_name">
2070			<span id="filter_from_search-item" style="cursor: pointer;">Хийтола</span>
2071		</a>
2072	</div>
2073	<div class="search_item" search_id="Хилово" style="border-bottom: 1px solid; padding: 10px; display: none;">
2074		<a class="search_name">
2075			<span id="filter_from_search-item" style="cursor: pointer;">Хилово</span>
2076		</a>
2077	</div>
2078	<div class="search_item" search_id="Холм, АС" style="border-bottom: 1px solid; padding: 10px; display: none;">
2079		<a class="search_name">
2080			<span id="filter_from_search-item" style="cursor: pointer;">Холм, АС</span>
2081		</a>
2082	</div>
2083	<div class="search_item" search_id="Хредино" style="border-bottom: 1px solid; padding: 10px; display: none;">
2084		<a class="search_name">
2085			<span id="filter_from_search-item" style="cursor: pointer;">Хредино</span>
2086		</a>
2087	</div>
2088	<div class="search_item" search_id="Чагода" style="border-bottom: 1px solid; padding: 10px; display: none;">
2089		<a class="search_name">
2090			<span id="filter_from_search-item" style="cursor: pointer;">Чагода</span>
2091		</a>
2092	</div>
2093	<div class="search_parent_item" search_id="Череповец, АВ (все остановки)" child_id = "Череповец, АВ" style="border-bottom: 1px solid; padding: 10px; display: none;">
2094		<span class="search_down_arrow" children_id = "Череповец, АВ" style="float: right;
2094 width: 20px; height: 20px;"></span>
2095		<a class="search_parent_name">
2096			<span id="filter_from_search-item" style="cursor: pointer;">Череповец, АВ (все остановки)</span>
2097		</a>
2098	</div>
2099	<div class="search_child_item" search_id="Череповец, АВ" parent_id = "Череповец, АВ" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
2100		<a class="search_parent_name">
2101			<span id="filter_from_search-item" style="cursor: pointer;">Череповец, АВ</span>
2102		</a>
2103	</div>
2104	<div class="search_item" search_id="Черновское" style="border-bottom: 1px solid; padding: 10px; display: none;">
2105		<a class="search_name">
2106			<span id="filter_from_search-item" style="cursor: pointer;">Черновское</span>
2107		</a>
2108	</div>
2109	<div class="search_item" search_id="Шамокша, поворот" style="border-bottom: 1px solid; padding: 10px; display: none;">
2110		<a class="search_name">
2111			<span id="filter_from_search-item" style="cursor: pointer;">Шамокша, поворот</span>
2112		</a>
2113	</div>
2114	<div class="search_item" search_id="Шеменичи" style="border-bottom: 1px solid; padding: 10px; display: none;">
2115		<a class="search_name">
2116			<span id="filter_from_search-item" style="cursor: pointer;">Шеменичи</span>
2117		</a>
2118	</div>
2119	<div class="search_item" search_id="Шимск, АС" style="border-bottom: 1px solid; padding: 10px; display: none;">
2120		<a class="search_name">
2121			<span id="filter_from_search-item" style="cursor: pointer;">Шимск, АС</span>
2122		</a>
2123	</div>
2124	<div class="search_item" search_id="Шустручей (д.Кипрушино)" style="border-bottom: 1px solid; padding: 10px; display: none;">
2125		<a class="search_name">
2126			<span id="filter_from_search-item" style="cursor: pointer;">Шустручей (д.Кипрушино)</span>
2127		</a>
2128	</div>
2129	<div class="search_item" search_id="Юховичи" style="border-bottom: 1px solid; padding: 10px; display: none;">
2130		<a class="search_name">
2131			<span id="filter_from_search-item" style="cursor: pointer;">Юховичи</span>
2132		</a>
2133	</div>
2134	<div class="search_parent_item" search_id="Юшково (все остановки)" child_id = "Юшково" style="border-bottom: 1px solid; padding: 10px; display: none;">
2135		<span class="search_down_arrow" children_id = "Юшково" style="float: right; width: 20px; height: 20px;"></span>
2136		<a class="search_parent_name">
2137			<span id="filter_from_search-item" style="cursor: pointer;">Юшково (все остановки)</span>
2138		</a>
2139	</div>
2140	<div class="search_child_item" search_id="Юшково" parent_id = "Юшково" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
2141		<a class="search_parent_name">
2142			<span id="filter_from_search-item" style="cursor: pointer;">Юшково</span>
2143		</a>
2144	</div>
2145	<div class="search_child_item" search_id="Юшково (рыбный рынок)" parent_id = "Юшково" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
2146		<a class="search_parent_name">
2147			<span id="filter_from_search-item" style="cursor: pointer;">Юшково (рыбный рынок)</span>
2148		</a>
2149	</div>
2150	<div class="search_parent_item" search_id="Яжелбицы (все остановки)" child_id = "Яжелбицы" style="border-bottom: 1px solid; padding: 10px; display: none;">
2151		<span class="search_down_arrow" children_id = "Яжелбицы" style="float: right; width: 20px; height: 20px;"></span>
2152		<a class="search_parent_name">
2153			<span id="filter_from_search-item" style="cursor: pointer;">Яжелбицы (все остановки)</span>
2154		</a>
2155	</div>
2156	<div class="search_child_item" search_id="Яжелбицы" parent_id = "Яжелбицы" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
2157		<a class="search_parent_name">
2158			<span id="filter_from_search-item" style="cursor: pointer;">Яжелбицы</span>
2159		</a>
2160	</div>
2161	<div class="search_child_item" search_id="Яжелбицы2" parent_id = "Яжелбицы" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
2162		<a class="search_parent_name">
2163			<span id="filter_from_search-item" style="cursor: pointer;">Яжелбицы2</span>
2164		</a>
2165	</div>
2166	<div class="search_parent_item" search_id="д. Борки, остановка (все остановки)" child_id = "д. Борки, остановка" style="border-bottom: 1px solid; padding: 10px; display: none;">
2167		<span class="search_down_arrow" children_id = "д. Борки, остановка" style="float: right;
2167 width: 20px; height: 20px;"></span>
2168		<a class="search_parent_name">
2169			<span id="filter_from_search-item" style="cursor: pointer;">д. Борки, остановка (все остановки)</span>
2170		</a>
2171	</div>
2172	<div class="search_child_item" search_id="Борки" parent_id = "д. Борки, остановка" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
2173		<a class="search_parent_name">
2174			<span id="filter_from_search-item" style="cursor: pointer;">Борки</span>
2175		</a>
2176	</div>
2177	<div class="search_parent_item" search_id="д. Броди, остановка (все остановки)" child_id = "д. Броди, остановка" style="border-bottom: 1px solid; padding: 10px; display: none;">
2178		<span class="search_down_arrow" children_id = "д. Броди, остановка" style="float: right; width: 20px; height: 20px;"></span>
2179		<a class="search_parent_name">
2180			<span id="filter_from_search-item" style="cursor: pointer;">д. Броди, остановка (все остановки)</span>
2181		</a>
2182	</div>
2183	<div class="search_child_item" search_id="Броди (Новгородская область)" parent_id = "д. Броди, остановка" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
2184		<a class="search_parent_name">
2185			<span id="filter_from_search-item" style="cursor: pointer;">Броди (Новгородская область)</span>
2186		</a>
2187	</div>
2188	<div class="search_parent_item" search_id="д. Лесная, остановка (все остановки)" child_id = "д. Лесная, остановка" style="border-bottom: 1px solid; padding: 10px; display: none;">
2189		<span class="search_down_arrow" children_id = "д. Лесная, остановка" style="float: right; width: 20px; height: 20px;"></span>
2190		<a class="search_parent_name">
2191			<span id="filter_from_search-item" style="cursor: pointer;">д. Лесная, остановка (все остановки)</span>
2192		</a>
2193	</div>
2194	<div class="search_child_item" search_id="Лесная" parent_id = "д. Лесная, остановка" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
2195		<a class="search_parent_name">
2196			<span id="filter_from_search-item" style="cursor: pointer;">Лесная</span>
2197		</a>
2198	</div>
2199	<div class="search_parent_item" search_id="деревня Зайцево, 1 (все остановки)" child_id = "деревня Зайцево, 1" style="border-bottom: 1px solid; padding: 10px; display: none;">
2200		<span class="search_down_arrow" children_id = "деревня Зайцево, 1" style="float: right; width: 20px; height: 20px;"></span>
2201		<a class="search_parent_name">
2202			<span id="filter_from_search-item" style="cursor: pointer;">деревня Зайцево, 1 (все остановки)</span>
2203		</a>
2204	</div>
2205	<div class="search_child_item" search_id="Зайцево" parent_id = "деревня Зайцево, 1" style="border-bottom: 1px solid; padding: 10px; padding-left: 40px; display: none;">
2206		<a class="search_parent_name">
2207			<span id="filter_from_search-item" style="cursor: pointer;">Зайцево</span>
2208		</a>
2209	</div>
2210	<div class="search_item" search_id="поворот на Федорково" style="border-bottom: 1px solid; padding: 10px; display: none;">
2211		<a class="search_name">
2212			<span id="filter_from_search-item" style="cursor: pointer;">поворот на Федорково</span>
2213		</a>
2214	</div></div>        </div>
2215        <div class="flex items-center justify-center">
2216            <button type="button" id="change_direction" name="change_direction" class="h-full aspect-square flex items-center justify-center rounded-sm border border-gray-200 text-blue-600 hover:bg-blue-50" aria-label="Поменять местами"><svg width="18" height="18" viewBox="0 0 24 24" class="fill-current"><path d="M7 7h11l-3-3 1.4-1.4L22.8 7l-6.4 4.4L15 10l3-2H7V7Zm10 10H6l3 3-1.4 1.4L1.2 17l6.4-4.4L9 14l-3 2h11v1Z"/></svg></button>
2217            <input type="hidden" id="change_direction_temp" name="change_direction_temp" value="">
2218        </div>
2219        <div class="relative">
2220            <label class="sr-only" for="filter_to_search_field">Куда</label>
2221            <span class="pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-gray-400"><svg width="20" height="20" viewBox="0 0 24 24" class="fill-current"><path d="M13 4h-2v6H5v2h6v6h2v-6h6v-2h-6V4Z"/></svg></span>
2222            <span style="display:none;"><select id="filter_to" name="filter_to" class="input-medium">
2223</select>
2224</span>
2225            <input type="text" id="filter_to_search_field" name="filter_to_search_field" placeholder="Куда" required class="w-full ps-10 p-3.5 rounded-sm border border-gray-200 focus:outline-none focus:ring-2 focus:ring-red-500/70 focus:border-red-500 bus-combo-input" autocomplete="off">
2226            <div id="filter_to_search_result" class="return_search_block input-large" style="z-index: 7; font-size: small; width: 336px; max-height: 200px; overflow-y: scroll; border: 1px solid; position: absolute; background-color: rgb(255, 255, 255); display: none;"></div>        </div>
2227        <div class="relative input-prepend input-append date datepicker_disabled" id="forwardDate">
2228            <span class="pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-gray-400 z-10"><svg width="20" height="20" viewBox="0 0 24 24" class="fill-current"><path d="M7 2h2v2h6V2h2v2h3a1 1 0 0 1 1 1v3H3V5a1 1 0 0 1 1-1h3V2Zm14 8v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V10h18Z"/></svg></span>
2229            <input type="text" id="departure-date" name="filter_start" required class="w-full ps-10 p-3.5 rounded-sm border border-gray-200 focus:outline-none focus:ring-2 focus:ring-red-500/70 focus:border-red-500 relative" value="28.09.2026" inputmode="none" placeholder="Отправление">
2230            <span class="date-placeholder pointer-events-none absolute text-gray-500"></span>
2231            <span class="add-on" style="position:absolute;height:48px;"><i class="icon-calendar"></i></span>
2232        </div>
2233        <div id="returnDateWrap" class="relative hidden input-prepend input-append date datepicker_disabled returnDate">
2234            <span class="pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-gray-400 z-10"><svg width="20" height="20" viewBox="0 0 24 24" class="fill-current"><path d="M7 2h2v2h6V2h2v2h3a1 1 0 0 1 1 1v3H3V5a1 1 0 0 1 1-1h3V2Zm14 8v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V10h18Z"/></svg></span>
2235            <input type="text" id="return-date" name="filter_end" required class="w-full ps-10 p-3.5 rounded-sm border border-gray-200 focus:outline-none focus:ring-2 focus:ring-red-500/70 focus:border-red-500 relative" value="30.09.2026" inputmode="none" placeholder="Возвращение">
2236            <span class="date-placeholder pointer-events-none absolute text-gray-500"></span>
2237            <span class="add-on" style="position:absolute;height:48px;"><i class="icon-calendar"></i></span>
2238        </div>
2239        <div class="relative">
2240            <button type="button" id="passengersBtn" class="w-full text-left p-3.5 rounded-sm border border-gray-200 hover:border-gray-300 bg-white"><span class="inline-flex items-center gap-2 text-gray-700"><svg width="18" height="18" viewBox="0 0 24 24" class="fill-current text-gray-400"><path d="M12 12a5 5 0 1 0-5-5 5 5 0 0 0 5 5Zm0 2c-5 0-9 2.5-9 5.5V22h18v-2.5C21 16.5 17 14 12 14Z"/></svg><span id="passengers">1 пассажир</span></span></button>
2241            <div id="passengersDropdown" class="absolute z-20 mt-2 w-64 bg-white rounded-sm border border-gray-100 shadow-lg p-4 hidden">
2242                <div class="space-y-3">
2243                    <div>
2244                        <label for="adults" class="block text-sm font-medium mb-1">Взрослые</label>
2245                        <input type="number" id="adults" name="filter_adult" min="0" value="1" class="w-full p-2.5 rounded-sm border border-gray-200">
2246                    </div>
2247                    <div>
2248                        <label for="children" class="block text-sm font-medium mb-1">Дети до 12 лет (вкл)</label>
2249                        <input type="number" id="children" name="filter_child" min="0" value="0" class="w-full p-2.5 rounded-sm border border-gray-200">
2250                    </div>
2251                    <button type="button" id="applyPassengers" class="w-full bg-blue-600 hover:bg-blue-700 text-white font-semibold py-2.5 rounded-sm">Применить</button>
2252                </div>
2253            </div>
2254        </div>
2255        <div>
2256            <button type="submit" class="w-full bg-green-600 hover:bg-green-700 text-white font-semibold rounded-sm px-5 py-3.5 shadow-sm hover:shadow transition h-full">Найти</button>
2257        </div>
2258        <div style="display:none;">
2259            <input type="radio" name="filter_roundtrip" id="routedir1" value="
22590" checked="checked"/>
2260            <input type="radio" name="filter_roundtrip" id="routedir2" value="1"/>
2261        </div>
2262        <input type="hidden" name="Itemid"	value="101" />
2263        <input type="hidden" name="5bb1a2181d526bd9eeddc3114cfa9deb" value="1" />    </form>
2264</div>
2265<div style="display:none;">
2266    <select name="filter_adult" class="input-mini" id="search_adult">
2267	<option value="0">0</option>
2268	<option value="1" selected="selected">1</option>
2269	<option value="2">2</option>
2270	<option value="3">3</option>
2271	<option value="4">4</option>
2272	<option value="5">5</option>
2273	<option value="6">6</option>
2274	<option value="7">7</option>
2275	<option value="8">8</option>
2276	<option value="9">9</option>
2277	<option value="10">10</option>
2278	<option value="11">11</option>
2279	<option value="12">12</option>
2280	<option value="13">13</option>
2281	<option value="14">14</option>
2282	<option value="15">15</option>
2283	<option value="16">16</option>
2284	<option value="17">17</option>
2285	<option value="18">18</option>
2286	<option value="19">19</option>
2287	<option value="20">20</option>
2288	<option value="21">21</option>
2289	<option value="22">22</option>
2290	<option value="23">23</option>
2291	<option value="24">24</option>
2292	<option value="25">25</option>
2293</select>
2294    <select name="filter_child" class="input-mini" id="search_child">
2295	<option value="0" selected="selected">0</option>
2296	<option value="1">1</option>
2297	<option value="2">2</option>
2298	<option value="3">3</option>
2299	<option value="4">4</option>
2300	<option value="5">5</option>
2301	<option value="6">6</option>
2302	<option value="7">7</option>
2303	<option value="8">8</option>
2304	<option value="9">9</option>
2305	<option value="10">10</option>
2306</select>
2307    <select name="filter_senior" class="input-mini" id="search_senior">
2308	<option value="0" selected="selected">0</option>
2309	<option value="1">1</option>
2310	<option value="2">2</option>
2311	<option value="3">3</option>
2312	<option value="4">4</option>
2313	<option value="5">5</option>
2314	<option value="6">6</option>
2315	<option value="7">7</option>
2316	<option value="8">8</option>
2317	<option value="9">9</option>
2318	<option value="10">10</option>
2319</select>
2320</div>
2321
2322<script type="text/javascript">
2323
2324 jQuery(document).ready(function($) {
2325
2326   jQuery('#filter_from').hide();
2327   jQuery('#filter_geo').hide();
2328   jQuery('#filter_to').hide();
2329
2330   jQuery('#search_adult').hide();
2331   jQuery('#search_child').hide();
2332   jQuery('#search_senior').hide();
2333
2334//поле отправления
2335
2336var from_selected_id = '';
2337var from_selected_value;
2338
2339if(from_selected_id)
2340{
2341 	from_selected_value = jQuery('#filter_from option').filter(function() {return this.value === from_selected_id;}).text();
2342
2343	if(from_selected_value)
2344	{
2345		jQuery('#filter_from_search_field').val(from_selected_value);
2346		jQuery('#filter_from_search_field').addClass('xfrom');
2347	}
2348}
2349
2350   var fromx = document.getElementById('filter_from');
2351   var fromList = [];
2352	for (fromi = 1; fromi < fromx.length; fromi++) { 
2353		fromList.push(fromx.options[fromi].text);
2354	}
2355
2356    jQuery(document).on('click', '#filter_from_search_field', function (){
2357
2358	jQuery('.search_item').hide();
2359	jQuery('.search_parent_item').hide();
2360	jQuery('.search_child_item').hide();
2361
2362	var curval = jQuery(this).val();
2363	if(curval)
2364	{
2365		var search = jQuery('div[search_id = "' + curval + '"]');
2366		jQuery('div[search_id = "' + curval + '"]').show();
2367		jQuery('#filter_from_search_result').show();
2368
2369		child = search.attr('parent_id');
2370		if(child)
2371		{
2372			jQuery('div[child_id = "' + child + '"]').show();
2373		}
2374
2375		parent = search.attr('child_id');
2376		if(parent)
2377		{
2378			jQuery('div[parent_id = "' + parent + '"]').show();
2379		}
2380	}
2381    });
2382
2383    jQuery(document).on('input', '#filter_from_search_field', function showHint(){
2384
2385        jQuery('.search_item').hide();
2386        jQuery('.search_parent_item').hide();
2387        jQuery('.search_child_item').hide();
2388
2389        jQuery('.search_up_arrow').removeClass('search_up_arrow').addClass('search_down_arrow');
2390
2391        var word = jQuery('#filter_from_search_field').val();
2392        if (word !== '') {
2393            jQuery('#filter_from_search_result').show();
2394            fromList.forEach( function(item, i, arr) {
2395                newItem = item.toLowerCase();
2396                word = word.toLowerCase();
2397                if (newItem.indexOf(word) !== -1) {
2398                    if(jQuery('div[search_id = "' + item + '"]')) jQuery('div[search_id = "' + item + '"]').show();
2399                }
2400            });
2401        }
2402        else {
2403            jQuery('#filter_from_search_result').hide();
2404        }
2405
2406    });
2407
2408    jQuery(document).on('click', '#filter_from_search-item', function(){
2409		var filler = jQuery(this).text();
2410		var newvalue = jQuery('#filter_from option').filter(function() {return this.textContent === filler;}).val();
2411		jQuery("#filter_from").val(newvalue).trigger("change");
2412		jQuery('#filter_from_search_field').val(filler);
2413		jQuery('#filter_from_search_result').hide();
2414		jQuery('.datepicker_abled#forwardDate').datepicker('update');
2415		jQuery('.datepicker_abled#returnDate,.datepicker_abled#returnDateWrap').datepicker('update');
2416    });
2417
2418//поле прибытия
2419
2420var to_selected_id = '';
2421var to_selected_value;
2422
2423if(to_selected_id)
2424{
2425 	to_selected_value = jQuery('#filter_to option').filter(function() {return this.value === to_selected_id;}).text();
2426
2427	if(to_selected_value)
2428	{
2429		jQuery('#filter_to_search_field').val(to_selected_value);
2430		jQuery('#filter_to_search_field').addClass('xto');
2431	}
2432}
2433
2434    function showHintto() {
2435
2436        var tox = document.getElementById('filter_to');
2437        var toList = [];
2438        for (toi = 1; toi < tox.length; toi++) { 
2439            toList.push(tox.options[toi].text);
2440        }
2441
2442        jQuery('.return_search_item').hide();
2443        jQuery('.return_search_parent_item').hide();
2444        jQuery('.return_search_child_item').hide();
2445
2446        jQuery('.return_search_up_arrow').removeClass('return_search_up_arrow').addClass('return_search_down_arrow');
2447
2448        var word = jQuery('#filter_to_search_field').val();
2449        if (word !== '') {
2450            jQuery('#filter_to_search_result').show();
2451            toList.forEach( function(item, i, arr) {
2452                newItem = item.toLowerCase();
2453                word = word.toLowerCase();
2454                if (newItem.indexOf(word) !== -1) {
2455                    if(jQuery('div[return_search_id = "' + item + '"]')) jQuery('div[return_search_id = "' + item + '"]').show();
2456                }
2457            });
2458        }
2459        else {
2460            jQuery('#filter_to_search_result').hide();
2461        }
2462
2463    };
2464
2465    jQuery(document).on('click', '#filter_to_search_field', function (){
2466
2467	jQuery('.search_item').hide();
2468	jQuery('.search_parent_item').hide();
2469	jQuery('.search_child_item').hide();
2470
2471	var curval = jQuery(this).val();
2472	if(curval)
2473	{
2474		var search = jQuery('div[return_search_id = "' + curval + '"]');
2475		jQuery('div[return_search_id = "' + curval + '"]').show();
2476		jQuery('#filter_to_search_result').show();
2477
2478		child = search.attr('return_parent_id');
2479		if(child)
2480		{
2481			jQuery('div[return_child_id = "' + child + '"]').show();
2482		}
2483
2484		parent = search.attr('return_child_id');
2485		if(parent)
2486		{
2487			jQuery('div[return_parent_id = "' + parent + '"]').show();
2488		}
2489	}
2490    });
2491
2492     jQuery(document).on('keyup', '#filter_to_search_field', showHintto);
2493
2494    jQuery(document).on('click', '#filter_to_search-item', function(){
2495		var filler = jQuery(this).text();
2496		var newvalue = jQuery('#filter_to option').filter(function() {return this.textContent === filler;}).val();
2497		jQuery("#filter_to").val(newvalue);
2498		jQuery('#filter_to_search_field').val(filler);
2499		jQuery('#filter_to_search_result').hide();
2500		jQuery('.datepicker_abled#forwardDate').datepicker('update');
2501		jQuery('.datepicker_abled#returnDate,.datepicker_abled#returnDateWrap').datepicker('update');
2502    });
2503
2504    jQuery(document).on('click', '.search_down_arrow', function(){
2505	var children_id = jQuery(this).attr("children_id");
2506	jQuery(this).removeClass('search_down_arrow');
2507	jQuery(this).addClass('search_up_arrow');
2508	jQuery('div[parent_id = "' + children_id + '"]').show();
2509    });
2510
2511    jQuery(document).on('click', '.search_up_arrow', function(){
2512	var children_id = jQuery(this).attr("children_id");
2513	jQuery(this).removeClass('search_up_arrow');
2514	jQuery(this).addClass('search_down_arrow');
2515	jQuery('div[parent_id = "' + children_id + '"]').hide();
2516    });
2517
2518    jQuery(document).on('click', '.return_search_down_arrow', function(){
2519	var return_children_id = jQuery(this).attr("return_children_id");
2520	jQuery(this).removeClass('return_search_down_arrow');
2521	jQuery(this).addClass('return_search_up_arrow');
2522	jQuery('div[return_parent_id = "' + return_children_id + '"]').show();
2523    });
2524
2525    jQuery(document).on('click', '.return_search_up_arrow', function(){
2526	var return_children_id = jQuery(this).attr("return_children_id");
2527	jQuery(this).removeClass('return_search_up_arrow');
2528	jQuery(this).addClass('return_search_down_arrow');
2529	jQuery('div[return_parent_id = "' + return_children_id + '"]').hide();
2530    });
2531
2532//очистка поля поиска
2533
2534  function class_toggle(v){return v?'addClass':'removeClass';} 
2535  
2536  $(document).on('input', '.clearablefrom', function(){
2537    $(this)[class_toggle(this.value)]('xfrom');
2538  }).on('mousemove', '.xfrom', function( e ){
2539    $(this)[class_toggle(this.offsetWidth-18 < e.clientX-this.getBoundingClientRect().left)]('onXfrom');   
2540  }).on('click', '.onXfrom', function(){
2541    $(this).removeClass('xfrom onXfrom').val('');
2542    $("#filter_from_search_result").hide();
2543    $("#filter_to_search_field").val('');
2544    $("#filter_from").val('').trigger("change");
2545  });
2546  $(document).on('input', '.clearableto', function(){
2547    $(this)[class_toggle(this.value)]('xto');
2548  }).on('mousemove', '.xto', function( e ){
2549    $(this)[class_toggle(this.offsetWidth-18 < e.clientX-this.getBoundingClientRect().left)]('onXto');   
2550  }).on('click', '.onXto', function(){
2551    $(this).removeClass('xto onXto').val('');
2552    $("#filter_to_search_result").hide();
2553    $("#filter_to").val('');
2554  });
2555
2556//смена остановок
2557
2558	$("#change_direction").click(function(){
2559
2560		var from_id = jQuery("#filter_from").val();
2561		var to_id = jQuery("#filter_to").val();
2562		var from_value = jQuery("#filter_from_search_field").val();
2563		var to_value = jQuery("#filter_to_search_field").val();
2564		if(from_id && to_id)
2565		{
2566//console.log("1", from_id);
2567//console.log("2", from_id);
2568			jQuery("#change_direction_temp").val(from_id);
2569//console.log("3", jQuery("#change_direction_temp").val());
2570			jQuery("#filter_from").val(to_id).trigger("change");
2571			jQuery('#filter_from_search_field').val(to_value);
2572			jQuery('#filter_to_search_field').val(from_value);
2573		}
2574	});
2575
2576	$("#date_minus").click(function(){
2577		var old_val;
2578		var new_val;
2579		var new_val_year;
2580		var new_val_month;
2581		var new_val_day;
2582
2583		old_val = $('#start,#departure-date').val();
2584		if(old_val)
2585		{
2586			new_val = old_val.split(".");
2587			new_val = new Date(new_val[2],new_val[1] - 1, new_val[0]);
2588			new_val.setDate(new_val.getDate() - 1);
2589			new_val_day = new_val.getDate();
2590			if(new_val_day < 10) new_val_day = "0" + new_val_day;
2591			new_val_month = new_val.getMonth() + 1;
2592			if(new_val_month < 10) new_val_month = "0" + new_val_month;
2593			new_val_year = new_val.getFullYear();
2594			new_val = new_val_day + "." + new_val_month + "." + new_val_year;
2595			$('#start,#departure-date').val(new_val);
2596			$('.datepicker_abled#forwardDate').datepicker('update');
2597		}
2598	});
2599
2600	$("#date_plus").click(function(){
2601		var old_val;
2602		var new_val;
2603		var new_val_year;
2604		var new_val_month;
2605		var new_val_day;
2606
2607		old_val = $('#start,#departure-date').val();
2608		if(old_val)
2609		{
2610			new_val = old_val.split(".");
2611			new_val = new Date(new_val[2],new_val[1] - 1, new_val[0]);
2612			new_val.setDate(new_val.getDate() + 1);
2613			new_val_day = new_val.getDate();
2614			if(new_val_day < 10) new_val_day = "0" + new_val_day;
2615			new_val_month = new_val.getMonth() + 1;
2616			if(new_val_month < 10) new_val_month = "0" + new_val_month;
2617			new_val_year = new_val.getFullYear();
2618			new_val = new_val_day + "." + new_val_month + "." + new_val_year;
2619			$('#start,#departure-date').val(new_val);
2620			$('.datepicker_abled#forwardDate').datepicker('update');
2621		}
2622	});
2623
2624	$("#returndate_minus").click(function(){
2625		var old_val;
2626		var new_val;
2627		var new_val_year;
2628		var new_val_month;
2629		var new_val_day;
2630
2631		old_val = $('#end,#return-date').val();
2632		if(old_val)
2633		{
2634			new_val = old_val.split(".");
2635			new_val = new Date(new_val[2],new_val[1] - 1, new_val[0]);
2636			new_val.setDate(new_val.getDate() - 1);
2637			new_val_day = new_val.getDate();
2638			if(new_val_day < 10) new_val_day = "0" + new_val_day;
2639			new_val_month = new_val.getMonth() + 1;
2640			if(new_val_month < 10) new_val_month = "0" + new_val_month;
2641			new_val_year = new_val.getFullYear();
2642			new_val = new_val_day + "." + new_val_month + "." + new_val_year;
2643			$('#end,#return-date').val(new_val);
2644			$('.datepicker_abled#returnDate,.datepicker_abled#returnDateWrap').datepicker('update');
2645		}
2646	});
2647
2648	$("#returndate_plus").click(function(){
2649		var old_val;
2650		var new_val;
2651		var new_val_year;
2652		var new_val_month;
2653		var new_val_day;
2654
2655		old_val = $('#end,#return-date').val();
2656		if(old_val)
2657		{
2658			new_val = old_val.split(".");
2659			new_val = new Date(new_val[2],new_val[1] - 1, new_val[0]);
2660			new_val.setDate(new_val.getDate() + 1);
2661			new_val_day = new_val.getDate();
2662			if(new_val_day < 10) new_val_day = "0" + new_val_day;
2663			new_val_month = new_val.getMonth() + 1;
2664			if(new_val_month < 10) new_val_month = "0" + new_val_month;
2665			new_val_year = new_val.getFullYear();
2666			new_val = new_val_day + "." + new_val_month + "." + new_val_year;
2667			$('#end,#return-date').val(new_val);
2668			$('.datepicker_abled#returnDate,.datepicker_abled#returnDateWrap').datepicker('update');
2669		}
2670	});
2671
2672//област ь выбора кол-ва пассажиров
2673	$("#adults").on('input', function(){
2674		var new_val;
2675		new_val = $('#adults').val();
2676        $('#search_adult').val(new_val);
2677		$('.datepicker_abled#forwardDate').datepicker('update');
2678		$('.datepicker_abled#returnDate,.datepicker_abled#returnDateWrap').datepicker('update');
2679	});
2680	$("#children").on('input', function(){
2681		var new_val;
2682		new_val = $('#children').val();
2683        $('#search_child').val(new_val);
2684		$('.datepicker_abled#forwardDate').datepicker('update');
2685		$('.datepicker_abled#returnDate,.datepicker_abled#returnDateWrap').datepicker('update');
2686	});
2687	 		$("#busFrm .returnDate").hide();
2688	
2689	$("#busFrm input:radio[name=filter_roundtrip]").change(function(){
2690		if($("#busFrm input:radio[name=filter_roundtrip]:checked").val()==0)
2691			$("#busFrm .returnDate").hide();
2692		if($("#busFrm input:radio[name=filter_roundtrip]:checked").val()==1) 
2693			$("#busFrm .returnDate").show();
2694	});
2695
2696	$("#busFrm #filter_from").change(function() {
2697
2698		//jQuery('.datepicker_abled#forwardDate').datepicker('update');
2699		//jQuery('.datepicker_abled#returnDate').datepicker('update');
2700		var destfrom = jQuery(this).val();
2701
2702		const async_func1 = $.proxy(function(iterator) {
2703			return new Promise(
2704				$.proxy(function(resolve, reject){
2705		
2706					$.ajax({
2707						type:"GET",
2708						url: "index.php?option=com_bookpro&controller=bus&task=findDestination&format=raw",
2709						data:"desfrom="+destfrom,
2710						beforeSend : function() {
2711								$("#busFrm select#filter_to").html('<option>Загрузка</option>');
2712						},
2713						success:function(result){
2714							$("#busFrm select#filter_to").html(result);
2715						}, error: function() {iterator++; if(iterator <= 3) async_func1(iterator);}
2716					});
2717		
2718					setTimeout(function(){
2719						resolve();
2720					}, Math.floor(Math.random()*250));
2721		
2722				}, this)
2723			);
2724		}, this);
2725
2726
2727		const async_func2 = $.proxy(function(iterator) {
2728			return new Promise(
2729				$.proxy(function(resolve, reject){
2730		
2731					$.ajax({
2732						type:"GET",
2733						url: "index.php?option=com_bookpro&controller=bus&task=findDestination_edited&format=raw",
2734						data:"desfrom="+jQuery("#busFrm #filter_from").val(),
2735						success:function(result){
2736							$("#filter_to_search_result").html(result);
2737							var change_direction_temp = jQuery("#change_direction_temp").val();
2738							if(change_direction_temp)
2739							{
2740								jQuery("#filter_to").val(change_direction_temp);
2741								jQuery("#change_direction_temp").val('');
2742								jQuery('.datepicker_abled#forwardDate').datepicker('update');
2743								jQuery('.datepicker_abled#returnDate,.datepicker_abled#returnDateWrap').datepicker('update');
2744							}
2745							else
2746							{
2747								jQuery('#filter_to_search_field').val('');
2748							}
2749		
2750							//jQuery('.datepicker_abled#forwardDate').datepicker('update');
2751							//jQuery('.datepicker_abled#returnDate').datepicker('update');
2752						}, error: function() {iterator++; if(iterator <= 3) async_func2(iterator);}
2753					});
2754		
2755		
2756					setTimeout(function(){
2757						resolve();
2758					}, Math.floor(Math.random()*250));
2759		
2760		
2761				}, this)
2762			);
2763		}, this);
2764
2765		var promise = Promise.resolve();
2766
2767		promise = promise.then(
2768			function() {
2769				return async_func1(1);
2770		});
2771
2772		promise = promise.then(
2773			function() {
2774				return async_func2(1);
2775		});
2776
2777	});
2778
2779	$("#busFrm #filter_to").change(function() {
2780
2781			//jQuery('.datepicker_abled#forwardDate').datepicker('update');
2782			//jQuery('.datepicker_abled#returnDate').datepicker('update');
2783	});
2784
2785//геолокация
2786
2787navigator.geolocation.getCurrentPosition(function(location) {
2788
2789	if(location.coords.longitude && location.coords.latitude)
2790	{
2791		var option_geo;
2792		var nearest_geo_value = 0;
2793		var nearest_geo_oldvalue = 0;
2794		var nearest_geo_id = '';
2795		var nearest_geo_text;
2796	
2797		var geox = document.getElementById('filter_geo');
2798		var geoList = [];
2799		for (geoi = 1; geoi < geox.length; geoi++) { 
2800			geoList.push(geox.options[geoi].text);
2801	
2802			option_geo = geox.options[geoi].text.split(',');
2803			nearest_geo_value = Math.sqrt((Math.abs(location.coords.longitude - option_geo[0]) * Math.abs(location.coords.longitude - option_geo[0]) ) + (Math.abs(location.coords.latitude - option_geo[1]) * Math.abs(location.coords.latitude - option_geo[1]) ) );
2804	
2805			if( (nearest_geo_value < nearest_geo_oldvalue) || (nearest_geo_oldvalue == 0) )
2806			{
2807				nearest_geo_oldvalue = nearest_geo_value;
2808				nearest_geo_id = geox.options[geoi].value;
2809			}
2810		}
2811		if(!jQuery("#filter_from").val() && (nearest_geo_id) )
2812		{
2813 			nearest_geo_text = jQuery('#filter_from option').filter(function() {return this.value === nearest_geo_id;}).text();
2814
2815			jQuery('#filter_from_search_field').val(nearest_geo_text);
2816			jQuery("#filter_from").val(nearest_geo_id).trigger("change");
2817			jQuery('#filter_from_search_field').addClass('xfrom');
2818		}
2819	}
2820});
2821	
2822});
2823
2824function validateBusSearch(){	
2825	var form= document.busSearchForm;
2826	var end= form.end;
2827
2828	
2829	if(!form.filter_from.value){
2830		alert('Введите пункт отправления');
2831		form.filter_from.focus();
2832		return false ;
2833	}
2834	if(!form.filter_to.value){
2835		alert('Введите пункт возвращения');
2836		form.filter_to.focus();
2837		return false;
2838	
2839	}
2840	if(form.filter_start.value==""){
2841		alert('Введите дату поездки');
2842		return false;
2843	}
2844	if(form.filter_end.value==""){
2845		alert('Введите дату обратного билета');
2846		return false;
2847	}
2848
2849	var total = 0;
2850	//~ if(jQuery('#search_adult,#adults').val()) total = total + parseInt(jQuery('#search_adult').val());
2851	//~ if(jQuery('#search_child,#children').val()) total = total + parseInt(jQuery('#search_child').val());
2852	if(jQuery('#adults').val()) total = total + parseInt(jQuery('#adults').val());
2853	if(jQuery('#children').val()) total = total + parseInt(jQuery('#children').val());
2854	//~ if(jQuery('#search_senior').val()) total = total + parseInt(jQuery('#search_senior').val());
2855	if(total==0){
2856		alert('Укажите число пассажиров');
2857		return false;
2858	}
2859	
2860	form.submit();
2861}
2862
2863
2864</script>
2864
2865
2866<script type="text/javascript">
2867/* ===== Современный combobox выбора остановок (СКСавто) =====
2868   Источник правды — скрытые <select id="filter_from"> / <select id="filter_to">.
2869   Combobox читает их опции «вживую», поэтому подгрузка «Куда» по аяксу,
2870   геолокация и кнопка «поменять местами» продолжают работать без изменений.
2871   Главное: не нужно обязательно кликать — точное/однозначное совпадение
2872   и Enter выбирают остановку сами.
2873   Матчинг толерантен к ошибкам ввода: не та раскладка (ghbvth → пример),
2874   латинская транслитерация (pskov → псков) и опечатки (ограниченный
2875   левенштейн по подстроке). */
2876jQuery(function($){
2877
2878	// Символы EN-раскладки → ЙЦУКЕН (по строчным, вход заранее приводится к lower)
2879	var LAYOUT_EN2RU = {'q':'й','w':'ц','e':'у','r':'к','t':'е','y':'н','u':'г','i':'ш','o':'щ','p':'з','[':'х',']':'ъ','a':'ф','s':'ы','d':'в','f':'а','g':'п','h':'р','j':'о','k':'л','l':'д',';':'ж','\'':'э','z':'я','x':'ч','c':'с','v':'м','b':'и','n':'т','m':'ь',',':'б','.':'ю','`':'ё'};
2880	// Транслит: многобуквенные сочетания раньше одиночных
2881	var TRANSLIT = [['shch','щ'],['sch','щ'],['zh','ж'],['kh','х'],['ts','ц'],['ch','ч'],['sh','ш'],['yo','е'],['yu','ю'],['ya','я'],['ye','е'],['ju','ю'],['ja','я'],['a','а'],['b','б'],['v','в'],['g','г'],['d','д'],['e','е'],['z','з'],['i','и'],['j','й'],['k','к'],['l','л'],['m','м'],['n','н'],['o','о'],['p','п'],['r','р'],['s','с'],['t','т'],['u','у'],['f','ф'],['h','х'],['c','ц'],['y','ы'],['w','в'],['q','к'],['x','кс']];
2882
2883	function normText(s){
2884		return (s||'').toLowerCase().replace(/ё/g,'е').replace(/\s+/g,' ').trim();
2885	}
2886	function layoutSwap(s){
2887		var out='';
2888		for(var i=0;i<s.length;i++){ var ch=s.charAt(i); out += (LAYOUT_EN2RU[ch]||ch); }
2889		return out;
2890	}
2891	function translitLat(s){
2892		var out=s;
2893		for(var i=0;i<TRANSLIT.length;i++){ out=out.split(TRANSLIT[i][0]).join(TRANSLIT[i][1]); }
2894		return out;
2895	}
2896	// Варианты прочтения запроса: как есть, в другой раскладке, транслитом
2897	function queryVariants(raw){
2898		var q=normText(raw);
2899		if(!q) return [];
2900		var v=[q];
2901		var sw=normText(layoutSwap(q));
2902		if(sw!==q && v.indexOf(sw)===-1) v.push(sw);
2903		if(/[a-z]/.test(q)){
2904			var tr=normText(translitLat(q));
2905			if(v.indexOf(tr)===-1) v.push(tr);
2906		}
2907		return v;
2908	}
2909	// Допустимое число опечаток по длине запроса
2910	function fuzzyLimit(len){
2911		if(len<=3) return 0;
2912		if(len<=6) return 1;
2913		return 2;
2914	}
2915	// Поиск needle внутри hay с ошибками (левенштейн по окну, ранний выход)
2916	function fuzzyDist(needle, hay, maxD){
2917		var n=needle.length, m=hay.length, i, j;
2918		if(!n) return 0;
2919		var prev=new Array(m+1), cur=new Array(m+1), tmp;
2920		for(j=0;j<=m;j++) prev[j]=0; // совпадение может начаться в любом месте
2921		for(i=1;i<=n;i++){
2922			cur[0]=i;
2923			var rowMin=cur[0];
2924			for(j=1;j<=m;j++){
2925				var cost = needle.charAt(i-1)===hay.charAt(j-1) ? 0 : 1;
2926				cur[j]=Math.min(prev[j]+1, cur[j-1]+1, prev[j-1]+cost);
2927				if(cur[j]<rowMin) rowMin=cur[j];
2928			}
2929			if(rowMin>maxD) return maxD+1;
2930			tmp=prev; prev=cur; cur=tmp;
2931		}
2932		var best=prev[0];
2933		for(j=1;j<=m;j++) if(prev[j]<best) best=prev[j];
2934		return best;
2935	}
2936	// Подходит ли остановка под запрос (любой вариант, сначала точная подстрока)
2937	function matchStop(text, variants){
2938		if(!variants.length) return true;
2939		var t=normText(text), i;
2940		for(i=0;i<variants.length;i++){
2941			if(t.indexOf(variants[i])!==-1) return true;
2942		}
2943		for(i=0;i<variants.length;i++){
2944			var k=fuzzyLimit(variants[i].length);
2945			if(k>0 && fuzzyDist(variants[i], t, k)<=k) return true;
2946		}
2947		return false;
2948	}
2949
2950	function initBusCombo(inputId, selectId){
2951		var $input  = $('#'+inputId);
2952		var $select = $('#'+selectId);
2953		if(!$input.length || !$select.length) return;
2954
2955		var $anchor = $input.closest('.input-prepend');
2956		if(!$anchor.length) $anchor = $input.parent();
2957		$anchor.css('position','relative');
2958
2959		var $panel = $('<div class="bus-combo-panel" role="listbox"></div>');
2960		var $clear = $('<button type="button" class="bus-combo-clear" tabindex="-1" aria-label="Очистить">&times;</button>');
2961		$anchor.append($panel).append($clear);
2962
2963		var items = [], activeIndex = -1;
2964
2965		function readOptions(){
2966			var opts = [];
2967			$select.find('option').each(function(){
2968				var v = this.value, t = $.trim($(this).text());
2969				if(v === '' || t === '') return;
2970				opts.push({ value:v, text:t });
2971			});
2972			return opts;
2973		}
2974		function position(){
2975			var p = $input.position(), w = $input.outerWidth(), h = $input.outerHeight();
2976			$panel.css({ top: p.top + h, left: p.left, 'min-width': w });
2977			$clear.css({ top: p.top + (h-22)/2, left: p.left + w - 28 });
2978		}
2979		function render(filter){
2980			$panel.empty(); items = []; activeIndex = -1;
2981			var variants = queryVariants(filter);
2982			var all = readOptions(), shown = 0;
2983			all.forEach(function(o){
2984				if(!matchStop(o.text, variants)) return;
2985				var isParent = /\(все остановки\)\s*$/i.test(o.text);
2986				var $it = $('<div class="bus-combo-item'+(isParent?' is-parent':'')+'" role="option"></div>').text(o.text);
2987				$it.on('mousedown', function(e){ e.preventDefault(); commit(o); });
2988				$panel.append($it);
2989				items.push({ value:o.value, text:o.text, el:$it[0] });
2990				shown++;
2991			});
2992			if(!shown){
2993				$panel.append('<div class="bus-combo-empty">'
2994					+ (all.length ? 'Ничего не найдено' : 'Сначала выберите пункт отправления')
2995					+ '</div>');
2996			}
2997		}
2998		function open(){ position(); render($input.val()); $panel.addClass('open'); }
2999		function close(){ $panel.removeClass('open'); activeIndex = -1; }
3000		function updateClear(){ $clear.toggle(!!$.trim($input.val())); }
3001		function commit(o){
3002			$select.val(o.value).trigger('change');
3003			$input.val(o.text);
3004			updateClear(); close();
3005		}
3006		function highlight(i){
3007			if(i < 0 || i >= items.length) return;
3008			$panel.find('.bus-combo-item').removeClass('active');
3009			$(items[i].el).addClass('active');
3010			items[i].el.scrollIntoView({ block:'nearest' });
3011			activeIndex = i;
3012		}
3013		function tryAutoCommit(){
3014			var variants = queryVariants($input.val());
3015			if(!variants.length) return false;
3016			var opts = readOptions();
3017			// точное совпадение любого варианта (учитывая раскладку/транслит)
3018			var exact = opts.filter(function(o){ return variants.indexOf(normText(o.text)) !== -1; });
3019			if(exact.length === 1){ commit(exact[0]); return true; }
3020			var m = opts.filter(function(o){ return matchStop(o.text, variants); });
3021			if(m.length === 1){ commit(m[0]); return true; }
3022			return false;
3023		}
3024
3025		$input.attr('autocomplete','off');
3026		$input.on('focus click', function(){ open(); });
3027		$input.on('input', function(){ $select.val(''); open(); updateClear(); });
3028		$input.on('keydown', function(e){
3029			var k = e.key;
3030			if(k === 'ArrowDown'){ e.preventDefault(); if(!$panel.hasClass('open')) open(); highlight(activeIndex < items.length-1 ? activeIndex+1 : 0); }
3031			else if(k === 'ArrowUp'){ e.preventDefault(); highlight(activeIndex > 0 ? activeIndex-1 : items.length-1); }
3032			else if(k === 'Enter'){
3033				if(activeIndex >= 0 && items[activeIndex]){ e.preventDefault(); commit(items[activeIndex]); }
3034				else if(tryAutoCommit()){ e.preventDefault(); }
3035			}
3036			else if(k === 'Escape'){ close(); }
3037		});
3038		$input.on('blur', function(){
3039			setTimeout(function(){ if(!$select.val()) tryAutoCommit(); close(); }, 180);
3040		});
3041		$clear.on('mousedown', function(e){
3042			e.preventDefault();
3043			$input.val(''); $select.val('').trigger('change'); updateClear(); $input.focus(); open();
3044		});
3045
3046		var refresh = function(){
3047			var v = $select.val();
3048			if(v){ var t = $.trim($select.find('option:selected').text()); if(t) $input.val(t); }
3049			updateClear();
3050		};
3051		refresh();
3052		$input.data('busComboRefresh', refresh);
3053	}
3054
3055	initBusCombo('filter_from_search_field', 'filter_from');
3056	initBusCombo('filter_to_search_field', 'filter_to');
3057
3058	// после смены «Откуда» существующий аякс перезаполняет «Куда» — обновим вид combobox
3059	$('#filter_from').on('change.buscombo', function(){
3060		setTimeout(function(){
3061			var r = $('#filter_to_search_field').data('busComboRefresh');
3062			if(r) r();
3063		}, 500);
3064	});
3065});
3066</script>
3066
3067
3068        </div>
3069    </section>
3070        
3071    <main>
3072        <!-- Наши акции -->
3073        
3074        <section class="py-8">
3075            <div class="max-w-7xl mx-auto p-8 md:p-12 bg-white/70 backdrop-blur-lg rounded-lg shadow-xl">
3076                <div id="system-message-container">
3077	</div>
3078
3079                                    <h1 class="text-2xl md:text-3xl font-bold mb-8 text-left text-gray-900 border-b border-gray-100 pb-4">Направления и расписание автобусных рейсов</h1>    <!-- В режиме направления: проверяем какой шаг рендерить -->
3080            <!-- Вкладки (Кнопки) -->
3081        <div class="directions-tabs-container w-full mb-6">
3082            <!-- Tab Navigation -->
3083            <div class="flex flex-wrap gap-2 md:gap-3">
3084                                    <button type="button" 
3085                            class="direction-tab-btn py-2 px-4 font-medium text-sm md:text-base rounded-sm transition-all duration-200 focus:outline-none flex items-center justify-center bg-red-600 text-white shadow-md active-tab"
3086                            data-tab-target="#panel-0"
3087                            data-direction="Новгородское направление">
3088                        <span>Новгородское направление</span>
3089                        <span class="direction-badge bg-white text-red-600 shadow-sm">
3090                            16                        </span>
3091                    </button>
3092                                    <button type="button" 
3093                            class="direction-tab-btn py-2 px-4 font-medium text-sm md:text-base rounded-sm transition-all duration-200 focus:outline-none flex items-center justify-center bg-gray-100 text-gray-700 hover:bg-gray-200 border border-gray-200"
3094                            data-tab-target="#panel-1"
3095                            data-direction="Московское направление">
3096                        <span>Московское направление</span>
3097                        <span class="direction-badge bg-gray-200 text-gray-600 shadow-inner">
3098                            4                        </span>
3099                    </button>
3100                                    <button type="button" 
3101                            class="direction-tab-btn py-2 px-4 font-medium text-sm md:text-base rounded-sm transition-all duration-200 focus:outline-none flex items-center justify-center bg-gray-100 text-gray-700 hover:bg-gray-200 border border-gray-200"
3102                            data-tab-target="#panel-2"
3103                            data-direction="Псковское направление">
3104                        <span>Псковское направление</span>
3105                        <span class="direction-badge bg-gray-200 text-gray-600 shadow-inner">
3106                            6                        </span>
3107                    </button>
3108                                    <button type="button" 
3109                            class="direction-tab-btn py-2 px-4 font-medium text-sm md:text-base rounded-sm transition-all duration-200 focus:outline-none flex items-center justify-center bg-gray-100 text-gray-700 hover:bg-gray-200 border border-gray-200"
3110                            data-tab-target="#panel-3"
3111                            data-direction="Северное направление">
3112                        <span>Северное направление</span>
3113                        <span class="direction-badge bg-gray-200 text-gray-600 shadow-inner">
3114                            5                        </span>
3115                    </button>
3116                                    <button type="button" 
3117                            class="direction-tab-btn py-2 px-4 font-medium text-sm md:text-base rounded-sm transition-all duration-200 focus:outline-none flex items-center justify-center bg-gray-100 text-gray-700 hover:bg-gray-200 border border-gray-200"
3118                            data-tab-target="#panel-4"
3119                            data-direction="Западное направление">
3120                        <span>Западное направление</span>
3121                        <span class="direction-badge bg-gray-200 text-gray-600 shadow-inner">
3122                            6                        </span>
3123                    </button>
3124                                    <button type="button" 
3125                            class="direction-tab-btn py-2 px-4 font-medium text-sm md:text-base rounded-sm transition-all duration-200 focus:outline-none flex items-center justify-center bg-gray-100 text-gray-700 hover:bg-gray-200 border border-gray-200"
3126                            data-tab-target="#panel-5"
3127                            data-direction="Республика Беларусь">
3128                        <span>Республика Беларусь</span>
3129                        <span class="direction-badge bg-gray-200 text-gray-600 shadow-inner">
3130                            3                        </span>
3131                    </button>
3132                                    <button type="button" 
3133                            class="direction-tab-btn py-2 px-4 font-medium text-sm md:text-base rounded-sm transition-all duration-200 focus:outline-none flex items-center justify-center bg-gray-100 text-gray-700 hover:bg-gray-200 border border-gray-200"
3134                            data-tab-target="#panel-6"
3135                            data-direction="Донецкое направление">
3136                        <span>Донецкое направление</span>
3137                        <span class="direction-badge bg-gray-200 text-gray-600 shadow-inner">
3138                            1                        </span>
3139                    </button>
3140                            </div>
3141        </div>
3142
3143        <!-- Dynamic Styles for Tabs -->
3144        <style>
3145            @keyframes fadeInUp {
3146                from { opacity: 0; transform: translateY(10px); }
3147                to { opacity: 1; transform: translateY(0); }
3148            }
3149            .animate-fadeInUp {
3150                animation: fadeInUp 0.3s ease-out forwards;
3151            }
3152            /* Styling active tab button with exact color matching */
3153            .direction-tab-btn.active-tab {
3154                border-color: #dc2626 !important;
3155                color: #dc2626 !important;
3156                background-color: rgba(220, 38, 38, 0.05) !important;
3157                font-weight: 600;
3158            }
3159        </style>
3160    <div class="my-6"></div><style>
3161  #map {
3162    width: 100%;
3163    height: 600px;
3164  }
3165
3166  /* Десктопная панель */
3167  .relative > .controls-container {
3168    position: absolute;
3169    top: 10px;
3170    left: 10px;
3171    z-index: 1000;
3172    background: #ffffff;
3173    padding: 10px 12px;
3174    border-radius: 6px;
3175    box-shadow: 0 2px 8px rgba(0,0,0,0.25);
3176    max-height: 85%;
3177    overflow-y: auto;
3178    width: 280px;
3179    max-width: 280px;
3180    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
3181    box-sizing: border-box;
3182  }
3183  .controls-container h3 {
3184    margin: 0;
3185    font-size: 15px;
3186    font-weight: 600;
3187    color: #333;
3188    display: flex;
3189    justify-content: space-between;
3190    align-items: center;
3191  }
3192  .controls-container:not(.collapsed) h3 {
3193    margin: 0 0 8px 0;
3194  }
3195  .controls-container .toggle-panel-btn {
3196    display: none;
3197    background: none;
3198    border: none;
3199    font-size: 18px;
3200    line-height: 1;
3201    cursor: pointer;
3202    color: #555;
3203    padding: 4px 8px;
3204  }
3205  .controls-container .btn-group {
3206    margin-bottom: 8px;
3207    display: flex;
3208    gap: 4px;
3209  }
3210  .controls-container .btn-group button {
3211    flex: 1;
3212    padding: 6px 8px;
3213    font-size: 12px;
3214    cursor: pointer;
3215    border: 1px solid #bbb;
3216    background: #fff;
3217    border-radius: 3px;
3218  }
3219  .controls-container .btn-group button:hover {
3220    background: #eee;
3221  }
3222
3223  /* ===== ВАЖНО: контейнер маршрутов всегда вертикальный список ===== */
3224  #controls {
3225    display: flex;
3226    flex-direction: column;
3227  }
3228
3229  .controls-container label {
3230    display: flex;
3231    align-items: center;
3232    margin-bottom: 5px;
3233    cursor: pointer;
3234    font-size: 13px;
3235    color: #333;
3236    width: 100%;             /* ← занимает всю ширину строки */
3237    box-sizing: border-box;
3238  }
3239  .controls-container input {
3240    margin-right: 8px;
3241    flex-shrink: 0;
3242  }
3243  .color-swatch {
3244    display: inline-block;
3245    width: 14px;
3246    height: 14px;
3247    border: 1px solid #ccc;
3248    margin-right: 6px;
3249    flex-shrink: 0;
3250    border-radius: 2px;
3251  }
3252
3253  /* ===== МОБИЛЬНАЯ ВЕРСИЯ ===== */
3254  @media (max-width: 768px) {
3255    #map {
3256      height: 350px;
3257    }
3258    .relative > .controls-container {
3259      position: relative;
3260      top: auto;
3261      left: auto;
3262      right: auto;
3263      width: 100%;
3264      max-width: 100%;
3265      padding: 10px;
3266      background: #ffffff;
3267      box-shadow: none;
3268      border-radius: 0;
3269      border-top: 1px solid #eee;
3270    }
3271    .relative > .controls-container.collapsed {
3272      max-height: 44px;
3273      overflow: hidden;
3274      padding: 8px 10px;
3275    }
3276    .relative > .controls-container.collapsed .btn-group,
3277    .relative > .controls-container.collapsed #controls {
3278      display: none;
3279    }
3280    .relative > .controls-container:not(.collapsed) {
3281      max-height: none;
3282      overflow-y: visible;
3283    }
3284
3285    /* Вертикальный скролл-список маршрутов */
3286    .relative > .controls-container:not(.collapsed) #controls {
3287      display: flex;
3288      flex-direction: column;      /* ← строго колонка */
3289      flex-wrap: nowrap;           /* ← не переносить в ряд */
3290      max-height: 300px;
3291      overflow-y: auto;            /* ← вертикальная прокрутка */
3292      overflow-x: hidden;          /* ← на всякий случай отключаем горизонтальную */
3293      padding-right: 4px;
3294      gap: 2px;
3295    }
3296
3297    .relative > .controls-container .toggle-panel-btn {
3298      display: inline-block;
3299    }
3300
3301    /* Каждый маршрут — отдельная строка на всю ширину */
3302    .relative > .controls-container label {
3303      display: flex;
3304      align-items: center;
3305      width: 100%;
3306      font-size: 14px;
3307      padding: 6px 0;
3308      margin-bottom: 0;
3309      border-bottom: 1px solid #f0f0f0;  /* ← лёгкий разделитель между маршрутами */
3310      white-space: normal;               /* разрешаем перенос длинных названий */
3311      word-break: break-word;
3312    }
3313    .relative > .controls-container label:last-child {
3314      border-bottom: none;
3315    }
3316
3317    .relative > .controls-container .btn-group button {
3318      padding: 8px 6px;
3319      font-size: 13px;
3320    }
3321  }
3322
3323  @media (max-width: 480px) {
3324    #map {
3325      height: 450px;
3326    }
3327  }
3328</style>
3329
3330<!-- Interactive Map Section -->
3331    <h2 class="text-2xl md:text-3xl font-bold mb-4 md:mb-8 text-left">Интерактивная карта маршрутов</h2>
3332    <div class="relative rounded-lg shadow-inner overflow-hidden border border-gray-200">
3333      <div id="map"></div>
3334      <div class="controls-container collapsed" id="controls-panel">
3335        <h3>
3336          <span>Маршруты</span>
3337          <button type="button" class="toggle-panel-btn" id="toggle-panel" aria-label="Развернуть/свернуть">▼</button>
3338        </h3>
3339        <div class="btn-group">
3340          <button type="button" id="btn-all">Показать все</button>
3341          <button type="button" id="btn-none">Скрыть все</button>
3342        </div>
3343        <div id="controls"></div>
3344      </div>
3345    </div>
3346
3347<!-- Yandex Maps API -->
3348<script src="https://api-maps.yandex.ru/2.1/?apikey=f1567e17-67db-4c69-a7a5-abae804a6eec&lang=ru_RU" type="text/javascript"></script>
vendor: 1 bytes, line 3348
3348
3349<script>
3350  if (document.getElementById('map') && typeof ymaps !== 'undefined') {
3351
3352    const STOPS  = {"399":{"title":"Санкт-Петербург, СПб, ст. м. Ладожская, ТЦ Перрон","lat":59.932,"lng":30.4318},"401":{"title":"Великий Новгород, В.Новгород, АВ","lat":58.5254,"lng":31.2509},"402":{"title":"Шимск, АС","lat":58.2098,"lng":30.7191},"404":{"title":"Юшково","lat":60.0696,"lng":32.3237},"406":{"title":"Пикалево, АС","lat":59.5163,"lng":34.1875},"407":{"title":"Сомино","lat":59.3469,"lng":34.857},"408":{"title":"Сазоново-1","lat":59.1105,"lng":35.2286},"409":{"title":"Чагода","lat":59.1655,"lng":35.3298},"410":{"title":"Устюжна, АС","lat":58.8403,"lng":36.4257},"411":{"title":"Сандово","lat":58.4626,"lng":36.4044},"412":{"title":"Молоково","lat":58.1708,"lng":36.7553},"413":{"title":"Хабоцкое","lat":58.1352,"lng":37.0248},"414":{"title":"Весьегонск, АС","lat":58.654,"lng":37.2634},"415":{"title":"Санкт-Петербург, СПб, АВ Обводный, 36","lat":59.9135,"lng":30.3577},"417":{"title":"Санкт-Петербург, СПб, ст. м. Московская","lat":59.8546,"lng":30.3208},"418":{"title":"Санкт-Петербург, СПб, ст. м. Купчино","lat":59.8285,"lng":30.3757},"419":{"title":"Кисельня","lat":60.0088,"lng":32.1426},"420":{"title":"Сясьстрой, АС","lat":60.1431,"lng":32.539},"421":{"title":"Селиваново","lat":60.2048,"lng":32.6719},"422":{"title":"Потанино","lat":60.2712,"lng":32.7878},"423":{"title":"Паша","lat":60.3958,"lng":33.0154},"424":{"title":"Доможирово","lat":60.4741,"lng":33.0952},"425":{"title":"Шамокша, поворот","lat":60.6637,"lng":33.3463},"426":{"title":"Лодейное Поле, АС","lat":60.7285,"lng":33.5555},"427":{"title":"Подпорожье, АВ","lat":60.9089,"lng":34.1609},"428":{"title":"Шеменичи","lat":60.8904,"lng":34.3869},"429":{"title":"Пертозеро","lat":60.9036,"lng":34.6041},"430":{"title":"Гоморовичи","lat":60.8975,"lng":34.729},"431":{"title":"Шустручей (д.Кипрушино)","lat":60.9443,"lng":35.4321},"432":{"title":"Вознесенье","lat":61.0139,"lng":35.4834},"433":{"title":"Ошта","lat":60.8512,"lng":35.5555},"434":{"title":"Водлица","lat":60.8291,"lng":35.7406},"435":{"title":"Мегра","lat":60.8672,"lng":36.0011},"436":{"title":"Понизовье","lat":60.8953,"lng":36.0419},"437":{"title":"Кондуши","lat":60.9212,"lng":36.0845},"438":{"title":"Палтога","lat":61.011,"lng":36.1585},"439":{"title":"Палозеро","lat":60.9924,"lng":36.3483},"440":{"title":"Вытегра, АС","lat":61.0054,"lng":36.4348},"442":{"title":"Крестцы, АС","lat":58.248,"lng":32.5243},"443":{"title":"Яжелбицы","lat":58.0333,"lng":32.972},"444":{"title":"Валдай, АС","lat":57.9884,"lng":33.2455},"445":{"title":"Демянск, АС","lat":57.6413,"lng":32.4622},"446":{"title":"Великий Новгород, В.Новгород, Колмово","lat":58.552,"lng":31.2685},"447":{"title":"Старая Русса, АС","lat":58.0003,"lng":31.3444},"449":{"title":"Парфино, АС","lat":57.9748,"lng":31.6451},"451":{"title":"Сельцо","lat":59.628,"lng":29.5292},"452":{"title":"Бегуницы","lat":59.5868,"lng":29.3164},"453":{"title":"Зимитицы","lat":59.5501,"lng":29.1093},"454":{"title":"Кингисепп, АС","lat":59.37,"lng":28.6135},"455":{"title":"Черновское","lat":59.2167,"lng":28.434},"456":{"title":"Сланцы","lat":59.1063,"lng":28.0985},"457":{"title":"Добручи","lat":58.8849,"lng":27.9138},"458":{"title":"Лядцы","lat":58.8408,"lng":27.9017},"459":{"title":"Гдов, АС","lat":58.7435,"lng":27.8227},"460":{"title":"Ивангород, АС","lat":59.377,"lng":28.2189},"462":{"title":"Луга, АС","lat":58.7418,"lng":29.847},"463":{"title":"Заплюсье","lat":58.4347,"lng":29.7448},"464":{"title":"Заполье","lat":58.3722,"lng":29.6834},"465":{"title":"Лудони","lat":58.2249,"lng":29.3548},"466":{"title":"Велени","lat":58.1765,"lng":29.3754},"467":{"title":"Хредино","lat":58.1095,"lng":29.4152},"468":{"title":"Павы","lat":58.0498,"lng":29.5029},"469":{"title":"Боровичи, псков.","lat":57.9571,"lng":29.6476},"470":{"title":"Порхов, АС","lat":57.7586,"lng":29.5585},"471":{"title":"Хилово","lat":57.7667,"lng":29.3738},"472":{"title":"Псков, АВ","lat":57.8024,"lng":28.3585},"473":{"title":"Остров, АС","lat":57.3533,"lng":28.3604},"474":{"title":"Опочка, АС","lat":56.715,"lng":28.6711},"475":{"title":"Себеж, АС","lat":56.2842,"lng":28.483},"476":{"title":"Долосцы","lat":56.0439,"lng":28.7038},"477":{"title":"Юховичи","lat":56.0268,"lng":28.686},"479":{"title":"Полоцк, АВ","lat":55.4904,"lng":28.7829},"481":{"title":"Олонец, АС","lat":60.9771,"lng":32.9646},"482":{"title":"Свирское","lat":60.7788,"lng":33.3203},"492":{"title":"Могилёв, АВ","lat":53.9132,"lng":30.3476},"499":{"title":"Орша, АВ","lat":54.5194,"lng":30.3729},"500":{"title":"Бобруйск, АВ","lat":53.1432,"lng":29.1943},"501":{"title":"Витебск, АВ","lat":55.1958,"lng":30.1876},"502":{"title":"Яжелбицы2","lat":58.0311,"lng":32.9777},"503":{"title":"Маарду","lat":59.4737,"lng":25.0137}
3352,"504":{"title":"Нарва-Йыэсуу СПА и Санаторий","lat":59.4596,"lng":28.0383},"505":{"title":"Нарва-Йыэсуу Мересуу","lat":59.4526,"lng":28.0288},"506":{"title":"Нарва-Йыэсуу Ноорус СПА Отель","lat":59.4441,"lng":28.017},"507":{"title":"Нарва-Йыэсуу Ноорус СПА Инн","lat":59.4419,"lng":28.0136},"508":{"title":"Тойла СПА Отель","lat":59.4252,"lng":27.5142},"509":{"title":"Таллин, АВ","lat":59.4275,"lng":24.7739},"510":{"title":"Нарва","lat":59.3761,"lng":28.1959},"513":{"title":"Минск, АВ","lat":53.8901,"lng":27.5548},"514":{"title":"Череповец, АВ","lat":59.1389,"lng":37.9272},"516":{"title":"Лентьево, АС","lat":58.9728,"lng":36.5998},"535":{"title":"Бокситогорск, авт. ост. Павлова, 14","lat":59.4787,"lng":33.8414},"538":{"title":"Андомский погост","lat":61.2511,"lng":36.6239},"539":{"title":"Октябрьский","lat":61.3783,"lng":36.6049},"540":{"title":"Красноборский","lat":61.653,"lng":36.362},"541":{"title":"Пудож, АС","lat":61.808,"lng":36.5331},"543":{"title":"Колчаново","lat":60.0364,"lng":32.5919},"544":{"title":"Хвалово","lat":59.9556,"lng":32.7423},"552":{"title":"Поддорье","lat":57.469,"lng":31.1112},"553":{"title":"Холм, АС","lat":57.1426,"lng":31.1779},"557":{"title":"Старая Русса, Крестецкая, 25","lat":57.9896,"lng":31.3658},"581":{"title":"Великий Новгород, В.Новгород, Колмово, Макдоналдс","lat":58.5513,"lng":31.2663},"589":{"title":"Заголодно","lat":59.4548,"lng":34.6339},"591":{"title":"Долоцкое","lat":58.9538,"lng":35.9874},"606":{"title":"Покровское","lat":58.9567,"lng":35.5793},"613":{"title":"Тарту, АВ","lat":58.378,"lng":26.7322},"614":{"title":"Печоры, АС","lat":57.8142,"lng":27.6094},"615":{"title":"Вярска, санаторий","lat":57.9857,"lng":27.624},"618":{"title":"Медведь, поворот","lat":58.2905,"lng":30.5028},"619":{"title":"Уторгош","lat":58.2768,"lng":30.2451},"620":{"title":"Феофилова Пустынь","lat":58.2641,"lng":29.4536},"629":{"title":"Тихвин, ТЦ Иматра","lat":59.6434,"lng":33.5488},"630":{"title":"Боровичи АС, новгород.","lat":58.3933,"lng":33.9305},"631":{"title":"Окуловка, АС","lat":58.3728,"lng":33.3011},"632":{"title":"Рига, АВ","lat":56.945,"lng":24.1146},"633":{"title":"Хвойная,ОП","lat":58.8936,"lng":34.5044},"634":{"title":"Кончанско-Суворовское","lat":58.6422,"lng":34.0557},"643":{"title":"Горка-Воскресенская","lat":59.8202,"lng":32.9381},"647":{"title":"Усть-Шомушка","lat":59.6835,"lng":33.3283},"648":{"title":"Тихвин, АC","lat":59.6375,"lng":33.5057},"654":{"title":"Дыми","lat":59.5727,"lng":33.7803},"656":{"title":"д. Борки, остановка, Борки","lat":58.3799,"lng":31.0117},"657":{"title":"д. Лесная, остановка, Лесная","lat":58.3051,"lng":30.884},"658":{"title":"деревня Зайцево, 1, Зайцево","lat":58.3673,"lng":32.0658},"659":{"title":"Вины","lat":58.3609,"lng":32.2175},"660":{"title":"Новое Рахино","lat":58.1459,"lng":32.7592},"661":{"title":"Сольцы, остановка, Советский пр-т, 11","lat":58.1197,"lng":30.3119},"676":{"title":"Пестово, АВ","lat":58.6024,"lng":35.8047},"677":{"title":"Мошенское, АС","lat":58.5071,"lng":34.5833},"678":{"title":"д. Броди, остановка, Броди (Новгородская область)","lat":58.4688,"lng":35.1188},"684":{"title":"Сухлово","lat":57.9825,"lng":29.7509},"685":{"title":"Ивангород, Госпитальная ул., 2","lat":59.3771,"lng":28.2184},"688":{"title":"Починная Сопка","lat":58.4232,"lng":34.3712},"689":{"title":"Меглецы","lat":58.4251,"lng":34.5596},"690":{"title":"Крутец","lat":58.4074,"lng":34.6052},"691":{"title":"Раменье","lat":58.4386,"lng":35.0248},"692":{"title":"Столбское","lat":58.4955,"lng":35.2269},"693":{"title":"Барсаниха","lat":58.5208,"lng":35.4741},"694":{"title":"Охона","lat":58.5713,"lng":35.6409}
3352,"697":{"title":"Нагово","lat":58.0483,"lng":31.18},"699":{"title":"Буреги","lat":58.1474,"lng":31.0523},"706":{"title":"Пушкинские Горы, АВ","lat":57.0213,"lng":28.9352},"707":{"title":"Новоржев, АВ","lat":57.0287,"lng":29.3315},"708":{"title":"Бежаницы, АВ","lat":56.9786,"lng":29.8908},"709":{"title":"Локня, АС","lat":56.8267,"lng":30.1526},"710":{"title":"Великие Луки, АВ","lat":56.3399,"lng":30.5432},"711":{"title":"Санкт-Петербург, СПб, ст. м. Купчино 1","lat":59.8295,"lng":30.3739},"715":{"title":"Москва, АВ Центральный","lat":55.811,"lng":37.8011},"716":{"title":"Балашиха, АС Южная","lat":55.7966,"lng":37.9685},"718":{"title":"Петрозаводск, АВ","lat":61.7874,"lng":34.3389},"719":{"title":"Святозеро, ОП поворот","lat":61.5589,"lng":33.5886},"720":{"title":"Малая Витонь, поворот","lat":58.1937,"lng":30.8774},"721":{"title":"Большая Витонь, поворот","lat":58.191,"lng":30.9285},"722":{"title":"Москва, МАВ Северные ворота","lat":55.8792,"lng":37.4801},"723":{"title":"Донецк, АВ Южный","lat":48.0037,"lng":37.8709},"724":{"title":"Мариуполь, АВ Мариуполь","lat":47.0989,"lng":37.5103}};
3353    const ROUTES = [{"id":"r_461884310991e5a7dc47b51883819389","code":"285","name":"Великий Новгород - Валдай","stops":[401,658,659,442,660,443,444],"direction":"Новгородское направление"},{"id":"r_9f59d2190d03f986a17ae43e6b811bad","code":"269","name":"Великий Новгород - Парфино","stops":[401,656,657,402,720,721,699,698,697,696,447,557,449],"direction":"Новгородское направление"},{"id":"r_64596a304860f34a3e11ffc002a618a9","code":"259","name":"Великий Новгород - Пестово","stops":[401,442,631,630,688,677,689,690,704,705,691,678,692,693,694,676],"direction":"Новгородское направление"},{"id":"r_e0a19e4ed15363a9c02a3d88c1de3d32","code":"260","name":"Великий Новгород - Хвойная,ОП","stops":[401,442,631,630,634,633],"direction":"Новгородское направление"},{"id":"r_83a12b15b51959e77e7ea6d3d9306218","code":"262","name":"Великий Новгород - Холм","stops":[401,402,720,721,699,698,697,696,447,557,703,702,701,552,700,553],"direction":"Новгородское направление"},{"id":"r_1b5aba9f0539b5dcf435c62a40fd8c0e","code":"МР-2047_","name":"Псков - Таллин","stops":[472,614,615,613,509],"direction":"Западное направление"},{"id":"r_41cdcffdf597ea1bd71de587ba67e337","code":"10761","name":"Санкт-Петербург - Балашиха","stops":[415,715,716],"direction":"Московское направление"},{"id":"r_288a27c96656ed78c7a19eaad53292ac","code":"0522","name":"Санкт-Петербург - Бобруйск, АВ","stops":[415,472,473,501,499,492,500],"direction":"Республика Беларусь"},{"id":"r_980e8f5c05bc50efe97d1984ba30fac0","code":"950","name":"Санкт-Петербург - Валдай","stops":[415,711,581,401,442,443,444],"direction":"Новгородское направление"},{"id":"r_fb5159ef104c624092ae67ef472f8481","code":"9844","name":"Санкт-Петербург - Великие Луки","stops":[415,417,472,473,706,707,708,709,710],"direction":"Псковское направление"},{"id":"r_0ae61aa6f38d0681e523ad4c4ec562ea","code":"7919","name":"Санкт-Петербург - Великий Новгород","stops":[415,417,581,401],"direction":"Новгородское направление"},{"id":"r_93b53115fe87a200ab028bbcba604d46","code":"4802","name":"Санкт-Петербург - Великий Новгород","stops":[415,711,581,401],"direction":"Новгородское направление"},{"id":"r_6627e0c8a4736bede10f5d488115bc23","code":"968","name":"Санкт-Петербург - Весьегонск","stops":[415,419,404,543,544,643,647,648,629,654,535,406],"direction":"Северное направление"},{"id":"r_3f6fe653309703385245b27740c83602","code":"968","name":"Санкт-Петербург - Весьегонск","stops":[415,648,629,406,407,408,409,410,411,412,413,414],"direction":"Северное направление"},{"id":"r_b2c10989b53102c85316699e8c13b631","code":"969","name":"Санкт-Петербург - Гдов","stops":[415,417,451,452,453,454,455,456,457,458,459],"direction":"Псковское направление"},{"id":"r_c6261af3038d87861fbe358b219d037a","code":"951","name":"Санкт-Петербург - Демянск","stops":[415,711,581,401,442,443,444,502,445],"direction":"Новгородское направление"},{"id":"r_0add4ac0f64622d6b19d3ded2e34f83a","code":"842","name":"Санкт-Петербург - Ивангород","stops":[415,417,451,452,453,454,460],"direction":"Западное направление"},{"id":"r_77e057f8287eeb2d76548ccedb7b3450","code":"0339","name":"Санкт-Петербург - Маарду","stops":[415,417,685,510,504,505,506,507,508,681,509,503],"direction":"Западное направление"},{"id":"r_3897be96a766941b97f7b2a8951d4913","code":"8552","name":"Санкт-Петербург - Мариуполь","stops":[415,723,724],"direction":"Донецкое направление"},{"id":"r_0e00770c7cc5c685aefa78d574bd35a0","code":"958","name":"Санкт-Петербург - Минск","stops":[415,417,401,402,618,619,620,472,473,474,475,476,477,479,513],"direction":"Республика Беларусь"},{"id":"r_4e106fdb2a6dadf09a53070222d5ed0b","code":"11108","name":"Санкт-Петербург - Москва","stops":[415,722],"direction":"Московское направление"},{"id":"r_58b0e153da066c5e501330f0b2eb9ca5","code":"9343","name":"Санкт-Петербург - Олонец","stops":[415,399,419,404,420,421,422,423,424,425,426,482,481],"direction":"Северное направление"},{"id":"r_1011b0dc72fa1dc5869bc2d077ae3068","code":"941","name":"Санкт-Петербург - Парфино","stops":[415,711,581,401,656,657,402,447,557,449],"direction":"Новгородское направление"},{"id":"r_3e6c4c0e2142884f2d56f80f00fb175e","code":"7919","name":"Санкт-Петербург - Пестово, АВ","stops":[415,417,581,401,442,631,630,688,677,689,690,704,705,691,678,692,693,694,676],"direction":"Новгородское направление"},{"id":"r_8203c95a315ebd2f62b4585373030939","code":"10893","name":"Санкт-Петербург - Петрозаводск","stops":[415,419,404,420,421,422,423,424,425,426,481,719,718],"direction":"Северное направление"},{"id":"r_e8f86065fa115d02efc5ffb05a038d70","code":"9700","name":"Санкт-Петербург - Псков","stops":[415,581,401,402,661,684,470,472],"direction":"Псковское направление"},{"id":"r_0b15c61e4c183f2dc822b0cf5abd0152","code":"8681","name":"Санкт-Петербург - Пудож","stops":[415,399,404,420,421,422,423,424,425,426,427,428,429,430,431,432,433,434,435,436,437,438,439,440,538,539,540,541],"direction":"Северное направление"},{"id":"r_b3e80f84798b38495562696c9d736277","code":"8575","name":"Санкт-Петербург - Рига, АВ","stops":[415,472,632],"direction":"Западное направление"},{"id":"r_4e5dcfb8cf13a31c2093332822d506ad","code":"4650","name":"Санкт-Петербург - Сольцы","stops":[415,711,581,401],"direction":"Псковское направление"},{"id":"r_cc5fca77558be5b17010a3d66d19acaf","code":"0345","name":"Санкт-Петербург - Таллин","stops":[415,685,510,681,509],"direction":"Западное направление"}
3353,{"id":"r_b9f329e5dc7481747bc9e8c9ec2aa9d9","code":"4802","name":"Санкт-Петербург - Хвойная,ОП","stops":[415,711,581,401,442,631,630,634,633],"direction":"Новгородское направление"},{"id":"r_a4bec9936a5f7785c64e60a041b15db7","code":"957","name":"Санкт-Петербург - Хилово","stops":[415,417,462,463,464,465,466,467,468,469,470,471],"direction":"Псковское направление"},{"id":"r_44480b52c152a5bb2586d1877d0f50e4","code":"9323","name":"Санкт-Петербург - Череповец","stops":[415,419,404,543,544,647,648,629,654,535,406,589,407,408,409,606,591,410,516,514],"direction":"Северное направление"},{"id":"r_202ff230a1d8f9fda6d42dd6963e78b9","code":"7000","name":"Санкт-Петербург - Шимск","stops":[415,711,581,401],"direction":"Новгородское направление"},{"id":"r_d1f01e51c305562c236e911d93d2f4be","code":"4650","name":"Сольцы - Санкт-Петербуг","stops":[401,446,418,415],"direction":"Псковское направление"}];
3354
3355    const COLOR_PALETTE = [
3356      "#E6194B","#3CB44B","#4363D8","#F58231","#911EB4","#42D4F4","#F032E6","#BFEF45",
3357      "#FABEBE","#469990","#9A6324","#800000","#AA6E28","#808000","#000075","#E6BEFF",
3358      "#DC143C","#00CED1","#FF8C00","#8B008B","#556B2F","#2E8B57","#B22222","#4682B4",
3359      "#DAA520","#7B68EE"
3360    ];
3361
3362    ymaps.ready(function () {
3363      const map = new ymaps.Map('map', {
3364        center: [59.0, 32.0],
3365        zoom: 6,
3366        controls: ['zoomControl', 'fullscreenControl']
3367      }, {
3368        suppressMapOpenBlock: true
3369      });
3370
3371      const controlsContainer = document.getElementById('controls');
3372      const routeObjects = {};
3373
3374      if (!ROUTES || ROUTES.length === 0) {
3375        controlsContainer.innerHTML = '<p style="font-size:13px;color:#666;">Нет доступных маршрутов.</p>';
3376        return;
3377      }
3378
3379      // 1. Построим маппинг остановок к проходящим через них маршрутам
3380      const stopToRoutes = {};
3381
3382      // 2. Инициализируем маршруты
3383      ROUTES.forEach(function (route, idx) {
3384        const color = COLOR_PALETTE[idx % COLOR_PALETTE.length];
3385        route.color = color; // сохраняем цвет в объекте маршрута
3386
3387        const coords = [];
3388        route.stops.forEach(function (stopId) {
3389          const s = STOPS[stopId];
3390          if (!s) return;
3391          coords.push([s.lat, s.lng]);
3392
3393          if (!stopToRoutes[stopId]) {
3394            stopToRoutes[stopId] = [];
3395          }
3396          stopToRoutes[stopId].push(route);
3397        });
3398
3399        if (coords.length < 2) return;
3400
3401        const polyline = new ymaps.Polyline(coords, {
3402          hintContent: route.name,
3403          balloonContent: '<b>Маршрут:</b><br>' + route.name
3404        }, {
3405          strokeColor: color,
3406          strokeWidth: 5,
3407          strokeOpacity: 0.8
3408        });
3409
3410        const label = document.createElement('label');
3411        label.innerHTML =
3412          '<input type="checkbox" data-route-id="' + route.id + '" checked />' +
3413          '<span class="color-swatch" style="background-color: ' + color + ';"></span> ' +
3414          '<a href="/?schedule_code=' + encodeURIComponent(route.code) + '" onclick="event.stopPropagation();" style="color: #333; text-decoration: none; font-weight: 500;" onmouseover="this.style.textDecoration=\'underline\'" onmouseout="this.style.textDecoration=\'none\'">' +
3415          route.name + '</a>';
3416        controlsContainer.appendChild(label);
3417
3418        map.geoObjects.add(polyline);
3419
3420        routeObjects[route.id] = { 
3421          polyline: polyline,
3422          direction: route.direction,
3423          label: label
3424        };
3425      });
3426
3427      // 3. Создаем единый экземпляр Placemark для каждой остановки
3428      const stopPlacemarks = {};
3429      for (const stopId in STOPS) {
3430        if (!STOPS.hasOwnProperty(stopId)) continue;
3431        const s = STOPS[stopId];
3432        if (!s) continue;
3433
3434        const pm = new ymaps.Placemark([s.lat, s.lng], {
3435          hintContent: s.title,
3436          balloonContentHeader: s.title,
3437          balloonContentBody: '' // будет заполняться динамически
3438        }, {
3439          preset: 'islands#circleDotIcon',
3440          iconColor: '#ff6600' // дефолтный цвет
3441        });
3442
3443        stopPlacemarks[stopId] = pm;
3444      }
3445
3446      // 4. Функция обновления остановок на карте
3447      function updateStopsOnMap() {
3448        const visibleRouteIds = new Set();
3449        ROUTES.forEach(function (route) {
3450          const cb = controlsContainer.querySelector('input[data-route-id="' + route.id + '"]');
3451          const lbl = cb ? cb.closest('label') : null;
3452          if (cb && cb.checked && lbl && lbl.style.display !== 'none') {
3453            visibleRouteIds.add(route.id);
3454          }
3455        });
3456
3457        for (const stopId in stopPlacemarks) {
3458          if (!stopPlacemarks.hasOwnProperty(stopId)) continue;
3459          const pm = stopPlacemarks[stopId];
3460          const routesForStop = stopToRoutes[stopId] || [];
3461
3462          const activeRoutes = routesForStop.filter(function (r) {
3463            return visibleRouteIds.has(r.id);
3464          });
3465
3466          if (activeRoutes.length > 0) {
3467            map.geoObjects.add(pm);
3468
3469            // Красим точку в цвет первого активного маршрута
3470            const firstColor = activeRoutes[0].color;
3471            pm.options.set('iconColor', firstColor);
3472
3473            // Генерируем HTML балуна со ссылками Ð
3473½Ð° расписание
3474            let balloonHtml = '<div style="font-family: -apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, sans-serif; font-size: 13px; line-height: 1.5; padding: 4px 0; min-width: 200px;">';
3475            balloonHtml += '<div style="font-weight: 700; margin-bottom: 8px; color: #333; border-bottom: 1px solid #eee; padding-bottom: 4px;">Рейсы по этой остановке:</div>';
3476            balloonHtml += '<ul style="list-style-type: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 6px;">';
3477            
3478            activeRoutes.forEach(function (r) {
3479              const scheduleUrl = '?schedule_code=' + encodeURIComponent(r.code);
3480              balloonHtml += '<li>';
3481              balloonHtml += '  <a href="' + scheduleUrl + '" style="color: #ff6600; text-decoration: underline; font-weight: 600; transition: color 0.2s;" onmouseover="this.style.color=\'#e65c00\'" onmouseout="this.style.color=\'#ff6600\'">';
3482              balloonHtml += '    Рейс №' + r.code + ' &mdash; ' + r.name;
3483              balloonHtml += '  </a>';
3484              balloonHtml += '</li>';
3485            });
3486            
3487            balloonHtml += '</ul></div>';
3488
3489            pm.properties.set('balloonContentBody', balloonHtml);
3490          } else {
3491            map.geoObjects.remove(pm);
3492          }
3493        }
3494      }
3495
3496      controlsContainer.addEventListener('change', function (evt) {
3497        if (evt.target.tagName !== 'INPUT') return;
3498        toggleRoute(evt.target.getAttribute('data-route-id'), evt.target.checked);
3499      });
3500
3501      document.getElementById('btn-all').addEventListener('click', function () {
3502        controlsContainer.querySelectorAll('input[type="checkbox"]').forEach(function (cb) {
3503          const lbl = cb.closest('label');
3504          if (lbl && lbl.style.display === 'none') return;
3505          if (!cb.checked) {
3506            cb.checked = true;
3507            toggleRoute(cb.getAttribute('data-route-id'), true);
3508          }
3509        });
3510      });
3511      document.getElementById('btn-none').addEventListener('click', function () {
3512        controlsContainer.querySelectorAll('input[type="checkbox"]').forEach(function (cb) {
3513          const lbl = cb.closest('label');
3514          if (lbl && lbl.style.display === 'none') return;
3515          if (cb.checked) {
3516            cb.checked = false;
3517            toggleRoute(cb.getAttribute('data-route-id'), false);
3518          }
3519        });
3520      });
3521
3522      function toggleRoute(routeId, show) {
3523        const obj = routeObjects[routeId];
3524        if (!obj) return;
3525        if (show) {
3526          map.geoObjects.add(obj.polyline);
3527        } else {
3528          map.geoObjects.remove(obj.polyline);
3529        }
3530        updateStopsOnMap();
3531      }
3532
3533      // Глобальная функция фильтрации карты по направлению
3534      window.filterMapByDirection = function (directionName) {
3535        if (!directionName) return;
3536
3537        ROUTES.forEach(function (route) {
3538          const obj = routeObjects[route.id];
3539          if (!obj) return;
3540
3541          const isMatch = (route.direction === directionName);
3542
3543          if (isMatch) {
3544            map.geoObjects.add(obj.polyline);
3545            if (obj.label) {
3546                obj.label.style.display = 'flex';
3547                const cb = obj.label.querySelector('input[type="checkbox"]');
3548                if (cb) cb.checked = true;
3549            }
3550          } else {
3551            map.geoObjects.remove(obj.polyline);
3552            if (obj.label) {
3553                obj.label.style.display = 'none';
3554                const cb = obj.label.querySelector('input[type="checkbox"]');
3555                if (cb) cb.checked = false;
3556            }
3557          }
3558
3559          // Синхронизируем флажок в боковой панели карты
3560          const cb = controlsContainer.querySelector('input[data-route-id="' + route.id + '"]');
3561          if (cb) {
3562            cb.checked = isMatch;
3563          }
3564        });
3565
3566        // Обновляем остановки
3567        updateStopsOnMap();
3568
3569        // Автоматически зумируем и центрируем карту по отфильтрованным геообъектам
3570        if (map.geoObjects.getLength() > 0) {
3571          map.setBounds(map.geoObjects.getBounds(), {
3572            checkZoomRange: true,
3573            zoomMargin: 30
3574          });
3575        }
3576      };
3577
3578      // Фильтруем карту по умолчанию при первой загрузке (по активной вкладке)
3579      const activeTab = document.querySelector('.direction-tab-btn.active-tab');
3580      if (activeTab) {
3581        const initialDir = activeTab.getAttribute('data-direction');
3582        if (initialDir) {
3583          window.filterMapByDirection(initialDir);
3584        }
3585      } else {
3586        updateStopsOnMap();
3587      }
3588
3589      // ===== Сворачивание панели на мобильных =====
3590      const panel = document.getElementById('controls-panel');
3591      const toggleBtn = document.getElementById('toggle-panel');
3592
3593      function applyPanelStateByWidth() {
3594        if (window.innerWidth <= 768) {
3595          panel.classList.add('collapsed');
3596          toggleBtn.textContent = '▼';
3597        } else {
3598          panel.classList.remove('collapsed');
3599        }
3600      }
3601      applyPanelStateByWidth();
3602
3603      toggleBtn.addEventListener('click', function () {
3604        panel.classList.toggle('collapsed');
3605        toggleBtn.textContent = panel.classList.contains('collapsed') ? '▼' : '▲';
3606      });
3607
3608      let resizeTimer;
3609      window.addEventListener('resize', function () {
3610        clearTimeout(resizeTimer);
3611        resizeTimer = setTimeout(applyPanelStateByWidth, 200);
3612      });
3613
3614      if (map.geoObjects.getLength() > 0) {
3615        map.setBounds(map.geoObjects.getBounds(), {
3616          checkZoomRange: true,
3617          zoomMargin: 30
3618        });
3619      }
3620    });
3621  }
3622</script>
3622<div class="my-10 border-b border-gray-200"></div>    <!-- В режиме направления: проверяем какой шаг рендерить -->
3623            <!-- Карточки (Панели) -->
3624        <div class="direction-tab-panels">
3625                            <div id="panel-0" 
3626                     class="direction-tab-panel transition-all duration-300 animate-fadeInUp block">
3627                    
3628                    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
3629                                                    <div class="route-premium-card group bg-white border border-gray-200 hover:border-red-200 rounded-sm p-4 shadow-sm hover:shadow-md transition-all duration-200 flex flex-col justify-between">
3630                                <div>
3631                                    <div class="flex items-start justify-between gap-2 mb-2">
3632                                                                                <div class="flex items-center gap-3">
3633                                            <span class="route-code-badge flex-shrink-0">
3634                                                259                                            </span>
3635                                            <h4 class="font-bold text-gray-800 text-sm md:text-base leading-snug group-hover:text-red-600 transition-colors">
3636                                                Великий Новгород - Пестово                                            </h4>
3637                                        </div>
3638                                        <span class="text-gray-400 group-hover:text-red-600 transition-colors flex-shrink-0 mt-0.5">
3639                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
3640                                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 1.414L10.586 9H7a1 1 0 100 2h3.586l-1.293 1.293a1 1 0 101.414 1.414l3-3a1 1 0 000-1.414z" clip-rule="evenodd" />
3641                                            </svg>
3642                                        </span>
3643                                    </div>
3644                                </div>
3645                                <div class="mt-4 pt-4 border-t border-gray-100">
3646                                                                            <div class="mb-3 text-red-600 font-extrabold text-lg leading-none">
3647                                            <span class="text-xs font-medium text-gray-400">от</span> 1 130 ₽
3648                                        </div>
3649                                                                                                            <a href="/raspisanie-avtobusa/velikiy-novgorod-pestovo-259"
3650                                       class="inline-flex items-center justify-center w-full px-4 py-2.5 bg-gray-50 border border-gray-200 hover:bg-red-600 hover:border-red-600 hover:text-white text-gray-700 font-semibold text-sm rounded-sm transition-all duration-200">
3651                                        Посмотреть расписание
3652                                    </a>
3653                                </div>
3654                            </div>
3655                                                    <div class="route-premium-card group bg-white border border-gray-200 hover:border-red-200 rounded-sm p-4 shadow-sm hover:shadow-md transition-all duration-200 flex flex-col justify-between">
3656                                <div>
3657                                    <div class="flex items-start justify-between gap-2 mb-2">
3658                                                                                <div class="flex items-center gap-3">
3659                                            <span class="route-code-badge flex-shrink-0">
3660                                                260                                            </span>
3661                                            <h4 class="font-bold text-gray-800 text-sm md:text-base leading-snug group-hover:text-red-600 transition-colors">
3662                                                Великий Новгород - Хвойная,ОП                                            </h4>
3663                                        </div>
3664                                        <span class="text-gray-400 group-hover:text-red-600 transition-colors flex-shrink-0 mt-0.5">
3665                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
3666                                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 1.414L10.586 9H7a1 1 0 100 2h3.586l-1.293 1.293a1 1 0 101.414 1.414l3-3a1 1 0 000-1.414z" clip-rule="evenodd" />
3667                                            </svg>
3668                                        </span>
3669                                    </div>
3670                                </div>
3671                                <div class="mt-4 pt-4 border-t border-gray-100">
3672                                                                            <div class="mb-3 text-red-600 font-extrabold text-lg leading-none">
3673                                            <span class="text-xs font-medium text-gray-400">от</span> 580 ₽
3674                                        </div>
3675                                                                                                            <a href="/raspisanie-avtobusa/velikiy-novgorod-hvoynaya-260"
3676                                       class="inline-flex items-center justify-center w-full px-4 py-2.5 bg-gray-50 border border-gray-200 hover:bg-red-600 hover:border-red-600 hover:text-white text-gray-700 font-semibold text-sm rounded-sm transition-all duration-200">
3677                                        Посмотреть расписание
3678                                    </a>
3679                                </div>
3680                            </div>
3681                                                    <div class="route-premium-card group bg-white border border-gray-200 hover:border-red-200 rounded-sm p-4 shadow-sm hover:shadow-md transition-all duration-200 flex flex-col justify-between">
3682                                <div>
3683                                    <div class="flex items-start justify-between gap-2 mb-2">
3684                                                                                <div class="flex items-center gap-3">
3685                                            <span class="route-code-badge flex-shrink-0">
3686                                                262                                            </span>
3687                                            <h4 class="font-bold text-gray-800 text-sm md:text-base leading-snug group-hover:text-red-600 transition-colors">
3688                                                Великий Новгород - Холм                                            </h4>
3689                                        </div>
3690                                        <span class="text-gray-400 group-hover:text-red-600 transition-colors flex-shrink-0 mt-0.5">
3691                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
3692                                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 1.414L10.586 9H7a1 1 0 100 2h3.586l-1.293 1.293a1 1 0 101.414 1.414l3-3a1 1 0 000-1.414z" clip-rule="evenodd" />
3693                                            </svg>
3694                                        </span>
3695                                    </div>
3696                                </div>
3697                                <div class="mt-4 pt-4 border-t border-gray-100">
3698                                                                            <div class="mb-3 text-red-600 font-extrabold text-lg leading-none">
3699                                            <span class="text-xs font-medium text-gray-400">от</span> 580 ₽
3700                                        </div>
3701                                                                                                            <a href="/raspisanie-avtobusa/velikiy-novgorod-holm-262"
3702                                       class="inline-flex items-center justify-center w-full px-4 py-2.5 bg-gray-50 border border-gray-200 hover:bg-red-600 hover:border-red-600 hover:text-white text-gray-700 font-semibold text-sm rounded-sm transition-all duration-200">
3703                                        Посмотреть расписание
3704                                    </a>
3705                                </div>
3706                            </div>
3707                                                    <div class="route-premium-card group bg-white border border-gray-200 hover:border-red-200 rounded-sm p-4 shadow-sm hover:shadow-md transition-all duration-200 flex flex-col justify-between">
3708                                <div>
3709                                    <div class="flex items-start justify-between gap-2 mb-2">
3710                                                                                <div class="flex items-center gap-3">
3711                                            <span class="route-code-badge flex-shrink-0">
3712                                                269                                            </span>
3713                                            <h4 class="font-bold text-gray-800 text-sm md:text-base leading-snug group-hover:text-red-600 transition-colors">
3714                                                Великий Новгород - Парфино                                            </h4>
3715                                        </div>
3716                                        <span class="text-gray-400 group-hover:text-red-600 transition-colors flex-shrink-0 mt-0.5">
3717                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
3718                                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 1.414L10.586 9H7a1 1 0 100 2h3.586l-1.293 1.293a1 1 0 101.414 1.414l3-3a1 1 0 000-1.414z" clip-rule="evenodd" />
3719                                            </svg>
3720                                        </span>
3721                                    </div>
3722                                </div>
3723                                <div class="mt-4 pt-4 border-t border-gray-100">
3724                                                                            <div class="mb-3 text-red-600 font-extrabold text-lg leading-none">
3725                                            <span class="text-xs font-medium text-gray-400">от</span> 580 ₽
3726                                        </div>
3727                                                                                                            <a href="/raspisanie-avtobusa/velikiy-novgorod-parfino-269"
3728                                       class="inline-flex items-center justify-center w-full px-4 py-2.5 bg-gray-50 border border-gray-200 hover:bg-red-600 hover:border-red-600 hover:text-white text-gray-700 font-semibold text-sm rounded-sm transition-all duration-200">
3729                                        Посмотреть расписание
3730                                    </a>
3731                                </div>
3732                            </div>
3733                                                    <div class="route-premium-card group bg-white border border-gray-200 hover:border-red-200 rounded-sm p-4 shadow-sm hover:shadow-md transition-all duration-200 flex flex-col justify-between">
3734                                <div>
3735                                    <div class="flex items-start justify-between gap-2 mb-2">
3736                                                                                <div class="flex items-center gap-3">
3737                                            <span class="route-code-badge flex-shrink-0">
3738                                                285                                            </span>
3739                                            <h4 class="font-bold text-gray-800 text-sm md:text-base leading-snug group-hover:text-red-600 transition-colors">
3740                                                Великий Новгород - Валдай                                            </h4>
3741                                        </div>
3742                                        <span class="text-gray-400 group-hover:text-red-600 transition-colors flex-shrink-0 mt-0.5">
3743                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
3744                                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 1.414L10.586 9H7a1 1 0 100 2h3.586l-1.293 1.293a1 1 0 101.414 1.414l3-3a1 1 0 000-1.414z" clip-rule="evenodd" />
3745                                            </svg>
3746                                        </span>
3747                                    </div>
3748                                </div>
3749                                <div class="mt-4 pt-4 border-t border-gray-100">
3750                                                                            <div class="mb-3 text-red-600 font-extrabold text-lg leading-none">
3751                                            <span class="text-xs font-medium text-gray-400">от</span> 350 ₽
3752                                        </div>
3753                                                                                                            <a href="/raspisanie-avtobusa/velikiy-novgorod-valday-285"
3754                                       class="inline-flex items-center justify-center w-full px-4 py-2.5 bg-gray-50 border border-gray-200 hover:bg-red-600 hover:border-red-600 hover:text-white text-gray-700 font-semibold text-sm rounded-sm transition-all duration-200">
3755                                        Посмотреть расписание
3756                                    </a>
3757                                </div>
3758                            </div>
3759                                                    <div class="route-premium-card group bg-white border border-gray-200 hover:border-red-200 rounded-sm p-4 shadow-sm hover:shadow-md transition-all duration-200 flex flex-col justify-between">
3760                                <div>
3761                                    <div class="flex items-start justify-between gap-2 mb-2">
3762                                                                                <div class="flex items-center gap-3">
3763                                            <span class="route-code-badge flex-shrink-0">
3764                                                4650                                            </span>
3765                                            <h4 class="font-bold text-gray-800 text-sm md:text-base leading-snug group-hover:text-red-600 transition-colors">
3766                                                Санкт-Петербург - Сольцы                                            </h4>
3767                                        </div>
3768                                        <span class="text-gray-400 group-hover:text-red-600 transition-colors flex-shrink-0 mt-0.5">
3769                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
3770                                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 1.414L10.586 9H7a1 1 0 100 2h3.586l-1.293 1.293a1 1 0 101.414 1.414l3-3a1 1 0 000-1.414z" clip-rule="evenodd" />
3771                                            </svg>
3772                                        </span>
3773                                    </div>
3774                                </div>
3775                                <div class="mt-4 pt-4 border-t border-gray-100">
3776                                                                            <div class="mb-3 text-red-600 font-extrabold text-lg leading-none">
3777                                            <span class="text-xs font-medium text-gray-400">от</span> 580 ₽
3778                                        </div>
3779                                                                                                            <a href="/raspisanie-avtobusa/sankt-peterburg-velikiy-novgorod-4650"
3780                                       class="inline-flex items-center justify-center w-full px-4 py-2.5 bg-gray-50 border border-gray-200 hover:bg-red-600 hover:border-red-600 hover:text-white text-gray-700 font-semibold text-sm rounded-sm transition-all duration-200">
3781                                        Посмотреть расписание
3782                                    </a>
3783                                </div>
3784                            </div>
3785                                                    <div class="route-premium-card group bg-white border border-gray-200 hover:border-red-200 rounded-sm p-4 shadow-sm hover:shadow-md transition-all duration-200 flex flex-col justify-between">
3786                                <div>
3787                                    <div class="flex items-start justify-between gap-2 mb-2">
3788                                                                                <div class="flex items-center gap-3">
3789                                            <span class="route-code-badge flex-shrink-0">
3790                                                4802                                            </span>
3791                                            <h4 class="font-bold text-gray-800 text-sm md:text-base leading-snug group-hover:text-red-600 transition-colors">
3792                                                Санкт-Петербург - Великий Новгород                                            </h4>
3793                                        </div>
3794                                        <span class="text-gray-400 group-hover:text-red-600 transition-colors flex-shrink-0 mt-0.5">
3795                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
3796                                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 1.414L10.586 9H7a1 1 0 100 2h3.586l-1.293 1.293a1 1 0 101.414 1.414l3-3a1 1 0 000-1.414z" clip-rule="evenodd" />
3797                                            </svg>
3798                                        </span>
3799                                    </div>
3800                                </div>
3801                                <div class="mt-4 pt-4 border-t border-gray-100">
3802                                                                            <div class="mb-3 text-red-600 font-extrabold text-lg leading-none">
3803                                            <span class="text-xs font-medium text-gray-400">от</span> 580 ₽
3804                                        </div>
3805                                                                                                            <a href="/raspisanie-avtobusa/sankt-peterburg-velikiy-novgorod-4802"
3806                                       class="inline-flex items-center justify-center w-full px-4 py-2.5 bg-gray-50 border border-gray-200 hover:bg-red-600 hover:border-red-600 hover:text-white text-gray-700 font-semibold text-sm rounded-sm transition-all duration-200">
3807                                        Посмотреть расписание
3808                                    </a>
3809                                </div>
3810                            </div>
3811                                                    <div class="route-premium-card group bg-white border border-gray-200 hover:border-red-200 rounded-sm p-4 shadow-sm hover:shadow-md transition-all duration-200 flex flex-col justify-between">
3812                                <div>
3813                                    <div class="flex items-start justify-between gap-2 mb-2">
3814                                                                                <div class="flex items-center gap-3">
3815                                            <span class="route-code-badge flex-shrink-0">
3816                                                7000                                            </span>
3817                                            <h4 class="font-bold text-gray-800 text-sm md:text-base leading-snug group-hover:text-red-600 transition-colors">
3818                                                Санкт-Петербург - Шимск                                            </h4>
3819                                        </div>
3820                                        <span class="text-gray-400 group-hover:text-red-600 transition-colors flex-shrink-0 mt-0.5">
3821                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
3822                                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 1.414L10.586 9H7a1 1 0 100 2h3.586l-1.293 1.293a1 1 0 101.414 1.414l3-3a1 1 0 000-1.414z" clip-rule="evenodd" />
3823                                            </svg>
3824                                        </span>
3825                                    </div>
3826                                </div>
3827                                <div class="mt-4 pt-4 border-t border-gray-100">
3828                                                                            <div class="mb-3 text-red-600 font-extrabold text-lg leading-none">
3829                                            <span class="text-xs font-medium text-gray-400">от</span> 670 ₽
3830                                        </div>
3831                                                                                                            <a href="/raspisanie-avtobusa/sankt-peterburg-velikiy-novgorod-7000"
3832                                       class="inline-flex items-center justify-center w-full px-4 py-2.5 bg-gray-50 border border-gray-200 hover:bg-red-600 hover:border-red-600 hover:text-white text-gray-700 font-semibold text-sm rounded-sm transition-all duration-200">
3833                                        Посмотреть расписание
3834                                    </a>
3835                                </div>
3836                            </div>
3837                                                    <div class="route-premium-card group bg-white border border-gray-200 hover:border-red-200 rounded-sm p-4 shadow-sm hover:shadow-md transition-all duration-200 flex flex-col justify-between">
3838                                <div>
3839                                    <div class="flex items-start justify-between gap-2 mb-2">
3840                                                                                <div class="flex items-center gap-3">
3841                                            <span class="route-code-badge flex-shrink-0">
3842                                                7919                                            </span>
3843                                            <h4 class="font-bold text-gray-800 text-sm md:text-base leading-snug group-hover:text-red-600 transition-colors">
3844                                                Санкт-Петербург - Великий Новгород                                            </h4>
3845                                        </div>
3846                                        <span class="text-gray-400 group-hover:text-red-600 transition-colors flex-shrink-0 mt-0.5">
3847                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
3848                                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 1.414L10.586 9H7a1 1 0 100 2h3.586l-1.293 1.293a1 1 0 101.414 1.414l3-3a1 1 0 000-1.414z" clip-rule="evenodd" />
3849                                            </svg>
3850                                        </span>
3851                                    </div>
3852                                </div>
3853                                <div class="mt-4 pt-4 border-t border-gray-100">
3854                                                                            <div class="mb-3 text-red-600 font-extrabold text-lg leading-none">
3855                                            <span class="text-xs font-medium text-gray-400">от</span> 670 ₽
3856                                        </div>
3857                                                                                                            <a href="/raspisanie-avtobusa/sankt-peterburg-velikiy-novgorod-7919"
3858                                       class="inline-flex items-center justify-center w-full px-4 py-2.5 bg-gray-50 border border-gray-200 hover:bg-red-600 hover:border-red-600 hover:text-white text-gray-700 font-semibold text-sm rounded-sm transition-all duration-200">
3859                                        Посмотреть расписание
3860                                    </a>
3861                                </div>
3862                            </div>
3863                                                    <div class="route-premium-card group bg-white border border-gray-200 hover:border-red-200 rounded-sm p-4 shadow-sm hover:shadow-md transition-all duration-200 flex flex-col justify-between">
3864                                <div>
3865                                    <div class="flex items-start justify-between gap-2 mb-2">
3866                                                                                <div class="flex items-center gap-3">
3867                                            <span class="route-code-badge flex-shrink-0">
3868                                                7942                                            </span>
3869                                            <h4 class="font-bold text-gray-800 text-sm md:text-base leading-snug group-hover:text-red-600 transition-colors">
3870                                                Санкт-Петербург - Великий Новгород                                            </h4>
3871                                        </div>
3872                                        <span class="text-gray-400 group-hover:text-red-600 transition-colors flex-shrink-0 mt-0.5">
3873                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
3874                                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 1.414L10.586 9H7a1 1 0 100 2h3.586l-1.293 1.293a1 1 0 101.414 1.414l3-3a1 1 0 000-1.414z" clip-rule="evenodd" />
3875                                            </svg>
3876                                        </span>
3877                                    </div>
3878                                </div>
3879                                <div class="mt-4 pt-4 border-t border-gray-100">
3880                                                                            <div class="mb-3 text-red-600 font-extrabold text-lg leading-none">
3881                                            <span class="text-xs font-medium text-gray-400">от</span> 580 ₽
3882                                        </div>
3883                                                                                                            <a href="/raspisanie-avtobusa/sankt-peterburg-velikiy-novgorod-7942"
3884                                       class="inline-flex items-center justify-center w-full px-4 py-2.5 bg-gray-50 border border-gray-200 hover:bg-red-600 hover:border-red-600 hover:text-white text-gray-700 font-semibold text-sm rounded-sm transition-all duration-200">
3885                                        Посмотреть расписание
3886                                    </a>
3887                                </div>
3888                            </div>
3889                                                    <div class="route-premium-card group bg-white border border-gray-200 hover:border-red-200 rounded-sm p-4 shadow-sm hover:shadow-md transition-all duration-200 flex flex-col justify-between">
3890                                <div>
3891                                    <div class="flex items-start justify-between gap-2 mb-2">
3892                                                                                <div class="flex items-center gap-3">
3893                                            <span class="route-code-badge flex-shrink-0">
3894                                                9294                                            </span>
3895                                            <h4 class="font-bold text-gray-800 text-sm md:text-base leading-snug group-hover:text-red-600 transition-colors">
3896                                                Великий Новгород - Санкт-Петербург                                            </h4>
3897                                        </div>
3898                                        <span class="text-gray-400 group-hover:text-red-600 transition-colors flex-shrink-0 mt-0.5">
3899                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
3900                                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 1.414L10.586 9H7a1 1 0 100 2h3.586l-1.293 1.293a1 1 0 101.414 1.414l3-3a1 1 0 000-1.414z" clip-rule="evenodd" />
3901                                            </svg>
3902                                        </span>
3903                                    </div>
3904                                </div>
3905                                <div class="mt-4 pt-4 border-t border-gray-100">
3906                                                                            <div class="mb-3 text-red-600 font-extrabold text-lg leading-none">
3907                                            <span class="text-xs font-medium text-gray-400">от</span> 580 ₽
3908                                        </div>
3909                                                                                                            <a href="/raspisanie-avtobusa/velikiy-novgorod-sankt-peterburg-9294"
3910                                       class="inline-flex items-center justify-center w-full px-4 py-2.5 bg-gray-50 border border-gray-200 hover:bg-red-600 hover:border-red-600 hover:text-white text-gray-700 font-semibold text-sm rounded-sm transition-all duration-200">
3911                                        Посмотреть расписание
3912                                    </a>
3913                                </div>
3914                            </div>
3915                                                    <div class="route-premium-card group bg-white border border-gray-200 hover:border-red-200 rounded-sm p-4 shadow-sm hover:shadow-md transition-all duration-200 flex flex-col justify-between">
3916                                <div>
3917                                    <div class="flex items-start justify-between gap-2 mb-2">
3918                                                                                <div class="flex items-center gap-3">
3919                                            <span class="route-code-badge flex-shrink-0">
3920                                                9295                                            </span>
3921                                            <h4 class="font-bold text-gray-800 text-sm md:text-base leading-snug group-hover:text-red-600 transition-colors">
3922                                                Санкт-Петербург - Парфино                                            </h4>
3923                                        </div>
3924                                        <span class="text-gray-400 group-hover:text-red-600 transition-colors flex-shrink-0 mt-0.5">
3925                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
3926                                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 1.414L10.586 9H7a1 1 0 100 2h3.586l-1.293 1.293a1 1 0 101.414 1.414l3-3a1 1 0 000-1.414z" clip-rule="evenodd" />
3927                                            </svg>
3928                                        </span>
3929                                    </div>
3930                                </div>
3931                                <div class="mt-4 pt-4 border-t border-gray-100">
3932                                                                            <div class="mb-3 text-red-600 font-extrabold text-lg leading-none">
3933                                            <span class="text-xs font-medium text-gray-400">от</span> 1 130 ₽
3934                                        </div>
3935                                                                                                            <a href="/raspisanie-avtobusa/sankt-peterburg-parfino-9295"
3936                                       class="inline-flex items-center justify-center w-full px-4 py-2.5 bg-gray-50 border border-gray-200 hover:bg-red-600 hover:border-red-600 hover:text-white text-gray-700 font-semibold text-sm rounded-sm transition-all duration-200">
3937                                        Посмотреть расписание
3938                                    </a>
3939                                </div>
3940                            </div>
3941                                                    <div class="route-premium-card group bg-white border border-gray-200 hover:border-red-200 rounded-sm p-4 shadow-sm hover:shadow-md transition-all duration-200 flex flex-col justify-between">
3942                                <div>
3943                                    <div class="flex items-start justify-between gap-2 mb-2">
3944                                                                                <div class="flex items-center gap-3">
3945                                            <span class="route-code-badge flex-shrink-0">
3946                                                9299                                            </span>
3947                                            <h4 class="font-bold text-gray-800 text-sm md:text-base leading-snug group-hover:text-red-600 transition-colors">
3948                                                Санкт-Петербург - Валдай                                            </h4>
3949                                        </div>
3950                                        <span class="text-gray-400 group-hover:text-red-600 transition-colors flex-shrink-0 mt-0.5">
3951                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
3952                                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 1.414L10.586 9H7a1 1 0 100 2h3.586l-1.293 1.293a1 1 0 101.414 1.414l3-3a1 1 0 000-1.414z" clip-rule="evenodd" />
3953                                            </svg>
3954                                        </span>
3955                                    </div>
3956                                </div>
3957                                <div class="mt-4 pt-4 border-t border-gray-100">
3958                                                                            <div class="mb-3 text-red-600 font-extrabold text-lg leading-none">
3959                                            <span class="text-xs font-medium text-gray-400">от</span> 1 130 ₽
3960                                        </div>
3961                                                                                                            <a href="/raspisanie-avtobusa/sankt-peterburg-valday-9299"
3962                                       class="inline-flex items-center justify-center w-full px-4 py-2.5 bg-gray-50 border border-gray-200 hover:bg-red-600 hover:border-red-600 hover:text-white text-gray-700 font-semibold text-sm rounded-sm transition-all duration-200">
3963                                        Посмотреть расписание
3964                                    </a>
3965                                </div>
3966                            </div>
3967                                                    <div class="route-premium-card group bg-white border border-gray-200 hover:border-red-200 rounded-sm p-4 shadow-sm hover:shadow-md transition-all duration-200 flex flex-col justify-between">
3968                                <div>
3969                                    <div class="flex items-start justify-between gap-2 mb-2">
3970                                                                                <div class="flex items-center gap-3">
3971                                            <span class="route-code-badge flex-shrink-0">
3972                                                941                                            </span>
3973                                            <h4 class="font-bold text-gray-800 text-sm md:text-base leading-snug group-hover:text-red-600 transition-colors">
3974                                                Санкт-Петербург - Парфино                                            </h4>
3975                                        </div>
3976                                        <span class="text-gray-400 group-hover:text-red-600 transition-colors flex-shrink-0 mt-0.5">
3977                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
3978                                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 1.414L10.586 9H7a1 1 0 100 2h3.586l-1.293 1.293a1 1 0 101.414 1.414l3-3a1 1 0 000-1.414z" clip-rule="evenodd" />
3979                                            </svg>
3980                                        </span>
3981                                    </div>
3982                                </div>
3983                                <div class="mt-4 pt-4 border-t border-gray-100">
3984                                                                            <div class="mb-3 text-red-600 font-extrabold text-lg leading-none">
3985                                            <span class="text-xs font-medium text-gray-400">от</span> 1 130 ₽
3986                                        </div>
3987                                                                                                            <a href="/raspisanie-avtobusa/sankt-peterburg-parfino-941"
3988                                       class="inline-flex items-center justify-center w-full px-4 py-2.5 bg-gray-50 border border-gray-200 hover:bg-red-600 hover:border-red-600 hover:text-white text-gray-700 font-semibold text-sm rounded-sm transition-all duration-200">
3989                                        Посмотреть расписание
3990                                    </a>
3991                                </div>
3992                            </div>
3993                                                    <div class="route-premium-card group bg-white border border-gray-200 hover:border-red-200 rounded-sm p-4 shadow-sm hover:shadow-md transition-all duration-200 flex flex-col justify-between">
3994                                <div>
3995                                    <div class="flex items-start justify-between gap-2 mb-2">
3996                                                                                <div class="flex items-center gap-3">
3997                                            <span class="route-code-badge flex-shrink-0">
3998                                                950                                            </span>
3999                                            <h4 class="font-bold text-gray-800 text-sm md:text-base leading-snug group-hover:text-red-600 transition-colors">
4000                                                Санкт-Петербург - Валдай                                            </h4>
4001                                        </div>
4002                                        <span class="text-gray-400 group-hover:text-red-600 transition-colors flex-shrink-0 mt-0.5">
4003                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
4004                                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 1.414L10.586 9H7a1 1 0 100 2h3.586l-1.293 1.293a1 1 0 101.414 1.414l3-3a1 1 0 000-1.414z" clip-rule="evenodd" />
4005                                            </svg>
4006                                        </span>
4007                                    </div>
4008                                </div>
4009                                <div class="mt-4 pt-4 border-t border-gray-100">
4010                                                                            <div class="mb-3 text-red-600 font-extrabold text-lg leading-none">
4011                                            <span class="text-xs font-medium text-gray-400">от</span> 1 130 ₽
4012                                        </div>
4013                                                                                                            <a href="/raspisanie-avtobusa/sankt-peterburg-valday-950"
4014                                       class="inline-flex items-center justify-center w-full px-4 py-2.5 bg-gray-50 border border-gray-200 hover:bg-red-600 hover:border-red-600 hover:text-white text-gray-700 font-semibold text-sm rounded-sm transition-all duration-200">
4015                                        Посмотреть расписание
4016                                    </a>
4017                                </div>
4018                            </div>
4019                                                    <div class="route-premium-card group bg-white border border-gray-200 hover:border-red-200 rounded-sm p-4 shadow-sm hover:shadow-md transition-all duration-200 flex flex-col justify-between">
4020                                <div>
4021                                    <div class="flex items-start justify-between gap-2 mb-2">
4022                                                                                <div class="flex items-center gap-3">
4023                                            <span class="route-code-badge flex-shrink-0">
4024                                                951                                            </span>
4025                                            <h4 class="font-bold text-gray-800 text-sm md:text-base leading-snug group-hover:text-red-600 transition-colors">
4026                                                Санкт-Петербург - Демянск                                            </h4>
4027                                        </div>
4028                                        <span class="text-gray-400 group-hover:text-red-600 transition-colors flex-shrink-0 mt-0.5">
4029                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
4030                                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 1.414L10.586 9H7a1 1 0 100 2h3.586l-1.293 1.293a1 1 0 101.414 1.414l3-3a1 1 0 000-1.414z" clip-rule="evenodd" />
4031                                            </svg>
4032                                        </span>
4033                                    </div>
4034                                </div>
4035                                <div class="mt-4 pt-4 border-t border-gray-100">
4036                                                                            <div class="mb-3 text-red-600 font-extrabold text-lg leading-none">
4037                                            <span class="text-xs font-medium text-gray-400">от</span> 1 300 ₽
4038                                        </div>
4039                                                                                                            <a href="/raspisanie-avtobusa/sankt-peterburg-demyansk-951"
4040                                       class="inline-flex items-center justify-center w-full px-4 py-2.5 bg-gray-50 border border-gray-200 hover:bg-red-600 hover:border-red-600 hover:text-white text-gray-700 font-semibold text-sm rounded-sm transition-all duration-200">
4041                                        Посмотреть расписание
4042                                    </a>
4043                                </div>
4044                            </div>
4045                                            </div>
4046                </div>
4047                            <div id="panel-1" 
4048                     class="direction-tab-panel transition-all duration-300 animate-fadeInUp hidden">
4049                    
4050                    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
4051                                                    <div class="route-premium-card group bg-white border border-gray-200 hover:border-red-200 rounded-sm p-4 shadow-sm hover:shadow-md transition-all duration-200 flex flex-col justify-between">
4052                                <div>
4053                                    <div class="flex items-start justify-between gap-2 mb-2">
4054                                                                                <div class="flex items-center gap-3">
4055                                            <span class="route-code-badge flex-shrink-0">
4056                                                10761                                            </span>
4057                                            <h4 class="font-bold text-gray-800 text-sm md:text-base leading-snug group-hover:text-red-600 transition-colors">
4058                                                Санкт-Петербург - Балашиха                                            </h4>
4059                                        </div>
4060                                        <span class="text-gray-400 group-hover:text-red-600 transition-colors flex-shrink-0 mt-0.5">
4061                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
4062                                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 1.414L10.586 9H7a1 1 0 100 2h3.586l-1.293 1.293a1 1 0 101.414 1.414l3-3a1 1 0 000-1.414z" clip-rule="evenodd" />
4063                                            </svg>
4064                                        </span>
4065                                    </div>
4066                                </div>
4067                                <div class="mt-4 pt-4 border-t border-gray-100">
4068                                                                            <div class="mb-3 text-red-600 font-extrabold text-lg leading-none">
4069                                            <span class="text-xs font-medium text-gray-400">от</span> 5 000 ₽
4070                                        </div>
4071                                                                                                            <a href="/raspisanie-avtobusa/sankt-peterburg-balashiha-10761"
4072                                       class="inline-flex items-center justify-center w-full px-4 py-2.5 bg-gray-50 border border-gray-200 hover:bg-red-600 hover:border-red-600 hover:text-white text-gray-700 font-semibold text-sm rounded-sm transition-all duration-200">
4073                                        Посмотреть расписание
4074                                    </a>
4075                                </div>
4076                            </div>
4077                                                    <div class="route-premium-card group bg-white border border-gray-200 hover:border-red-200 rounded-sm p-4 shadow-sm hover:shadow-md transition-all duration-200 flex flex-col justify-between">
4078                                <div>
4079                                    <div class="flex items-start justify-between gap-2 mb-2">
4080                                                                                <div class="flex items-center gap-3">
4081                                            <span class="route-code-badge flex-shrink-0">
4082                                                11108                                            </span>
4083                                            <h4 class="font-bold text-gray-800 text-sm md:text-base leading-snug group-hover:text-red-600 transition-colors">
4084                                                Санкт-Петербург - Москва                                            </h4>
4085                                        </div>
4086                                        <span class="text-gray-400 group-hover:text-red-600 transition-colors flex-shrink-0 mt-0.5">
4087                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
4088                                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 1.414L10.586 9H7a1 1 0 100 2h3.586l-1.293 1.293a1 1 0 101.414 1.414l3-3a1 1 0 000-1.414z" clip-rule="evenodd" />
4089                                            </svg>
4090                                        </span>
4091                                    </div>
4092                                </div>
4093                                <div class="mt-4 pt-4 border-t border-gray-100">
4094                                                                            <div class="mb-3 text-red-600 font-extrabold text-lg leading-none">
4095                                            <span class="text-xs font-medium text-gray-400">от</span> 1 489 ₽
4096                                        </div>
4097                                                                                                            <a href="/raspisanie-avtobusa/sankt-peterburg-moskva-11108"
4098                                       class="inline-flex items-center justify-center w-full px-4 py-2.5 bg-gray-50 border border-gray-200 hover:bg-red-600 hover:border-red-600 hover:text-white text-gray-700 font-semibold text-sm rounded-sm transition-all duration-200">
4099                                        Посмотреть расписание
4100                                    </a>
4101                                </div>
4102                            </div>
4103                                                    <div class="route-premium-card group bg-white border border-gray-200 hover:border-red-200 rounded-sm p-4 shadow-sm hover:shadow-md transition-all duration-200 flex flex-col justify-between">
4104                                <div>
4105                                    <div class="flex items-start justify-between gap-2 mb-2">
4106                                                                                <div class="flex items-center gap-3">
4107                                            <span class="route-code-badge flex-shrink-0">
4108                                                11182                                            </span>
4109                                            <h4 class="font-bold text-gray-800 text-sm md:text-base leading-snug group-hover:text-red-600 transition-colors">
4110                                                Санкт-Петербург - Москва                                            </h4>
4111                                        </div>
4112                                        <span class="text-gray-400 group-hover:text-red-600 transition-colors flex-shrink-0 mt-0.5">
4113                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
4114                                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 1.414L10.586 9H7a1 1 0 100 2h3.586l-1.293 1.293a1 1 0 101.414 1.414l3-3a1 1 0 000-1.414z" clip-rule="evenodd" />
4115                                            </svg>
4116                                        </span>
4117                                    </div>
4118                                </div>
4119                                <div class="mt-4 pt-4 border-t border-gray-100">
4120                                                                            <div class="mb-3 text-red-600 font-extrabold text-lg leading-none">
4121                                            <span class="text-xs font-medium text-gray-400">от</span> 2 499 ₽
4122                                        </div>
4123                                                                                                            <a href="/raspisanie-avtobusa/sankt-peterburg-moskva-11182"
4124                                       class="inline-flex items-center justify-center w-full px-4 py-2.5 bg-gray-50 border border-gray-200 hover:bg-red-600 hover:border-red-600 hover:text-white text-gray-700 font-semibold text-sm rounded-sm transition-all duration-200">
4125                                        Посмотреть расписание
4126                                    </a>
4127                                </div>
4128                            </div>
4129                                                    <div class="route-premium-card group bg-white border border-gray-200 hover:border-red-200 rounded-sm p-4 shadow-sm hover:shadow-md transition-all duration-200 flex flex-col justify-between">
4130                                <div>
4131                                    <div class="flex items-start justify-between gap-2 mb-2">
4132                                                                                <div class="flex items-center gap-3">
4133                                            <span class="route-code-badge flex-shrink-0">
4134                                                9074                                            </span>
4135                                            <h4 class="font-bold text-gray-800 text-sm md:text-base leading-snug group-hover:text-red-600 transition-colors">
4136                                                Санкт-Петербург - Москва                                            </h4>
4137                                        </div>
4138                                        <span class="text-gray-400 group-hover:text-red-600 transition-colors flex-shrink-0 mt-0.5">
4139                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
4140                                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 1.414L10.586 9H7a1 1 0 100 2h3.586l-1.293 1.293a1 1 0 101.414 1.414l3-3a1 1 0 000-1.414z" clip-rule="evenodd" />
4141                                            </svg>
4142                                        </span>
4143                                    </div>
4144                                </div>
4145                                <div class="mt-4 pt-4 border-t border-gray-100">
4146                                                                            <div class="mb-3 text-red-600 font-extrabold text-lg leading-none">
4147                                            <span class="text-xs font-medium text-gray-400">от</span> 2 000 ₽
4148                                        </div>
4149                                                                                                            <a href="/raspisanie-avtobusa/sankt-peterburg-moskva-9074"
4150                                       class="inline-flex items-center justify-center w-full px-4 py-2.5 bg-gray-50 border border-gray-200 hover:bg-red-600 hover:border-red-600 hover:text-white text-gray-700 font-semibold text-sm rounded-sm transition-all duration-200">
4151                                        Посмотреть расписание
4152                                    </a>
4153                                </div>
4154                            </div>
4155                                            </div>
4156                </div>
4157                            <div id="panel-2" 
4158                     class="direction-tab-panel transition-all duration-300 animate-fadeInUp hidden">
4159                    
4160                    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
4161                                                    <div class="route-premium-card group bg-white border border-gray-200 hover:border-red-200 rounded-sm p-4 shadow-sm hover:shadow-md transition-all duration-200 flex flex-col justify-between">
4162                                <div>
4163                                    <div class="flex items-start justify-between gap-2 mb-2">
4164                                                                                <div class="flex items-center gap-3">
4165                                            <span class="route-code-badge flex-shrink-0">
4166                                                9116                                            </span>
4167                                            <h4 class="font-bold text-gray-800 text-sm md:text-base leading-snug group-hover:text-red-600 transition-colors">
4168                                                Санкт-Петербург - Псков                                            </h4>
4169                                        </div>
4170                                        <span class="text-gray-400 group-hover:text-red-600 transition-colors flex-shrink-0 mt-0.5">
4171                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
4172                                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 1.414L10.586 9H7a1 1 0 100 2h3.586l-1.293 1.293a1 1 0 101.414 1.414l3-3a1 1 0 000-1.414z" clip-rule="evenodd" />
4173                                            </svg>
4174                                        </span>
4175                                    </div>
4176                                </div>
4177                                <div class="mt-4 pt-4 border-t border-gray-100">
4178                                                                            <div class="mb-3 text-red-600 font-extrabold text-lg leading-none">
4179                                            <span class="text-xs font-medium text-gray-400">от</span> 1 130 ₽
4180                                        </div>
4181                                                                                                            <a href="/raspisanie-avtobusa/sankt-peterburg-pskov-9116"
4182                                       class="inline-flex items-center justify-center w-full px-4 py-2.5 bg-gray-50 border border-gray-200 hover:bg-red-600 hover:border-red-600 hover:text-white text-gray-700 font-semibold text-sm rounded-sm transition-all duration-200">
4183                                        Посмотреть расписание
4184                                    </a>
4185                                </div>
4186                            </div>
4187                                                    <div class="route-premium-card group bg-white border border-gray-200 hover:border-red-200 rounded-sm p-4 shadow-sm hover:shadow-md transition-all duration-200 flex flex-col justify-between">
4188                                <div>
4189                                    <div class="flex items-start justify-between gap-2 mb-2">
4190                                                                                <div class="flex items-center gap-3">
4191                                            <span class="route-code-badge flex-shrink-0">
4192                                                9361                                            </span>
4193                                            <h4 class="font-bold text-gray-800 text-sm md:text-base leading-snug group-hover:text-red-600 transition-colors">
4194                                                Санкт-Петербург - Псков                                            </h4>
4195                                        </div>
4196                                        <span class="text-gray-400 group-hover:text-red-600 transition-colors flex-shrink-0 mt-0.5">
4197                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
4198                                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 1.414L10.586 9H7a1 1 0 100 2h3.586l-1.293 1.293a1 1 0 101.414 1.414l3-3a1 1 0 000-1.414z" clip-rule="evenodd" />
4199                                            </svg>
4200                                        </span>
4201                                    </div>
4202                                </div>
4203                                <div class="mt-4 pt-4 border-t border-gray-100">
4204                                                                            <div class="mb-3 text-red-600 font-extrabold text-lg leading-none">
4205                                            <span class="text-xs font-medium text-gray-400">от</span> 1 130 ₽
4206                                        </div>
4207                                                                                                            <a href="/raspisanie-avtobusa/sankt-peterburg-pskov-9361"
4208                                       class="inline-flex items-center justify-center w-full px-4 py-2.5 bg-gray-50 border border-gray-200 hover:bg-red-600 hover:border-red-600 hover:text-white text-gray-700 font-semibold text-sm rounded-sm transition-all duration-200">
4209                                        Посмотреть расписание
4210                                    </a>
4211                                </div>
4212                            </div>
4213                                                    <div class="route-premium-card group bg-white border border-gray-200 hover:border-red-200 rounded-sm p-4 shadow-sm hover:shadow-md transition-all duration-200 flex flex-col justify-between">
4214                                <div>
4215                                    <div class="flex items-start justify-between gap-2 mb-2">
4216                                                                                <div class="flex items-center gap-3">
4217                                            <span class="route-code-badge flex-shrink-0">
4218                                                957                                            </span>
4219                                            <h4 class="font-bold text-gray-800 text-sm md:text-base leading-snug group-hover:text-red-600 transition-colors">
4220                                                Санкт-Петербург - Хилово                                            </h4>
4221                                        </div>
4222                                        <span class="text-gray-400 group-hover:text-red-600 transition-colors flex-shrink-0 mt-0.5">
4223                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
4224                                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 1.414L10.586 9H7a1 1 0 100 2h3.586l-1.293 1.293a1 1 0 101.414 1.414l3-3a1 1 0 000-1.414z" clip-rule="evenodd" />
4225                                            </svg>
4226                                        </span>
4227                                    </div>
4228                                </div>
4229                                <div class="mt-4 pt-4 border-t border-gray-100">
4230                                                                            <div class="mb-3 text-red-600 font-extrabold text-lg leading-none">
4231                                            <span class="text-xs font-medium text-gray-400">от</span> 1 130 ₽
4232                                        </div>
4233                                                                                                            <a href="/raspisanie-avtobusa/sankt-peterburg-hilovo-957"
4234                                       class="inline-flex items-center justify-center w-full px-4 py-2.5 bg-gray-50 border border-gray-200 hover:bg-red-600 hover:border-red-600 hover:text-white text-gray-700 font-semibold text-sm rounded-sm transition-all duration-200">
4235                                        Посмотреть расписание
4236                                    </a>
4237                                </div>
4238                            </div>
4239                                                    <div class="route-premium-card group bg-white border border-gray-200 hover:border-red-200 rounded-sm p-4 shadow-sm hover:shadow-md transition-all duration-200 flex flex-col justify-between">
4240                                <div>
4241                                    <div class="flex items-start justify-between gap-2 mb-2">
4242                                                                                <div class="flex items-center gap-3">
4243                                            <span class="route-code-badge flex-shrink-0">
4244                                                969                                            </span>
4245                                            <h4 class="font-bold text-gray-800 text-sm md:text-base leading-snug group-hover:text-red-600 transition-colors">
4246                                                Санкт-Петербург - Гдов                                            </h4>
4247                                        </div>
4248                                        <span class="text-gray-400 group-hover:text-red-600 transition-colors flex-shrink-0 mt-0.5">
4249                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
4250                                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 1.414L10.586 9H7a1 1 0 100 2h3.586l-1.293 1.293a1 1 0 101.414 1.414l3-3a1 1 0 000-1.414z" clip-rule="evenodd" />
4251                                            </svg>
4252                                        </span>
4253                                    </div>
4254                                </div>
4255                                <div class="mt-4 pt-4 border-t border-gray-100">
4256                                                                            <div class="mb-3 text-red-600 font-extrabold text-lg leading-none">
4257                                            <span class="text-xs font-medium text-gray-400">от</span> 1 130 ₽
4258                                        </div>
4259                                                                                                            <a href="/raspisanie-avtobusa/sankt-peterburg-gdov-969"
4260                                       class="inline-flex items-center justify-center w-full px-4 py-2.5 bg-gray-50 border border-gray-200 hover:bg-red-600 hover:border-red-600 hover:text-white text-gray-700 font-semibold text-sm rounded-sm transition-all duration-200">
4261                                        Посмотреть расписание
4262                                    </a>
4263                                </div>
4264                            </div>
4265                                                    <div class="route-premium-card group bg-white border border-gray-200 hover:border-red-200 rounded-sm p-4 shadow-sm hover:shadow-md transition-all duration-200 flex flex-col justify-between">
4266                                <div>
4267                                    <div class="flex items-start justify-between gap-2 mb-2">
4268                                                                                <div class="flex items-center gap-3">
4269                                            <span class="route-code-badge flex-shrink-0">
4270                                                9700                                            </span>
4271                                            <h4 class="font-bold text-gray-800 text-sm md:text-base leading-snug group-hover:text-red-600 transition-colors">
4272                                                Санкт-Петербург - Псков                                            </h4>
4273                                        </div>
4274                                        <span class="text-gray-400 group-hover:text-red-600 transition-colors flex-shrink-0 mt-0.5">
4275                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
4276                                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 1.414L10.586 9H7a1 1 0 100 2h3.586l-1.293 1.293a1 1 0 101.414 1.414l3-3a1 1 0 000-1.414z" clip-rule="evenodd" />
4277                                            </svg>
4278                                        </span>
4279                                    </div>
4280                                </div>
4281                                <div class="mt-4 pt-4 border-t border-gray-100">
4282                                                                            <div class="mb-3 text-red-600 font-extrabold text-lg leading-none">
4283                                            <span class="text-xs font-medium text-gray-400">от</span> 1 140 ₽
4284                                        </div>
4285                                                                                                            <a href="/raspisanie-avtobusa/sankt-peterburg-pskov-9700"
4286                                       class="inline-flex items-center justify-center w-full px-4 py-2.5 bg-gray-50 border border-gray-200 hover:bg-red-600 hover:border-red-600 hover:text-white text-gray-700 font-semibold text-sm rounded-sm transition-all duration-200">
4287                                        Посмотреть расписание
4288                                    </a>
4289                                </div>
4290                            </div>
4291                                                    <div class="route-premium-card group bg-white border border-gray-200 hover:border-red-200 rounded-sm p-4 shadow-sm hover:shadow-md transition-all duration-200 flex flex-col justify-between">
4292                                <div>
4293                                    <div class="flex items-start justify-between gap-2 mb-2">
4294                                                                                <div class="flex items-center gap-3">
4295                                            <span class="route-code-badge flex-shrink-0">
4296                                                9844                                            </span>
4297                                            <h4 class="font-bold text-gray-800 text-sm md:text-base leading-snug group-hover:text-red-600 transition-colors">
4298                                                Санкт-Петербург - Великие Луки                                            </h4>
4299                                        </div>
4300                                        <span class="text-gray-400 group-hover:text-red-600 transition-colors flex-shrink-0 mt-0.5">
4301                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
4302                                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 1.414L10.586 9H7a1 1 0 100 2h3.586l-1.293 1.293a1 1 0 101.414 1.414l3-3a1 1 0 000-1.414z" clip-rule="evenodd" />
4303                                            </svg>
4304                                        </span>
4305                                    </div>
4306                                </div>
4307                                <div class="mt-4 pt-4 border-t border-gray-100">
4308                                                                            <div class="mb-3 text-red-600 font-extrabold text-lg leading-none">
4309                                            <span class="text-xs font-medium text-gray-400">от</span> 2 020 ₽
4310                                        </div>
4311                                                                                                            <a href="/raspisanie-avtobusa/sankt-peterburg-velikie-luki-9844"
4312                                       class="inline-flex items-center justify-center w-full px-4 py-2.5 bg-gray-50 border border-gray-200 hover:bg-red-600 hover:border-red-600 hover:text-white text-gray-700 font-semibold text-sm rounded-sm transition-all duration-200">
4313                                        Посмотреть расписание
4314                                    </a>
4315                                </div>
4316                            </div>
4317                                            </div>
4318                </div>
4319                            <div id="panel-3" 
4320                     class="direction-tab-panel transition-all duration-300 animate-fadeInUp hidden">
4321                    
4322                    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
4323                                                    <div class="route-premium-card group bg-white border border-gray-200 hover:border-red-200 rounded-sm p-4 shadow-sm hover:shadow-md transition-all duration-200 flex flex-col justify-between">
4324                                <div>
4325                                    <div class="flex items-start justify-between gap-2 mb-2">
4326                                                                                <div class="flex items-center gap-3">
4327                                            <span class="route-code-badge flex-shrink-0">
4328                                                10893                                            </span>
4329                                            <h4 class="font-bold text-gray-800 text-sm md:text-base leading-snug group-hover:text-red-600 transition-colors">
4330                                                Санкт-Петербург - Петрозаводск                                            </h4>
4331                                        </div>
4332                                        <span class="text-gray-400 group-hover:text-red-600 transition-colors flex-shrink-0 mt-0.5">
4333                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
4334                                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 1.414L10.586 9H7a1 1 0 100 2h3.586l-1.293 1.293a1 1 0 101.414 1.414l3-3a1 1 0 000-1.414z" clip-rule="evenodd" />
4335                                            </svg>
4336                                        </span>
4337                                    </div>
4338                                </div>
4339                                <div class="mt-4 pt-4 border-t border-gray-100">
4340                                                                            <div class="mb-3 text-red-600 font-extrabold text-lg leading-none">
4341                                            <span class="text-xs font-medium text-gray-400">от</span> 810 ₽
4342                                        </div>
4343                                                                                                            <a href="/raspisanie-avtobusa/sankt-peterburg-petrozavodsk-10893"
4344                                       class="inline-flex items-center justify-center w-full px-4 py-2.5 bg-gray-50 border border-gray-200 hover:bg-red-600 hover:border-red-600 hover:text-white text-gray-700 font-semibold text-sm rounded-sm transition-all duration-200">
4345                                        Посмотреть расписание
4346                                    </a>
4347                                </div>
4348                            </div>
4349                                                    <div class="route-premium-card group bg-white border border-gray-200 hover:border-red-200 rounded-sm p-4 shadow-sm hover:shadow-md transition-all duration-200 flex flex-col justify-between">
4350                                <div>
4351                                    <div class="flex items-start justify-between gap-2 mb-2">
4352                                                                                <div class="flex items-center gap-3">
4353                                            <span class="route-code-badge flex-shrink-0">
4354                                                8681                                            </span>
4355                                            <h4 class="font-bold text-gray-800 text-sm md:text-base leading-snug group-hover:text-red-600 transition-colors">
4356                                                Санкт-Петербург - Пудож                                            </h4>
4357                                        </div>
4358                                        <span class="text-gray-400 group-hover:text-red-600 transition-colors flex-shrink-0 mt-0.5">
4359                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
4360                                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 1.414L10.586 9H7a1 1 0 100 2h3.586l-1.293 1.293a1 1 0 101.414 1.414l3-3a1 1 0 000-1.414z" clip-rule="evenodd" />
4361                                            </svg>
4362                                        </span>
4363                                    </div>
4364                                </div>
4365                                <div class="mt-4 pt-4 border-t border-gray-100">
4366                                                                            <div class="mb-3 text-red-600 font-extrabold text-lg leading-none">
4367                                            <span class="text-xs font-medium text-gray-400">от</span> 2 280 ₽
4368                                        </div>
4369                                                                                                            <a href="/raspisanie-avtobusa/sankt-peterburg-pudozh-8681"
4370                                       class="inline-flex items-center justify-center w-full px-4 py-2.5 bg-gray-50 border border-gray-200 hover:bg-red-600 hover:border-red-600 hover:text-white text-gray-700 font-semibold text-sm rounded-sm transition-all duration-200">
4371                                        Посмотреть расписание
4372                                    </a>
4373                                </div>
4374                            </div>
4375                                                    <div class="route-premium-card group bg-white border border-gray-200 hover:border-red-200 rounded-sm p-4 shadow-sm hover:shadow-md transition-all duration-200 flex flex-col justify-between">
4376                                <div>
4377                                    <div class="flex items-start justify-between gap-2 mb-2">
4378                                                                                <div class="flex items-center gap-3">
4379                                            <span class="route-code-badge flex-shrink-0">
4380                                                9323                                            </span>
4381                                            <h4 class="font-bold text-gray-800 text-sm md:text-base leading-snug group-hover:text-red-600 transition-colors">
4382                                                Санкт-Петербург - Череповец                                            </h4>
4383                                        </div>
4384                                        <span class="text-gray-400 group-hover:text-red-600 transition-colors flex-shrink-0 mt-0.5">
4385                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
4386                                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 1.414L10.586 9H7a1 1 0 100 2h3.586l-1.293 1.293a1 1 0 101.414 1.414l3-3a1 1 0 000-1.414z" clip-rule="evenodd" />
4387                                            </svg>
4388                                        </span>
4389                                    </div>
4390                                </div>
4391                                <div class="mt-4 pt-4 border-t border-gray-100">
4392                                                                            <div class="mb-3 text-red-600 font-extrabold text-lg leading-none">
4393                                            <span class="text-xs font-medium text-gray-400">от</span> 1 130 ₽
4394                                        </div>
4395                                                                                                            <a href="/raspisanie-avtobusa/sankt-peterburg-cherepovec-9323"
4396                                       class="inline-flex items-center justify-center w-full px-4 py-2.5 bg-gray-50 border border-gray-200 hover:bg-red-600 hover:border-red-600 hover:text-white text-gray-700 font-semibold text-sm rounded-sm transition-all duration-200">
4397                                        Посмотреть расписание
4398                                    </a>
4399                                </div>
4400                            </div>
4401                                                    <div class="route-premium-card group bg-white border border-gray-200 hover:border-red-200 rounded-sm p-4 shadow-sm hover:shadow-md transition-all duration-200 flex flex-col justify-between">
4402                                <div>
4403                                    <div class="flex items-start justify-between gap-2 mb-2">
4404                                                                                <div class="flex items-center gap-3">
4405                                            <span class="route-code-badge flex-shrink-0">
4406                                                9343                                            </span>
4407                                            <h4 class="font-bold text-gray-800 text-sm md:text-base leading-snug group-hover:text-red-600 transition-colors">
4408                                                Санкт-Петербург - Олонец                                            </h4>
4409                                        </div>
4410                                        <span class="text-gray-400 group-hover:text-red-600 transition-colors flex-shrink-0 mt-0.5">
4411                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
4412                                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 1.414L10.586 9H7a1 1 0 100 2h3.586l-1.293 1.293a1 1 0 101.414 1.414l3-3a1 1 0 000-1.414z" clip-rule="evenodd" />
4413                                            </svg>
4414                                        </span>
4415                                    </div>
4416                                </div>
4417                                <div class="mt-4 pt-4 border-t border-gray-100">
4418                                                                            <div class="mb-3 text-red-600 font-extrabold text-lg leading-none">
4419                                            <span class="text-xs font-medium text-gray-400">от</span> 810 ₽
4420                                        </div>
4421                                                                                                            <a href="/raspisanie-avtobusa/sankt-peterburg-olonec-9343"
4422                                       class="inline-flex items-center justify-center w-full px-4 py-2.5 bg-gray-50 border border-gray-200 hover:bg-red-600 hover:border-red-600 hover:text-white text-gray-700 font-semibold text-sm rounded-sm transition-all duration-200">
4423                                        Посмотреть расписание
4424                                    </a>
4425                                </div>
4426                            </div>
4427                                                    <div class="route-premium-card group bg-white border border-gray-200 hover:border-red-200 rounded-sm p-4 shadow-sm hover:shadow-md transition-all duration-200 flex flex-col justify-between">
4428                                <div>
4429                                    <div class="flex items-start justify-between gap-2 mb-2">
4430                                                                                <div class="flex items-center gap-3">
4431                                            <span class="route-code-badge flex-shrink-0">
4432                                                968                                            </span>
4433                                            <h4 class="font-bold text-gray-800 text-sm md:text-base leading-snug group-hover:text-red-600 transition-colors">
4434                                                Санкт-Петербург - Весьегонск                                            </h4>
4435                                        </div>
4436                                        <span class="text-gray-400 group-hover:text-red-600 transition-colors flex-shrink-0 mt-0.5">
4437                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
4438                                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 1.414L10.586 9H7a1 1 0 100 2h3.586l-1.293 1.293a1 1 0 101.414 1.414l3-3a1 1 0 000-1.414z" clip-rule="evenodd" />
4439                                            </svg>
4440                                        </span>
4441                                    </div>
4442                                </div>
4443                                <div class="mt-4 pt-4 border-t border-gray-100">
4444                                                                            <div class="mb-3 text-red-600 font-extrabold text-lg leading-none">
4445                                            <span class="text-xs font-medium text-gray-400">от</span> 580 ₽
4446                                        </div>
4447                                                                                                            <a href="/raspisanie-avtobusa/sankt-peterburg-vesegonsk-968"
4448                                       class="inline-flex items-center justify-center w-full px-4 py-2.5 bg-gray-50 border border-gray-200 hover:bg-red-600 hover:border-red-600 hover:text-white text-gray-700 font-semibold text-sm rounded-sm transition-all duration-200">
4449                                        Посмотреть расписание
4450                                    </a>
4451                                </div>
4452                            </div>
4453                                            </div>
4454                </div>
4455                            <div id="panel-4" 
4456                     class="direction-tab-panel transition-all duration-300 animate-fadeInUp hidden">
4457                    
4458                    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
4459                                                    <div class="route-premium-card group bg-white border border-gray-200 hover:border-red-200 rounded-sm p-4 shadow-sm hover:shadow-md transition-all duration-200 flex flex-col justify-between">
4460                                <div>
4461                                    <div class="flex items-start justify-between gap-2 mb-2">
4462                                                                                <div class="flex items-center gap-3">
4463                                            <span class="route-code-badge flex-shrink-0">
4464                                                0338                                            </span>
4465                                            <h4 class="font-bold text-gray-800 text-sm md:text-base leading-snug group-hover:text-red-600 transition-colors">
4466                                                Санкт-Петербург - Маарду                                            </h4>
4467                                        </div>
4468                                        <span class="text-gray-400 group-hover:text-red-600 transition-colors flex-shrink-0 mt-0.5">
4469                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
4470                                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 1.414L10.586 9H7a1 1 0 100 2h3.586l-1.293 1.293a1 1 0 101.414 1.414l3-3a1 1 0 000-1.414z" clip-rule="evenodd" />
4471                                            </svg>
4472                                        </span>
4473                                    </div>
4474                                </div>
4475                                <div class="mt-4 pt-4 border-t border-gray-100">
4476                                                                            <div class="mb-3 text-red-600 font-extrabold text-lg leading-none">
4477                                            <span class="text-xs font-medium text-gray-400">от</span> 3 500 ₽
4478                                        </div>
4479                                                                                                            <a href="/raspisanie-avtobusa/sankt-peterburg-maardu-0338"
4480                                       class="inline-flex items-center justify-center w-full px-4 py-2.5 bg-gray-50 border border-gray-200 hover:bg-red-600 hover:border-red-600 hover:text-white text-gray-700 font-semibold text-sm rounded-sm transition-all duration-200">
4481                                        Посмотреть расписание
4482                                    </a>
4483                                </div>
4484                            </div>
4485                                                    <div class="route-premium-card group bg-white border border-gray-200 hover:border-red-200 rounded-sm p-4 shadow-sm hover:shadow-md transition-all duration-200 flex flex-col justify-between">
4486                                <div>
4487                                    <div class="flex items-start justify-between gap-2 mb-2">
4488                                                                                <div class="flex items-center gap-3">
4489                                            <span class="route-code-badge flex-shrink-0">
4490                                                0339                                            </span>
4491                                            <h4 class="font-bold text-gray-800 text-sm md:text-base leading-snug group-hover:text-red-600 transition-colors">
4492                                                Санкт-Петербург - Маарду                                            </h4>
4493                                        </div>
4494                                        <span class="text-gray-400 group-hover:text-red-600 transition-colors flex-shrink-0 mt-0.5">
4495                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
4496                                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 1.414L10.586 9H7a1 1 0 100 2h3.586l-1.293 1.293a1 1 0 101.414 1.414l3-3a1 1 0 000-1.414z" clip-rule="evenodd" />
4497                                            </svg>
4498                                        </span>
4499                                    </div>
4500                                </div>
4501                                <div class="mt-4 pt-4 border-t border-gray-100">
4502                                                                            <div class="mb-3 text-red-600 font-extrabold text-lg leading-none">
4503                                            <span class="text-xs font-medium text-gray-400">от</span> 3 500 ₽
4504                                        </div>
4505                                                                                                            <a href="/raspisanie-avtobusa/sankt-peterburg-maardu-0339"
4506                                       class="inline-flex items-center justify-center w-full px-4 py-2.5 bg-gray-50 border border-gray-200 hover:bg-red-600 hover:border-red-600 hover:text-white text-gray-700 font-semibold text-sm rounded-sm transition-all duration-200">
4507                                        Посмотреть расписание
4508                                    </a>
4509                                </div>
4510                            </div>
4511                                                    <div class="route-premium-card group bg-white border border-gray-200 hover:border-red-200 rounded-sm p-4 shadow-sm hover:shadow-md transition-all duration-200 flex flex-col justify-between">
4512                                <div>
4513                                    <div class="flex items-start justify-between gap-2 mb-2">
4514                                                                                <div class="flex items-center gap-3">
4515                                            <span class="route-code-badge flex-shrink-0">
4516                                                0345                                            </span>
4517                                            <h4 class="font-bold text-gray-800 text-sm md:text-base leading-snug group-hover:text-red-600 transition-colors">
4518                                                Санкт-Петербург - Таллин                                            </h4>
4519                                        </div>
4520                                        <span class="text-gray-400 group-hover:text-red-600 transition-colors flex-shrink-0 mt-0.5">
4521                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
4522                                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 1.414L10.586 9H7a1 1 0 100 2h3.586l-1.293 1.293a1 1 0 101.414 1.414l3-3a1 1 0 000-1.414z" clip-rule="evenodd" />
4523                                            </svg>
4524                                        </span>
4525                                    </div>
4526                                </div>
4527                                <div class="mt-4 pt-4 border-t border-gray-100">
4528                                                                            <div class="mb-3 text-red-600 font-extrabold text-lg leading-none">
4529                                            <span class="text-xs font-medium text-gray-400">от</span> 3 500 ₽
4530                                        </div>
4531                                                                                                            <a href="/raspisanie-avtobusa/sankt-peterburg-tallin-0345"
4532                                       class="inline-flex items-center justify-center w-full px-4 py-2.5 bg-gray-50 border border-gray-200 hover:bg-red-600 hover:border-red-600 hover:text-white text-gray-700 font-semibold text-sm rounded-sm transition-all duration-200">
4533                                        Посмотреть расписание
4534                                    </a>
4535                                </div>
4536                            </div>
4537                                                    <div class="route-premium-card group bg-white border border-gray-200 hover:border-red-200 rounded-sm p-4 shadow-sm hover:shadow-md transition-all duration-200 flex flex-col justify-between">
4538                                <div>
4539                                    <div class="flex items-start justify-between gap-2 mb-2">
4540                                                                                <div class="flex items-center gap-3">
4541                                            <span class="route-code-badge flex-shrink-0">
4542                                                2047                                            </span>
4543                                            <h4 class="font-bold text-gray-800 text-sm md:text-base leading-snug group-hover:text-red-600 transition-colors">
4544                                                Таллин - Псков                                            </h4>
4545                                        </div>
4546                                        <span class="text-gray-400 group-hover:text-red-600 transition-colors flex-shrink-0 mt-0.5">
4547                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
4548                                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 1.414L10.586 9H7a1 1 0 100 2h3.586l-1.293 1.293a1 1 0 101.414 1.414l3-3a1 1 0 000-1.414z" clip-rule="evenodd" />
4549                                            </svg>
4550                                        </span>
4551                                    </div>
4552                                </div>
4553                                <div class="mt-4 pt-4 border-t border-gray-100">
4554                                                                            <div class="mb-3 text-red-600 font-extrabold text-lg leading-none">
4555                                            <span class="text-xs font-medium text-gray-400">от</span> 3 800 ₽
4556                                        </div>
4557                                                                                                            <a href="/raspisanie-avtobusa/tallin-pskov-2047"
4558                                       class="inline-flex items-center justify-center w-full px-4 py-2.5 bg-gray-50 border border-gray-200 hover:bg-red-600 hover:border-red-600 hover:text-white text-gray-700 font-semibold text-sm rounded-sm transition-all duration-200">
4559                                        Посмотреть расписание
4560                                    </a>
4561                                </div>
4562                            </div>
4563                                                    <div class="route-premium-card group bg-white border border-gray-200 hover:border-red-200 rounded-sm p-4 shadow-sm hover:shadow-md transition-all duration-200 flex flex-col justify-between">
4564                                <div>
4565                                    <div class="flex items-start justify-between gap-2 mb-2">
4566                                                                                <div class="flex items-center gap-3">
4567                                            <span class="route-code-badge flex-shrink-0">
4568                                                842                                            </span>
4569                                            <h4 class="font-bold text-gray-800 text-sm md:text-base leading-snug group-hover:text-red-600 transition-colors">
4570                                                Санкт-Петербург - Ивангород                                            </h4>
4571                                        </div>
4572                                        <span class="text-gray-400 group-hover:text-red-600 transition-colors flex-shrink-0 mt-0.5">
4573                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
4574                                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 1.414L10.586 9H7a1 1 0 100 2h3.586l-1.293 1.293a1 1 0 101.414 1.414l3-3a1 1 0 000-1.414z" clip-rule="evenodd" />
4575                                            </svg>
4576                                        </span>
4577                                    </div>
4578                                </div>
4579                                <div class="mt-4 pt-4 border-t border-gray-100">
4580                                                                            <div class="mb-3 text-red-600 font-extrabold text-lg leading-none">
4581                                            <span class="text-xs font-medium text-gray-400">от</span> 720 ₽
4582                                        </div>
4583                                                                                                            <a href="/raspisanie-avtobusa/sankt-peterburg-ivangorod-842"
4584                                       class="inline-flex items-center justify-center w-full px-4 py-2.5 bg-gray-50 border border-gray-200 hover:bg-red-600 hover:border-red-600 hover:text-white text-gray-700 font-semibold text-sm rounded-sm transition-all duration-200">
4585                                        Посмотреть расписание
4586                                    </a>
4587                                </div>
4588                            </div>
4589                                                    <div class="route-premium-card group bg-white border border-gray-200 hover:border-red-200 rounded-sm p-4 shadow-sm hover:shadow-md transition-all duration-200 flex flex-col justify-between">
4590                                <div>
4591                                    <div class="flex items-start justify-between gap-2 mb-2">
4592                                                                                <div class="flex items-center gap-3">
4593                                            <span class="route-code-badge flex-shrink-0">
4594                                                8575                                            </span>
4595                                            <h4 class="font-bold text-gray-800 text-sm md:text-base leading-snug group-hover:text-red-600 transition-colors">
4596                                                Санкт-Петербург - Рига, АВ                                            </h4>
4597                                        </div>
4598                                        <span class="text-gray-400 group-hover:text-red-600 transition-colors flex-shrink-0 mt-0.5">
4599                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
4600                                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 1.414L10.586 9H7a1 1 0 100 2h3.586l-1.293 1.293a1 1 0 101.414 1.414l3-3a1 1 0 000-1.414z" clip-rule="evenodd" />
4601                                            </svg>
4602                                        </span>
4603                                    </div>
4604                                </div>
4605                                <div class="mt-4 pt-4 border-t border-gray-100">
4606                                                                            <div class="mb-3 text-red-600 font-extrabold text-lg leading-none">
4607                                            <span class="text-xs font-medium text-gray-400">от</span> 6 000 ₽
4608                                        </div>
4609                                                                                                            <a href="/raspisanie-avtobusa/sankt-peterburg-riga-8575"
4610                                       class="inline-flex items-center justify-center w-full px-4 py-2.5 bg-gray-50 border border-gray-200 hover:bg-red-600 hover:border-red-600 hover:text-white text-gray-700 font-semibold text-sm rounded-sm transition-all duration-200">
4611                                        Посмотреть расписание
4612                                    </a>
4613                                </div>
4614                            </div>
4615                                            </div>
4616                </div>
4617                            <div id="panel-5" 
4618                     class="direction-tab-panel transition-all duration-300 animate-fadeInUp hidden">
4619                    
4620                    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
4621                                                    <div class="route-premium-card group bg-white border border-gray-200 hover:border-red-200 rounded-sm p-4 shadow-sm hover:shadow-md transition-all duration-200 flex flex-col justify-between">
4622                                <div>
4623                                    <div class="flex items-start justify-between gap-2 mb-2">
4624                                                                                <div class="flex items-center gap-3">
4625                                            <span class="route-code-badge flex-shrink-0">
4626                                                0522                                            </span>
4627                                            <h4 class="font-bold text-gray-800 text-sm md:text-base leading-snug group-hover:text-red-600 transition-colors">
4628                                                Санкт-Петербург - Бобруйск, АВ                                            </h4>
4629                                        </div>
4630                                        <span class="text-gray-400 group-hover:text-red-600 transition-colors flex-shrink-0 mt-0.5">
4631                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
4632                                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 1.414L10.586 9H7a1 1 0 100 2h3.586l-1.293 1.293a1 1 0 101.414 1.414l3-3a1 1 0 000-1.414z" clip-rule="evenodd" />
4633                                            </svg>
4634                                        </span>
4635                                    </div>
4636                                </div>
4637                                <div class="mt-4 pt-4 border-t border-gray-100">
4638                                                                            <div class="mb-3 text-red-600 font-extrabold text-lg leading-none">
4639                                            <span class="text-xs font-medium text-gray-400">от</span> 3 500 ₽
4640                                        </div>
4641                                                                                                            <a href="/raspisanie-avtobusa/sankt-peterburg-bobruysk-0522"
4642                                       class="inline-flex items-center justify-center w-full px-4 py-2.5 bg-gray-50 border border-gray-200 hover:bg-red-600 hover:border-red-600 hover:text-white text-gray-700 font-semibold text-sm rounded-sm transition-all duration-200">
4643                                        Посмотреть расписание
4644                                    </a>
4645                                </div>
4646                            </div>
4647                                                    <div class="route-premium-card group bg-white border border-gray-200 hover:border-red-200 rounded-sm p-4 shadow-sm hover:shadow-md transition-all duration-200 flex flex-col justify-between">
4648                                <div>
4649                                    <div class="flex items-start justify-between gap-2 mb-2">
4650                                                                                <div class="flex items-center gap-3">
4651                                            <span class="route-code-badge flex-shrink-0">
4652                                                956                                            </span>
4653                                            <h4 class="font-bold text-gray-800 text-sm md:text-base leading-snug group-hover:text-red-600 transition-colors">
4654                                                Санкт-Петербург - Минск                                            </h4>
4655                                        </div>
4656                                        <span class="text-gray-400 group-hover:text-red-600 transition-colors flex-shrink-0 mt-0.5">
4657                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
4658                                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 1.414L10.586 9H7a1 1 0 100 2h3.586l-1.293 1.293a1 1 0 101.414 1.414l3-3a1 1 0 000-1.414z" clip-rule="evenodd" />
4659                                            </svg>
4660                                        </span>
4661                                    </div>
4662                                </div>
4663                                <div class="mt-4 pt-4 border-t border-gray-100">
4664                                                                            <div class="mb-3 text-red-600 font-extrabold text-lg leading-none">
4665                                            <span class="text-xs font-medium text-gray-400">от</span> 1 660 ₽
4666                                        </div>
4667                                                                                                            <a href="/raspisanie-avtobusa/sankt-peterburg-minsk-956"
4668                                       class="inline-flex items-center justify-center w-full px-4 py-2.5 bg-gray-50 border border-gray-200 hover:bg-red-600 hover:border-red-600 hover:text-white text-gray-700 font-semibold text-sm rounded-sm transition-all duration-200">
4669                                        Посмотреть расписание
4670                                    </a>
4671                                </div>
4672                            </div>
4673                                                    <div class="route-premium-card group bg-white border border-gray-200 hover:border-red-200 rounded-sm p-4 shadow-sm hover:shadow-md transition-all duration-200 flex flex-col justify-between">
4674                                <div>
4675                                    <div class="flex items-start justify-between gap-2 mb-2">
4676                                                                                <div class="flex items-center gap-3">
4677                                            <span class="route-code-badge flex-shrink-0">
4678                                                958                                            </span>
4679                                            <h4 class="font-bold text-gray-800 text-sm md:text-base leading-snug group-hover:text-red-600 transition-colors">
4680                                                Санкт-Петербург - Минск                                            </h4>
4681                                        </div>
4682                                        <span class="text-gray-400 group-hover:text-red-600 transition-colors flex-shrink-0 mt-0.5">
4683                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
4684                                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 1.414L10.586 9H7a1 1 0 100 2h3.586l-1.293 1.293a1 1 0 101.414 1.414l3-3a1 1 0 000-1.414z" clip-rule="evenodd" />
4685                                            </svg>
4686                                        </span>
4687                                    </div>
4688                                </div>
4689                                <div class="mt-4 pt-4 border-t border-gray-100">
4690                                                                            <div class="mb-3 text-red-600 font-extrabold text-lg leading-none">
4691                                            <span class="text-xs font-medium text-gray-400">от</span> 1 820 ₽
4692                                        </div>
4693                                                                                                            <a href="/raspisanie-avtobusa/sankt-peterburg-minsk-958"
4694                                       class="inline-flex items-center justify-center w-full px-4 py-2.5 bg-gray-50 border border-gray-200 hover:bg-red-600 hover:border-red-600 hover:text-white text-gray-700 font-semibold text-sm rounded-sm transition-all duration-200">
4695                                        Посмотреть расписание
4696                                    </a>
4697                                </div>
4698                            </div>
4699                                            </div>
4700                </div>
4701                            <div id="panel-6" 
4702                     class="direction-tab-panel transition-all duration-300 animate-fadeInUp hidden">
4703                    
4704                    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
4705                                                    <div class="route-premium-card group bg-white border border-gray-200 hover:border-red-200 rounded-sm p-4 shadow-sm hover:shadow-md transition-all duration-200 flex flex-col justify-between">
4706                                <div>
4707                                    <div class="flex items-start justify-between gap-2 mb-2">
4708                                                                                <div class="flex items-center gap-3">
4709                                            <span class="route-code-badge flex-shrink-0">
4710                                                8552                                            </span>
4711                                            <h4 class="font-bold text-gray-800 text-sm md:text-base leading-snug group-hover:text-red-600 transition-colors">
4712                                                Санкт-Петербург - Мариуполь                                            </h4>
4713                                        </div>
4714                                        <span class="text-gray-400 group-hover:text-red-600 transition-colors flex-shrink-0 mt-0.5">
4715                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
4716                                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 1.414L10.586 9H7a1 1 0 100 2h3.586l-1.293 1.293a1 1 0 101.414 1.414l3-3a1 1 0 000-1.414z" clip-rule="evenodd" />
4717                                            </svg>
4718                                        </span>
4719                                    </div>
4720                                </div>
4721                                <div class="mt-4 pt-4 border-t border-gray-100">
4722                                                                            <div class="mb-3 text-red-600 font-extrabold text-lg leading-none">
4723                                            <span class="text-xs font-medium text-gray-400">от</span> 8 000 ₽
4724                                        </div>
4725                                                                                                            <a href="/raspisanie-avtobusa/sankt-peterburg-mariupol-8552"
4726                                       class="inline-flex items-center justify-center w-full px-4 py-2.5 bg-gray-50 border border-gray-200 hover:bg-red-600 hover:border-red-600 hover:text-white text-gray-700 font-semibold text-sm rounded-sm transition-all duration-200">
4727                                        Посмотреть расписание
4728                                    </a>
4729                                </div>
4730                            </div>
4731                                            </div>
4732                </div>
4733                    </div>
4734
4735        <style>
4736            /* Premium route card glow */
4737            .route-premium-card {
4738                background: #ffffff;
4739            }
4740            .route-premium-card:hover {
4741                border-color: rgba(220, 38, 38, 0.3);
4742                box-shadow: 0 4px 12px rgba(220, 38, 38, 0.08);
4743            }
4744        </style>
4745
4746        
4746<script>
4747            document.addEventListener('DOMContentLoaded', function() {
4748                const tabs = document.querySelectorAll('.direction-tab-btn');
4749                const panels = document.querySelectorAll('.direction-tab-panel');
4750
4751                tabs.forEach(tab => {
4752                    tab.addEventListener('click', function() {
4753                        const targetSelector = this.getAttribute('data-tab-target');
4754                        const targetPanel = document.querySelector(targetSelector);
4755
4756                        if (!targetPanel) return;
4757
4758                        // Remove active state from all tabs
4759                        tabs.forEach(t => {
4760                            t.classList.remove('bg-red-600', 'text-white', 'shadow-md', 'active-tab');
4761                            t.classList.add('bg-gray-100', 'text-gray-700', 'hover:bg-gray-200', 'border', 'border-gray-200');
4762                            const badge = t.querySelector('span:last-child');
4763                            if (badge) {
4764                                badge.classList.remove('bg-white/30', 'text-white');
4765                                badge.classList.add('bg-gray-200', 'text-gray-600');
4766                            }
4767                        });
4768
4769                        // Add active state to clicked tab
4770                        this.classList.remove('bg-gray-100', 'text-gray-700', 'hover:bg-gray-200', 'border', 'border-gray-200');
4771                        this.classList.add('bg-red-600', 'text-white', 'shadow-md', 'active-tab');
4772                        const activeBadge = this.querySelector('span:last-child');
4773                        if (activeBadge) {
4774                            activeBadge.classList.remove('bg-gray-200', 'text-gray-600');
4775                            activeBadge.classList.add('bg-white/30', 'text-white');
4776                        }
4777
4778                        // Hide all panels
4779                        panels.forEach(p => {
4780                            p.classList.add('hidden');
4781                            p.classList.remove('block');
4782                        });
4783
4784                        // Show target panel
4785                        targetPanel.classList.remove('hidden');
4786                        targetPanel.classList.add('block');
4787
4788                        // Filter map by selected direction
4789                        const direction = this.getAttribute('data-direction');
4790                        if (typeof window.filterMapByDirection === 'function') {
4791                            window.filterMapByDirection(direction);
4792                        }
4793                    });
4794                });
4795            });
4796        </script>
4796
4797                            </div>
4798        </section>
4799
4800                                
4801    </main>
4802
4803
4804    <!-- Footer -->
4805    <footer class="bg-gray-900/80 backdrop-blur-lg text-gray-300">
4806        <div class="max-w-7xl mx-auto px-6 py-10">
4807            <div class="grid md:grid-cols-3">
4808                <p class="mb-6">© 2026 СКСавто. Все права защищены.</p>
4809                <div class="text-center" style="display: flex;">
4810                    <!-- Yandex.Metrika informer -->
4811<a href="https://metrika.yandex.ru/stat/?id=22024315&amp;from=informer"
4812   target="_blank"
4813   rel="nofollow"
4814   style="padding-right: 24px; display: inline-block; vertical-align: middle;"
4815   onclick="event.preventDefault();">
4816    <img src="https://informer.yandex.ru/informer/22024315/3_1_FFFFFFFF_EFEFEFFF_0_pageviews"
4817         style="width:88px; height:31px; border:0;"
4818         alt="Яндекс.Метрика"
4819         title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и уникальные посетители)"
4820         class="ym-advanced-informer" data-cid="22024315" data-lang="ru"/>
4821</a>
4822<!-- /Yandex.Metrika informer -->
4823
4824<!-- Yandex.Metrika counter -->
4825<script type="text/javascript">
vendor: 431 bytes, lines 4825-4833
4825
4826    (function(m,e,t,r,i,k,a){
4827        m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
4828        m[i].l=1*new Date();
4829        for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
4830        k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)
4831    })(window, document,'script','https://mc.yandex.ru/metrika/tag.js', 'ym');
4832
4833    ym(
483322024315
vendor: 162 bytes, lines 4833-4834
4833, 'init', {webvisor:true, clickmap:true, ecommerce:"dataLayer", referrer: document.referrer, url: location.href, accurateTrackBounce:true, trackLinks:true});
4834    
4834ym(105515103, 'init', {ssr:true, webvisor:true, clickmap:true, ecommerce:"dataLayer", accurateTrackBounce:true, trackLinks:true});
4835</script>
4835
4836<noscript><div><img src="https://mc.yandex.ru/watch/22024315" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
4837<noscript><div><img src="https://mc.yandex.ru/watch/105515103" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
4838<!-- /Yandex.Metrika counter -->
4839                    
4840
4841<div class="custom"  >
4842	<div style="display: flex; flex-direction: row; flex: 1 0 auto; flex-flow: row nowrap; align-items: center; gap: 5px;">
4843<div><a href="https://wa.me/79602800020" target="_blank" rel="noopener noreferrer"><img src="/images/socseti/w-1.png" alt="Написать в Watsupp" width="28" height="28" /></a></div>
4844<div><a href="https://vk.com/sksautoru" target="_blank" rel="noopener noreferrer"><img src="/images/socseti/v-2.png" alt="Написать в телеграм" width="26" height="26" /></a></div>
4845<div><a href="https://t.me/sksauto" target="_blank" rel="noopener noreferrer"><img src="/images/socseti/t-3.png" alt="Написать в телеграм" width="25" height="25" /> </a></div>
4846</div></div>
4847
4848                </div>
4849            </div>
4850            <div class="grid md:grid-cols-4 gap-6 text-sm">
4851                                <div class="space-y-2">
4852                                        <a href="/docs/offer_2024.pdf" class="block hover:text-white"><span class="text-gray-500">·</span> Оферта</a>
4853                                        <a href="/info/refund-rules" class="block hover:text-white"><span class="text-gray-500">·</span> Правила возврата</a>
4854                                        <a href="/buses/bus-rules" class="block hover:text-white"><span class="text-gray-500">·</span> Правила пользования</a>
4855                                    </div>
4856                                <div class="space-y-2">
4857                                        <a href="/info/insurance" class="block hover:text-white"><span class="text-gray-500">·</span> Страхование</a>
4858                                        <a href="/buses/bus-sit-schemas" class="block hover:text-white"><span class="text-gray-500">·</span> Схемы расположения мест</a>
4859                                        <a href="/contacts" class="block hover:text-white"><span class="text-gray-500">·</span> Наши контакты</a>
4860                                    </div>
4861                                <div class="space-y-2">
4862                                        <a href="/info/terms" class="block hover:text-white"><span class="text-gray-500">·</span> Пользовательское соглашение</a>
4863                                        <a href="/ticket-offices" class="block hover:text-white"><span class="text-gray-500">·</span> Где купить билет?</a>
4864                                        <a href="/info/vakansii" class="block hover:text-white"><span class="text-gray-500">·</span> Вакансии</a>
4865                                    </div>
4866                                <div class="space-y-2">
4867                                        <a href="/info/privacy-policy" class="block hover:text-white"><span class="text-gray-500">·</span> Политика конфиденциальности</a>
4868                                        <a href="/docs/personal_data_consent.html" class="block hover:text-white"><span class="text-gray-500">·</span> Согласие на обработку персональных данных</a>
4869                                    </div>
4870                            </div>
4871        </div>
4872    </footer>
4873
4874
4875
4876
4877	
4878
4879
4880
4881
4882
4883  <!-- JS для страницы -->
4884  
4884<script>
4885    document.addEventListener('DOMContentLoaded', () => {
4886      const openMenu = document.getElementById('openMenu'), mobileMenu = document.getElementById('mobileMenu'), loginModal = document.getElementById('loginModal'), openLogin = document.getElementById('openLogin'), openLoginM = document.getElementById('openLoginM'), closeLogin = document.getElementById('closeLogin'), tabOneWay = document.getElementById('tabOneWay'), tabRoundTrip = document.getElementById('tabRoundTrip'), returnWrap = document.getElementById('returnDateWrap'), returnDateInput = document.getElementById('return-date'), fromInput = document.getElementById('from'), toInput = document.getElementById('to'), swapBtn = document.getElementById('swapBtn'), passengersBtn = document.getElementById('passengersBtn'), passengersDropdown = document.getElementById('passengersDropdown'), applyPassengers = document.getElementById('applyPassengers'), adults = document.getElementById('adults'), children = document.getElementById('children'), passengersLabel = document.getElementById('passengers');
4887      if (openMenu) openMenu.addEventListener('click', () => mobileMenu.classList.toggle('hidden'));
4888      function showLogin(show) { if (!loginModal) return; loginModal.classList.toggle('hidden', !show); }
4889      if (openLogin) openLogin.addEventListener('click', () => showLogin(true));
4890      if (openLoginM) openLoginM.addEventListener('click', () => showLogin(true));
4891      if (closeLogin) closeLogin.addEventListener('click', () => showLogin(false));
4892      if (loginModal) loginModal.addEventListener('click', (e) => { if (e.target === loginModal) showLogin(false); });
4893      function setTripType(type) { if (type === 'one-way') { returnWrap.classList.add('hidden'); returnDateInput.required = false; tabOneWay.classList.add('bg-white','text-gray-900'); tabRoundTrip.classList.remove('bg-white','text-gray-900'); tabOneWay.classList.remove('text-white'); tabRoundTrip.classList.add('text-white'); } else { returnWrap.classList.remove('hidden'); returnDateInput.required = true; tabRoundTrip.classList.add('bg-white','text-gray-900'); tabOneWay.classList.remove('bg-white','text-gray-900'); tabOneWay.classList.add('text-white'); tabRoundTrip.classList.remove('text-white'); } }
4894      if (tabOneWay) tabOneWay.addEventListener('click', () => setTripType('one-way'));
4895      if (tabRoundTrip) tabRoundTrip.addEventListener('click', () => setTripType('round-trip'));
4896      setTripType(tabOneWay.classList.contains('active') ? 'one-way' : 'round-trip');
4897      if (swapBtn) swapBtn.addEventListener('click', () => { const a = fromInput.value; fromInput.value = toInput.value; toInput.value = a; });
4898      function closePassengers() { if (passengersDropdown) passengersDropdown.classList.add('hidden'); }
4899      if (passengersBtn) passengersBtn.addEventListener('click', (e) => { e.stopPropagation(); passengersDropdown.classList.toggle('hidden'); });
4900      if (applyPassengers) applyPassengers.addEventListener('click', () => { const a = parseInt(adults.value || '1', 10), c = parseInt(children.value || '0', 10), total = a + c; let label; if (total % 10 === 1 && total % 100 !== 11) label = total + ' пассажир'; else if ([2,3,4].includes(total % 10) && ![12,13,14].includes(total % 100)) label = total + ' пассажира'; else label = total + ' пассажиров'; passengersLabel.textContent = label; closePassengers(); });
4901      applyPassengers.click();
4902      document.addEventListener('click', (e) => { if (passengersDropdown && !passengersDropdown.contains(e.target) && !passengersBtn.contains(e.target)) closePassengers(); });
4903    });
4904  </script>
4904
4905
4906  <!-- Уведомление об использовании cookie (152-ФЗ) -->
4907  <div id="cookieNotice" style="display:none; position:fixed; left:0; right:0; bottom:0; z-index:9999; background:rgba(17,24,39,.97); color:#e5e7eb; padding:14px 16px; font-size:14px; line-height:1.45; box-shadow:0 -2px 12px rgba(0,0,0,.35);">
4908    <div style="max-width:80rem; margin:0 auto; display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:center;">
4909      <span style="flex:1 1 480px; min-width:260px;">Мы используем файлы cookie и сервисы веб-аналитики (Яндекс&nbsp;Метрика, VK) для работы сайта и улучшения сервиса. Продолжая пользоваться сайтом, вы соглашаетесь с обработкой файлов cookie в соответствии с <a href="/index.php/info/privacy-policy" target="_blank" style="color:#fca5a5; text-decoration:underline;">Политикой конфиденциальности</a>. Отключить cookie можно в настройках браузера.</span>
4910      <button id="cookieAccept" type="button" style="background:#de2f2c; color:#fff; border:none; border-radius:6px; padding:8px 22px; cursor:pointer; font-size:14px; flex:none;">Принять</button>
4911    </div>
4912  </div>
4913  
4913<script>
4914  (function(){
4915    try{
4916      if(localStorage.getItem('sksCookieConsent')) return;
4917      var n=document.getElementById('cookieNotice'); if(!n) return;
4918      n.style.display='block';
4919      document.getElementById('cookieAccept').addEventListener('click', function(){
4920        try{ localStorage.setItem('sksCookieConsent', new Date().toISOString()); }catch(e){}
4921        n.style.display='none';
4922      });
4923    }catch(e){}
4924  })();
4925  </script>
4925
4926</body>
4927</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.