-
Notifications
You must be signed in to change notification settings - Fork 0
/
catalog_element.html
1126 lines (1123 loc) · 94.1 KB
/
catalog_element.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">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="/css/core/core.css">
<link rel="stylesheet" href="/css/core/plugins.css">
</head>
<body>
<header class="header">
<div class="container">
<div class="header__items">
<div class="header__logo">
<div class="header__logo__icon">
<a href="#">
<svg width="162" height="27" viewBox="0 0 162 27" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M25.6192 0.749817H29.7413V0.998977C28.3377 1.07226 27.6286 1.80509 27.6286 3.19747C27.6286 3.4906 27.6581 3.90098 27.732 4.42862L30.5096 24.3177C30.6721 25.3143 30.8642 25.9592 31.0711 26.2377C31.2779 26.5162 31.7212 26.6774 32.3712 26.736V26.9852H26.4022V26.736C27.1853 26.7653 27.5843 26.3842 27.5843 25.5928C27.5843 25.4169 27.5547 25.0652 27.4808 24.5375L24.7919 5.24939L15.3066 26.9852H15.1293L5.58485 5.29336L2.91065 24.6841C2.86632 24.9772 2.83679 25.3143 2.83679 25.6954C2.83679 26.3843 3.23572 26.736 4.04832 26.736V26.9852H0V26.736C0.620534 26.736 1.00475 26.6627 1.18204 26.5015C1.35934 26.3549 1.49225 26.1058 1.58089 25.7833C1.68432 25.4609 1.75823 25.0945 1.80255 24.6841L4.81654 3.47595C4.32898 2.28876 3.84142 1.58525 3.33908 1.35074C2.83674 1.11624 2.36401 0.998977 1.92077 0.998977V0.749817H6.91451L16.2374 22.2071L25.6192 0.749817ZM44.25 0.749817V0.998977C43.9102 0.955007 43.5261 1.01363 43.0976 1.1602C42.6692 1.30677 42.418 1.51197 42.3441 1.79045C42.2702 2.06892 42.2259 2.71383 42.2259 3.72513V23.8926C42.2259 24.9919 42.2702 25.6514 42.3589 25.9006C42.4475 26.1497 42.6248 26.3403 42.876 26.5015C43.1271 26.6627 43.5851 26.7507 44.25 26.7507V26.9998H37.1878V26.7507C38.0743 26.7507 38.6357 26.5748 38.8573 26.2524C39.0789 25.9153 39.1823 25.1384 39.1823 23.9366V3.9596C39.1823 2.71379 39.0641 1.89304 38.8277 1.51197C38.5913 1.1309 38.0446 0.955021 37.2025 1.01365V0.764465H44.25V0.749817Z" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M69 1.13715V0.88931H85.7188V3.93631H85.4681V3.8051C85.4386 3.79052 85.4387 3.74677 85.4387 3.70304C85.2028 2.81373 84.8636 2.25973 84.4361 2.05562C84.0085 1.85152 83.3451 1.74946 82.4605 1.74946H73.9389V13.2668H81.8855C82.5785 13.2668 83.0355 13.2084 83.2861 13.1064C83.5368 13.0043 83.6842 12.7565 83.7137 12.392H83.9644V14.8558H83.7137C83.7137 14.2727 83.3156 13.9811 82.5342 13.9811H73.9389V24.405C73.9389 25.3818 74.0864 26.0232 74.396 26.3002C74.7056 26.5918 75.2216 26.723 75.9587 26.723V26.9709H69.0148V26.723C69.8256 26.723 70.3564 26.5772 70.5628 26.2565C70.7839 25.9504 70.8872 25.513 70.8872 24.959V3.46977C70.8872 2.59504 70.7545 1.98272 70.5038 1.63282C70.2385 1.31209 69.7519 1.13715 69 1.13715ZM102.895 0.88931V1.13715C102.555 1.09341 102.172 1.15173 101.745 1.29752C101.317 1.4433 101.066 1.64742 100.993 1.92442C100.919 2.20142 100.875 2.8429 100.875 3.84884V23.9093C100.875 25.0027 100.919 25.6587 101.007 25.9066C101.096 26.1544 101.273 26.344 101.523 26.5043C101.774 26.6647 102.231 26.7522 102.895 26.7522V27H95.8474V26.7522C96.732 26.7522 97.2922 26.5772 97.5133 26.2565C97.7345 25.9212 97.8377 25.1485 97.8377 23.953V4.08206C97.8377 2.84286 97.7197 2.02647 97.4838 1.64742C97.2479 1.26837 96.7024 1.09343 95.862 1.15174V0.903881H102.895V0.88931ZM145.178 0.0145931L143.925 3.13444H143.674C143.718 2.94492 143.748 2.6825 143.748 2.36177C143.748 2.08477 143.645 1.90983 143.453 1.82236C143.261 1.74946 142.952 1.70572 142.509 1.70572H135.595V24.0697C135.595 25.0027 135.669 25.6296 135.816 25.9649C135.964 26.3002 136.17 26.5043 136.435 26.6064C136.686 26.6939 137.114 26.7376 137.689 26.7376V26.9855H130.523V26.7376C131.423 26.6793 131.983 26.5043 132.204 26.2273C132.425 25.9357 132.543 25.3526 132.543 24.4487V1.70572H125.923C125.26 1.70572 124.818 1.74946 124.611 1.82236C124.405 1.89525 124.316 2.09937 124.316 2.40552C124.316 2.56589 124.361 2.79916 124.464 3.11989H124.213L122.96 0H123.211C123.432 0.408208 123.638 0.656062 123.845 0.743535C124.051 0.831008 124.508 0.874739 125.201 0.874739H142.76C143.453 0.874739 143.954 0.831008 144.249 0.743535C144.559 0.656062 144.78 0.408208 144.927 0H145.178V0.0145931ZM162 0.88931V1.13715C161.661 1.09341 161.278 1.15173 160.85 1.29752C160.422 1.4433 160.172 1.64742 160.098 1.92442C160.024 2.20142 159.98 2.8429 159.98 3.84884V23.9093C159.98 25.0027 160.024 25.6587 160.113 25.9066C160.201 26.1544 160.378 26.344 160.629 26.5043C160.88 26.6647 161.337 26.7522 162 26.7522V27H154.953V26.7522C155.837 26.7522 156.398 26.5772 156.619 26.2565C156.84 25.9212 156.943 25.1485 156.943 23.953V4.08206C156.943 2.84286 156.825 2.02647 156.575 1.64742C156.339 1.26837 155.793 1.09343 154.953 1.15174V0.903881H162V0.88931Z" />
</svg>
</a>
</div>
</div>
<nav class="header__menu">
<ul class="header__menu__items">
<li class="header__menu__item">
<a href="#">Каталог</a>
<div class="header__submenu">
<div class="container">
<div class="row header__submenu__items">
<ul class="col-lg-8 header__submenu__items--links">
<li class="header__submenu__items--link"><a href="#">Блузки</a></li>
<li class="header__submenu__items--link"><a href="#">Брюки</a></li>
<li class="header__submenu__items--link"><a href="#">Блейзеры</a></li>
<li class="header__submenu__items--link"><a href="#">Джемперы</a></li>
<li class="header__submenu__items--link"><a href="#">Брюки</a></li>
<li class="header__submenu__items--link"><a href="#">Водолазки</a></li>
<li class="header__submenu__items--link"><a href="#">Юбки</a></li>
<li class="header__submenu__items--link"><a href="#">Платья</a></li>
<li class="header__submenu__items--link"><a href="#">Кардиганы</a></li>
<li class="header__submenu__items--link"><a href="#">Рубашки</a></li>
</ul>
<div class="col-lg-4">
<div class="header__submenu__image">
<img src="/img/menu__image.png" alt="menu__image">
</div>
</div>
</div>
</div>
</div>
</li>
<li class="header__menu__item">
<a href="#">Новинки</a>
<div class="header__submenu">
<div class="container">
<div class="row header__submenu__items">
<ul class="col-lg-8 header__submenu__items--links">
<li class="header__submenu__items--link"><a href="#">ОДин</a></li>
<li class="header__submenu__items--link"><a href="#">Два</a></li>
<li class="header__submenu__items--link"><a href="#">Три</a></li>
<li class="header__submenu__items--link"><a href="#">Четыре</a></li>
<li class="header__submenu__items--link"><a href="#">Пять</a></li>
<li class="header__submenu__items--link"><a href="#">Водолазки</a></li>
<li class="header__submenu__items--link"><a href="#">Юбки</a></li>
<li class="header__submenu__items--link"><a href="#">Платья</a></li>
<li class="header__submenu__items--link"><a href="#">Кардиганы</a></li>
<li class="header__submenu__items--link"><a href="#">Рубашки</a></li>
<li class="header__submenu__items--link"><a href="#">Водолазки</a></li>
<li class="header__submenu__items--link"><a href="#">Юбки</a></li>
<li class="header__submenu__items--link"><a href="#">Платья</a></li>
<li class="header__submenu__items--link"><a href="#">Кардиганы</a></li>
<li class="header__submenu__items--link"><a href="#">Рубашки</a></li>
</ul>
<div class="col-lg-4">
<div class="header__submenu__image">
<img src="/img/menu__image.png" alt="menu__image">
</div>
</div>
</div>
</div>
</div>
</li>
<li class="header__menu__item">
<a href="#">Доставка</a>
</li>
<li class="header__menu__item">
<a href="#">О нас</a>
</li>
<li class="header__menu__item">
<a href="#">Контакты</a>
</li>
</ul>
</nav>
<div class="header__panel">
<div class="header__panel__items">
<div class="header__panel__item">
<div class="header__panel__search">
<div class="search__icon">
<svg width="25" height="25" viewBox="0 0 25 25" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M11.373 0C11.7889 0.0623839 12.2069 0.112291 12.6193 0.189231C14.5498 0.548978 16.2487 1.38284 17.7161 2.69152C19.4781 4.2629 20.6371 6.19403 21.0904 8.51124C21.7218 11.74 21.0162 14.6692 18.9998 17.2769C18.9056 17.3989 18.8099 17.5195 18.672 17.6969C18.7475 17.7475 18.8328 17.7863 18.8952 17.8487C20.784 19.7327 22.6715 21.6181 24.5541 23.5083C24.7225 23.6775 24.8507 23.8854 24.9977 24.0753V24.4171C24.9658 24.4815 24.9353 24.5467 24.9013 24.6098C24.6851 25.0042 24.2033 25.1213 23.8346 24.8641C23.7424 24.7997 23.6613 24.7165 23.5809 24.6361C21.6705 22.7265 19.7602 20.8161 17.8513 18.9044C17.7882 18.8413 17.7376 18.7658 17.6814 18.6958C17.3383 18.9543 17.034 19.1976 16.7152 19.4201C15.1896 20.4855 13.4927 21.1163 11.6441 21.2708C8.62192 21.5238 5.93733 20.6706 3.64368 18.6646C1.8595 17.1043 0.690845 15.1634 0.232669 12.8372C-0.444542 9.39848 0.355358 6.3181 2.64831 3.65639C4.20029 1.85349 6.16468 0.718108 8.49299 0.226661C8.90542 0.139324 9.32824 0.104666 9.74621 0.0443619C9.81692 0.0332714 9.88692 0.0145562 9.95693 0C10.429 0 10.901 0 11.373 0ZM10.6459 19.8277C15.6782 19.8346 19.8191 15.718 19.8122 10.6697C19.806 5.57643 15.7053 1.52009 10.6598 1.50276C5.62818 1.48543 1.50599 5.60069 1.49421 10.6559C1.48173 15.6882 5.606 19.8214 10.6459 19.8277Z" />
</svg>
</div>
</div>
</div>
<div class="header__panel__item">
<div class="header__panel__personal">
<div class="personal__icon">
<svg width="24" height="25" viewBox="0 0 24 25" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M22.3373 25C22.3497 24.9985 22.3613 24.9969 22.3737 24.9961C22.7531 24.9907 23.1503 24.9364 23.532 24.976C23.532 23.166 23.532 21.3553 23.5297 19.5454C23.5297 19.2754 23.5219 19 23.473 18.7362C23.127 16.8867 21.6251 15.6625 19.6988 15.661C14.4148 15.6579 9.13013 15.6587 3.84619 15.6633C3.55759 15.6633 3.26356 15.685 2.98195 15.744C1.2015 16.1156 0.00910393 17.5989 0.00367336 19.4515C-0.00175721 21.2746 -0.000205617 23.0978 0.000570179 24.9216C0.406311 24.9178 0.812052 24.8891 1.21547 24.9085V24.2785C1.21547 24.2785 1.1984 22.8821 1.19762 22.7983C1.19685 21.685 1.19374 20.5725 1.19762 19.4593C1.20305 17.9472 2.25503 16.865 3.76318 16.8619C9.1053 16.8534 14.4467 16.8526 19.7888 16.8619C21.276 16.8642 22.3357 17.9566 22.3411 19.4445C22.3442 20.1978 22.3396 23.1629 22.3357 24.9992L22.3373 25Z" />
<path
d="M11.7663 15.1808C7.62198 15.1893 4.17978 11.7898 4.17822 7.68659C4.1759 3.38559 7.53276 0.00932541 11.8206 1.58726e-05C15.9238 -0.00851787 19.3543 3.42515 19.3629 7.55161C19.3722 11.7657 15.9796 15.1722 11.7663 15.1808ZM5.58009 7.5966C5.55604 10.9581 8.33726 13.7634 11.719 13.7898C15.1216 13.8162 17.9331 11.0504 17.9494 7.66022C17.9664 4.20793 15.2442 1.43369 11.8167 1.40964C8.3714 1.38559 5.60569 4.13035 5.58009 7.5966Z" />
</svg>
</div>
</div>
</div>
<div class="header__panel__item">
<div class="header__panel__favorites">
<div class="favorites__icon">
<svg width="29" height="25" viewBox="0 0 29 25" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M14.1465 3.13589C14.6373 2.67412 15.0419 2.25579 15.4852 1.8817C20.1198 -2.02565 27.1743 0.472257 28.2651 6.42862C28.7309 8.97399 28.0375 11.2346 26.3143 13.1718C26.2008 13.2989 26.0786 13.4187 25.9587 13.5394C22.2677 17.2304 18.5768 20.9205 14.8858 24.6107C14.367 25.1295 14.0323 25.1295 13.5134 24.609C9.80556 20.8932 6.0953 17.1789 2.38987 13.4606C-0.717835 10.344 -0.803915 5.56541 2.18392 2.40542C5.0712 -0.646774 10.0815 -0.797212 13.157 2.08363C13.5005 2.40542 13.8038 2.76985 14.1457 3.13508L14.1465 3.13589ZM14.1996 23.2374C14.26 23.1827 14.2986 23.1513 14.3332 23.1159C17.9115 19.54 21.5043 15.977 25.0617 12.3802C26.5122 10.9136 27.0906 9.09627 26.7921 7.05531C26.4358 4.62337 25.0834 2.89374 22.8043 1.99433C20.5357 1.09895 18.3837 1.45372 16.4602 2.9589C15.8947 3.40137 15.4096 3.94841 14.8931 4.45443C14.3573 4.97895 14.0452 4.98539 13.5198 4.46489C13.0701 4.02001 12.6373 3.55663 12.1683 3.13347C10.573 1.69185 8.69538 1.13273 6.59569 1.57278C4.10904 2.09328 2.42848 3.61697 1.70606 6.0481C0.98927 8.46074 1.58539 10.6216 3.36087 12.4091C6.89012 15.9633 10.4427 19.495 13.9864 23.0355C14.0492 23.0982 14.116 23.1578 14.2004 23.2374H14.1996Z" />
</svg>
</div>
</div>
<div class="favorites__quantity"></div>
</div>
<div class="header__panel__item">
<div class="header__panel__basket active">
<div class="basket__icon">
<svg width="31" height="25" viewBox="0 0 31 25" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M8.47736 20.5229C6.37954 19.9049 6.04477 17.1973 7.49421 16.0596C7.49237 16.0385 7.49789 16.0081 7.48685 15.998C6.50646 15.1344 6.28481 13.9719 6.1441 12.7497C5.83416 10.0504 5.49756 7.35383 5.12968 4.66097C4.8924 2.91999 3.3234 1.56344 1.56311 1.49447C1.27617 1.48343 0.989223 1.49815 0.702279 1.48435C0.277381 1.46504 0.0152689 1.19833 -0.000365836 0.789982C-0.0150809 0.362325 0.236915 0.075381 0.66917 0.0303161C3.13487 -0.225358 5.42122 1.15142 6.32712 3.46169C6.43104 3.72656 6.59383 3.69069 6.78145 3.69069C14.0121 3.69069 21.2427 3.69069 28.4724 3.69069C28.9773 3.69069 29.4822 3.68609 29.9871 3.69161C30.6364 3.69805 30.9519 4.12387 30.7578 4.7465C29.7646 7.94059 28.775 11.1356 27.7652 14.3242C27.2547 15.9364 25.8871 16.9085 24.1783 16.9094C19.2203 16.9131 14.2622 16.9094 9.30416 16.9113C8.51139 16.9113 8.05062 17.3481 8.07729 18.0664C8.09845 18.6357 8.49943 19.0606 9.06872 19.1093C9.1938 19.1204 9.32072 19.1149 9.44763 19.1149C14.8306 19.1149 20.2126 19.113 25.5956 19.1167C27.0248 19.1167 28.1937 20.0014 28.5276 21.3157C28.935 22.9187 27.9601 24.5309 26.3543 24.9071C24.7421 25.2851 23.1722 24.2835 22.8172 22.6529C22.6811 22.0266 22.7335 21.4233 23.0131 20.842C23.0462 20.774 23.0701 20.7013 23.1106 20.5992H13.5513C14.002 21.4463 14.0553 22.2878 13.7021 23.1413C13.4446 23.7639 13.0317 24.2624 12.4495 24.6063C11.3735 25.2437 9.97278 25.0919 9.0586 24.2559C8.24008 23.5073 7.60365 22.0238 8.47552 20.5229H8.47736ZM29.0895 5.17967H6.71523C6.71523 5.28452 6.70695 5.36453 6.71615 5.44271C7.05092 8.1043 7.38476 10.7659 7.72413 13.4266C7.88416 14.6764 8.76614 15.4462 10.05 15.4471C14.7432 15.4508 19.4364 15.4499 24.1287 15.4471C25.2792 15.4471 26.0582 14.8659 26.4031 13.7659C26.9135 12.1381 27.4203 10.5084 27.9289 8.8796C28.3114 7.65733 28.695 6.43505 29.0886 5.17967H29.0895ZM25.682 20.613C24.8332 20.614 24.2115 21.2265 24.2151 22.0569C24.2188 22.8801 24.8571 23.5064 25.6903 23.5036C26.5291 23.5009 27.1563 22.8773 27.1554 22.0487C27.1536 21.2127 26.5374 20.6121 25.683 20.613H25.682ZM10.9817 20.613C10.13 20.6186 9.52029 21.2265 9.52673 22.0652C9.53316 22.893 10.1714 23.5128 11.0065 23.5036C11.8425 23.4944 12.4743 22.8608 12.4661 22.0404C12.4578 21.2081 11.8324 20.6075 10.9817 20.613Z" />
</svg>
</div>
</div>
<div class="basket__quantity">
1
</div>
</div>
<div class="header__panel__item">
<div class="header__panel__mobile--navbar">
<div class="navbar__icon">
<svg width="26" height="21" viewBox="0 0 26 21" fill="none"
xmlns="http://www.w3.org/2000/svg">
<rect class="top__line" width="25.8462" height="1.61538" rx="0.807692" />
<rect class="middle__line" y="9.69231" width="25.8462" height="1.61538"
rx="0.807692" />
<rect class="bottom__line" y="19.3846" width="25.8462" height="1.61538"
rx="0.807692" />
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<aside>
<nav class="header__menu--mob">
<div class="header__menu--mob__head">
<div class="header__menu--mob__title">
<span>Меню</span>
</div>
<div class="header__menu--mob__close">
<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 23.9993L24 1" stroke="#1D1D1D" stroke-linecap="round" />
<path d="M1 1.0007L24 24" stroke="#1D1D1D" stroke-linecap="round" />
</svg>
</div>
</div>
<div class="header__menu--mob__body">
<ul class="header__menu--mob__items">
<li class="header__menu--mob__item">
<div class="header__menu--mob__item--link">
<a href="#">Каталог</a>
</div>
<div class="header__menu--mob__toggle" data-toggle="collapse" data-target="next">
<svg width="27" height="13" viewBox="0 0 27 13" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M1 1L13.5 12L26 1" stroke="#1D1D1D" />
</svg>
</div>
<ul class="header__menu--mob__submenu collapse catalog__lvl-1">
<li class="header__menu--mob__submenu--link"><a href="#">Блузки</a></li>
<li class="header__menu--mob__submenu--link"><a href="#">Брюки</a></li>
<li class="header__menu--mob__submenu--link"><a href="#">Блейзеры</a></li>
<li class="header__menu--mob__submenu--link"><a href="#">Джемперы</a></li>
<li class="header__menu--mob__submenu--link"><a href="#">Брюки</a></li>
<li class="header__menu--mob__submenu--link"><a href="#">Водолазки</a></li>
<li class="header__menu--mob__submenu--link"><a href="#">Юбки</a></li>
<li class="header__menu--mob__submenu--link"><a href="#">Платья</a></li>
<li class="header__menu--mob__submenu--link"><a href="#">Кардиганы</a></li>
<li class="header__menu--mob__submenu--link"><a href="#">Рубашки</a></li>
</ul>
</li>
<li class="header__menu--mob__item">
<div class="header__menu--mob__item--link">
<a href="#">Новинки</a>
</div>
</li>
<li class="header__menu--mob__item">
<div class="header__menu--mob__item--link">
<a href="#">Помощь</a>
</div>
<div class="header__menu--mob__toggle" data-toggle="collapse" data-target="next">
<svg width="27" height="13" viewBox="0 0 27 13" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M1 1L13.5 12L26 1" stroke="#1D1D1D" />
</svg>
</div>
<ul class="header__menu--mob__submenu collapse help__lvl-1">
<li class="header__menu--mob__submenu--link"><a href="#">Не Доставка</a></li>
<li class="header__menu--mob__submenu--link"><a href="#">Доставка</a></li>
<li class="header__menu--mob__submenu--link"><a href="#">Что-нибудь еще</a></li>
</ul>
</li>
<li class="header__menu--mob__item">
<div class="header__menu--mob__item--link">
<a href="#">Информация</a>
</div>
<div class="header__menu--mob__toggle" data-toggle="collapse" data-target="next">
<svg width="27" height="13" viewBox="0 0 27 13" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M1 1L13.5 12L26 1" stroke="#1D1D1D" />
</svg>
</div>
<ul class="header__menu--mob__submenu collapse information__lvl-1">
<li class="header__menu--mob__submenu--link"><a href="#">Не Доставка</a></li>
<li class="header__menu--mob__submenu--link"><a href="#">Доставка</a></li>
<li class="header__menu--mob__submenu--link"><a href="#">Что-нибудь еще</a></li>
</ul>
</li>
</ul>
<div class="header__menu--mob__social">
<div class="header__menu--mob__social--items">
<a href="#">
<div class="header__menu--mob__social--item">
<svg width="20" height="18" viewBox="0 0 20 18" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M4.30666 10.7696C4.3497 10.7844 4.39314 10.7948 4.43653 10.8012C4.48385 10.9144 4.545 11.0607 4.61633 11.2318C4.79042 11.6494 5.02499 12.2143 5.26711 12.8035C5.76088 14.0052 6.25895 15.2439 6.36895 15.5985C6.50513 16.0368 6.64907 16.3348 6.80621 16.5383C6.88745 16.6435 6.98142 16.7353 7.09138 16.8049C7.14673 16.8399 7.2052 16.8686 7.26624 16.89C7.26892 16.891 7.27161 16.8919 7.27429 16.8928C7.58891 17.0136 7.87575 16.9633 8.05534 16.9018C8.15143 16.8688 8.22918 16.8291 8.28428 16.7969C8.31238 16.7804 8.33611 16.7651 8.35505 16.7521L8.35952 16.7491L11.1381 14.9866L14.3475 17.4894C14.3949 17.5263 14.4465 17.5573 14.5012 17.5816C14.8868 17.7527 15.2602 17.8124 15.6114 17.7636C15.962 17.7149 16.2404 17.5651 16.4476 17.3964C16.6506 17.2313 16.7881 17.0463 16.8738 16.9089C16.9176 16.8387 16.9504 16.7766 16.9736 16.7291C16.9852 16.7052 16.9946 16.6846 17.0018 16.6681L17.0111 16.6463L17.0146 16.6377L17.016 16.6341L17.0167 16.6324L17.0173 16.6308C17.0342 16.5879 17.0471 16.5435 17.056 16.4982L19.9859 1.47274C19.9953 1.42469 20 1.37581 20 1.32682C20 0.886811 19.837 0.468409 19.4537 0.214515C19.1262 -0.00248222 18.7613 -0.0118227 18.5306 0.00598236C18.2819 0.0251888 18.0521 0.0876563 17.8979 0.137572C17.8177 0.16355 17.7504 0.188614 17.7019 0.207735C17.6775 0.217345 17.6576 0.22559 17.6427 0.231878L17.6315 0.236665L1.19969 6.79321L1.19756 6.79399C1.18709 6.79786 1.17364 6.80297 1.15767 6.80929C1.12585 6.82189 1.08322 6.83965 1.03342 6.8626C0.936301 6.90738 0.800058 6.97734 0.660249 7.07473C0.436893 7.23031 -0.0767844 7.65641 0.00971265 8.35971C0.0787176 8.92078 0.456615 9.26537 0.686854 9.43107C0.813277 9.52206 0.933381 9.58713 1.02085 9.62949C1.06143 9.64913 1.14568 9.68395 1.18224 9.69905L1.19146 9.70287L4.30666 10.7696ZM18.2065 1.61786L18.2043 1.61888C18.1961 1.6225 18.1878 1.62596 18.1795 1.62928L1.72778 8.19378C1.71918 8.19721 1.71053 8.20047 1.70182 8.20357L1.69266 8.2071C1.68214 8.21127 1.66442 8.21858 1.64218 8.22884C1.62957 8.23465 1.61641 8.24099 1.60299 8.2478C1.62142 8.25836 1.63907 8.26754 1.65475 8.27513C1.6698 8.28242 1.68128 8.2874 1.68756 8.29003L4.77718 9.34802C4.83373 9.36738 4.88645 9.39304 4.93484 9.42397L15.1366 3.34948L15.1461 3.34374C15.1536 3.33927 15.1633 3.33353 15.175 3.3268C15.1982 3.31345 15.2301 3.29568 15.2681 3.27603C15.3389 3.23938 15.4522 3.18497 15.5798 3.14485C15.6686 3.11692 15.9306 3.03823 16.2139 3.13064C16.3887 3.18767 16.5697 3.31028 16.6874 3.51798C16.7458 3.62117 16.777 3.72483 16.7921 3.81972C16.8322 3.9692 16.8258 4.11681 16.7945 4.24424C16.7269 4.51875 16.5373 4.73287 16.3647 4.89665C16.2169 5.03706 14.3043 6.91292 12.4176 8.76468C11.4767 9.68813 10.5453 10.6025 9.84925 11.2859L9.39205 11.7349L15.1649 16.2367C15.2973 16.2849 15.3756 16.2825 15.4118 16.2774C15.455 16.2714 15.4903 16.2545 15.5263 16.2252C15.5667 16.1924 15.602 16.148 15.6283 16.1057L15.6294 16.104L18.4711 1.53102C18.4289 1.54133 18.3863 1.55361 18.3452 1.56691C18.2987 1.58198 18.2603 1.59634 18.2348 1.60637C18.2222 1.61134 18.2131 1.61511 18.2082 1.61719L18.2065 1.61786ZM9.888 14.0118L8.73628 13.1136L8.4572 14.9193L9.888 14.0118ZM7.67972 11.3314L8.82504 10.2067C9.52118 9.52321 10.4526 8.60879 11.3936 7.68524L12.3497 6.747L5.93964 10.5638L5.97403 10.6463C6.14874 11.0654 6.38435 11.6327 6.62775 12.2251C6.80976 12.668 7.00008 13.1344 7.17344 13.5662L7.45169 11.7658C7.47852 11.5922 7.56189 11.442 7.67972 11.3314Z"
fill="#1D1D1D" />
</svg>
</div>
</a>
<a href="#">
<div class="header__menu--mob__social--item">
<svg width="24" height="21" viewBox="0 0 24 21" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M11.9832 9.09244L4.92437 2.16807L2 5.05882C3.40056 6.51541 6.42353 9.61008 7.31092 10.3361C8.42017 11.2437 9.56303 12.1176 12.2521 12.1176C14.4034 12.1176 16.3081 10.7507 16.9916 10.0672L22 5.05882L18.9748 2L11.9832 9.09244Z"
stroke="black" stroke-width="1.5" />
<path
d="M14.0672 19.5462H9.83193V14.3697C10.0202 13.5899 10.6275 13.2829 10.9076 13.2269C11.2661 13.1933 12.1647 13.1462 12.8908 13.2269C13.6168 13.3076 13.9776 13.888 14.0672 14.1681V19.5462Z"
stroke="black" stroke-width="1.5" />
</svg>
</div>
</a>
<a href="#">
<div class="header__menu--mob__social--item">
<svg width="22" height="15" viewBox="0 0 22 15" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M12.0164 13.4775C5.25986 13.4775 1.15942 8.78976 1 1H4.42204C4.52871 6.72216 7.13209 9.15054 9.12778 9.64557V1H12.4084V5.93707C14.3333 5.72372 16.347 3.47752 17.0254 1H20.2509C19.7343 4.04806 17.542 6.29426 15.991 7.22078C17.542 7.96991 20.0375 9.93083 21 13.4775H17.4533C16.7042 11.1067 14.8679 9.2704 12.4084 9.02109V13.4775H12.0164Z"
stroke="#1D1D1D" stroke-width="1.5" />
</svg>
</div>
</a>
</div>
</div>
</div>
</nav>
<div class="header__basket">
<div class="header__basket--icon">
<svg width="37" height="30" viewBox="0 0 37 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M10.1741 24.6279C7.65672 23.8862 7.25499 20.6371 8.99434 19.2719C8.99213 19.2465 8.99875 19.2101 8.98551 19.1979C7.80902 18.1616 7.54304 16.7666 7.37418 15.2999C7.00226 12.0607 6.59832 8.82478 6.15686 5.59331C5.87212 3.50411 3.98931 1.87623 1.87693 1.79346C1.53259 1.78021 1.18825 1.79787 0.843918 1.78132C0.334034 1.75814 0.0194948 1.43808 0.000732882 0.948064C-0.0169254 0.434869 0.285473 0.0905316 0.804186 0.036453C3.76306 -0.27036 6.50672 1.3818 7.59381 4.15415C7.71852 4.472 7.91387 4.42896 8.13901 4.42896C16.8159 4.42896 25.4927 4.42896 34.1685 4.42896C34.7744 4.42896 35.3803 4.42344 35.9862 4.43006C36.7654 4.43779 37.1439 4.94878 36.911 5.69594C35.7191 9.5289 34.5316 13.363 33.3198 17.1893C32.7073 19.124 31.0661 20.2905 29.0156 20.2916C23.0658 20.2961 17.1161 20.2916 11.1663 20.2939C10.215 20.2939 9.66204 20.8181 9.69405 21.68C9.71943 22.3632 10.2006 22.8731 10.8838 22.9316C11.0339 22.9448 11.1862 22.9382 11.3385 22.9382C17.7981 22.9382 24.2566 22.936 30.7163 22.9404C32.4313 22.9404 33.8341 24.0021 34.2347 25.5792C34.7236 27.5029 33.5537 29.4376 31.6268 29.8889C29.6921 30.3425 27.8082 29.1407 27.3822 27.1839C27.2188 26.4323 27.2817 25.7083 27.6172 25.0108C27.657 24.9292 27.6857 24.842 27.7342 24.7195H16.2629C16.8037 25.7359 16.8677 26.7458 16.4439 27.7699C16.1349 28.5171 15.6394 29.1153 14.9408 29.5281C13.6495 30.2929 11.9687 30.1108 10.8716 29.1076C9.88939 28.2092 9.12567 26.429 10.1719 24.6279H10.1741ZM34.909 6.21576H8.05955C8.05955 6.34158 8.04962 6.43759 8.06065 6.5314C8.46238 9.72535 8.863 12.9193 9.27025 16.1121C9.46228 17.612 10.5207 18.5357 12.0614 18.5369C17.6933 18.5413 23.3252 18.5402 28.956 18.5369C30.3366 18.5369 31.2714 17.8393 31.6853 16.5194C32.2978 14.5659 32.9059 12.6103 33.5162 10.6557C33.9753 9.18898 34.4367 7.72224 34.909 6.21576ZM30.82 24.736C29.8014 24.7371 29.0553 25.4722 29.0597 26.4687C29.0641 27.4565 29.83 28.2081 30.83 28.2048C31.8365 28.2015 32.5892 27.4532 32.5881 26.4588C32.5859 25.4556 31.8453 24.7349 30.82 24.736ZM13.1794 24.736C12.1574 24.7426 11.4257 25.4722 11.4334 26.4787C11.4411 27.472 12.207 28.2158 13.2092 28.2048C14.2124 28.1937 14.9706 27.4333 14.9606 26.4489C14.9507 25.4501 14.2002 24.7294 13.1794 24.736Z"
fill="#1D1D1D" />
</svg>
</div>
<div class="header__basket--close">
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.0002 30.9991L30.9993 1" stroke="white" stroke-width="1.5" stroke-linecap="round" />
<path d="M1.0002 1.00093L30.9993 31" stroke="white" stroke-width="1.5" stroke-linecap="round" />
</svg>
</div>
<div class="header__basket--title">
<span>Моя корзина</span>
</div>
<div class="header__basket--body" data-scrolled="up">
<div class="header__basket--items">
<div class="header__basket--item">
<div class="header__basket--item__image">
<img src="/img/ФотоКорзины_1.png" alt="ФотоКорзины_1">
</div>
<div class="header__basket--item__body">
<div class="header__basket--item__body--title">
<div class="header__basket--item__body--name">
<a href="#"><span>Платье комбинация миди на бретельках</span></a>
</div>
<div class="header__basket--item__body--delete">
<svg width="12" height="12" viewBox="0 0 12 12" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M1.00007 10.9997L10.9998 1" stroke="#1D1D1D" stroke-linecap="round" />
<path d="M1.00007 1.00031L10.9998 11" stroke="#1D1D1D" stroke-linecap="round" />
</svg>
</div>
</div>
<div class="header__basket--item__body--properties">
<div class="header__basket--item__body--property">
<div class="header__basket--item__body--property__name">Цвет:</div>
<div class="header__basket--item__body--property__value">Изумрудный</div>
</div>
<div class="header__basket--item__body--property">
<div class="header__basket--item__body--property__name">Размер:</div>
<div class="header__basket--item__body--property__value">XS</div>
</div>
<div class="header__basket--item__body--property">
<div class="header__basket--item__body--property__name">Количество:</div>
<div class="header__basket--item__body--property__value">1</div>
</div>
</div>
<div class="header__basket--item__body--prices">
<div class="header__basket--item__body--price price__old">
4 000 р.
</div>
<div class="header__basket--item__body--price price__discount">
3 300 р.
</div>
</div>
</div>
</div>
<div class="header__basket--item">
<div class="header__basket--item__image">
<img src="/img/ФотоКорзины_1.png" alt="ФотоКорзины_1">
</div>
<div class="header__basket--item__body">
<div class="header__basket--item__body--title">
<div class="header__basket--item__body--name">
<a href="#"><span>Платье миди с длинным рукавом в горошек</span></a>
</div>
<div class="header__basket--item__body--delete">
<svg width="12" height="12" viewBox="0 0 12 12" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M1.00007 10.9997L10.9998 1" stroke="#1D1D1D" stroke-linecap="round" />
<path d="M1.00007 1.00031L10.9998 11" stroke="#1D1D1D" stroke-linecap="round" />
</svg>
</div>
</div>
<div class="header__basket--item__body--properties">
<div class="header__basket--item__body--property">
<div class="header__basket--item__body--property__name">Цвет:</div>
<div class="header__basket--item__body--property__value">Черный</div>
</div>
<div class="header__basket--item__body--property">
<div class="header__basket--item__body--property__name">Размер:</div>
<div class="header__basket--item__body--property__value">S</div>
</div>
<div class="header__basket--item__body--property">
<div class="header__basket--item__body--property__name">Количество:</div>
<div class="header__basket--item__body--property__value">1</div>
</div>
</div>
<div class="header__basket--item__body--prices">
<div class="header__basket--item__body--price">
3 500 р.
</div>
</div>
</div>
</div>
<div class="header__basket--item">
<div class="header__basket--item__image">
<img src="/img/ФотоКорзины_1.png" alt="ФотоКорзины_1">
</div>
<div class="header__basket--item__body">
<div class="header__basket--item__body--title">
<div class="header__basket--item__body--name">
<a href="#"><span>Платье миди с длинным рукавом в горошек</span></a>
</div>
<div class="header__basket--item__body--delete">
<svg width="12" height="12" viewBox="0 0 12 12" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M1.00007 10.9997L10.9998 1" stroke="#1D1D1D" stroke-linecap="round" />
<path d="M1.00007 1.00031L10.9998 11" stroke="#1D1D1D" stroke-linecap="round" />
</svg>
</div>
</div>
<div class="header__basket--item__body--properties">
<div class="header__basket--item__body--property">
<div class="header__basket--item__body--property__name">Цвет:</div>
<div class="header__basket--item__body--property__value">Черный</div>
</div>
<div class="header__basket--item__body--property">
<div class="header__basket--item__body--property__name">Размер:</div>
<div class="header__basket--item__body--property__value">S</div>
</div>
<div class="header__basket--item__body--property">
<div class="header__basket--item__body--property__name">Количество:</div>
<div class="header__basket--item__body--property__value">1</div>
</div>
</div>
<div class="header__basket--item__body--prices">
<div class="header__basket--item__body--price">
3 500 р.
</div>
</div>
</div>
</div>
<div class="header__basket--item">
<div class="header__basket--item__image">
<img src="/img/ФотоКорзины_1.png" alt="ФотоКорзины_1">
</div>
<div class="header__basket--item__body">
<div class="header__basket--item__body--title">
<div class="header__basket--item__body--name">
<a href="#"><span>Платье миди с длинным рукавом в горошек</span></a>
</div>
<div class="header__basket--item__body--delete">
<svg width="12" height="12" viewBox="0 0 12 12" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M1.00007 10.9997L10.9998 1" stroke="#1D1D1D" stroke-linecap="round" />
<path d="M1.00007 1.00031L10.9998 11" stroke="#1D1D1D" stroke-linecap="round" />
</svg>
</div>
</div>
<div class="header__basket--item__body--properties">
<div class="header__basket--item__body--property">
<div class="header__basket--item__body--property__name">Цвет:</div>
<div class="header__basket--item__body--property__value">Черный</div>
</div>
<div class="header__basket--item__body--property">
<div class="header__basket--item__body--property__name">Размер:</div>
<div class="header__basket--item__body--property__value">S</div>
</div>
<div class="header__basket--item__body--property">
<div class="header__basket--item__body--property__name">Количество:</div>
<div class="header__basket--item__body--property__value">1</div>
</div>
</div>
<div class="header__basket--item__body--prices">
<div class="header__basket--item__body--price">
3 500 р.
</div>
</div>
</div>
</div>
<div class="header__basket--item">
<div class="header__basket--item__image">
<img src="/img/ФотоКорзины_1.png" alt="ФотоКорзины_1">
</div>
<div class="header__basket--item__body">
<div class="header__basket--item__body--title">
<div class="header__basket--item__body--name">
<a href="#"><span>Платье миди с длинным рукавом в горошек</span></a>
</div>
<div class="header__basket--item__body--delete">
<svg width="12" height="12" viewBox="0 0 12 12" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M1.00007 10.9997L10.9998 1" stroke="#1D1D1D" stroke-linecap="round" />
<path d="M1.00007 1.00031L10.9998 11" stroke="#1D1D1D" stroke-linecap="round" />
</svg>
</div>
</div>
<div class="header__basket--item__body--properties">
<div class="header__basket--item__body--property">
<div class="header__basket--item__body--property__name">Цвет:</div>
<div class="header__basket--item__body--property__value">Черный</div>
</div>
<div class="header__basket--item__body--property">
<div class="header__basket--item__body--property__name">Размер:</div>
<div class="header__basket--item__body--property__value">S</div>
</div>
<div class="header__basket--item__body--property">
<div class="header__basket--item__body--property__name">Количество:</div>
<div class="header__basket--item__body--property__value">1</div>
</div>
</div>
<div class="header__basket--item__body--prices">
<div class="header__basket--item__body--price">
3 500 р.
</div>
</div>
</div>
</div>
<div class="header__basket--item">
<div class="header__basket--item__image">
<img src="/img/ФотоКорзины_1.png" alt="ФотоКорзины_1">
</div>
<div class="header__basket--item__body">
<div class="header__basket--item__body--title">
<div class="header__basket--item__body--name">
<a href="#"><span>Платье миди с длинным рукавом в горошек</span></a>
</div>
<div class="header__basket--item__body--delete">
<svg width="12" height="12" viewBox="0 0 12 12" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M1.00007 10.9997L10.9998 1" stroke="#1D1D1D" stroke-linecap="round" />
<path d="M1.00007 1.00031L10.9998 11" stroke="#1D1D1D" stroke-linecap="round" />
</svg>
</div>
</div>
<div class="header__basket--item__body--properties">
<div class="header__basket--item__body--property">
<div class="header__basket--item__body--property__name">Цвет:</div>
<div class="header__basket--item__body--property__value">Черный</div>
</div>
<div class="header__basket--item__body--property">
<div class="header__basket--item__body--property__name">Размер:</div>
<div class="header__basket--item__body--property__value">S</div>
</div>
<div class="header__basket--item__body--property">
<div class="header__basket--item__body--property__name">Количество:</div>
<div class="header__basket--item__body--property__value">1</div>
</div>
</div>
<div class="header__basket--item__body--prices">
<div class="header__basket--item__body--price">
3 500 р.
</div>
</div>
</div>
</div>
<div class="header__basket--item">
<div class="header__basket--item__image">
<img src="/img/ФотоКорзины_1.png" alt="ФотоКорзины_1">
</div>
<div class="header__basket--item__body">
<div class="header__basket--item__body--title">
<div class="header__basket--item__body--name">
<a href="#"><span>Платье комбинация миди на бретельках</span></a>
</div>
<div class="header__basket--item__body--delete">
<svg width="12" height="12" viewBox="0 0 12 12" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M1.00007 10.9997L10.9998 1" stroke="#1D1D1D" stroke-linecap="round" />
<path d="M1.00007 1.00031L10.9998 11" stroke="#1D1D1D" stroke-linecap="round" />
</svg>
</div>
</div>
<div class="header__basket--item__body--properties">
<div class="header__basket--item__body--property">
<div class="header__basket--item__body--property__name">Цвет:</div>
<div class="header__basket--item__body--property__value">Изумрудный</div>
</div>
<div class="header__basket--item__body--property">
<div class="header__basket--item__body--property__name">Размер:</div>
<div class="header__basket--item__body--property__value">XS</div>
</div>
<div class="header__basket--item__body--property">
<div class="header__basket--item__body--property__name">Количество:</div>
<div class="header__basket--item__body--property__value">1</div>
</div>
</div>
<div class="header__basket--item__body--prices">
<div class="header__basket--item__body--price price__old">
4 000 р.
</div>
<div class="header__basket--item__body--price price__discount">
3 300 р.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="header__basket--order">
<div class="header__basket--order__info">
<div class="header__basket--order__title">
Итого:
</div>
<div class="header__basket--order__value">
7 300 р.
</div>
</div>
<a href="#">
<div class="header__basket--order__button">
Оформить заказ
</div>
</a>
</div>
</div>
<div class="header__personal">
<div class="header__personal--icon">
<svg width="29" height="30" viewBox="0 0 29 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M26.805 30C26.8199 29.9981 26.8339 29.9963 26.8488 29.9953C27.304 29.9888 27.7807 29.9236 28.2387 29.9711C28.2387 27.7992 28.2387 25.6264 28.2359 23.4544C28.2359 23.1305 28.2266 22.8 28.1679 22.4835C27.7527 20.2641 25.9504 18.795 23.6388 18.7932C17.2981 18.7894 10.9564 18.7904 4.61572 18.796C4.2694 18.796 3.91657 18.822 3.57863 18.8928C1.44209 19.3387 0.0112177 21.1187 0.004701 23.3418C-0.00181568 25.5295 4.62288e-05 27.7173 0.000977183 29.906C0.487866 29.9013 0.974755 29.8669 1.45885 29.8901V29.1342C1.45885 29.1342 1.43837 27.4585 1.43744 27.3579C1.43651 26.022 1.43278 24.687 1.43744 23.3511C1.44396 21.5367 2.70633 20.238 4.51611 20.2343C10.9267 20.224 17.3363 20.2231 23.7468 20.2343C25.5315 20.2371 26.8032 21.5479 26.8097 23.3334C26.8134 24.2374 26.8078 27.7955 26.8032 29.9991L26.805 30Z"
fill="black" />
<path
d="M14.1198 18.2169C9.14667 18.2271 5.01602 14.1477 5.01416 9.22388C5.01137 4.06267 9.03961 0.01116 14.185 -1.14705e-05C19.1088 -0.010252 23.2255 4.11015 23.2357 9.0619C23.2469 14.1188 19.1758 18.2067 14.1198 18.2169ZM6.6964 9.11589C6.66754 13.1497 10.005 16.516 14.063 16.5477C18.1462 16.5794 21.52 13.2605 21.5395 9.19223C21.56 5.04948 18.2933 1.72039 14.1803 1.69153C10.046 1.66267 6.72712 4.95639 6.6964 9.11589Z"
fill="black" />
</svg>
</div>
<div class="header__personal--close">
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.0002 30.9991L30.9993 1" stroke="white" stroke-width="1.5" stroke-linecap="round" />
<path d="M1.0002 1.00093L30.9993 31" stroke="white" stroke-width="1.5" stroke-linecap="round" />
</svg>
</div>
<div class="header__personal--tabs">
<div class="header__personal--tabs__body">
<div class="header__personal--auth show" data-tab="body">
<div class="header__personal--title">
Авторизация
</div>
<div class="header__personal--form">
<form>
<div class="form__block">
<label class="form__label" for="auth__phone">Телефон</label>
<input class="form__input" type="tel" data-mask="phone" id="auth__phone"
aria-required placeholder="+7(___)___-__-__" required>
<span class="form__error">Заполните обязательные поля</span>
</div>
<div class="form__block">
<label class="form__label" for="auth__password">Пароль</label>
<input class="form__input" type="password" id="auth__password" aria-required
placeholder="" required>
<span class="form__error">Заполните обязательные поля</span>
</div>
<button class="btn btn__main--black hover__effect--black header__personal--auth__submit" type="submit">
Войти
</button>
</form>
</div>
</div>
<div class="header__personal--reg" data-tab="body">
<div class="header__personal--title">
Регистрация
<div class="header__personal--subtitle">
Заполните простую форму регистрации
и станьте участником клуба MI FI TI
</div>
</div>
<div class="header__personal--form">
<form>
<div class="form__block">
<label class="form__label" for="reg__email">Эл. Адрес</label>
<input class="form__input" type="email" id="reg__email" aria-required placeholder=""
required>
<span class="form__error">Заполните обязательные поля</span>
</div>
<div class="form__block">
<label class="form__label" for="reg__tel">Мобильный телефон</label>
<input class="form__input" type="tel" id="reg__tel" data-mask="phone" aria-required
placeholder="+7(___)___-__-__" required>
<span class="form__error">Заполните обязательные поля</span>
</div>
<div class="form__block">
<label class="form__label" for="reg__password">Пароль</label>
<input class="form__input" type="password" id="reg__password" aria-required
placeholder="" required>
<span class="form__error">Заполните обязательные поля</span>
</div>
<div class="form__block">
<label class="form__label" for="reg__password2">Подтверждение пароля</label>
<input class="form__input" type="password" id="reg__password2" aria-required
placeholder="" required>
<span class="form__error">Заполните обязательные поля</span>
</div>
<div class="form__block user__agreement">
<input class="form__input" type="checkbox" id="reg__agreement" aria-required
required>
<label class="form__label" for="reg__agreement">Я разрешаю MI FI TI использовать мои личные данные в соответствии с пользовательским соглашением</label>
<span class="form__error">Примите пользовательское соглашение</span>
</div>
<button class="btn btn__main--black header__personal--reg__submit" type="submit">
Зарегистироваться
</button>
</form>
</div>
</div>
<div class="header__personal--pass" data-tab="body">
<div class="header__personal--title">
Восстановление пароля
</div>
<div class="header__personal--form">
<form>
<div class="form__block">
<label class="form__label" for="pass__phone">Телефон</label>
<input class="form__input" type="tel" data-mask="phone" id="pass__phone"
aria-required placeholder="+7(___)___-__-__" required>
<span class="form__error">Заполните обязательные поля</span>
</div>
<button class="btn btn__main--black header__personal--pass__submit" type="submit">
Восстановить
</button>
</form>
</div>
</div>
</div>
</div>
<div class="header__personal--tabs__titles">
<div class="header__personal--tabs__title active" data-tab="title">Авторизация</div>
<div class="header__personal--tabs__title" data-tab="title">Регистрация</div>
<div class="header__personal--tabs__title" data-tab="title">Забыли пароль?</div>
</div>
</div>
<div class="header__search">
<div class="header__search--icon">
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M13.6477 0C14.1467 0.0748607 14.6483 0.134749 15.1432 0.227077C17.4597 0.658774 19.4984 1.65941 21.2593 3.22982C23.3737 5.11548 24.7645 7.43283 25.3085 10.2135C26.0662 14.0879 25.2195 17.6031 22.7998 20.7322C22.6867 20.8786 22.5719 21.0234 22.4064 21.2363C22.497 21.297 22.5993 21.3436 22.6742 21.4185C24.9408 23.6793 27.2058 25.9417 29.4649 28.21C29.667 28.413 29.8209 28.6625 29.9972 28.8904V29.3005C29.959 29.3778 29.9224 29.456 29.8816 29.5317C29.6221 30.005 29.044 30.1456 28.6015 29.837C28.4909 29.7596 28.3935 29.6598 28.2971 29.5633C26.0047 27.2717 23.7123 24.9793 21.4215 22.6853C21.3458 22.6096 21.2851 22.5189 21.2177 22.4349C20.806 22.7452 20.4408 23.0371 20.0582 23.3041C18.2275 24.5826 16.1913 25.3395 13.9729 25.525C10.3463 25.8286 7.1248 24.8047 4.37242 22.3975C2.2314 20.5251 0.829013 18.1961 0.279203 15.4047C-0.533451 11.2782 0.426429 7.58172 3.17798 4.38767C5.04034 2.22419 7.39762 0.86173 10.1916 0.271994C10.6865 0.167189 11.1939 0.1256 11.6955 0.0532343C11.7803 0.0399257 11.8643 0.0174675 11.9483 0C12.5148 0 13.0812 0 13.6477 0ZM12.7751 23.7932C18.8139 23.8015 23.783 18.8616 23.7746 12.8037C23.7672 6.69171 18.8463 1.82411 12.7917 1.80331C6.75382 1.78252 1.80719 6.72082 1.79305 12.787C1.77808 18.8258 6.7272 23.7857 12.7751 23.7932Z"
fill="#1D1D1D" />
</svg>
</div>
<div class="header__search--close">
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.0002 30.9991L30.9993 1" stroke="white" stroke-width="1.5" stroke-linecap="round" />
<path d="M1.0002 1.00093L30.9993 31" stroke="white" stroke-width="1.5" stroke-linecap="round" />
</svg>
</div>
<div class="header__search--title">
Поиск
</div>
<div class="header__search--form">
<form>
<div class="form__block">
<label class="form__label" for="search">Введите название товара или артикул</label>
<input class="form__input" type="text" id="search" aria-required required>
<span class="form__error">Заполните обязательные поля</span>
</div>
<button class="btn btn__main--black header__search__submit" type="submit">
Найти
</button>
</form>
</div>
</div>
</aside>
<main>
<div class="content__wrap">
<!-- Breadcrumbs -->
<div class="breadcrumbs">
<div class="container">
<div class="breadcrumbs__items">
<div class="breadcrumbs__item">
<a class="breadcrumbs__item--link" href="#">
Главная
</a>
</div>
<div class="breadcrumbs__item">
<a class="breadcrumbs__item--link" href="#">
Каталог
</a>
</div>
<div class="breadcrumbs__item">
<a class="breadcrumbs__item--link" href="#">
Платья
</a>
</div>
<div class="breadcrumbs__item">
Платье комбинация на бретельках
</div>
</div>
</div>
</div>
<div class="link__back">
<div class="container">
<a href="#">
<div class="row">
<div class="link__back--icon">
<svg width="21" height="12" viewBox="0 0 21 12" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M0.469669 5.46967C0.176777 5.76256 0.176777 6.23744 0.469669 6.53033L5.24264 11.3033C5.53553 11.5962 6.01041 11.5962 6.3033 11.3033C6.59619 11.0104 6.59619 10.5355 6.3033 10.2426L2.06066 6L6.3033 1.75736C6.59619 1.46447 6.59619 0.989594 6.3033 0.6967C6.01041 0.403807 5.53553 0.403807 5.24264 0.696701L0.469669 5.46967ZM21 5.25L1 5.25L1 6.75L21 6.75L21 5.25Z"
fill="#1D1D1D" />
</svg>
</div>
<div class="link__back--title">Назад</div>
</div>
</a>
</div>
</div>
<div class="catalog">
<div class="container container__nopadding-sm">
<div class="catalog__element row">
<div class="position__sticky col-lg-6 col-md-12 col-sm-12 col-xs-12">
<div class="catalog__element--gallery">
<div class="catalog__element--gallery__thumbs">
<div class="swiper">
<div class="swiper-wrapper catalog__element--gallery__thumbs--wrapper">
<div class="swiper-slide catalog__element--gallery__thumb">
<img src="/img/element__thumb.jpg" alt="">
</div>
<div class="swiper-slide catalog__element--gallery__thumb">
<img src="/img/element__thumb.jpg" alt="">
</div>
<div class="swiper-slide catalog__element--gallery__thumb">
<img src="/img/element__thumb.jpg" alt="">
</div>
<div class="swiper-slide catalog__element--gallery__thumb">
<img src="/img/element__thumb.jpg" alt="">
</div>
<div class="swiper-slide catalog__element--gallery__thumb">
<img src="/img/element__thumb.jpg" alt="">
</div>
<div class="swiper-slide catalog__element--gallery__thumb">
<img src="/img/element__thumb.jpg" alt="">
</div>
</div>
<div class="catalog__element--gallery__prev">
<svg width="29" height="14" viewBox="0 0 29 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M28.4286 13L14.7143 1L1.00002 13" stroke="#1D1D1D"/>
</svg>
<div class="background__gradient"></div>
</div>
<div class="catalog__element--gallery__next">
<svg width="29" height="14" viewBox="0 0 29 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1L14.7143 13L28.4286 1" stroke="#1D1D1D"/>
</svg>
<div class="background__gradient"></div>
</div>
</div>
</div>
<div class="catalog__element--gallery__images">
<div class="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide catalog__element--gallery__image">
<img src="/img/element.jpg" alt="">
</div>
<div class="swiper-slide catalog__element--gallery__image">
<img src="/img/element.jpg" alt="">
</div>
<div class="swiper-slide catalog__element--gallery__image">
<img src="/img/element.jpg" alt="">
</div>
<div class="swiper-slide catalog__element--gallery__image">
<img src="/img/element.jpg" alt="">
</div>
<div class="swiper-slide catalog__element--gallery__image">
<img src="/img/element.jpg" alt="">
</div>
<div class="swiper-slide catalog__element--gallery__image">
<img src="/img/element.jpg" alt="">
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
<div class="catalog__element--info">
<div class="catalog__element--info__head">
<div class="catalog__element--info__stickers">
<div class="catalog__item--sticker catalog__item--sticker__new">
NEW
</div>
<div class="catalog__item--sticker catalog__item--sticker__sale">
SALE
</div>
</div>
<div class="catalog__element--info__title">
<h1>Платье комбинация миди на бретельках</h1>
</div>
<div class="catalog__element--info__subtitle">
АРТИКУЛ. GFGJ768
</div>
<div class="catalog__element--info__prices">
<div class="catalog__element--info__price price__old">
4 000 р.
</div>
<div class="catalog__element--info__price price__discount">
3 300 р.
</div>
</div>
</div>
<div class="catalog__element--info__body">
<div class="catalog__element--info__sku">
<div class="catalog__element--info__sku--property">
<div class="catalog__element--info__sku--property__title">
Цвет
</div>
<div class="catalog__element--info__sku--property__properties">
<button type="button" class="catalog__element--info__sku--property__item active">Изумрудный</button>
<button type="button" class="catalog__element--info__sku--property__item">Черный</button>
<button type="button" class="catalog__element--info__sku--property__item">Белый</button>
</div>
</div>
<div class="catalog__element--info__sku--property">
<div class="catalog__element--info__sku--property__title">
Размер
</div>
<div class="catalog__element--info__sku--property__properties">
<button type="button" class="catalog__element--info__sku--property__item active">40</button>
<button type="button" class="catalog__element--info__sku--property__item">42</button>
<button type="button" class="catalog__element--info__sku--property__item">44</button>
<button type="button" class="catalog__element--info__sku--property__item">46</button>
</div>
</div>
</div>
<div class="catalog__element--info__basket">
<div class="catalog__element--info__basket--quantity">
<button type="button" class="quantity__minus">
-
</button>
<input type="text" class="quantity__input" data-quantity="2" readonly value="1">
<button type="button" class="quantity__plus">
+
</button>
</div>
<div class="catalog__element--info__basket--add">
<button type="button" class="btn basket__item--add hover__effect--black" data-basket="2" data-quantity="1">В корзину</button>
</div>
<div class="catalog__element--info__basket--favorite" data-favorite="2">
<svg width="30" height="26" viewBox="0 0 30 26" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M15.1339 4.02526C15.6246 3.56348 16.0293 3.14514 16.4726 2.77105C21.1072 -1.13638 28.1619 1.36158 29.2528 7.31806C29.7186 9.86349 29.0251 12.1241 27.3019 14.0613C27.1884 14.1885 27.0661 14.3083 26.9463 14.429C23.2552 18.12 19.5642 21.8102 15.8732 25.5005C15.3543 26.0194 15.0196 26.0194 14.5007 25.4989C10.7928 21.7829 7.08248 18.0685 3.37698 14.3502C0.269211 11.2335 0.18313 6.45484 3.17103 3.29478C6.05836 0.242526 11.0688 0.092085 14.1443 2.97298C14.4879 3.29478 14.7912 3.65922 15.1331 4.02446L15.1339 4.02526Z"
fill="none" stroke="white" />
</svg>
</div>
</div>
</div>
<div class="catalog__element--info__descriptions">
<div class="catalog__element--info__description--title collapsed" data-toggle="collapse" data-target="next">
Описание
<div class="catalog__element--info__description--title__icon">
<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<line x1="12.2646" y1="2.18556e-08" x2="12.2646" y2="25" stroke="#8B8486"/>
<line y1="12.7354" x2="25" y2="12.7354" stroke="#8B8486"/>
</svg>
</div>
</div>
<div class="catalog__element--info__description--body collapse show">
Эффектное платье длины миди прилегающего силуэта, выполненное из приятного к телу плотного материала. Модель имеет глубокий фигурный вырез на тонких бретелях, переходящих в шнуровку на спинке, а также прямую юбку с высоким боковым разрезом.
длина миди
прилегающий силуэт
фигурный вырез
регулируемые бретели
прямая юбка с разрезом
шнуровка на спинке
</div>
<div class="catalog__element--info__description--title" data-toggle="collapse" data-target="next">
Характеристики
<div class="catalog__element--info__description--title__icon">
<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<line x1="12.2646" y1="2.18556e-08" x2="12.2646" y2="25" stroke="#8B8486"/>
<line y1="12.7354" x2="25" y2="12.7354" stroke="#8B8486"/>
</svg>
</div>
</div>
<div class="catalog__element--info__description--body collapse">
Эффектное платье длины миди прилегающего силуэта, выполненное из приятного к телу плотного материала. Модель имеет глубокий фигурный вырез на тонких бретелях, переходящих в шнуровку на спинке, а также прямую юбку с высоким боковым разрезом. длина миди прилегающий силуэт фигурный вырез регулируемые бретели прямая юбка с разрезом шнуровка на спинке
Эффектное платье длины миди прилегающего силуэта, выполненное из приятного к телу плотного материала. Модель имеет глубокий фигурный вырез на тонких бретелях, переходящих в шнуровку на спинке, а также прямую юбку с высоким боковым разрезом. длина миди прилегающий силуэт фигурный вырез регулируемые бретели прямая юбка с разрезом шнуровка на спинке
Эффектное платье длины миди прилегающего силуэта, выполненное из приятного к телу плотного материала. Модель имеет глубокий фигурный вырез на тонких бретелях, переходящих в шнуровку на спинке, а также прямую юбку с высоким боковым разрезом. длина миди прилегающий силуэт фигурный вырез регулируемые бретели прямая юбка с разрезом шнуровка на спинке
</div>
<div class="catalog__element--info__description--title" data-toggle="collapse" data-target="next">
Доставка и оплата
<div class="catalog__element--info__description--title__icon">
<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<line x1="12.2646" y1="2.18556e-08" x2="12.2646" y2="25" stroke="#8B8486"/>
<line y1="12.7354" x2="25" y2="12.7354" stroke="#8B8486"/>
</svg>
</div>
</div>
<div class="catalog__element--info__description--body collapse">
Эффектное платье длины миди прилегающего силуэта, выполненное из приятного к телу плотного материала. Модель имеет глубокий фигурный вырез на тонких бретелях, переходящих в шнуровку на спинке, а также прямую юбку с высоким боковым разрезом. длина миди прилегающий силуэт фигурный вырез регулируемые бретели прямая юбка с разрезом шнуровка на спинке
Эффектное платье длины миди прилегающего силуэта, выполненное из приятного к телу плотного материала. Модель имеет глубокий фигурный вырез на тонких бретелях, переходящих в шнуровку на спинке, а также прямую юбку с высоким боковым разрезом. длина миди прилегающий силуэт фигурный вырез регулируемые бретели прямая юбка с разрезом шнуровка на спинке
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<div class="arrow__top" data-scroll="body">
<div class="arrow__top--icon">
<svg width="12" height="21" viewBox="0 0 12 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.53033 0.469669C6.23744 0.176777 5.76256 0.176777 5.46967 0.469669L0.696698 5.24264C0.403805 5.53553 0.403805 6.01041 0.696699 6.3033C0.989592 6.59619 1.46447 6.59619 1.75736 6.3033L6 2.06066L10.2426 6.3033C10.5355 6.59619 11.0104 6.59619 11.3033 6.3033C11.5962 6.01041 11.5962 5.53553 11.3033 5.24264L6.53033 0.469669ZM6.75 21L6.75 1L5.25 1L5.25 21L6.75 21Z" fill="black"/>
</svg>
</div>
</div>
<div class="overlay__blur"></div>
<!--Footer-->
<footer class="footer">
<div class="container">
<div class="footer__body">
<nav class="footer__menu">
<div class="row footer__menu--items">
<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
<div class="footer__menu--item">
<div class="footer__menu--item__title">
<a href="#">Каталог</a>
</div>
<div class="footer__menu--item__toggle" data-toggle="collapse" data-target="next">
<svg width="14" height="27" viewBox="0 0 14 27" fill="none"