Issues:
1@charset "UTF-8";
2body .shop2-order-options #shop2-order-delivery .shop2-delivery--item__tab.disabled .label.point .delivery-tab--icon {
3 background-image: url(/g/shop2v2/default/images/points-icon-disable.svg);
4}
5
6body #shop2-order-delivery .shop2-delivery--item__tab.disabled .label.courier .delivery-tab--icon {
7 background-image: url(/g/shop2v2/default/images/сourier-icon-disable.svg);
8}
9
10body #shop2-order-delivery .shop2-delivery--item__tab.disabled .label.mail .delivery-tab--icon {
11 background-image: url(/g/shop2v2/default/images/mail-icon-disable.svg);
12}
13
14body #shop2-order-delivery .shop2-delivery--item__tab .label.point .delivery-tab--icon {
15 background-image: url(points-icon-blue.svg);
16}
17
18body #shop2-order-delivery .shop2-delivery--item__tab .label.courier .delivery-tab--icon {
19 background-image: url(sourier-icon-blue.svg);
20}
21
22body #shop2-order-delivery .shop2-delivery--item__tab .label.mail .delivery-tab--icon {
23 background-image: url(mail-icon-blue.svg);
24}
25
26body .deligate_points_fields {
27 background: #f4f4f4;
28}
29
30body .shop2-delivery-step {
31 color: #000;
32 background: #fff;
33}
34
35body #shop2-order-delivery .shop2-delivery--item__tab .label .delivery-tab--icon {
36 margin-right: 12px;
37}
38
39body #shop2-order-delivery .shop2-delivery--item__tab .label .delivery-items .option-type .option-label strong {
40 white-space: inherit;
41 text-align: right;
42}
43
44body #shop2-order-delivery .options-list .shop2-delivery--item__tab .label .delivery-items .option-type .option-label {
45 flex-wrap: wrap;
46}
47
48body #shop2-order-delivery .options-list .shop2-delivery--item__tab .label .delivery-items .option-type .option-label > span + span {
49 padding-left: 35px;
50}
51
52body #shop2-order-delivery .options-list {
53 margin-top: 20px;
54}
55
56body .deligate_points_fields .delivery-point {
57 flex-wrap: wrap;
58 justify-content: space-between;
59}
60
61body .deligate_points_fields .delivery-point div + div {
62 padding-left: 0;
63}
64
65body #shop2-order-delivery .shop2-delivery--item__tab .label .delivery-items .option-type .option-details .option-details {
66 margin-left: 0;
67}
68
69body .point-cost {
70 white-space: nowrap;
71}
72
73body #shop2-order-delivery .g-form-field__value {
74 display: block;
75}
76
77body #shop2-order-delivery .g-form-control-text, body #shop2-order-delivery .g-form-control-textarea {
78 color: var(--on_gr_bg_sec_text_6);
79 border: none;
80 background: var(--on_gr_bg_bg_8);
81 box-shadow: 0 0 0 1px transparent, inset 0 0 0 1px var(--on_gr_bg_border_2);
82 border-radius: var(--gr_form_radius);
83 width: 100%;
84 min-width: 0;
85 height: auto;
86 outline: 0;
87
-webkit-appearance: none;
88
-moz-appearance: none;
89 transition: all 0.18s linear;
90 max-width: 400px;
91 font-size: 16px;
92 line-height: 20px;
93 padding: 15px 20px;
94}
95
96body #shop2-order-delivery .g-form-control-text:hover, body #shop2-order-delivery .g-form-control-text:focus, body #shop2-order-delivery .g-form-control-textarea:hover, body #shop2-order-delivery .g-form-control-textarea:focus {
97 color: var(--on_gr_bg_sec_text);
98 border: none;
99 background: var(--gr_bg);
100 box-shadow: 0 0 0 1px transparent, inset 0 0 0 2px var(--gr_primary);
101}
102
103body #shop2-order-delivery select {
104 font-size: 16px;
105 line-height: 20px;
106 padding: 15px 50px 15px 20px;
107 max-width: 400px;
108 color: var(--on_gr_bg_acc_text_7);
109 border: none;
110 background-color: var(--on_gr_bg_bg_8);
111 background: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22full%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Aev%3D%22http%3A%2F%2Fwww.w3.org%2F2001%2Fxml-events%22%20xml%3Aspace%3D%22preserve%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2211px%22%20height%3D%226px%22%20%20viewBox%3D%220%200%2011%206%22%20preserveAspectRatio%3D%22none%22%20shape-rendering%3D%22geometricPrecision%22%3E%22%3Cpath%20fill%3D%22mainColor1%22%20d%3D%22M11.011%2C1.084%20L5.850%2C6.011%20L5.500%2C5.677%20L5.150%2C6.011%20L-0.011%2C1.084%20L1.136%2C-0.011%20L5.500%2C4.155%20L9.865%2C-0.011%20L11.011%2C1.084%20Z%22%2F%3E%3C%2Fsvg%3E") right 20px top 50% no-repeat;
112 box-shadow: 0 0 0 1px transparent, inset 0 0 0 1px var(--on_gr_bg_border_2);
113 border-radius: var(--gr_form_radius);
114 width: 100%;
115 height: auto;
116 cursor: pointer;
117 outline: 0;
118
-webkit-appearance: none;
119
-moz-appearance: none;
120 transition: all 0.18s linear;
121 position: relative;
122}
123
124body #shop2-order-delivery select:hover, body #shop2-order-delivery select:focus {
125 color: var(--on_gr_bg_acc_text_7);
126 border: none;
127 background-color: var(--gr_bg);
128 box-shadow: 0 0 0 1px transparent, inset 0 0 0 2px var(--gr_primary);
129}
130
131body #shop2-order-delivery .map-select select {
132 max-width: none;
133}
134
135body .shop2-order-options.shop2-delivery .options-list .option-type .option-label span:before, body .shop2-delivery .options-list .option-type .option-label span:before {
136 display: none;
137}
138
139body #shop2-order-delivery .options-list .shop2-delivery--item__tab .label .delivery-items .option-type .option-label .control-radio__label::before {
140 display: block;
141 position: absolute;
142 top: 50%;
143 left: 0;
144 width: 26px;
145 height: 26px;
146 content: "";
147 margin-top: -13px;
148 border: none;
149 background: var(--on_gr_bg_bg_8);
150 box-shadow: 0 0 0 1px transparent, inset 0 0 0 1px var(--on_gr_bg_border_4);
151 border-radius: 50%;
152 transition: background-color 0.2s, box-shadow 0.2s;
153}
154
155body #shop2-order-delivery .options-list .shop2-delivery--item__tab .label .delivery-items .option-type .option-label .control-radio__label::after {
156 display: none;
157}
158
159body #shop2-order-delivery .options-list .shop2-delivery--item__tab .label .delivery-items .option-type .option-label input:checked + .control-radio__label:before {
160 border: none;
161 box-shadow: inset 0 0 0 5px var(--gr_primary);
162 background: var(--gr_bg);
163}
164
165body #shop2-order-delivery .options-list .shop2-delivery--item__tab .label .delivery-items .option-type .option-label .control-radio__label, body #shop2-order-delivery .shop2-delivery--item__tab .label .delivery-items .option-type .option-label span.shop2-edost-day, body .shop2-order-options.shop2-delivery .options-list .option-type .option-label span, body .shop2-delivery .options-list .option-type .option-label span {
166 max-width: none;
167}
168
169body .delivery-baloon-content div.buttons {
170 margin: 0 -10px 0 0;
171}
172
173body .delivery-baloon-content div.buttons a, body .delivery-baloon-content div.buttons button {
174 margin: 0 10px 10px 0;
175 padding: 14px 20px;
176}
177
178body #shop2-order-delivery .options-list .shop2-delivery--item__tab .label .delivery-items .option-type.active-type .option-details .option-details {
179 padding-bottom: 0;
180}
181
182@media (max-width: 768px) {
183 body #shop2-order-delivery .options-list .shop2-delivery--item__tab .label .delivery-items, body #shop2-order-delivery .options-list .shop2-delivery--item__tab .label .delivery-items .option-type {
184 padding-left: 10px;
185 padding-right: 10px;
186 }
187
188 body #shop2-order-delivery .options-list .shop2-delivery--item__tab .label .delivery-items .option-type .option-details {
189 margin-left: 0;
190 }
191
192 body #shop2-order-delivery + .text-right a {
193 margin-left: 0 !important;
194 }
195
196}
197
198@media (max-width: 340px) {
199 body #shop2-order-delivery + .text-right a, body #shop2-order-delivery + .text-right button {
200 width: 100%;
201 }
202
203}
204
205body .shop2-order-options.shop2-delivery h2 + #shop2-order-delivery .options-list, body .shop2-delivery h2 + #shop2-order-delivery .options-list {
206 margin-top: 0;
207}
208
209.main-slider__btn {
210 color: #2e2f38;
211}
212
213.msgrs {
214 position: fixed;
215 right: 25px;
216 bottom: 30px;
217 display: flex;
218 z-index: 10;
219 flex-direction: row;
220}
221
222.msgrs_item.phone a {
223 background-position: bottom left;
224 margin-right: 4px;
225}
226
227.msgrs_item a {
228 display: inline-block;
229 width: 50px;
230 height: 50px;
231 text-decoration: none;
232 background-repeat: no-repeat;
233 transition: 0.3s opacity linear;
234 position: relative;
235}
236
237.msgrs_list {
238 position: absolute;
239 bottom: 25px;
240 right: 0;
241 padding: 0;
242 margin: 0;
243 list-style: none;
244 height: 0;
245 line-height: 0;
246 font-size: 0;
247 overflow-y: clip;
248 opacity: 0;
249 visibility: hidden;
250 transition: 0.3s all linear;
251 display: flex;
252 flex-direction: column;
253 justify-content: end;
254}
255
256.msgrs_list.opened {
257 height: 330px;
258 bottom: 62px;
259 opacity: 1;
260 visibility: visible;
261}
262
263.msgrs_item a {
264 display: inline-block;
265 width: 50px;
266 height: 50px;
267 text-decoration: none;
268 background-image: url(msgrs_sprite.png);
269 background-repeat: no-repeat;
270 transition: 0.3s opacity linear;
271 position: relative;
272}
273
274.msgrs_item a img {
275 width: 100%;
276 height: 100%;
277 object-fit: cover;
278 border-radius: 50%;
279}
280
281.msgrs_item span {
282 color: #000;
283 font-size: 16px;
284 line-height: 20px;
285 position: absolute;
286 right: 100%;
287 margin-right: 5px;
288 top: 50%;
289 margin-top: -10px;
290 visibility: hidden;
291 opacity: 0;
292 transition: 0.25s all linear;
293 white-space: nowrap;
294}
295
296.msgrs_item a:hover {
297 opacity: 0.9;
298}
299
300.msgrs_item:hover span {
301 visibility: visible;
302 opacity: 1;
303}
304
305.msgrs_item {
306 margin-bottom: 5px;
307 position: relative;
308 bottom: initial !important;
309 right: initial !important;
310 z-index: 1 !important;
311}
312
313.msgrs_item span {
314 line-height: normal;
315}
316
317.msgrs_but {
318 position: relative;
319 z-index: 1;
320 display: inline-block;
321 width: 50px;
322 height: 50px;
323 margin-left: 15px;
324 background-image: url(/t/images/msgrs_sprite.png);
325 background-repeat: no-repeat;
326 background-position: bottom -55px right 0;
327 cursor: pointer;
328 transition: 0.3s opacity linear;
329}
330
331.msgrs_but:hover {
332 opacity: 0.9;
333}
334
335.msgrs_but.opened {
336 background-position: bottom 0 right 0;
337}
338
339@media (max-width: 950px) {
340 .msgrs:not(.real-mobile) {
341 bottom: 15px;
342 }
343
344}
345
346.card-page .form-additional .gr-favorite-btn-wrapper, .card-page .form-additional .product-compare {
347 width: 30%;
348}
349
350.ob_block_product {
351 display: flex;
352 flex-direction: column;
353}
354
355.ob_block_product .order-info-block__item {
356 margin: 2px 5px;
357}
358
359.ob_block_product .order-info-block__item .order-info-block__item-body .order-info-block__title span {
360 display: flex;
361 padding-left: 0;
362}
363
364.ob_block_product .order-info-block__item .order-info-block__item-body .order-info-block__title span img {
365 object-fit: contain;
366 max-width: 20px;
367 max-height: 20px;
368}
369
370.ob_block_product .order-info-block__item .order-info-block__item-body .order-info-block__title span .ob_img2 {
371 display: none;
372}
373
374.ob_block_product .order-info-block__item .order-info-block__item-body .order-info-block__title span ins {
375 margin-left: 10px;
376}
377
378.ob_block_product .order-info-block__item:hover .order-info-block__item-body .order-info-block__title span .ob_img1 {
379 display: none;
380}
381
382.ob_block_product .order-info-block__item:hover .order-info-block__item-body .order-info-block__title span .ob_img2 {
383 display: block;
384}
385
386@media (min-width: 1365px) {
387 .ob_block_product {
388 max-width: 200px;
389 margin-left: auto;
390 }
391
392}
393
394@media (max-width: 640px) {
395 .ob_block_product .order-info-block__item {
396 margin: 3px 0;
397 }
398
399}
400