-
Notifications
You must be signed in to change notification settings - Fork 1
/
category-tires.html
2360 lines (2359 loc) · 229 KB
/
category-tires.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="ru" itemscope itemtype="http://schema.org/WebPage">
<head itemscope itemtype="http://schema.org/WPHeader">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title itemprop="headline">Категория каталога (шины)</title>
<meta name="keywords" content="" itemprop="keywords">
<meta name="description" content="" itemprop="description">
<link href="css/main.min.css" rel="stylesheet"></head>
<body>
<div class="icons d-none"></div>
<div class="top-panel popup-holder">
<div class="top-panel__wrapper wrapper">
<div class="top-panel__contacts col-xl-6 col-lg-12 col-md-8 px-0 px-lg-1">
<div class="contacts contacts_type_row col-xl-7 col-lg-5 flex-grow-1 flex-md-grow-0 w-auto px-0">
<div class="contacts__item contacts__item_fs_sm text-nowrap popup-toggler mr-4" data-target="#location"><span class="ds-icon-placemark contacts__icon h3 color-theme-blue mr-lg-2 pointer-events-none"></span><span class="theme-hover d-md-none d-lg-block pointer-events-none">г. Ростов-на-Дону</span>
<div class="popup popup_width_md popup_type_plain popup_pos_left box-shadow border-radius" id="location">
<div class="popup__triangle bg-theme-white box-shadow"></div>
<button class="popup__close popup__close_type_btn button-unstyled rounded-circle bg-theme-white" type="button"><span class="ds-icon-close h3 color-theme-blue pointer-events-none"></span>
</button>
<div class="search-holder bg-theme-white border-radius overflow-hidden zi-2 px-4 pt-4 pb-2">
<div class="d-flex align-items-start justify-content-between mb-4">
<div class="h5 text-left color-theme-blue">Выберите свой город и пользоваться сайтом станет удобнее</div>
</div>
<form class="search search_border_rounded" action="#" method="post">
<input class="search__field" type="text" value="" placeholder="Я ищу...">
<button class="search__btn search__btn_type_reset" type="reset"><span class="ds-icon-close-noborder pointer-events-none"></span>
</button>
<button class="search__btn search__btn_type_submit" type="submit"><span class="ds-icon-search h4 pointer-events-none"></span>
</button>
</form>
<div class="search-dropdown search-dropdown_pos_stat">
<div class="search-dropdown__wrapper">
<div class="search-dropdown__section"><a class="h5 d-block mb-3" href="#">Санкт-Петербург (Ленинградская обл.)</a><a class="h5 d-block mb-3" href="#">Самара (Самарская обл.)</a><a class="h5 d-block mb-3" href="#">Самарское (Ростовская обл.)</a><a class="h5 d-block mb-3" href="#">Саратов (Саратовская обл.)</a><a class="h5 d-block mb-3" href="#">Саранск (Нижегородская обл.)</a><a class="h5 d-block" href="#">Сальск (Ростовская обл.)</a></div>
</div>
</div>
<div class="row mt-4">
<div class="col-6 mb-4"><a class="h6" href="#">Ростов-на-Дону</a></div>
<div class="col-6 mb-4"><a class="h6" href="#">Краснодар</a></div>
<div class="col-6 mb-4"><a class="h6" href="#">Сочи</a></div>
<div class="col-6 mb-4"><a class="h6" href="#">Ставрополь</a></div>
</div>
</div>
</div>
</div><a class="contacts__item h5 text-nowrap mr-4" href="#"><span class="ds-icon-phone contacts__icon h3 color-theme-blue mr-lg-2 pointer-events-none"></span><span class="d-none d-lg-block">+7 (863) 22-99-99-4</span></a>
</div>
<nav class="social d-flex align-items-center"><a class="social__item color-theme-blue mr-4 mr-lg-3" href="#"><span class="ds-icon-wapp-filled h3 pointer-events-none"></span></a><a class="social__item color-theme-blue" href="#"><span class="ds-icon-tg-filled h3 pointer-events-none"></span></a></nav>
</div>
<nav class="top-panel__nav col-xl-5 col-lg-10"><a class="mr-4" href="#">Скидки и акции</a><a class="mr-4" href="#">Бонусные рубли</a><a href="#">Контакты</a></nav>
<nav class="navbar col-xl-1 col-lg-2 col-md-4">
<button class="navbar__title" type="button"><span class="mr-1">Помощь</span><span class="ds-icon-dropdown navbar__icon pointer-events-none"></span>
</button>
<div class="navbar__wrapper"><a class="navbar__link" href="#">О компании</a><a class="navbar__link" href="#">Новости</a><a class="navbar__link" href="#">Статьи</a><a class="navbar__link" href="#">Вопросы и ответы</a><a class="navbar__link" href="#">Оплата и доставка</a><a class="navbar__link" href="#">Кредит</a><a class="navbar__link" href="#">КупиВкредит</a><a class="navbar__link" href="#">Политика конфиденциальности</a></div>
</nav>
</div>
</div>
<header class="header">
<div class="header__wrapper wrapper">
<div class="header__col header__col_side_left col-xl-4 col-lg-5 px-0 px-lg-1"><a class="logo logo_place_header color-theme-blue mr-4" href="#">
<svg class="icon-fluid">
<use xlink:href="img/icons/icons.svg#icon-logo"></use>
</svg></a>
<div class="header__togglers">
<button class="header__btn header__btn_type_toggler mr-3" type="button" data-target="#categories"><span class="ds-icon-menu header__btn-icon header__btn-icon_show pointer-events-none"></span><span class="ds-icon-close header__btn-icon header__btn-icon_close pointer-events-none"></span><span class="header__btn-title">Каталог</span>
</button>
<button class="header__btn header__btn_type_toggler" type="button" data-target="#services"><span class="ds-icon-services header__btn-icon header__btn-icon_show pointer-events-none"></span><span class="ds-icon-close header__btn-icon header__btn-icon_close pointer-events-none"></span><span class="header__btn-title">Услуги</span>
</button>
<div class="panel">
<div class="panel__wrapper" id="services">
<button class="panel-close-btn" type="button"><span class="ds-icon-close h3 mr-2 pointer-events-none"></span><span class="h4 text-uppercase">услуги</span>
</button>
<div class="wrapper">
<div class="row">
<div class="panel__nav border-0 col-xl-4"><a class="panel__nav-link panel__nav-link_type_plain" href="#"><span class="ds-icon-services-tires h3 color-theme-blue mr-2 pointer-events-none"></span><span class="h4">Шиномонтаж</span></a><a class="panel__nav-link panel__nav-link_type_plain" href="#"><span class="ds-icon-services-store h3 color-theme-blue mr-2 pointer-events-none"></span><span class="h4">Сезонное хранение шин и дисков</span></a><a class="panel__nav-link panel__nav-link_type_plain" href="#"><span class="ds-icon-services-aircond h3 color-theme-blue mr-2 pointer-events-none"></span><span class="h4">Заправка автокондиционеров</span></a></div>
<div class="panel__nav col-xl-4 border-0 mb-5 mb-xl-0"><a class="panel__nav-link panel__nav-link_type_plain" href="#"><span class="ds-icon-services-wheel-rolled h3 color-theme-blue mr-2 pointer-events-none"></span><span class="h4">Прокатка дисков</span></a><a class="panel__nav-link panel__nav-link_type_plain" href="#"><span class="ds-icon-services-wheel-painted h3 color-theme-blue mr-2 pointer-events-none"></span><span class="h4">Покраска дисков</span></a><a class="panel__nav-link panel__nav-link_type_plain" href="#"><span class="ds-icon-services-vin h3 color-theme-blue mr-2 pointer-events-none"></span><span class="h4">Подбор по VIN</span></a></div>
<div class="col-xl-4">
<div class="banner banner_xs overflow-hidden mb-4 mb-xl-0"><img class="img-cover" src="img/content/banners/banner-1.jpg" alt="" title=""/>
<div class="banner__inner d-flex flex-column align-items-start justify-content-between p-4">
<div class="banner__title h2 font-weight-bold color-theme-blue">Запись на шиномонтаж онлайн</div><a class="button text-uppercase" href="#">Записаться</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="panel__wrapper" id="categories">
<button class="panel-close-btn" type="button"><span class="ds-icon-close h3 mr-2 pointer-events-none"></span><span class="h4 text-uppercase">каталог</span>
</button>
<div class="wrapper">
<div class="row align-items-start">
<div class="panel__nav col-xl-2 pr-xl-2">
<div class="panel__nav-item" data-target="#tires"><a class="panel__nav-link panel__nav-link_type_btn panel__nav-link_active" href="#"><span class="ds-icon-tires h3 color-theme-blue mr-2 pointer-events-none"></span><span class="panel__nav-title">Автошины</span></a>
<button class="panel__nav-btn" type="button"><span class="ds-icon-arrow-right color-theme-blue pointer-events-none"></span>
</button>
</div>
<div class="panel__nav-item" data-target="#moto"><a class="panel__nav-link panel__nav-link_type_btn" href="#"><span class="ds-icon-moto h3 color-theme-blue mr-2 pointer-events-none"></span><span class="panel__nav-title">Мотошины</span></a>
<button class="panel__nav-btn" type="button"><span class="ds-icon-arrow-right color-theme-blue pointer-events-none"></span>
</button>
</div>
<div class="panel__nav-item" data-target="#wheels"><a class="panel__nav-link panel__nav-link_type_btn" href="#"><span class="ds-icon-wheels h3 color-theme-blue mr-2 pointer-events-none"></span><span class="panel__nav-title">Диски</span></a>
<button class="panel__nav-btn" type="button"><span class="ds-icon-arrow-right color-theme-blue pointer-events-none"></span>
</button>
</div>
<div class="panel__nav-item" data-target="#battery"><a class="panel__nav-link panel__nav-link_type_btn" href="#"><span class="ds-icon-battery h3 color-theme-blue mr-2 pointer-events-none"></span><span class="panel__nav-title">Аккумуляторы</span></a>
<button class="panel__nav-btn" type="button"><span class="ds-icon-arrow-right color-theme-blue pointer-events-none"></span>
</button>
</div>
<div class="panel__nav-item" data-target="#detail"><a class="panel__nav-link panel__nav-link_type_btn" href="#"><span class="ds-icon-detail h3 color-theme-blue mr-2 pointer-events-none"></span><span class="panel__nav-title">Автотовары</span></a>
<button class="panel__nav-btn" type="button"><span class="ds-icon-arrow-right color-theme-blue pointer-events-none"></span>
</button>
</div>
<div class="panel__nav-item" data-target="#oil"><a class="panel__nav-link panel__nav-link_type_btn" href="#"><span class="ds-icon-oil h3 color-theme-blue mr-2 pointer-events-none"></span><span class="panel__nav-title">Масла</span></a>
<button class="panel__nav-btn" type="button"><span class="ds-icon-arrow-right color-theme-blue pointer-events-none"></span>
</button>
</div>
</div>
<div class="panel__grid panel__grid_active col-xl-10" id="tires">
<div class="panel__content">
<div class="h4 mb-4 d-none d-xl-block">Производители автошин:</div>
<button class="panel__toggler" type="button"><span class="ds-icon-arrow-left h6 color-theme-blue pl-3 mr-2 pointer-events-none"></span><span class="h5">Назад</span>
</button>
<div class="panel__subcategory mb-4 mb-xl-0"><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-1.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-2.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-3.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-4.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-5.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-1.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-2.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-3.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-4.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-5.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-1.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-2.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-3.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-4.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-5.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-5.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-1.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-2.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-3.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-4.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-5.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a>
</div>
<div class="text-center d-none d-xl-block"><a class="readmore" href="#"><span class="mr-2 pointer-events-none">Показать еще</span><span class="ds-icon-readmore readmore__icon h3 color-theme-blue pointer-events-none"></span></a></div>
</div>
<div class="panel__aside">
<div class="mb-4"><a class="toggler py-1" href="#">Зимние шины</a><a class="toggler py-1" href="#">Летние шины</a><a class="toggler py-1" href="#">Шины для внедорожников</a><a class="toggler py-1" href="#">Всесезонные шины</a><a class="toggler py-1" href="#">Шины на Газель</a></div>
<div class="banner banner_sm overflow-hidden mb-4 mb-xl-0"><img class="img-cover" src="img/content/banners/banner-2.jpg" alt="" title=""/>
<div class="banner__inner d-flex flex-column align-items-center justify-content-between p-4">
<div class="banner__title h2 font-weight-bold color-theme-white">Подбор запчастей по VIN-коду</div><a class="button text-uppercase" href="#">Подобрать</a>
</div>
</div>
</div>
</div>
<div class="panel__grid col-xl-10" id="moto">
<div class="panel__content">
<div class="h4 mb-4 d-none d-xl-block">Производители мотошин:</div>
<button class="panel__toggler" type="button"><span class="ds-icon-arrow-left h6 color-theme-blue pl-3 mr-2 pointer-events-none"></span><span class="h5">Назад</span>
</button>
<div class="panel__subcategory mb-4 mb-xl-0"><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-1.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-2.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-3.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-4.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-5.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-1.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-2.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-3.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-4.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-5.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-1.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-2.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-3.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-4.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-5.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-5.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-1.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-2.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-3.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-4.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-5.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a>
</div>
<div class="text-center d-none d-xl-block"><a class="readmore" href="#"><span class="mr-2 pointer-events-none">Показать еще</span><span class="ds-icon-readmore readmore__icon h3 color-theme-blue pointer-events-none"></span></a></div>
</div>
<div class="panel__aside">
<div class="mb-4"><a class="toggler py-1" href="#">Летние шины</a><a class="toggler py-1" href="#">Шины для внедорожников</a><a class="toggler py-1" href="#">Зимние шины</a><a class="toggler py-1" href="#">Всесезонные шины</a></div>
<div class="banner banner_sm overflow-hidden mb-4 mb-xl-0"><img class="img-cover" src="img/content/banners/banner-2.jpg" alt="" title=""/>
<div class="banner__inner d-flex flex-column align-items-center justify-content-between p-4">
<div class="banner__title h2 font-weight-bold color-theme-white">Подбор запчастей по VIN-коду</div><a class="button text-uppercase" href="#">Подобрать</a>
</div>
</div>
</div>
</div>
<div class="panel__grid col-xl-10" id="wheels">
<div class="panel__content">
<div class="h4 mb-4 d-none d-xl-block">Производители дисков</div>
<button class="panel__toggler" type="button"><span class="ds-icon-arrow-left h6 color-theme-blue pl-3 mr-2 pointer-events-none"></span><span class="h5">Назад</span>
</button>
</div>
</div>
<div class="panel__grid col-xl-10" id="battery">
<div class="panel__content">
<div class="h4 mb-4 d-none d-xl-block">Производители аккумуляторов</div>
<button class="panel__toggler" type="button"><span class="ds-icon-arrow-left h6 color-theme-blue pl-3 mr-2 pointer-events-none"></span><span class="h5">Назад</span>
</button>
</div>
</div>
<div class="panel__grid col-xl-10" id="detail">
<div class="panel__content">
<div class="h4 mb-4 d-none d-xl-block">Производители автотоваров</div>
<button class="panel__toggler" type="button"><span class="ds-icon-arrow-left h6 color-theme-blue pl-3 mr-2 pointer-events-none"></span><span class="h5">Назад</span>
</button>
</div>
</div>
<div class="panel__grid col-xl-10" id="oil">
<div class="panel__content">
<div class="h4 mb-4 d-none d-xl-block">Производители масел</div>
<button class="panel__toggler" type="button"><span class="ds-icon-arrow-left h6 color-theme-blue pl-3 mr-2 pointer-events-none"></span><span class="h5">Назад</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="header__col header__col_side_right search-holder col-xl-8 col-lg-7">
<div class="search-panel">
<div class="search-panel__wrapper">
<button class="panel-close-btn" type="button"><span class="ds-icon-close h3 mr-2 pointer-events-none"></span><span class="h4 text-uppercase pointer-events-none">Поиск</span>
</button>
<form class="search" action="#" method="post">
<input class="search__field" type="text" value="" placeholder="Я ищу...">
<button class="search__btn search__btn_type_reset" type="reset"><span class="ds-icon-close-noborder pointer-events-none"></span>
</button>
<button class="search__btn search__btn_type_submit" type="submit"><span class="ds-icon-search h4 pointer-events-none"></span>
</button>
</form>
<div class="search-dropdown">
<div class="search-dropdown__wrapper">
<div class="search-dropdown__section">
<div class="search-dropdown__row mb-2">
<div class="search-dropdown__picture mr-2"><a href="#"><img class="img-fluid" src="img/content/cards/card-1.jpg" alt="" title=""/></a></div>
<div class="search-dropdown__desc flex-grow-1"><a class="h5 d-block mb-1" href="#">Зимние шины Nokian Nordman 5 195/65 R15 95T XL</a><span class="h6 color-theme-disabled">3 630.90 ₽</span></div>
</div>
<div class="search-dropdown__row mb-2">
<div class="search-dropdown__picture mr-2"><a href="#"><img class="img-fluid" src="img/content/cards/card-1.jpg" alt="" title=""/></a></div>
<div class="search-dropdown__desc flex-grow-1"><a class="h5 d-block mb-1" href="#">Летние шины Nokian Nordman SX2 195/65 R15 91H</a><span class="h6 color-theme-disabled">3 630.90 ₽</span></div>
</div>
<div class="search-dropdown__row mb-2">
<div class="search-dropdown__picture mr-2"><a href="#"><img class="img-fluid" src="img/content/cards/card-1.jpg" alt="" title=""/></a></div>
<div class="search-dropdown__desc flex-grow-1"><a class="h5 d-block mb-1" href="#">Зимние шины Nokian Nordman 7 195/65 R15 95T XL</a><span class="h6 color-theme-disabled">3 630.90 ₽</span></div>
</div>
<div class="search-dropdown__row mb-2">
<div class="search-dropdown__picture mr-2"><a href="#"><img class="img-fluid" src="img/content/cards/card-1.jpg" alt="" title=""/></a></div>
<div class="search-dropdown__desc flex-grow-1"><a class="h5 d-block mb-1" href="#">Зимние шины Nokian Nordman RS2 205/55 R16 94R XL</a><span class="h6 color-theme-disabled">3 630.90 ₽</span></div>
</div>
<div class="search-dropdown__row mb-2">
<div class="search-dropdown__picture mr-2"><a href="#"><img class="img-fluid" src="img/content/cards/card-1.jpg" alt="" title=""/></a></div>
<div class="search-dropdown__desc flex-grow-1"><a class="h5 d-block mb-1" href="#">185/65/15 NORDMAN RS-2 XL R*</a><span class="h6 color-theme-disabled">3 630.90 ₽</span></div>
</div><a class="h5 color-theme-blue" href="#">показать все товары (54) ></a>
</div>
<div class="search-dropdown__section">
<div class="search-dropdown__row mb-2">
<div class="search-dropdown__picture mr-2"><a href="#"><img class="img-fluid" src="img/content/cards/card-1.jpg" alt="" title=""/></a></div>
<div class="search-dropdown__desc flex-grow-1"><a class="h5 d-block mb-1" href="#">NOKIAN NORDMAN-7</a><span class="h6 color-theme-disabled">3 630.90 ₽</span></div>
</div>
<div class="search-dropdown__row mb-2">
<div class="search-dropdown__picture mr-2"><a href="#"><img class="img-fluid" src="img/content/cards/card-1.jpg" alt="" title=""/></a></div>
<div class="search-dropdown__desc flex-grow-1"><a class="h5 d-block mb-1" href="#">NOKIAN RS2</a><span class="h6 color-theme-disabled">3 630.90 ₽</span></div>
</div>
<div class="search-dropdown__row mb-2">
<div class="search-dropdown__picture mr-2"><a href="#"><img class="img-fluid" src="img/content/cards/card-1.jpg" alt="" title=""/></a></div>
<div class="search-dropdown__desc flex-grow-1"><a class="h5 d-block mb-1" href="#">NOKIAN NORDMAN-7 SUV</a><span class="h6 color-theme-disabled">3 630.90 ₽</span></div>
</div>
<div class="search-dropdown__row mb-2">
<div class="search-dropdown__picture mr-2"><a href="#"><img class="img-fluid" src="img/content/cards/card-1.jpg" alt="" title=""/></a></div>
<div class="search-dropdown__desc flex-grow-1"><a class="h5 d-block mb-1" href="#">NOKIAN NORDMAN-8</a><span class="h6 color-theme-disabled">3 630.90 ₽</span></div>
</div>
</div>
<div class="search-dropdown__section"><a class="h5 d-block mb-4" href="#">Зимние шины</a><a class="h5 d-block mb-4" href="#">Шины для внедорожника</a><a class="h5 d-block mb-4" href="#">Шины на газель</a><a class="h5 d-block mb-4" href="#">Шипованые шины</a><a class="h5 d-block" href="#">Автошторки</a></div>
</div>
</div>
</div>
</div>
<div class="header__bottom-panel">
<div class="header__navbar">
<button class="header__navbar-item header__navbar-item_toggler_search" type="button"><span class="header__navbar-icon pointer-events-none"><span class="ds-icon-search pointer-events-none"></span></span><span class="header__navbar-caption pointer-events-none">Поиск</span></button>
<div class="header__navbar-item"><span class="header__navbar-icon"><span class="ds-icon-compare pointer-events-none"></span></span><span class="header__navbar-caption">Сравнить</span></div>
<div class="header__navbar-item"><span class="header__navbar-icon"><span class="ds-icon-car pointer-events-none"></span></span><span class="header__navbar-caption">Выбор авто</span></div>
<div class="header__navbar-item"><span class="header__navbar-icon"><span class="ds-icon-case pointer-events-none"></span></span><span class="header__navbar-caption">Заказы</span></div>
<button class="header__navbar-item" data-toggle="modal" data-target="#auth-phone" type="button"><span class="header__navbar-icon"><span class="ds-icon-user pointer-events-none"></span></span><span class="header__navbar-caption">Вход | регистрация</span></button>
</div>
<div class="header__aside"><a class="header__btn header__btn_place_panel" href="#"><span class="ds-icon-cart header__btn-icon pointer-events-none"></span><span class="header__btn-title">Корзина</span></a></div>
</div>
</div>
</div>
</header>
<nav class="topmenu">
<div class="topmenu__wrapper wrapper swiper-container">
<ul class="swiper-wrapper justify-content-between" itemscope itemtype="https://schema.org/SiteNavigationElement">
<li class="swiper-slide w-auto"><a class="topmenu__link mr-3" href="#" itemprop="url"><span itemprop="name">Автошины</span></a></li>
<li class="swiper-slide w-auto"><a class="topmenu__link mr-3" href="#" itemprop="url"><span itemprop="name">Мотошины</span></a></li>
<li class="swiper-slide w-auto"><a class="topmenu__link mr-3" href="#" itemprop="url"><span itemprop="name">Диски</span></a></li>
<li class="swiper-slide w-auto"><a class="topmenu__link mr-3" href="#" itemprop="url"><span itemprop="name">Аккумуляторы</span></a></li>
<li class="swiper-slide w-auto"><a class="topmenu__link mr-3" href="#" itemprop="url"><span itemprop="name">Масла</span></a></li>
<li class="swiper-slide w-auto"><a class="topmenu__link mr-3" href="#" itemprop="url"><span itemprop="name">Автотовары</span></a></li>
<li class="swiper-slide w-auto"><a class="topmenu__link mr-3" href="#" itemprop="url"><span itemprop="name">Шиномонтаж</span></a></li>
</ul>
</div>
</nav>
<div class="togglebar">
<button class="aside-toggler flex-grow-1 justify-content-center px-3 py-2" type="button" data-target="#filter"><span class="ds-icon-filter aside-toggler__icon h3 mr-2 pointer-events-none"></span><span class="pointer-events-none"><span class="aside-toggler__show">Показать </span><span class="aside-toggler__hide">Скрыть </span>фильтр</span>
</button>
</div>
<div class="wrapper">
<ul class="pathway" itemscope itemtype="http://schema.org/BreadcrumbList">
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a class="pathway__link" href="#" itemprop="item"><span itemprop="name">Главная</span>
<meta itemprop="position" content="1"></a></li>
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a class="pathway__link" href="#" itemprop="item"><span itemprop="name">Шины</span>
<meta itemprop="position" content="2"></a></li>
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a class="pathway__current" href="#" itemprop="item"><span itemprop="name">Шины R18</span>
<meta itemprop="position" content="3"></a></li>
</ul>
<section class="content">
<h1 itemprop="name">Шины в Ростове-на-Дону</h1>
</section>
<div class="category-counter mb-4">14 840 товаров</div>
<div class="row">
<div class="col-xl-2 col-lg-3 mb-lg-4">
<div class="aside aside_pos_fixed" id="filter">
<div class="aside__wrapper">
<form class="form form_bg form_filter mb-lg-3" action="#">
<div class="form__header d-flex align-items-center justify-content-between d-lg-block">
<div class="form__title form__title_icon d-flex align-items-center flex-grow-1 h4 font-weight-bold color-theme-blue mb-0 mb-lg-2"><span class="ds-icon-tires form__title-icon h3 mr-1 pointer-events-none"></span>Подбор шин
</div>
<button class="button-unstyled h6" type="reset">Сбросить</button>
</div>
<div class="form__section">
<div class="form__section-title h6 color-theme-disabled mb-4">Типоразмер</div>
<div class="row">
<div class="col-sm-4 col-lg-12">
<div class="form__select mb-lg-4 mb-sm-0 mb-4">
<div class="form__select-title">Ширина</div>
<select class="selecter">
<option>--</option>
<option>5</option>
<option>6.5</option>
<option>7</option>
<option>10.5</option>
<option>12.5</option>
<option>30</option>
</select>
</div>
</div>
<div class="col-sm-4 col-lg-12">
<div class="form__select mb-lg-4 mb-sm-0 mb-4">
<div class="form__select-title">Высота</div>
<select class="selecter">
<option>--</option>
<option>9.5</option>
<option>10</option>
<option>10.5</option>
<option>11.5</option>
<option>12.5</option>
<option>13.5</option>
</select>
</div>
</div>
<div class="col-sm-4 col-lg-12">
<div class="form__select">
<div class="form__select-title">Диаметр</div>
<select class="selecter">
<option>--</option>
<option>10</option>
<option>12</option>
<option>12C</option>
<option>13</option>
<option>13C</option>
</select>
</div>
</div>
</div>
<button class="form__section-toggler button-unstyled h6 mt-lg-4" type="button">Добавить размер для спарки</button>
</div>
<div class="form__section form__section_hidden">
<div class="form__section-title h6 color-theme-disabled mb-4">Типоразмер (задняя ось)</div>
<div class="row">
<div class="col-sm-4 col-lg-12">
<div class="form__select mb-lg-4 mb-sm-0 mb-4">
<div class="form__select-title">Ширина</div>
<select class="selecter">
<option>--</option>
<option>5</option>
<option>6.5</option>
<option>7</option>
<option>10.5</option>
<option>12.5</option>
<option>30</option>
</select>
</div>
</div>
<div class="col-sm-4 col-lg-12">
<div class="form__select mb-lg-4 mb-sm-0 mb-4">
<div class="form__select-title">Высота</div>
<select class="selecter">
<option>--</option>
<option>9.5</option>
<option>10</option>
<option>10.5</option>
<option>11.5</option>
<option>12.5</option>
<option>13.5</option>
</select>
</div>
</div>
<div class="col-sm-4 col-lg-12">
<div class="form__select">
<div class="form__select-title">Диаметр</div>
<select class="selecter">
<option>--</option>
<option>10</option>
<option>12</option>
<option>12C</option>
<option>13</option>
<option>13C</option>
</select>
</div>
</div>
</div>
</div>
<div class="form__section">
<div class="form__section-title h6 color-theme-disabled mb-4">Тип</div>
<input class="form__toggler form__toggler_checkbox" id="param-1" type="checkbox" value="">
<label class="form__label h5 mb-4" for="param-1"><span class="ds-icon-checked form__label-icon pointer-events-none"></span><span class="form__label-title">Всесезонные</span>
</label>
<input class="form__toggler form__toggler_checkbox" id="param-2" type="checkbox" value="">
<label class="form__label h5 mb-4" for="param-2"><span class="ds-icon-checked form__label-icon pointer-events-none"></span><span class="form__label-title">Для микроавтобуса</span>
</label>
<input class="form__toggler form__toggler_checkbox" id="param-3" type="checkbox" value="">
<label class="form__label h5" for="param-3"><span class="ds-icon-checked form__label-icon pointer-events-none"></span><span class="form__label-title">Легковые</span>
</label>
</div>
<div class="form__section">
<div class="form__section-title h6 color-theme-disabled mb-4">Runflat</div>
<input class="form__toggler form__toggler_checkbox" id="Runflat" type="checkbox" value="">
<label class="form__label h5" for="Runflat"><span class="ds-icon-checked form__label-icon pointer-events-none"></span><span class="form__label-title">Да</span>
</label>
</div>
<div class="form__section">
<div class="form__section-title h6 color-theme-disabled mb-4">Цена, ₽</div>
<div class="row mb-3">
<div class="form__item col-6">
<label class="form__label form__label_plain h5 color-theme-disabled">От</label>
<input class="form__field" id="price-min" type="text" value="">
</div>
<div class="form__item col-6">
<label class="form__label form__label_plain h5 color-theme-disabled">До</label>
<input class="form__field" id="price-max" type="text" value="">
</div>
</div>
<div class="form__slider" id="price-ranger"></div>
</div>
<div class="form__section">
<div class="form__section-title h6 color-theme-disabled mb-4">Наличие</div>
<input class="form__toggler form__toggler_checkbox" id="instock" type="checkbox" value="">
<label class="form__label h5" for="instock"><span class="ds-icon-checked form__label-icon pointer-events-none"></span><span class="form__label-title">Сейчас в наличии</span>
</label>
</div>
<div class="form__section border-0 pb-0">
<div class="form__section-title h6 color-theme-disabled mb-4">Бренд</div>
<div class="form__item mb-4">
<input class="form__field" type="text" value="">
<label class="form__label form__label_title">Введите название</label>
</div>
<div class="form__list row" id="brand">
<div class="col-6">
<input class="form__toggler form__toggler_checkbox" id="Michelin" type="checkbox" value="">
<label class="form__label h5 mb-4" for="Michelin"><span class="ds-icon-checked form__label-icon pointer-events-none"></span><span class="form__label-title">Michelin</span>
</label>
</div>
<div class="col-6">
<input class="form__toggler form__toggler_checkbox" id="Cordiant" type="checkbox" value="">
<label class="form__label h5 mb-4" for="Cordiant"><span class="ds-icon-checked form__label-icon pointer-events-none"></span><span class="form__label-title">Cordiant</span>
</label>
</div>
<div class="col-6">
<input class="form__toggler form__toggler_checkbox" id="Pirelli" type="checkbox" value="">
<label class="form__label h5 mb-4" for="Pirelli"><span class="ds-icon-checked form__label-icon pointer-events-none"></span><span class="form__label-title">Pirelli</span>
</label>
</div>
<div class="col-6">
<input class="form__toggler form__toggler_checkbox" id="Hankook" type="checkbox" value="">
<label class="form__label h5 mb-4" for="Hankook"><span class="ds-icon-checked form__label-icon pointer-events-none"></span><span class="form__label-title">Hankook</span>
</label>
</div>
<div class="col-6">
<input class="form__toggler form__toggler_checkbox" id="Yokohama" type="checkbox" value="">
<label class="form__label h5 mb-4" for="Yokohama"><span class="ds-icon-checked form__label-icon pointer-events-none"></span><span class="form__label-title">Yokohama</span>
</label>
</div>
<div class="col-6">
<input class="form__toggler form__toggler_checkbox" id="Goodyear" type="checkbox" value="">
<label class="form__label h5 mb-4" for="Goodyear"><span class="ds-icon-checked form__label-icon pointer-events-none"></span><span class="form__label-title">Good year</span>
</label>
</div>
<div class="col-6">
<input class="form__toggler form__toggler_checkbox" id="Continental" type="checkbox" value="">
<label class="form__label h5 mb-4" for="Continental"><span class="ds-icon-checked form__label-icon pointer-events-none"></span><span class="form__label-title">Continental</span>
</label>
</div>
<div class="col-6">
<input class="form__toggler form__toggler_checkbox" id="Bridgestone" type="checkbox" value="">
<label class="form__label h5 mb-4" for="Bridgestone"><span class="ds-icon-checked form__label-icon pointer-events-none"></span><span class="form__label-title">Bridgestone</span>
</label>
</div>
<div class="col-6">
<input class="form__toggler form__toggler_checkbox" id="Michelin2" type="checkbox" value="">
<label class="form__label h5 mb-4" for="Michelin2"><span class="ds-icon-checked form__label-icon pointer-events-none"></span><span class="form__label-title">Michelin</span>
</label>
</div>
<div class="col-6">
<input class="form__toggler form__toggler_checkbox" id="Cordiant2" type="checkbox" value="">
<label class="form__label h5 mb-4" for="Cordiant2"><span class="ds-icon-checked form__label-icon pointer-events-none"></span><span class="form__label-title">Cordiant</span>
</label>
</div>
</div>
</div>
<div class="d-flex justify-content-center">
<button class="readmore d-flex align-items-center" type="submit" data-toggle="list" data-target="#brand"><span class="h6 mr-2 pointer-events-none">Показать еще</span><span class="ds-icon-readmore h3 color-theme-blue readmore__icon pointer-events-none"></span>
</button>
</div>
</form>
<div class="aside__alert d-flex align-items-center justify-content-between flex-lg-column color-theme-white bg-theme-blue px-lg-3 pt-lg-1 pb-lg-3 py-3 px-4" style="top:574px;">
<div class="aside__alert-info h2 font-weight-bold d-flex align-items-center mb-lg-1">
<div class="h5 font-weight-normal mr-2">Найдено:</div>713
</div>
<button class="button text-uppercase button_bordered px-3" type="button">Показать</button>
</div>
</div>
</div>
</div>
<div class="col-xl-10 col-lg-9 mb-4">
<div class="slides slides_tile swiper-container pt-1 pb-lg-4">
<div class="swiper-wrapper">
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-1.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-1.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-2.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-1.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-3.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-2.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-2.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-3.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-4.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-5.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-4.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-2.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-3.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-4.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-5.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-3.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-4.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-5.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-1.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-5.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-3.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-4.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-2.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-3.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-2.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-2.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-3.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-2.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-1.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-3.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-1.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-1.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-2.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-1.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-3.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-2.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-2.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-3.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-4.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-5.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-4.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-2.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-3.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-4.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-5.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-3.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-4.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-5.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-1.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-5.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-3.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-4.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-2.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-3.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-2.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-2.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-3.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-2.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-1.jpg" alt="" title=""/></a>
</div>
<div class="swiper-slide"><a class="brand d-flex flex-column align-items-center justify-content-center p-3" href="#"><img class="img-fluid" src="img/content/logo/logo-3.jpg" alt="" title=""/></a>
</div>
</div>
</div>
</div>
</div>
<div class="mb-3">
<div class="h2 font-weight-bold mb-4">Часто выбирают:</div>
<div class="slides slides_togglers swiper-container">
<div class="slides__nav">
<button class="slides__btn slides__btn_prev slides__btn_sm slides_togglers-prev" type="button"><span class="ds-icon-arrow-left pointer-events-none"></span>
</button>
<button class="slides__btn slides__btn_next slides__btn_sm slides_togglers-next" type="button"><span class="ds-icon-arrow-right pointer-events-none"></span>
</button>
</div>
<ul class="nav nav-tabs swiper-wrapper px-3 px-lg-0" role="tablist">
<li class="nav-item swiper-slide" role="presentation"><a class="toggler nav-link py-2 active" data-toggle="tab" href="#tab-pane-1" role="tab" aria-controls="tab-tyres" aria-selected="true">Шины</a></li>
<li class="nav-item swiper-slide" role="presentation"><a class="toggler nav-link py-2" data-toggle="tab" href="#tab-pane-2" role="tab" aria-controls="tab-pane-2" aria-selected="true">Диски</a></li>
<li class="nav-item swiper-slide" role="presentation"><a class="toggler nav-link py-2" data-toggle="tab" href="#tab-pane-3" role="tab" aria-controls="tab-pane-3" aria-selected="true">Мотошины</a></li>
<li class="nav-item swiper-slide" role="presentation"><a class="toggler nav-link py-2" data-toggle="tab" href="#tab-pane-4" role="tab" aria-controls="tab-pane-4" aria-selected="true">Аккумуляторы</a></li>
<li class="nav-item swiper-slide" role="presentation"><a class="toggler nav-link py-2" data-toggle="tab" href="#tab-pane-5" role="tab" aria-controls="tab-pane-5" aria-selected="true">Автозапчасти</a></li>
<li class="nav-item swiper-slide" role="presentation"><a class="toggler nav-link py-2" data-toggle="tab" href="#tab-pane-6" role="tab" aria-controls="tab-pane-6" aria-selected="true">Масла</a></li>
<li class="nav-item swiper-slide" role="presentation"><a class="toggler nav-link py-2" data-toggle="tab" href="#tab-pane-7" role="tab" aria-controls="tab-pane-7" aria-selected="true">Автотовары</a></li>
<li class="nav-item swiper-slide" role="presentation"><a class="toggler nav-link py-2" data-toggle="tab" href="#tab-pane-8" role="tab" aria-controls="tab-pane-8" aria-selected="true">Скидки</a></li>
<li class="nav-item swiper-slide" role="presentation"><a class="toggler nav-link py-2" data-toggle="tab" href="#tab-pane-9" role="tab" aria-controls="tab-pane-9" aria-selected="true">Хиты</a></li>
<li class="nav-item swiper-slide" role="presentation"><a class="toggler nav-link py-2" data-toggle="tab" href="#tab-pane-9" role="tab" aria-controls="tab-pane-9" aria-selected="true">Хиты</a></li>
<li class="nav-item swiper-slide" role="presentation"><a class="toggler nav-link py-2" data-toggle="tab" href="#tab-pane-10" role="tab" aria-controls="tab-pane-10" aria-selected="true">Шины на внедорожник</a></li>
<li class="nav-item swiper-slide" role="presentation"><a class="toggler nav-link py-2" data-toggle="tab" href="#tab-pane-11" role="tab" aria-controls="tab-pane-11" aria-selected="true">Шины на газель</a></li>
<li class="nav-item swiper-slide" role="presentation"><a class="toggler nav-link py-2" data-toggle="tab" href="#tab-pane-12" role="tab" aria-controls="tab-pane-12" aria-selected="true">Акции</a></li>
</ul>
</div>
<div class="tab-content mb-5">
<div class="tab-pane d-block overflow-hidden fade show active" id="tab-pane-1" role="tabpanel">
<div class="slides slides_grid swiper-container pt-1 pb-4">
<div class="slides__nav">
<button class="slides__btn slides__btn_prev slides-carousel-prev" type="button"><span class="ds-icon-arrow-left pointer-events-none"></span>
</button>
<button class="slides__btn slides__btn_next slides-carousel-next" type="button"><span class="ds-icon-arrow-right pointer-events-none"></span>
</button>
</div>
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="card flex-column justify-content-between h-100 p-3 card_sm d-flex" itemscope="itemscope" itemtype="http://schema.org/Product"><span class="d-none" itemtype="http://schema.org/AggregateOffer" itemscope="itemscope" itemprop="offers">
<meta itemprop="availability" content="http://schema.org/InStock"/>
<meta itemprop="priceCurrency" content="RUB"/>
<meta itemprop="price" content="7337.12"/>
<meta itemprop="lowPrice" content="100"/></span>
<div class="card__header mb-3"><a class="card__picture mb-2" href="#"><img class="img-fluid" src="img/content/cards/card-1.jpg" alt="" title="" itemprop="image"/></a>
<div class="card__meta card__meta_left">
<div class="card__features card__features_col zi-2">
</div>
</div>
<div class="card__meta card__meta_right">
<button class="card__btn card__btn_icon zi-2" type="button" data-toggle="tooltip" data-placement="right" title="Сравнить"><span class="ds-icon-compare card__btn-icon h4 d-flex flex-column align-items-center justify-content-center pointer-events-none"></span>
</button>
<button class="card__btn card__btn_icon zi-2" type="button" data-toggle="tooltip" data-placement="right" title="Добавить в избранное"><span class="ds-icon-favourite card__btn-icon h4 d-flex flex-column align-items-center justify-content-center pointer-events-none"></span>
</button>
</div>
<div class="card__meta card__meta_row mb-0">
<div class="card__features">
<div class="icon-marker mr-2"><span class="ds-icon-winter h4 pointer-events-none"></span>
</div>
<div class="icon-marker"><span class="ds-icon-spikes h4 pointer-events-none"></span>
</div>
</div>
<div class="card__params flex-grow-1 text-right color-theme-blue">215 / 55 R16</div>
</div>
</div>
<div class="card__body d-flex flex-column justify-content-between flex-grow-1">
<div class="card__intro"><a class="card__title d-block mb-2" href="#" itemprop="url"><span itemprop="name">Зимние шины Yokohama Ice</span></a></div>
<div class="card__footer">
<div class="card__meta card__meta_row mb-2">
<div class="card__price"><span class="card__price-value">7 337.12</span>₽</div>
</div>
<div class="d-flex align-items-center justify-content-between zi-2 mb-3">
<div class="recalculate d-flex align-items-center flex-grow-1 overflow-hidden bg-theme-blue mr-1">
<input class="recalculate__field d-none" type="number" name="count" value="4"/>
<button class="recalculate__btn font-weight-bold color-theme-white flex-grow-1 recalculate__btn_remove" type="button">-</button>
<div class="recalculate__value d-flex align-items-center justify-content-center color-theme-white">4</div>
<button class="recalculate__btn font-weight-bold color-theme-white flex-grow-1 recalculate__btn_add" type="button">+</button>
</div>
<button class="button text-uppercase" type="button">В корзину</button>
</div>
<button class="card__btn card__btn_link w-100 zi-2" type="button"><span class="ds-icon-plane h4 color-theme-blue d-flex flex-column align-items-center justify-content-center mr-1 pointer-events-none"></span>Купить в один клик
</button>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card flex-column justify-content-between h-100 p-3 card_sm d-flex" itemscope="itemscope" itemtype="http://schema.org/Product"><span class="d-none" itemtype="http://schema.org/AggregateOffer" itemscope="itemscope" itemprop="offers">
<meta itemprop="availability" content="http://schema.org/InStock"/>
<meta itemprop="priceCurrency" content="RUB"/>
<meta itemprop="price" content="7337.12"/>
<meta itemprop="lowPrice" content="100"/></span>
<div class="card__header mb-3"><a class="card__picture mb-2" href="#"><img class="img-fluid" src="img/content/cards/card-1.jpg" alt="" title="" itemprop="image"/></a>
<div class="card__meta card__meta_left">
<div class="card__features card__features_col zi-2">
</div>
</div>
<div class="card__meta card__meta_right">
<button class="card__btn card__btn_icon zi-2" type="button" data-toggle="tooltip" data-placement="right" title="Сравнить"><span class="ds-icon-compare card__btn-icon h4 d-flex flex-column align-items-center justify-content-center pointer-events-none"></span>
</button>
<button class="card__btn card__btn_icon zi-2" type="button" data-toggle="tooltip" data-placement="right" title="Добавить в избранное"><span class="ds-icon-favourite card__btn-icon h4 d-flex flex-column align-items-center justify-content-center pointer-events-none"></span>
</button>
</div>
<div class="card__meta card__meta_row mb-0">
<div class="card__features">
<div class="icon-marker mr-2"><span class="ds-icon-winter h4 pointer-events-none"></span>
</div>
<div class="icon-marker"><span class="ds-icon-spikes h4 pointer-events-none"></span>
</div>
</div>
<div class="card__params flex-grow-1 text-right color-theme-blue">215 / 55 R16</div>
</div>
</div>
<div class="card__body d-flex flex-column justify-content-between flex-grow-1">
<div class="card__intro"><a class="card__title d-block mb-2" href="#" itemprop="url"><span itemprop="name">Зимние шины Yokohama Ice Guard IG55</span></a></div>
<div class="card__footer">
<div class="card__meta card__meta_row mb-2">
<div class="card__price"><span class="card__price-value">7 337.12</span>₽</div>
<div class="card__price card__price_old">12 337.12₽</div>
</div>
<div class="d-flex align-items-center justify-content-between zi-2 mb-3">
<div class="recalculate d-flex align-items-center flex-grow-1 overflow-hidden bg-theme-blue mr-1">
<input class="recalculate__field d-none" type="number" name="count" value="4"/>
<button class="recalculate__btn font-weight-bold color-theme-white flex-grow-1 recalculate__btn_remove" type="button">-</button>
<div class="recalculate__value d-flex align-items-center justify-content-center color-theme-white">4</div>
<button class="recalculate__btn font-weight-bold color-theme-white flex-grow-1 recalculate__btn_add" type="button">+</button>
</div>
<button class="button text-uppercase" type="button">В корзину</button>
</div>
<button class="card__btn card__btn_link w-100 zi-2" type="button"><span class="ds-icon-plane h4 color-theme-blue d-flex flex-column align-items-center justify-content-center mr-1 pointer-events-none"></span>Купить в один клик
</button>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card overflow-hidden h-100 card_sm"><a class="card__picture h-100" href="#"><img class="img-cover" src="img/content/banners/banner-3.jpg" alt="" title=""/></a>
</div>
</div>
<div class="swiper-slide">
<div class="card flex-column justify-content-between h-100 p-3 card_sm d-flex" itemscope="itemscope" itemtype="http://schema.org/Product"><span class="d-none" itemtype="http://schema.org/AggregateOffer" itemscope="itemscope" itemprop="offers">
<meta itemprop="availability" content="http://schema.org/InStock"/>
<meta itemprop="priceCurrency" content="RUB"/>
<meta itemprop="price" content="7337.12"/>
<meta itemprop="lowPrice" content="100"/></span>
<div class="card__header mb-3"><a class="card__picture mb-2" href="#"><img class="img-fluid" src="img/content/cards/card-1.jpg" alt="" title="" itemprop="image"/></a>
<div class="card__meta card__meta_left">
<div class="label label_sale text-uppercase px-2">Акция</div>
<div class="card__features card__features_col zi-2">
<div class="card__features-item"><span class="card__features-icon h4 d-flex flex-column align-items-center justify-content-center bg-theme-warning"><span class="ds-icon-card pointer-events-none"></span></span><span class="card__features-title bg-theme-warning">Топливная карта</span></div>
</div>
</div>
<div class="card__meta card__meta_right">
<button class="card__btn card__btn_icon zi-2" type="button" data-toggle="tooltip" data-placement="right" title="Сравнить"><span class="ds-icon-compare card__btn-icon h4 d-flex flex-column align-items-center justify-content-center pointer-events-none"></span>
</button>
<button class="card__btn card__btn_icon zi-2" type="button" data-toggle="tooltip" data-placement="right" title="Добавить в избранное"><span class="ds-icon-favourite card__btn-icon h4 d-flex flex-column align-items-center justify-content-center pointer-events-none"></span>
</button>
</div>
<div class="card__meta card__meta_row mb-0">
<div class="card__params flex-grow-1 text-right color-theme-blue">215 / 55 R16</div>
</div>
</div>
<div class="card__body d-flex flex-column justify-content-between flex-grow-1">
<div class="card__intro"><a class="card__title d-block mb-2" href="#" itemprop="url"><span itemprop="name">Зимние шины Yokohama Ice Guard IG55 215/55 R17 98T XL</span></a></div>
<div class="card__footer">
<div class="card__meta card__meta_row mb-2">
<div class="card__price"><span class="card__price-value">7 337.12</span>₽</div>
</div>
<div class="d-flex align-items-center justify-content-between zi-2 mb-3">
<div class="recalculate d-flex align-items-center flex-grow-1 overflow-hidden bg-theme-blue mr-1">
<input class="recalculate__field d-none" type="number" name="count" value="4"/>
<button class="recalculate__btn font-weight-bold color-theme-white flex-grow-1 recalculate__btn_remove" type="button">-</button>
<div class="recalculate__value d-flex align-items-center justify-content-center color-theme-white">4</div>
<button class="recalculate__btn font-weight-bold color-theme-white flex-grow-1 recalculate__btn_add" type="button">+</button>
</div>
<button class="button text-uppercase" type="button">В корзину</button>
</div>
<button class="card__btn card__btn_link w-100 zi-2" type="button"><span class="ds-icon-plane h4 color-theme-blue d-flex flex-column align-items-center justify-content-center mr-1 pointer-events-none"></span>Купить в один клик
</button>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card overflow-hidden h-100 card_sm"><a class="card__picture h-100" href="#"><img class="img-cover" src="img/content/banners/banner-4.jpg" alt="" title=""/></a>
</div>
</div>
<div class="swiper-slide">
<div class="card flex-column justify-content-between h-100 p-3 card_sm d-flex" itemscope="itemscope" itemtype="http://schema.org/Product"><span class="d-none" itemtype="http://schema.org/AggregateOffer" itemscope="itemscope" itemprop="offers">
<meta itemprop="availability" content="http://schema.org/InStock"/>
<meta itemprop="priceCurrency" content="RUB"/>
<meta itemprop="price" content="7337.12"/>
<meta itemprop="lowPrice" content="100"/></span>
<div class="card__header mb-3"><a class="card__picture mb-2" href="#"><img class="img-fluid" src="img/content/cards/card-1.jpg" alt="" title="" itemprop="image"/></a>
<div class="card__meta card__meta_left">
<div class="label label_discount text-uppercase px-2">Скидка</div>
<div class="card__features card__features_col zi-2">
<div class="card__features-item"><span class="card__features-icon h4 d-flex flex-column align-items-center justify-content-center bg-theme-info"><span class="ds-icon-shield pointer-events-none"></span></span><span class="card__features-title bg-theme-info">Расширеная гарантия</span></div>
<div class="card__features-item"><span class="card__features-icon h4 d-flex flex-column align-items-center justify-content-center bg-theme-disabled"><span class="ds-icon-credit pointer-events-none"></span></span><span class="card__features-title bg-theme-disabled">Кредит</span></div>
</div>
</div>
<div class="card__meta card__meta_right">
<button class="card__btn card__btn_icon zi-2" type="button" data-toggle="tooltip" data-placement="right" title="Сравнить"><span class="ds-icon-compare card__btn-icon h4 d-flex flex-column align-items-center justify-content-center pointer-events-none"></span>
</button>
<button class="card__btn card__btn_icon zi-2" type="button" data-toggle="tooltip" data-placement="right" title="Добавить в избранное"><span class="ds-icon-favourite card__btn-icon h4 d-flex flex-column align-items-center justify-content-center pointer-events-none"></span>
</button>
</div>
<div class="card__meta card__meta_row mb-0">
<div class="card__params flex-grow-1 text-right color-theme-blue">215 / 55 R16</div>
</div>
</div>
<div class="card__body d-flex flex-column justify-content-between flex-grow-1">
<div class="card__intro"><a class="card__title d-block mb-2" href="#" itemprop="url"><span itemprop="name">Зимние шины Yokohama Ice Guard IG55 215/55 R17 98T XL</span></a></div>
<div class="card__footer">
<div class="card__meta card__meta_row mb-2">
<div class="card__price"><span class="card__price-value">7 337.12</span>₽</div>
<div class="card__price card__price_old">12 337.12₽</div>
</div>
<div class="d-flex align-items-center justify-content-between zi-2 mb-3">
<div class="recalculate d-flex align-items-center flex-grow-1 overflow-hidden bg-theme-blue mr-1">
<input class="recalculate__field d-none" type="number" name="count" value="4"/>
<button class="recalculate__btn font-weight-bold color-theme-white flex-grow-1 recalculate__btn_remove" type="button">-</button>
<div class="recalculate__value d-flex align-items-center justify-content-center color-theme-white">4</div>
<button class="recalculate__btn font-weight-bold color-theme-white flex-grow-1 recalculate__btn_add" type="button">+</button>
</div>
<button class="button text-uppercase" type="button">В корзину</button>
</div>
<button class="card__btn card__btn_link w-100 zi-2" type="button"><span class="ds-icon-plane h4 color-theme-blue d-flex flex-column align-items-center justify-content-center mr-1 pointer-events-none"></span>Купить в один клик
</button>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card flex-column justify-content-between h-100 p-3 card_sm d-flex" itemscope="itemscope" itemtype="http://schema.org/Product"><span class="d-none" itemtype="http://schema.org/AggregateOffer" itemscope="itemscope" itemprop="offers">
<meta itemprop="availability" content="http://schema.org/InStock"/>
<meta itemprop="priceCurrency" content="RUB"/>
<meta itemprop="price" content="7337.12"/>
<meta itemprop="lowPrice" content="100"/></span>
<div class="card__header mb-3"><a class="card__picture mb-2" href="#"><img class="img-fluid" src="img/content/cards/card-1.jpg" alt="" title="" itemprop="image"/></a>
<div class="card__meta card__meta_left">
<div class="label label_hit text-uppercase px-2">Хит</div>
<div class="card__features card__features_col zi-2">
<div class="card__features-item"><span class="card__features-icon h4 d-flex flex-column align-items-center justify-content-center"><span class="ds-icon-delivery pointer-events-none"></span></span><span class="card__features-title">Бесплатная доставка</span></div>
<div class="card__features-item">
<div class="card__features-content bg-theme-success">
<div class="d-flex align-items-center pointer-events-none"><span class="card__features-icon h4 d-flex flex-column align-items-center justify-content-center bg-theme-success"><span class="ds-icon-repair pointer-events-none"></span></span><span class="card__features-title bg-theme-success">Бесплатный шиномотаж</span></div>
<div class="card__features-text">
<p>Акция действует при покупке комплекта шин за наличные (от 4 шт.)</p>
<p>При наличии на Доватора 11</p>
</div><a class="card__features-readmore" href="#">Подробнее</a>
</div>
</div>
</div>
</div>
<div class="card__meta card__meta_right">
<button class="card__btn card__btn_icon zi-2" type="button" data-toggle="tooltip" data-placement="right" title="Сравнить"><span class="ds-icon-compare card__btn-icon h4 d-flex flex-column align-items-center justify-content-center pointer-events-none"></span>
</button>
<button class="card__btn card__btn_icon zi-2" type="button" data-toggle="tooltip" data-placement="right" title="Добавить в избранное"><span class="ds-icon-favourite card__btn-icon h4 d-flex flex-column align-items-center justify-content-center pointer-events-none"></span>
</button>
</div>
<div class="card__meta card__meta_row mb-0">
<div class="card__params flex-grow-1 text-right color-theme-blue">215 / 55 R16</div>
</div>
</div>
<div class="card__body d-flex flex-column justify-content-between flex-grow-1">
<div class="card__intro"><a class="card__title d-block mb-2" href="#" itemprop="url"><span itemprop="name">Зимние шины Yokohama Ice Guard IG55 215/55</span></a></div>
<div class="card__footer">
<div class="card__meta card__meta_row mb-2">
<div class="card__price"><span class="card__price-value">7 337.12</span>₽</div>
</div>
<div class="d-flex align-items-center justify-content-between zi-2 mb-3">
<div class="recalculate d-flex align-items-center flex-grow-1 overflow-hidden bg-theme-blue mr-1">
<input class="recalculate__field d-none" type="number" name="count" value="4"/>
<button class="recalculate__btn font-weight-bold color-theme-white flex-grow-1 recalculate__btn_remove" type="button">-</button>
<div class="recalculate__value d-flex align-items-center justify-content-center color-theme-white">4</div>
<button class="recalculate__btn font-weight-bold color-theme-white flex-grow-1 recalculate__btn_add" type="button">+</button>
</div>
<button class="button text-uppercase" type="button">В корзину</button>
</div>
<button class="card__btn card__btn_link w-100 zi-2" type="button"><span class="ds-icon-plane h4 color-theme-blue d-flex flex-column align-items-center justify-content-center mr-1 pointer-events-none"></span>Купить в один клик
</button>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card flex-column justify-content-between h-100 p-3 card_sm d-flex" itemscope="itemscope" itemtype="http://schema.org/Product"><span class="d-none" itemtype="http://schema.org/AggregateOffer" itemscope="itemscope" itemprop="offers">
<meta itemprop="availability" content="http://schema.org/InStock"/>
<meta itemprop="priceCurrency" content="RUB"/>
<meta itemprop="price" content="7337.12"/>
<meta itemprop="lowPrice" content="100"/></span>
<div class="card__header mb-3"><a class="card__picture mb-2" href="#"><img class="img-fluid" src="img/content/cards/card-1.jpg" alt="" title="" itemprop="image"/></a>
<div class="card__meta card__meta_left">
<div class="label label_sale text-uppercase px-2">Акция</div>
<div class="card__features card__features_col zi-2">
<div class="card__features-item">
<div class="card__features-content bg-theme-success">
<div class="d-flex align-items-center pointer-events-none"><span class="card__features-icon h4 d-flex flex-column align-items-center justify-content-center bg-theme-success"><span class="ds-icon-repair pointer-events-none"></span></span><span class="card__features-title bg-theme-success">Бесплатный шиномотаж</span></div>
<div class="card__features-text">
<p>Акция действует при покупке комплекта шин за наличные (от 4 шт.)</p>
<p>При наличии на Доватора 11</p>
</div><a class="card__features-readmore" href="#">Подробнее</a>
</div>
</div>
</div>
</div>
<div class="card__meta card__meta_right">
<button class="card__btn card__btn_icon zi-2" type="button" data-toggle="tooltip" data-placement="right" title="Сравнить"><span class="ds-icon-compare card__btn-icon h4 d-flex flex-column align-items-center justify-content-center pointer-events-none"></span>
</button>
<button class="card__btn card__btn_icon zi-2" type="button" data-toggle="tooltip" data-placement="right" title="Добавить в избранное"><span class="ds-icon-favourite card__btn-icon h4 d-flex flex-column align-items-center justify-content-center pointer-events-none"></span>
</button>
</div>
<div class="card__meta card__meta_row mb-0">
<div class="card__params flex-grow-1 text-right color-theme-blue">215 / 55 R16</div>
</div>
</div>
<div class="card__body d-flex flex-column justify-content-between flex-grow-1">
<div class="card__intro"><a class="card__title d-block mb-2" href="#" itemprop="url"><span itemprop="name">Зимние шины Yokohama Ice Guard IG55 215/55 R17 98T XL</span></a></div>
<div class="card__footer">
<div class="card__meta card__meta_row mb-2">
<div class="card__price"><span class="card__price-value">7 337.12</span>₽</div>
</div>
<div class="d-flex align-items-center justify-content-between zi-2 mb-3">
<div class="recalculate d-flex align-items-center flex-grow-1 overflow-hidden bg-theme-blue mr-1">
<input class="recalculate__field d-none" type="number" name="count" value="4"/>
<button class="recalculate__btn font-weight-bold color-theme-white flex-grow-1 recalculate__btn_remove" type="button">-</button>
<div class="recalculate__value d-flex align-items-center justify-content-center color-theme-white">4</div>
<button class="recalculate__btn font-weight-bold color-theme-white flex-grow-1 recalculate__btn_add" type="button">+</button>
</div>
<button class="button text-uppercase" type="button">В корзину</button>
</div>
<button class="card__btn card__btn_link w-100 zi-2" type="button"><span class="ds-icon-plane h4 color-theme-blue d-flex flex-column align-items-center justify-content-center mr-1 pointer-events-none"></span>Купить в один клик
</button>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card flex-column justify-content-between h-100 p-3 card_sm d-flex" itemscope="itemscope" itemtype="http://schema.org/Product"><span class="d-none" itemtype="http://schema.org/AggregateOffer" itemscope="itemscope" itemprop="offers">
<meta itemprop="availability" content="http://schema.org/InStock"/>
<meta itemprop="priceCurrency" content="RUB"/>
<meta itemprop="price" content="7337.12"/>
<meta itemprop="lowPrice" content="100"/></span>
<div class="card__header mb-3"><a class="card__picture mb-2" href="#"><img class="img-fluid" src="img/content/cards/card-1.jpg" alt="" title="" itemprop="image"/></a>
<div class="card__meta card__meta_left">
<div class="label label_sale text-uppercase px-2">Акция</div>
<div class="card__features card__features_col zi-2">
<div class="card__features-item"><span class="card__features-icon h4 d-flex flex-column align-items-center justify-content-center"><span class="ds-icon-delivery pointer-events-none"></span></span><span class="card__features-title">Бесплатная доставка</span></div>
</div>
</div>
<div class="card__meta card__meta_right">
<button class="card__btn card__btn_icon zi-2" type="button" data-toggle="tooltip" data-placement="right" title="Сравнить"><span class="ds-icon-compare card__btn-icon h4 d-flex flex-column align-items-center justify-content-center pointer-events-none"></span>
</button>
<button class="card__btn card__btn_icon zi-2" type="button" data-toggle="tooltip" data-placement="right" title="Добавить в избранное"><span class="ds-icon-favourite card__btn-icon h4 d-flex flex-column align-items-center justify-content-center pointer-events-none"></span>
</button>
</div>
<div class="card__meta card__meta_row mb-0">
<div class="card__params flex-grow-1 text-right color-theme-blue">215 / 55 R16</div>
</div>
</div>
<div class="card__body d-flex flex-column justify-content-between flex-grow-1">
<div class="card__intro"><a class="card__title d-block mb-2" href="#" itemprop="url"><span itemprop="name">Зимние шины Yokohama Ice Guard IG55 215/55 R17</span></a></div>
<div class="card__footer">
<div class="card__meta card__meta_row mb-2">
<div class="card__price"><span class="card__price-value">7 337.12</span>₽</div>
</div>
<div class="d-flex align-items-center justify-content-between zi-2 mb-3">
<div class="recalculate d-flex align-items-center flex-grow-1 overflow-hidden bg-theme-blue mr-1">
<input class="recalculate__field d-none" type="number" name="count" value="4"/>
<button class="recalculate__btn font-weight-bold color-theme-white flex-grow-1 recalculate__btn_remove" type="button">-</button>
<div class="recalculate__value d-flex align-items-center justify-content-center color-theme-white">4</div>
<button class="recalculate__btn font-weight-bold color-theme-white flex-grow-1 recalculate__btn_add" type="button">+</button>
</div>