-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
393 lines (385 loc) · 37.3 KB
/
index.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
<!DOCTYPE html>
<html lang="RU 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">
<link rel="stylesheet" href="styles.css">
<title>Виджет "Подели"</title>
</head>
<body>
<!-- Podeli wiget -->
<div class="wiget-block-wrapper">
<div class="wiget-block-v1">
<div class="wiget-block">
<div class="wiget-block__content">
<div class="wiget-block__logotypes">
<div class="wiget-block__logotype">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="24" height="24" rx="12" fill="white"/>
<path d="M4.5 5V19H18.5L4.5 5Z" fill="#55788E"/>
<path d="M18.5 5H4.5V19L18.5 5Z" fill="#023D5E"/>
</svg>
</div>
</div>
<div class="wiget-block__title-subtitle">
<h5 class="wiget-block__title">
<span class="wiget-block__months">Кредит от </span><span class="wiget-block__payment">5 622</span> ₽/мес
</h5>
<p class="wiget-block__subtitle">
Индивидуальные условия по кредиту для вас
</p>
</div>
</div>
<button class="wiget-head-v2__button openModal">
Оформить
</button>
</div>
<div class="wiget-block">
<div class="wiget-block__content">
<div class="wiget-block__logotypes">
<div class="wiget-block__logotype">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="24" height="24" rx="12" fill="white"/>
<path d="M4.5 5V19H18.5L4.5 5Z" fill="#55788E"/>
<path d="M18.5 5H4.5V19L18.5 5Z" fill="#023D5E"/>
</svg>
</div>
</div>
<div class="wiget-block__title-subtitle">
<h5 class="wiget-block__title">
<span class="wiget-block__months">Рассрочка от </span><span class="wiget-block__payment">5 622</span> ₽/мес
</h5>
<p class="wiget-block__subtitle">
Индивидуальные условия по рассрочке для вас
</p>
</div>
</div>
<button class="wiget-head-v2__button openModal">
Оформить
</button>
</div>
<div class="wiget-block">
<div class="wiget-block__content">
<div class="wiget-block__logotypes">
<div class="wiget-block__logotype">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="24" height="24" rx="12" fill="white"/>
<path d="M4.5 5V19H18.5L4.5 5Z" fill="#55788E"/>
<path d="M18.5 5H4.5V19L18.5 5Z" fill="#023D5E"/>
</svg>
</div>
<div class="wiget-block__logotype">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="24" height="24" rx="12" fill="#EE3124"/>
<path d="M12 4C7.57233 4 4 7.5891 4 12C4 16.4109 7.5891 20 12 20C16.4277 20 20 16.4109 20 12C20 7.5891 16.4109 4 12 4ZM12 18.0042C8.69602 18.0042 5.99581 15.3208 5.99581 12C5.99581 8.67925 8.67924 5.99581 12 5.99581C15.3208 5.99581 18.0042 8.67925 18.0042 12C18.0042 15.3208 15.304 18.0042 12 18.0042Z" fill="white"/>
<path d="M11.9414 4.99924C11.9414 5.48561 12.2936 5.92167 12.7968 5.98876C15.4299 6.35773 17.5095 8.43739 17.8785 11.0705C17.9456 11.5569 18.3817 11.9259 18.868 11.9259C19.4718 11.9259 19.9414 11.3892 19.8575 10.7854C19.3544 7.28016 16.5703 4.49609 13.0651 4.00972C12.4613 3.92586 11.9414 4.39546 11.9414 4.99924Z" fill="#1D2939"/>
</svg>
</div>
</div>
<div class="wiget-block__title-subtitle">
<h5 class="wiget-block__title">
<span class="wiget-block__months">Кредит или рассрочка от </span><span class="wiget-block__payment">5 622</span> ₽/мес
</h5>
<p class="wiget-block__subtitle">
Индивидуальные условия по кредиту<br>или рассрочке для вас
</p>
</div>
</div>
<button class="wiget-head-v2__button openModal">
Оформить
</button>
</div>
</div>
<div class="wiget-block-v2">
<div class="wiget-head-v2">
<div class="wiget-head-v2__text">
<span class="text__payment">
1 650 ₽
</span>
<span class="text__payment-length">
х 4 платежа
</span>
</div>
<button class="openModal wiget-head-v2__button">
Оплатить 25%
</button>
</div>
<div class="wiget-block-split">
<div class="wiget-block-split__item">
<p class="split-item-day">Сейчас</p>
<p class="split-item-payment">1615 ₽</p>
</div>
<div class="wiget-block-split__item wiget-block-split__item_disable">
<p class="split-item-day">2 окт</p>
<p class="split-item-payment">1615 ₽</p>
</div>
<div class="wiget-block-split__item wiget-block-split__item_disable">
<p class="split-item-day">16 окт</p>
<p class="split-item-payment">1615 ₽</p>
</div>
<div class="wiget-block-split__item wiget-block-split__item_disable">
<p class="split-item-day">30 окт</p>
<p class="split-item-payment">1615 ₽</p>
</div>
</div>
</div>
<div class="wiget-block-v3">
<button class="wiget-action-button openModal">
<div class="wiget-action-button__icons">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="24" height="24" rx="12" fill="white"/>
<path d="M4.5 5V19H18.5L4.5 5Z" fill="#55788E"/>
<path d="M18.5 5H4.5V19L18.5 5Z" fill="#023D5E"/>
</svg>
</div>
<span class="wiget-action-button__text">
в кредит от 255 ₽/Мес
</span>
</button>
<button class="wiget-action-button openModal">
<div class="wiget-action-button__icons">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="24" height="24" rx="12" fill="white"/>
<path d="M4.5 5V19H18.5L4.5 5Z" fill="#55788E"/>
<path d="M18.5 5H4.5V19L18.5 5Z" fill="#023D5E"/>
</svg>
</div>
<span class="wiget-action-button__text">
рассрочка от 255 ₽/Мес
</span>
</button>
<button class="openModal wiget-action-button">
<div class="wiget-action-button__icons wiget-action-button__icons_v2">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="24" height="24" rx="12" fill="white"/>
<path d="M4.5 5V19H18.5L4.5 5Z" fill="#55788E"/>
<path d="M18.5 5H4.5V19L18.5 5Z" fill="#023D5E"/>
</svg>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="24" height="24" rx="12" fill="#EE3124"/>
<path d="M12 4C7.57233 4 4 7.5891 4 12C4 16.4109 7.5891 20 12 20C16.4277 20 20 16.4109 20 12C20 7.5891 16.4109 4 12 4ZM12 18.0042C8.69602 18.0042 5.99581 15.3208 5.99581 12C5.99581 8.67925 8.67924 5.99581 12 5.99581C15.3208 5.99581 18.0042 8.67925 18.0042 12C18.0042 15.3208 15.304 18.0042 12 18.0042Z" fill="white"/>
<path d="M11.9414 4.99924C11.9414 5.48561 12.2936 5.92167 12.7968 5.98876C15.4299 6.35773 17.5095 8.43739 17.8785 11.0705C17.9456 11.5569 18.3817 11.9259 18.868 11.9259C19.4718 11.9259 19.9414 11.3892 19.8575 10.7854C19.3544 7.28016 16.5703 4.49609 13.0651 4.00972C12.4613 3.92586 11.9414 4.39546 11.9414 4.99924Z" fill="#1D2939"/>
</svg>
</div>
<span class="wiget-action-button__text">
4 платежа по 1 224 ₽
</span>
</button>
</div>
<div class="modal-wrapper">
<div class="modal">
<button class="modal__close closeModal">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.6472 8.70065C17.0342 8.30659 17.0284 7.67345 16.6344 7.2865C16.2403 6.89954 15.6072 6.90529 15.2202 7.29935L11.9897 10.5891L8.70065 7.35935C8.30659 6.97239 7.67345 6.97815 7.28649 7.37221C6.89954 7.76627 6.90529 8.3994 7.29935 8.78636L10.5884 12.0161L7.36015 15.3036C6.97319 15.6977 6.97894 16.3308 7.373 16.7178C7.76706 17.1047 8.4002 17.099 8.78716 16.7049L12.0154 13.4174L15.3036 16.6464C15.6977 17.0334 16.3308 17.0276 16.7178 16.6336C17.1047 16.2395 17.099 15.6064 16.7049 15.2194L13.4167 11.9904L16.6472 8.70065Z" fill="#8F95AE"/>
</svg>
</button>
<div class="modal-logotypes">
<div class="robokassa-logo">
<svg width="658" height="100" viewBox="0 0 658 100" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1635_185105)">
<path d="M0 0V100H100L0 0Z" fill="#55788E"/>
<path d="M100 0H0V100L100 0Z" fill="#023D5E"/>
<path d="M463.967 20C449.067 20 435.967 32.0667 435.967 47V80H447.967V68H479.967V80H491.967V47C491.933 32.1 478.867 20 463.967 20ZM479.933 56H447.933V47C447.933 38.7333 455.633 32 463.933 32C472.2 32 479.933 38.7333 479.933 47V56Z" fill="#FF5722"/>
<path d="M629.933 20C615.033 20 601.933 32.0667 601.933 47V80H613.933V68H645.933V80H657.933V47C657.933 32.1 644.833 20 629.933 20ZM645.933 56H613.933V47C613.933 38.7333 621.633 32 629.933 32C638.2 32 645.933 38.7333 645.933 47V56Z" fill="#FF5722"/>
<path d="M341.967 20C325.4 20 311.967 33.4333 311.967 50C311.967 66.5667 325.4 80 341.967 80C358.533 80 371.967 66.5667 371.967 50C371.967 33.4333 358.533 20 341.967 20ZM341.967 68C332.033 68 323.967 59.9333 323.967 50C323.967 40.0667 332.033 32 341.967 32C351.9 32 359.967 40.0667 359.967 50C359.967 59.9333 351.9 68 341.967 68Z" fill="#023D5E"/>
<path d="M299.233 46.8333C300.733 44.2333 301.567 41.2333 301.567 38C301.567 28.0667 293.5 20 283.567 20H260V80H289.6C299.533 80 307.6 71.9333 307.6 62C307.567 55.6333 304.233 50.0333 299.233 46.8333ZM271.967 32H283.567C286.867 32 289.567 34.7 289.567 38C289.567 41.3 286.867 44 283.567 44H271.967V32ZM289.567 68H271.967V56H289.567C292.867 56 295.567 58.7 295.567 62C295.567 65.2667 292.867 68 289.567 68Z" fill="#023D5E"/>
<path d="M222.967 20C206.4 20 192.967 33.4333 192.967 50C192.967 66.5667 206.4 80 222.967 80C239.567 80 252.967 66.5667 252.967 50C252.967 33.4333 239.533 20 222.967 20ZM222.967 68C213.033 68 204.967 59.9333 204.967 50C204.967 40.0667 213.033 32 222.967 32C232.9 32 240.967 40.0667 240.967 50C240.967 59.9333 232.9 68 222.967 68Z" fill="#023D5E"/>
<path d="M529.867 44.1L529.933 43.9667H515.933C512.633 43.9667 509.933 41.2667 509.933 37.9667C509.933 34.6667 512.633 31.9667 515.933 31.9667H537.9L545.9 19.9667H515.9C505.967 19.9667 497.9 28.0333 497.9 37.9667C497.9 47.2667 504.933 54.9 513.967 55.8333L513.9 55.9667H527.9C531.2 55.9667 533.9 58.6667 533.9 61.9667C533.9 65.2667 531.2 67.9667 527.9 67.9667H505.933L497.933 79.9667H527.933C537.867 79.9667 545.933 71.9 545.933 61.9667C545.933 52.7 538.9 45.0667 529.867 44.1Z" fill="#FF5722"/>
<path d="M565.933 20C556 20 547.933 28.0667 547.933 38C547.933 47.3 554.967 54.9333 564 55.8667L563.933 56H577.933C581.233 56 583.933 58.7 583.933 62C583.933 65.3 581.233 68 577.933 68H555.967L547.967 80H577.967C587.9 80 595.967 71.9333 595.967 62C595.967 52.7 588.933 45.0667 579.9 44.1333L579.967 44H565.967C562.667 44 559.967 41.3 559.967 38C559.967 34.7 562.667 32 565.967 32H587.933L595.933 20H565.933Z" fill="#FF5722"/>
<path d="M429.333 20L404.8 46.1L429.933 79.9333H415.933L396.8 54.5667L391.933 60.3667V79.9333H379.933V20H391.933V43.6667L413.567 20H429.333Z" fill="#FF5722"/>
<path d="M152 80H140V20H168.267C173.333 20 177.667 21.7333 181.3 25.2C185 28.7 187.9 33.8667 188 39C188.033 43.6333 186.933 47.4333 184 51C181.2 54.4667 178.333 57.1 174 58L189 79.9667H175L160.9 59.2C160.333 58.4333 159.433 57.9667 158.467 57.9667H152V80ZM152 47H168C172.4 47 176 43.4 176 39C176 34.6 172.4 31 168 31H152V47Z" fill="#023D5E"/>
</g>
<defs>
<clipPath id="clip0_1635_185105">
<rect width="657.933" height="100" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
<span class="separate-logo"></span>
<div class="podeli-logo">
<svg width="72" height="12" viewBox="0 0 72 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_19_387)">
<path d="M9.49492 11.6981C9.49492 7.87421 9.49492 4.08804 9.49492 0.30188C6.31734 0.30188 3.15236 0.30188 0 0.30188C0 4.1132 0 7.89936 0 11.6981C0.516988 11.6981 1.02137 11.6981 1.56357 11.6981C1.56357 8.35219 1.56357 5.03144 1.56357 1.69811C3.70718 1.69811 5.82557 1.69811 7.96918 1.69811C7.96918 5.04402 7.96918 8.36477 7.96918 11.6981C8.48617 11.6981 8.97793 11.6981 9.49492 11.6981Z" fill="#EE3124"/>
<path d="M49.0382 6.56604C49.0508 6.37736 49.0634 6.18868 49.0634 6C49.0634 5.69811 49.0382 5.4088 49.0004 5.1195C48.5716 2.22642 46.075 0 43.0487 0C39.7324 0 37.034 2.69182 37.034 6C37.034 9.30818 39.7324 12 43.0487 12C45.6715 12 47.8907 10.327 48.723 8H47.0837C46.3524 9.48428 44.814 10.4906 43.0487 10.4906C40.7538 10.4906 38.8498 8.77987 38.5723 6.55346L49.0382 6.56604ZM43.0487 1.50943C45.2301 1.50943 47.0585 3.06918 47.4746 5.13207H38.6354C39.0389 3.0566 40.8547 1.50943 43.0487 1.50943Z" fill="#EE3124"/>
<path d="M35.6469 10.2767L31.5362 1.06918C31.3345 0.603767 30.8679 0.30188 30.351 0.30188C29.834 0.30188 29.3674 0.603767 29.1657 1.06918L25.055 10.2767H23.6553V11.6981H37.0592V10.2767H35.6469ZM30.351 2.01257L33.9573 10.2767H26.7447L30.351 2.01257Z" fill="#EE3124"/>
<path d="M60.538 11.6981L56.049 1.08175C55.8473 0.61634 55.3933 0.314453 54.8763 0.314453C54.372 0.314453 53.9054 0.61634 53.7037 1.08175L49.2021 11.6981H50.8918L54.8637 2.10062L58.8483 11.6981H60.538Z" fill="#EE3124"/>
<path d="M70.4617 0.30188H70.4364L63.6273 9.53458V0.30188H62.089V11.6101V11.6981H63.6273L70.4617 2.44024V11.6981H72V0.364773V0.30188H70.4617Z" fill="#EE3124"/>
<path d="M17.5776 0C14.2487 0 11.5629 2.69182 11.5629 6C11.5629 9.30818 14.2613 12 17.5776 12C20.9065 12 23.5923 9.30818 23.5923 6C23.5923 2.69182 20.8939 0 17.5776 0ZM17.5776 10.5031C15.0935 10.5031 13.0634 8.49057 13.0634 6C13.0634 3.50943 15.0809 1.49686 17.5776 1.49686C20.0743 1.49686 22.0918 3.50943 22.0918 6C22.0918 8.49057 20.0616 10.5031 17.5776 10.5031Z" fill="#EE3124"/>
<path d="M17.5776 0.805092C17.5776 1.16987 17.8424 1.49692 18.2207 1.54723C20.2003 1.82396 21.7639 3.38371 22.0413 5.35855C22.0918 5.72333 22.4196 6.00006 22.7853 6.00006C23.2392 6.00006 23.5923 5.59755 23.5292 5.14472C23.151 2.51578 21.0578 0.427734 18.4224 0.062954C17.9685 6.08936e-05 17.5776 0.352262 17.5776 0.805092Z" fill="#263238"/>
</g>
<defs>
<clipPath id="clip0_19_387">
<rect width="72" height="12" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
</div>
<div class="modal-content">
<h6 class="modal-content__title">
Оплачивайте сегодня 25% и покупка ваша!
</h6>
<p class="modal-content__text">
Остальное спишется автоматически тремя платежами раз в две недели.
</p>
<div class="modal-content__info">
<div class="modal-content__info-item">
<span class="info-item-icon">
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21.2242 11.1112L21.2241 11.1112L21.2304 11.1207C21.4048 11.3822 21.5 11.6975 21.5 12.0221C21.5 12.3405 21.4063 12.6568 21.2315 12.9262L20.2871 14.3121L20.279 14.3241L20.271 14.3362C19.971 14.7905 19.771 15.2878 19.6643 15.7969L19.6627 15.8043L19.3136 17.5014L19.3136 17.5014L19.3119 17.5098C19.2477 17.8286 19.0926 18.1152 18.8702 18.3358C18.6306 18.5732 18.3389 18.728 18.0318 18.7898L18.0318 18.7898L18.0234 18.7915L16.3264 19.1407L16.3264 19.1406L16.319 19.1422C15.8099 19.2489 15.3125 19.4489 14.8583 19.7489L14.8581 19.749L13.4129 20.7036L13.4009 20.7116L13.3889 20.7197C13.1239 20.9003 12.816 20.9968 12.4939 21C12.1665 20.9988 11.8545 20.9035 11.596 20.7317L11.5941 20.7304L10.1758 19.779L10.1698 19.775L10.1638 19.771C9.7095 19.471 9.21213 19.271 8.7031 19.1643L8.69568 19.1628L6.99861 18.8136L6.99862 18.8136L6.9902 18.8119C6.6714 18.7478 6.38476 18.5927 6.16422 18.3702C5.92673 18.1306 5.77195 17.8389 5.71016 17.5319L5.71018 17.5319L5.70845 17.5235L5.36031 15.8313L5.35974 15.8285C5.24886 15.2846 5.02969 14.7708 4.72079 14.3173L3.77496 12.9073C3.59739 12.6372 3.50439 12.3249 3.50439 12C3.50439 11.6714 3.59938 11.3546 3.77172 11.0909L4.72096 9.67583L4.72499 9.66983L4.72897 9.66379C5.02896 9.20953 5.22894 8.71215 5.33567 8.20312L5.33569 8.20312L5.33721 8.19571L5.68635 6.49864L5.68867 6.48736L5.69086 6.47605C5.75221 6.1594 5.90628 5.8701 6.13155 5.64483C6.36492 5.41146 6.65979 5.2524 6.97851 5.18596L6.97993 5.18567L8.66869 4.83824L8.67146 4.83767C9.17928 4.73419 9.68526 4.53922 10.1494 4.23837L10.1567 4.23365L10.164 4.22886L11.6091 3.27426L11.6105 3.27333C11.8816 3.09396 12.1955 3 12.5221 3C12.8486 3 13.1636 3.09383 13.4263 3.26416L14.8121 4.20843L14.8241 4.21659L14.8362 4.22457C15.2904 4.52456 15.7878 4.72455 16.2969 4.83128L16.3004 4.83202L18.0019 5.18557L18.0019 5.18561L18.0142 5.18809C18.333 5.25225 18.6196 5.40733 18.8401 5.6298C19.0776 5.86937 19.2324 6.16111 19.2942 6.46813L19.2942 6.46813L19.2959 6.47654L19.6441 8.16871L19.6446 8.17137C19.7548 8.7121 19.972 9.22299 20.278 9.67451L21.2242 11.1112ZM21.9399 15.4383L22.8945 14.0374C23.2878 13.4407 23.5 12.738 23.5 12.0221C23.5 11.3106 23.2923 10.6079 22.8945 10.0112L21.9399 8.56167C21.7764 8.32302 21.6615 8.05344 21.604 7.77059L21.2549 6.07352C21.1135 5.37083 20.7643 4.73001 20.2605 4.22178C19.7567 3.71354 19.1115 3.36882 18.4088 3.2274L16.7073 2.87385C16.4333 2.81639 16.1725 2.71033 15.9383 2.55564L14.5373 1.60104C13.9407 1.20771 13.238 1 12.5221 1C11.8061 1 11.1079 1.20771 10.5068 1.60546L9.06165 2.56006C8.823 2.71474 8.55341 2.82081 8.27057 2.87826L6.5735 3.2274C5.87081 3.37324 5.22557 3.72238 4.71733 4.23061C4.2091 4.73885 3.86438 5.38851 3.72738 6.09562L3.37824 7.79269C3.32079 8.06669 3.21472 8.32744 3.06004 8.56167L2.10544 9.98473C1.71211 10.5814 1.50439 11.284 1.50439 12C1.50439 12.716 1.71211 13.4142 2.10986 14.0153L3.06446 15.4383C3.22798 15.677 3.34288 15.9466 3.40034 16.2294L3.74947 17.9265C3.8909 18.6292 4.24003 19.27 4.74385 19.7782C5.24767 20.2865 5.8929 20.6312 6.5956 20.7726L8.29266 21.1217C8.56667 21.1792 8.82742 21.2853 9.06165 21.4399L10.4847 22.3945C11.0813 22.7923 11.784 23 12.5 23C13.2203 22.9956 13.9186 22.779 14.5152 22.3724L15.9604 21.4178C16.1946 21.2632 16.4554 21.1571 16.7294 21.0996L18.4265 20.7505C19.1291 20.6091 19.77 20.2599 20.2782 19.7561C20.7864 19.2523 21.1312 18.6071 21.2726 17.9044L21.6217 16.2073C21.6792 15.9333 21.7852 15.6726 21.9399 15.4383ZM10.3023 9.79787C10.9097 9.79787 11.4021 9.30548 11.4021 8.69809C11.4021 8.0907 10.9097 7.59831 10.3023 7.59831C9.69489 7.59831 9.2025 8.0907 9.2025 8.69809C9.2025 9.30548 9.69489 9.79787 10.3023 9.79787ZM15.8012 15.2968C16.4086 15.2968 16.901 14.8044 16.901 14.197C16.901 13.5896 16.4086 13.0972 15.8012 13.0972C15.1938 13.0972 14.7014 13.5896 14.7014 14.197C14.7014 14.8044 15.1938 15.2968 15.8012 15.2968ZM14.0577 8.88689C14.4872 8.4574 15.1836 8.4574 15.6131 8.88689C16.0425 9.31638 16.0425 10.0127 15.6131 10.4422L10.9471 15.1082C10.5176 15.5377 9.82125 15.5377 9.39176 15.1082C8.96227 14.6787 8.96227 13.9823 9.39176 13.5529L14.0577 8.88689Z" fill="#455A64"/>
</svg>
</span>
<span class="info-item-text">
Без процентов и комиссий
</span>
</div>
<div class="modal-content__info-item">
<span class="info-item-icon">
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 7C2.5 5.34315 3.84315 4 5.5 4H19.5C21.1569 4 22.5 5.34315 22.5 7V17C22.5 18.6569 21.1569 20 19.5 20H5.5C3.84315 20 2.5 18.6569 2.5 17V7ZM5.5 6C4.94772 6 4.5 6.44772 4.5 7V9H17.5C18.0523 9 18.5 9.44772 18.5 10C18.5 10.5523 18.0523 11 17.5 11H4.5V17C4.5 17.5523 4.94772 18 5.5 18H19.5C20.0523 18 20.5 17.5523 20.5 17V7C20.5 6.44772 20.0523 6 19.5 6H5.5ZM15.5 14C14.9477 14 14.5 14.4477 14.5 15C14.5 15.5523 14.9477 16 15.5 16H17.5C18.0523 16 18.5 15.5523 18.5 15C18.5 14.4477 18.0523 14 17.5 14H15.5Z" fill="#455A64"/>
</svg>
</span>
<span class="info-item-text">
Быстро и удобно как обычная оплата картой
</span>
</div>
</div>
<div class="wiget-block-split">
<div class="wiget-block-split__item">
<p class="split-item-day">Сейчас</p>
<p class="split-item-payment">1615 ₽</p>
</div>
<div class="wiget-block-split__item wiget-block-split__item_disable">
<p class="split-item-day">2 окт</p>
<p class="split-item-payment">1615 ₽</p>
</div>
<div class="wiget-block-split__item wiget-block-split__item_disable">
<p class="split-item-day">16 окт</p>
<p class="split-item-payment">1615 ₽</p>
</div>
<div class="wiget-block-split__item wiget-block-split__item_disable">
<p class="split-item-day">30 окт</p>
<p class="split-item-payment">1615 ₽</p>
</div>
</div>
</div>
<button class="modal-link">
Оплатить по частям
</button>
</div>
<div class="modal modal-v2">
<button class="modal__close closeModal">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.6472 8.70065C17.0342 8.30659 17.0284 7.67345 16.6344 7.2865C16.2403 6.89954 15.6072 6.90529 15.2202 7.29935L11.9897 10.5891L8.70065 7.35935C8.30659 6.97239 7.67345 6.97815 7.28649 7.37221C6.89954 7.76627 6.90529 8.3994 7.29935 8.78636L10.5884 12.0161L7.36015 15.3036C6.97319 15.6977 6.97894 16.3308 7.373 16.7178C7.76706 17.1047 8.4002 17.099 8.78716 16.7049L12.0154 13.4174L15.3036 16.6464C15.6977 17.0334 16.3308 17.0276 16.7178 16.6336C17.1047 16.2395 17.099 15.6064 16.7049 15.2194L13.4167 11.9904L16.6472 8.70065Z" fill="#8F95AE"/>
</svg>
</button>
<div class="modal-logotypes">
<div class="robokassa-logo">
<svg width="658" height="100" viewBox="0 0 658 100" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1635_185105)">
<path d="M0 0V100H100L0 0Z" fill="#55788E"/>
<path d="M100 0H0V100L100 0Z" fill="#023D5E"/>
<path d="M463.967 20C449.067 20 435.967 32.0667 435.967 47V80H447.967V68H479.967V80H491.967V47C491.933 32.1 478.867 20 463.967 20ZM479.933 56H447.933V47C447.933 38.7333 455.633 32 463.933 32C472.2 32 479.933 38.7333 479.933 47V56Z" fill="#FF5722"/>
<path d="M629.933 20C615.033 20 601.933 32.0667 601.933 47V80H613.933V68H645.933V80H657.933V47C657.933 32.1 644.833 20 629.933 20ZM645.933 56H613.933V47C613.933 38.7333 621.633 32 629.933 32C638.2 32 645.933 38.7333 645.933 47V56Z" fill="#FF5722"/>
<path d="M341.967 20C325.4 20 311.967 33.4333 311.967 50C311.967 66.5667 325.4 80 341.967 80C358.533 80 371.967 66.5667 371.967 50C371.967 33.4333 358.533 20 341.967 20ZM341.967 68C332.033 68 323.967 59.9333 323.967 50C323.967 40.0667 332.033 32 341.967 32C351.9 32 359.967 40.0667 359.967 50C359.967 59.9333 351.9 68 341.967 68Z" fill="#023D5E"/>
<path d="M299.233 46.8333C300.733 44.2333 301.567 41.2333 301.567 38C301.567 28.0667 293.5 20 283.567 20H260V80H289.6C299.533 80 307.6 71.9333 307.6 62C307.567 55.6333 304.233 50.0333 299.233 46.8333ZM271.967 32H283.567C286.867 32 289.567 34.7 289.567 38C289.567 41.3 286.867 44 283.567 44H271.967V32ZM289.567 68H271.967V56H289.567C292.867 56 295.567 58.7 295.567 62C295.567 65.2667 292.867 68 289.567 68Z" fill="#023D5E"/>
<path d="M222.967 20C206.4 20 192.967 33.4333 192.967 50C192.967 66.5667 206.4 80 222.967 80C239.567 80 252.967 66.5667 252.967 50C252.967 33.4333 239.533 20 222.967 20ZM222.967 68C213.033 68 204.967 59.9333 204.967 50C204.967 40.0667 213.033 32 222.967 32C232.9 32 240.967 40.0667 240.967 50C240.967 59.9333 232.9 68 222.967 68Z" fill="#023D5E"/>
<path d="M529.867 44.1L529.933 43.9667H515.933C512.633 43.9667 509.933 41.2667 509.933 37.9667C509.933 34.6667 512.633 31.9667 515.933 31.9667H537.9L545.9 19.9667H515.9C505.967 19.9667 497.9 28.0333 497.9 37.9667C497.9 47.2667 504.933 54.9 513.967 55.8333L513.9 55.9667H527.9C531.2 55.9667 533.9 58.6667 533.9 61.9667C533.9 65.2667 531.2 67.9667 527.9 67.9667H505.933L497.933 79.9667H527.933C537.867 79.9667 545.933 71.9 545.933 61.9667C545.933 52.7 538.9 45.0667 529.867 44.1Z" fill="#FF5722"/>
<path d="M565.933 20C556 20 547.933 28.0667 547.933 38C547.933 47.3 554.967 54.9333 564 55.8667L563.933 56H577.933C581.233 56 583.933 58.7 583.933 62C583.933 65.3 581.233 68 577.933 68H555.967L547.967 80H577.967C587.9 80 595.967 71.9333 595.967 62C595.967 52.7 588.933 45.0667 579.9 44.1333L579.967 44H565.967C562.667 44 559.967 41.3 559.967 38C559.967 34.7 562.667 32 565.967 32H587.933L595.933 20H565.933Z" fill="#FF5722"/>
<path d="M429.333 20L404.8 46.1L429.933 79.9333H415.933L396.8 54.5667L391.933 60.3667V79.9333H379.933V20H391.933V43.6667L413.567 20H429.333Z" fill="#FF5722"/>
<path d="M152 80H140V20H168.267C173.333 20 177.667 21.7333 181.3 25.2C185 28.7 187.9 33.8667 188 39C188.033 43.6333 186.933 47.4333 184 51C181.2 54.4667 178.333 57.1 174 58L189 79.9667H175L160.9 59.2C160.333 58.4333 159.433 57.9667 158.467 57.9667H152V80ZM152 47H168C172.4 47 176 43.4 176 39C176 34.6 172.4 31 168 31H152V47Z" fill="#023D5E"/>
</g>
<defs>
<clipPath id="clip0_1635_185105">
<rect width="657.933" height="100" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
</div>
<div class="modal-content">
<h6 class="modal-content__title">
Индивидуальные условия для покупки<br>товаров в кредит, чтобы не откладывать<br>покупку
</h6>
<p class="modal-content__text">
После оформления заказа в корзине мы предложим доступные для вас варианты оплаты в кредит или рассрочку.
</p>
<div class="modal-content__info">
<div class="modal-content__info-item">
<span class="info-item-icon">
<!-- Иконка Кредита -->
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.4472 2.10557C12.1657 1.96481 11.8343 1.96481 11.5528 2.10557L3.55279 6.10557C3.214 6.27496 3 6.62123 3 7V11C3 11.2652 3.10536 11.5196 3.29289 11.7071C3.48043 11.8946 3.73478 12 4 12H20C20.5523 12 21 11.5523 21 11V7C21 6.62123 20.786 6.27496 20.4472 6.10557L12.4472 2.10557ZM5 10V7.61803L12 4.11803L19 7.61803V10H5ZM4 20C3.44772 20 3 20.4477 3 21C3 21.5523 3.44772 22 4 22H20C20.5523 22 21 21.5523 21 21C21 20.4477 20.5523 20 20 20H19V15C19 14.4477 18.5523 14 18 14C17.4477 14 17 14.4477 17 15V20H15V15C15 14.4477 14.5523 14 14 14C13.4477 14 13 14.4477 13 15V20H11V15C11 14.4477 10.5523 14 10 14C9.44772 14 9 14.4477 9 15V20H7V15C7 14.4477 6.55228 14 6 14C5.44772 14 5 14.4477 5 15V20H4Z" fill="#455A64"/>
</svg>
<!-- Иконка Рассрочка -->
<!-- <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.5478 11.223C20.8184 10.9571 20.9791 10.5991 20.9981 10.2202C21.0172 9.84133 20.8931 9.46902 20.6507 9.17734C20.4083 8.88565 20.0651 8.6958 19.6893 8.64563L15.6192 8.01846C15.4109 7.981 15.2326 7.84706 15.1384 7.65754L13.3609 3.8687C13.2007 3.52112 12.9132 3.24828 12.5579 3.10641C12.2024 2.96453 11.8063 2.96453 11.4508 3.10641C11.0955 3.24829 10.8079 3.5211 10.6478 3.8687L8.86173 7.69187C8.7674 7.88139 8.58922 8.01518 8.38094 8.05279L4.31087 8.67996C3.93504 8.7303 3.59185 8.92012 3.34929 9.21182C3.10687 9.50352 2.98289 9.8757 3.0019 10.2546C3.02092 10.6336 3.18173 10.9914 3.45215 11.2574L6.45728 14.3503C6.60372 14.5001 6.6708 14.7105 6.63771 14.9174L5.93367 19.2131C5.85491 19.6556 5.97604 20.1104 6.26428 20.4551C6.55251 20.7998 6.97836 20.9994 7.42772 21C7.68062 20.982 7.92527 20.9025 8.14031 20.7681L11.6865 18.7921C11.8795 18.6882 12.1117 18.6882 12.3047 18.7921L15.8681 20.7681C16.1124 20.9052 16.3906 20.9699 16.6705 20.9546C16.9502 20.9395 17.2199 20.8449 17.4479 20.6821C17.6827 20.5197 17.8664 20.2934 17.9773 20.0302C18.0884 19.767 18.1221 19.4775 18.0747 19.1958L17.3706 14.9002C17.3362 14.6956 17.4034 14.4872 17.5509 14.3418L20.5478 11.223Z" stroke="#455A64" stroke-width="2"/>
</svg> -->
</span>
<span class="info-item-text">
Кредит на выгодных условиях
</span>
</div>
<div class="modal-content__info-item">
<span class="info-item-icon">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.9298 9C14.9298 10.6569 13.5867 12 11.9298 12C10.273 12 8.92982 10.6569 8.92982 9C8.92982 7.34315 10.273 6 11.9298 6C13.5867 6 14.9298 7.34315 14.9298 9ZM15.2641 12.726C16.2865 11.8105 16.9298 10.4804 16.9298 9C16.9298 6.23858 14.6912 4 11.9298 4C9.16839 4 6.92982 6.23858 6.92982 9C6.92982 10.4802 7.57301 11.8102 8.59516 12.7257C6.17226 13.838 4.40114 16.1253 4.0102 18.8584C3.932 19.4051 4.31181 19.9117 4.85853 19.9899C5.40525 20.0681 5.91185 19.6883 5.99005 19.1416C6.40583 16.2349 8.90741 14 11.9292 14C14.9511 14 17.4526 16.2349 17.8684 19.1416C17.9466 19.6883 18.4532 20.0681 18.9999 19.9899C19.5467 19.9117 19.9265 19.4051 19.8483 18.8584C19.4574 16.1256 17.6866 13.8385 15.2641 12.726Z" fill="#455A64"/>
</svg>
</span>
<span class="info-item-text">
Для граждан РФ от 18 лет
</span>
</div>
</div>
<div class="change-credit">
<div class="modal-payments__title">
Вид заявки
</div>
<div class="change-credit__list">
<button class="change-credit__button active">
Кредит
</button>
<button class="change-credit__button">
Рассрочка
</button>
</div>
</div>
<div class="modal-payments">
<div class="modal-payments__title">
Срок кредита
</div>
<div class="modal-payments__list">
<div class="payments-item active">
6 мес
</div>
<div class="payments-item">
8 мес
</div>
<div class="payments-item">
10 мес
</div>
<div class="payments-item">
12 мес
</div>
<div class="payments-item">
18 мес
</div>
<div class="payments-item">
24 мес
</div>
</div>
</div>
</div>
<button class="modal-link">
Оформить заказ
</button>
</div>
</div>
</div>
<!-- END Podeli wiget -->
<!-- Link JS -->
<script src="main.js"></script>
</body>
</html>