geeparts-js 1.3.21 → 1.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/styles.css DELETED
@@ -1,1090 +0,0 @@
1
- .social-bar {
2
- position: fixed;
3
- right: 20px;
4
- top: 50%;
5
- transform: translateY(-50%);
6
- display: flex;
7
- flex-direction: column;
8
- background-color: #fff;
9
- padding: 20px 10px;
10
- border-radius: 10px;
11
- box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
12
- z-index: 1000;
13
- gap: 20px;
14
- }
15
-
16
- .social-bar a {
17
- display: flex;
18
- justify-content: center;
19
- align-items: center;
20
- width: 50px;
21
- height: 50px;
22
- border-radius: 50%;
23
- color: white;
24
- text-decoration: none;
25
- transition: all 0.3s ease;
26
- padding: 0;
27
- }
28
-
29
- .social-bar a:hover {
30
- transform: scale(1.1);
31
- }
32
-
33
- .facebook {
34
- background-color: #3b5998;
35
- }
36
-
37
- .instagram {
38
- background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
39
- }
40
-
41
- .tiktok {
42
- background-color: #000;
43
- }
44
-
45
- .whatsapp {
46
- background-color: #25d366;
47
- }
48
-
49
- .icon {
50
- width: 20px;
51
- height: 20px;
52
- fill: white;
53
- }
54
-
55
- .categorys_container {
56
- max-width: 1175px;
57
- width: 100%;
58
- margin: 70px auto 0;
59
- }
60
-
61
- .categorys_home {
62
- display: flex;
63
- justify-content: center;
64
- gap: 20px 40px;
65
- list-style: none;
66
- padding: 0;
67
- flex-flow: wrap;
68
- }
69
-
70
- .categorys_home li {
71
- display: flex;
72
- flex-direction: column;
73
- justify-content: center;
74
- align-items: center;
75
- gap: 10px 0;
76
- position: relative;
77
- }
78
-
79
- .categorys_home img {
80
- object-fit: contain;
81
- width: 161px;
82
- height: auto;
83
- transition: 0.2s ease-in-out;
84
- transition-property: transform, opacity;
85
- }
86
-
87
- .categorys_home img:hover {
88
- transform: scale(0.9);
89
- }
90
-
91
- .categorys_home .category_title {
92
- margin: 0;
93
- }
94
-
95
- .categorys_home .category_title a {
96
- color: #242424;
97
- font-size: 16px;
98
- font-weight: bold;
99
- text-decoration: none;
100
- height: 100%;
101
- width: 100%;
102
- vertical-align: middle;
103
- display: flex;
104
- text-transform: uppercase;
105
- }
106
-
107
- .google-reviews-widget {
108
- max-width: 1200px;
109
- width: 100%;
110
- margin: 100px auto 50px;
111
- }
112
-
113
- .ads_navidad {
114
- position: fixed;
115
- left: 0;
116
- right: 0;
117
- bottom: 0;
118
- margin: 0 auto;
119
- max-width: 900px;
120
- width: 100%;
121
- z-index: 9999;
122
- display: flex;
123
- justify-content: center;
124
- align-items: center;
125
- min-height: 500px;
126
- height: 700px;
127
- top: 50%;
128
- transform: translateY(-50%);
129
- }
130
-
131
- .ads_container {
132
- position: relative;
133
- }
134
-
135
- .ads_navidad .ads_m {
136
- display: none;
137
- }
138
-
139
- .ads_navidad img {
140
- width: 100%;
141
- }
142
-
143
- .ads_navidad .close {
144
- color: #fff;
145
- position: absolute;
146
- top: 10px;
147
- right: 10px;
148
- cursor: pointer;
149
- }
150
-
151
- @media (max-width: 768px) {
152
- .ads_navidad .ads_d {
153
- display: none;
154
- }
155
-
156
- .ads_navidad .ads_m {
157
- display: block;
158
- }
159
- }
160
-
161
- .review-block-detailed-item .center-area .review-block-shipping .text-small span:nth-of-type(1) {
162
- display: none;
163
- }
164
-
165
- .review-block-detailed-item .center-area .review-block-shipping .text-small span {
166
- font-size: 1rem;
167
- font-weight: bold;
168
- }
169
-
170
- .body-border-top,
171
- .body-border-right,
172
- .body-border-bottom,
173
- .body-border-left,
174
- .user-content {
175
- display: none;
176
- }
177
-
178
- .section-banners-home {
179
- display: none;
180
- }
181
-
182
- .head-dark {
183
- background-color: #000 !important;
184
- }
185
-
186
- .product-description {
187
- display: block;
188
- }
189
-
190
- .category-body .container-fluid .item-description {
191
- height: 95px;
192
- }
193
-
194
- .section-featured-home .container-fluid .item-description {
195
- height: 95px;
196
- }
197
-
198
- .section-product-slider-home .item-description {
199
- height: 95px;
200
- }
201
-
202
- .theme-rounded .main-content {
203
- padding: 0;
204
- }
205
-
206
- .theme-rounded .head-fix {
207
- top: 0px;
208
- }
209
-
210
- .category-body .container-fluid {
211
- display: none;
212
- }
213
-
214
- .section-product-slider-home .container-fluid,
215
- .section-banners-home .container-fluid {
216
- overflow: hidden;
217
- }
218
-
219
- .theme-rounded .head-transparent-fixed {
220
- width: calc(100% - 0px);
221
- }
222
-
223
- .section-featured-home {
224
- margin-top: 60px;
225
- }
226
-
227
- .section-featured-home .featured-title h2 {
228
- font-size: 42px;
229
- text-transform: uppercase;
230
- line-height: 46px;
231
- margin: 10px 0 40px !important;
232
- }
233
-
234
- .container_logos_marcas {
235
- max-width: 1115px;
236
- margin: 30px auto;
237
- background-color: #e2e2e2;
238
- height: 209px;
239
- display: flex;
240
- justify-content: center;
241
- align-items: center;
242
- }
243
-
244
- .container_logos_marcas ul {
245
- list-style: none;
246
- display: flex;
247
- flex-flow: wrap;
248
- gap: 30px 50px;
249
- justify-content: center;
250
- align-items: center;
251
- width: 720px;
252
- padding: 0;
253
- }
254
-
255
- .container_logos_marcas ul a {
256
- text-decoration: none;
257
- color: #000;
258
- font-size: 25px;
259
- line-height: 27px;
260
- font-weight: bold;
261
- }
262
-
263
- .container_motos_modelos {
264
- display: flex;
265
- flex-direction: column;
266
- justify-content: center;
267
- margin: 0 auto;
268
- width: 1120px;
269
- }
270
-
271
- .powered-by-logo svg {
272
- fill: white !important;
273
- }
274
-
275
- .suzuki_section,
276
- .yamaha_section,
277
- .honda_section,
278
- .bajaj_section,
279
- .ducati_section,
280
- .bmw_section,
281
- .ktm_section,
282
- .kawasaki_section {
283
- display: flex;
284
- justify-content: flex-start;
285
- flex-flow: row wrap;
286
- gap: 23px 18px;
287
- padding: 0;
288
- }
289
-
290
- .suzuki_section .moto,
291
- .yamaha_section .moto,
292
- .honda_section .moto,
293
- .bajaj_section .moto,
294
- .ducati_section .moto,
295
- .bmw_section .moto,
296
- .ktm_section .moto,
297
- .kawasaki_section .moto {
298
- list-style: none;
299
- width: 266px;
300
- }
301
-
302
- .suzuki_section .moto .link_marca,
303
- .yamaha_section .moto .link_marca,
304
- .honda_section .moto .link_marca,
305
- .bajaj_section .moto .link_marca,
306
- .ducati_section .moto .link_marca,
307
- .bmw_section .moto .link_marca,
308
- .ktm_section .moto .link_marca,
309
- .kawasaki_section .moto .link_marca {
310
- text-decoration: none;
311
- color: #242424;
312
- font-size: 16px;
313
- font-weight: bold;
314
- }
315
-
316
- .suzuki_section .moto img,
317
- .yamaha_section .moto img,
318
- .honda_section .moto img,
319
- .bajaj_section .moto img,
320
- .ducati_section .moto img,
321
- .bmw_section .moto img,
322
- .ktm_section .moto img,
323
- .kawasaki_section .moto img {
324
- object-fit: cover;
325
- max-height: 148px;
326
- width: 100%;
327
- }
328
-
329
- .suzuki_section .moto .info,
330
- .yamaha_section .moto .info,
331
- .honda_section .moto .info,
332
- .bajaj_section .moto .info,
333
- .ducati_section .moto .info,
334
- .bmw_section .moto .info,
335
- .ktm_section .moto .info,
336
- .kawasaki_section .moto .info {
337
- width: 266px;
338
- height: 46px;
339
- opacity: 1;
340
- box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
341
- display: flex;
342
- align-items: center;
343
- justify-content: center;
344
- }
345
-
346
- .suzuki_section .moto:last-child,
347
- .yamaha_section .moto:last-child,
348
- .honda_section .moto:last-child,
349
- .bajaj_section .moto:last-child,
350
- .ducati_section .moto:last-child,
351
- .bmw_section .moto:last-child,
352
- .ktm_section .moto:last-child,
353
- .kawasaki_section .moto:last-child {
354
- align-items: flex-start;
355
- justify-self: flex-start;
356
- }
357
-
358
- .section-product-slider-home {
359
- display: none;
360
- }
361
-
362
- .container_productos_home {
363
- display: grid;
364
- grid-template-columns: 1fr 1fr 1fr;
365
- column-gap: 30px;
366
- }
367
-
368
- .container_productos_home #splide_1,
369
- .container_productos_home #splide_2,
370
- .container_productos_home #splide_3 {
371
- height: auto;
372
- }
373
-
374
- .container_productos_home li {
375
- position: relative;
376
- list-style: none;
377
- }
378
-
379
- .container_productos_home li img {
380
- object-fit: cover;
381
- height: 100%;
382
- width: 100%;
383
- }
384
-
385
- .user-content .section_marcas {
386
- margin: 0 auto;
387
- width: 1120px;
388
- }
389
-
390
- .user-content .section_marcas .title_marca {
391
- margin: 10px 0;
392
- font-size: 17px;
393
- font-weight: bold;
394
- text-align: center;
395
- }
396
-
397
- .user-content .section_marcas .marcas_motos {
398
- display: flex;
399
- justify-content: center;
400
- flex-flow: row wrap;
401
- gap: 23px 18px;
402
- padding: 0;
403
- }
404
-
405
- .user-content .section_marcas .marcas_motos .moto {
406
- list-style: none;
407
- box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
408
- padding: 15px 30px;
409
- box-sizing: border-box;
410
- opacity: 1;
411
- display: flex;
412
- align-items: center;
413
- justify-content: center;
414
- width: 250px;
415
- }
416
-
417
- .user-content .section_marcas .marcas_motos .moto .link_marca {
418
- text-decoration: none;
419
- color: #242424;
420
- font-size: 16px;
421
- font-weight: bold;
422
- display: flex;
423
- justify-content: center;
424
- align-items: center;
425
- width: 100%;
426
- height: 100%;
427
- }
428
-
429
- .user-content .section_marcas .marcas_motos .moto img {
430
- object-fit: contain;
431
- height: 40px !important;
432
- width: 100%;
433
- }
434
-
435
- .container_header .header {
436
- display: flex;
437
- padding: 10px 0 20px 0;
438
- box-sizing: border-box;
439
- max-width: 1110px;
440
- margin: 0 auto;
441
- background: #e6c626;
442
- }
443
-
444
- .container_header .header .content_header {
445
- margin: 0 auto;
446
- max-width: 1110px;
447
- width: 100%;
448
- display: flex;
449
- justify-content: center;
450
- align-items: center;
451
- }
452
-
453
- .container_header .menu {
454
- background: black;
455
- height: 55px;
456
- display: flex;
457
- align-items: center;
458
- }
459
-
460
- .container_header .menu .menu_level_one {
461
- display: flex;
462
- list-style: none;
463
- padding: 0;
464
- margin: 0;
465
- margin: 0 auto;
466
- justify-content: space-evenly;
467
- max-width: 1110px;
468
- width: 100%;
469
- }
470
-
471
- .container_header .menu .menu_level_one li {
472
- position: relative;
473
- padding: 5px;
474
- box-sizing: content-box;
475
- }
476
-
477
- .container_header .menu .menu_level_one li ul {
478
- list-style: none;
479
- padding: 0;
480
- margin: 0;
481
- }
482
-
483
- .container_header .menu .menu_level_one li:hover {
484
- background: #cc8904;
485
- }
486
-
487
- .container_header .menu .menu_level_one .menu_level_two {
488
- width: 305px;
489
- padding: 10px 10px;
490
- box-sizing: border-box;
491
- max-height: 720px;
492
- overflow-y: auto;
493
- }
494
-
495
- .container_header .menu .menu_level_one .menu_level_two li {
496
- margin-bottom: 5px;
497
- transition: all 10ms ease-in-out;
498
- box-sizing: content-box;
499
- background: transparent;
500
- }
501
-
502
- .container_header .menu .menu_level_one .menu_level_two li a {
503
- display: inline-block;
504
- padding: 7px;
505
- box-sizing: border-box;
506
- position: relative;
507
- }
508
-
509
- .container_header .menu .menu_level_one .menu_level_two .new a::after {
510
- content: 'Nuevo';
511
- position: absolute;
512
- background: #e6c626;
513
- color: black;
514
- right: -70px;
515
- top: 0;
516
- padding: 3px 7px;
517
- font-size: 14px;
518
- }
519
-
520
- .container_header .menu .menu_level_one .menu_level_two li:hover > a {
521
- background: #cc8904;
522
- padding: 7px;
523
- }
524
-
525
- .container_header .menu .menu_level_one li > ul {
526
- display: none;
527
- position: absolute;
528
- background: #000;
529
- left: 0;
530
- top: 28px;
531
- padding: 0;
532
- z-index: 9999;
533
- }
534
-
535
- .container_header .menu .menu_level_one li:hover > ul {
536
- display: block;
537
- }
538
-
539
- .container_header .menu .menu_level_one a {
540
- text-decoration: none;
541
- color: white;
542
- }
543
-
544
- .container_header .header {
545
- display: flex;
546
- }
547
-
548
- .container_header {
549
- background: #e6c626;
550
- }
551
-
552
- .container_header .car_search_user {
553
- display: flex;
554
- column-gap: 20px;
555
- align-items: center;
556
- }
557
-
558
- .container_header .car_search_user .carrito {
559
- order: 2;
560
- }
561
-
562
- .container_header .car_search_user .cart-widget-amount {
563
- background: black;
564
- color: white;
565
- }
566
-
567
- .container_header .car_search_user .search_user {
568
- display: flex;
569
- flex-direction: column;
570
- row-gap: 10px;
571
- max-width: 350px;
572
- }
573
-
574
- .container_header .car_search_user .search_user .search {
575
- order: 2;
576
- }
577
-
578
- .container_header .car_search_user .search_user .user .nav-secondary {
579
- background: transparent;
580
- padding: 0;
581
- border: none;
582
- margin: 0;
583
- padding-left: 8px;
584
- }
585
-
586
- .container_header .car_search_user .search_user .user .nav-secondary .account-user-icon {
587
- display: none;
588
- }
589
-
590
- .js-head-main {
591
- display: none;
592
- }
593
-
594
- .otras .menu_level_two {
595
- overflow-y: visible !important;
596
- }
597
-
598
- .otras .menu_level_three {
599
- left: -112px !important;
600
- top: 0 !important;
601
- width: 115px;
602
- }
603
-
604
- .sticky {
605
- position: fixed;
606
- top: 0;
607
- width: 100%;
608
- z-index: 1000;
609
- }
610
-
611
- .sticky + .content {
612
- padding-top: 102px;
613
- }
614
-
615
- footer {
616
- background: #1a1a1a;
617
- color: #fff;
618
- }
619
-
620
- footer a {
621
- color: #fff;
622
- }
623
-
624
- footer .svg-icon-text {
625
- filter: invert(96%) sepia(0%) saturate(7500%) hue-rotate(103deg) brightness(106%) contrast(106%);
626
- }
627
-
628
- footer a:hover {
629
- color: #cc8904;
630
- }
631
-
632
- .category-body {
633
- margin-bottom: 130px;
634
- }
635
-
636
- .theme-rounded .item-price {
637
- color: #333;
638
- }
639
-
640
- @media (min-width: 768px) {
641
- .head-fix {
642
- width: calc(100% - 0px);
643
- top: 0px;
644
- }
645
-
646
- .head-fix .container-fluid {
647
- padding: 0 30px 0 30px;
648
- }
649
-
650
- .js-product-table .js-item-product {
651
- max-width: 273px;
652
- }
653
-
654
- .js-head-offset {
655
- padding: 0px !important;
656
- }
657
- }
658
-
659
- @media screen and (max-width: 768px) {
660
- .social-bar {
661
- margin-top: 180px;
662
- }
663
-
664
- .container_logos_marcas {
665
- height: auto;
666
- width: 100%;
667
- }
668
-
669
- .container_logos_marcas ul {
670
- justify-content: space-evenly;
671
- gap: 20px 10px;
672
- }
673
-
674
- .section-featured-home .featured-title h2 {
675
- font-size: 28px;
676
- line-height: 32px;
677
- }
678
-
679
- .container_motos_modelos {
680
- width: 96%;
681
- }
682
-
683
- .swiper-title {
684
- font-size: 42px;
685
- line-height: 46px;
686
- }
687
-
688
- .suzuki_section,
689
- .yamaha_section,
690
- .honda_section {
691
- justify-content: center;
692
- }
693
-
694
- footer .footer-menu {
695
- display: grid;
696
- grid-template-columns: 1fr 1fr 1fr;
697
- }
698
-
699
- .user-content .section_marcas {
700
- width: 100%;
701
- }
702
-
703
- .user-content .section_marcas .marcas_motos {
704
- justify-content: space-evenly;
705
- gap: 15px;
706
- }
707
-
708
- .container_productos_home {
709
- grid-template-columns: 1fr;
710
- row-gap: 30px;
711
- }
712
-
713
- .container_header {
714
- display: none;
715
- }
716
-
717
- .js-head-main {
718
- display: block;
719
- }
720
- }
721
-
722
- @media screen and (max-width: 380px) {
723
- .container_productos_home #splide_1,
724
- .container_productos_home #splide_2,
725
- .container_productos_home #splide_3 {
726
- min-height: auto;
727
- }
728
- }
729
-
730
- .splide__container {
731
- box-sizing: border-box;
732
- position: relative;
733
- }
734
-
735
- .splide__list {
736
- backface-visibility: hidden;
737
- display: flex;
738
- height: 100%;
739
- margin: 0 !important;
740
- padding: 0 !important;
741
- }
742
-
743
- .splide.is-initialized:not(.is-active) .splide__list {
744
- display: block;
745
- }
746
-
747
- .splide__pagination {
748
- align-items: center;
749
- display: flex;
750
- flex-wrap: wrap;
751
- justify-content: center;
752
- margin: 0;
753
- }
754
-
755
- .splide__pagination li {
756
- display: inline-block;
757
- line-height: 1;
758
- list-style-type: none;
759
- margin: 0;
760
- }
761
-
762
- .splide__progress__bar {
763
- width: 0;
764
- }
765
-
766
- .splide {
767
- position: relative;
768
- visibility: hidden;
769
- }
770
-
771
- .splide.is-initialized,
772
- .splide.is-rendered {
773
- visibility: visible;
774
- }
775
-
776
- .splide__slide {
777
- backface-visibility: hidden;
778
- box-sizing: border-box;
779
- flex-shrink: 0;
780
- list-style-type: none !important;
781
- margin: 0;
782
- position: relative;
783
- }
784
-
785
- .splide__slide img {
786
- vertical-align: bottom;
787
- }
788
-
789
- .splide__spinner {
790
- animation: splide-loading 1s linear infinite;
791
- border: 2px solid #999;
792
- border-left-color: transparent;
793
- border-radius: 50%;
794
- bottom: 0;
795
- display: inline-block;
796
- height: 20px;
797
- left: 0;
798
- margin: auto;
799
- position: absolute;
800
- right: 0;
801
- top: 0;
802
- width: 20px;
803
- }
804
-
805
- .splide__sr {
806
- border: 0;
807
- height: 1px;
808
- margin: -1px;
809
- overflow: hidden;
810
- padding: 0;
811
- position: absolute;
812
- width: 1px;
813
- }
814
-
815
- .splide__toggle.is-active .splide__toggle__play,
816
- .splide__toggle__pause {
817
- display: none;
818
- }
819
-
820
- .splide__toggle.is-active .splide__toggle__pause {
821
- display: inline;
822
- }
823
-
824
- .splide__track {
825
- overflow: hidden;
826
- position: relative;
827
- z-index: 0;
828
- }
829
-
830
- @keyframes splide-loading {
831
- 0% {
832
- transform: rotate(0);
833
- }
834
-
835
- to {
836
- }
837
- }
838
-
839
- .splide__track--draggable {
840
- -webkit-user-select: none;
841
- -ms-user-select: none;
842
- user-select: none;
843
- }
844
-
845
- .splide__track--fade > .splide__list {
846
- display: block;
847
- }
848
-
849
- .splide__track--fade > .splide__list > .splide__slide {
850
- left: 0;
851
- opacity: 0;
852
- position: absolute;
853
- top: 0;
854
- z-index: 0;
855
- }
856
-
857
- .splide__track--fade > .splide__list > .splide__slide.is-active {
858
- opacity: 1;
859
- position: relative;
860
- z-index: 1;
861
- }
862
-
863
- .splide--rtl {
864
- direction: rtl;
865
- }
866
-
867
- .splide__track--ttb > .splide__list {
868
- display: block;
869
- }
870
-
871
- .splide__arrow {
872
- align-items: center;
873
- background: #ccc;
874
- border: 0;
875
- border-radius: 50%;
876
- cursor: pointer;
877
- display: flex;
878
- height: 2em;
879
- justify-content: center;
880
- opacity: 0.7;
881
- padding: 0;
882
- position: absolute;
883
- top: 50%;
884
- transform: translateY(-50%);
885
- width: 2em;
886
- z-index: 1;
887
- }
888
-
889
- .splide__arrow svg {
890
- height: 1.2em;
891
- width: 1.2em;
892
- }
893
-
894
- .splide__arrow:hover:not(:disabled) {
895
- opacity: 0.9;
896
- }
897
-
898
- .splide__arrow:disabled {
899
- opacity: 0.3;
900
- }
901
-
902
- .splide__arrow--prev {
903
- left: 1em;
904
- }
905
-
906
- .splide__arrow--prev svg {
907
- transform: scaleX(-1);
908
- }
909
-
910
- .splide__arrow--next {
911
- right: 1em;
912
- }
913
-
914
- .splide.is-focus-in .splide__arrow:focus {
915
- outline: 3px solid #0bf;
916
- outline-offset: 3px;
917
- }
918
-
919
- .splide__pagination {
920
- bottom: 0.5em;
921
- left: 0;
922
- padding: 0 1em;
923
- position: absolute;
924
- right: 0;
925
- z-index: 1;
926
- }
927
-
928
- .splide__pagination__page {
929
- background: #ccc;
930
- border: 0;
931
- border-radius: 50%;
932
- display: inline-block;
933
- height: 8px;
934
- margin: 3px;
935
- opacity: 0.7;
936
- padding: 0;
937
- position: relative;
938
- transition: transform 0.2s linear;
939
- width: 8px;
940
- }
941
-
942
- .splide__pagination__page.is-active {
943
- background: #fff;
944
- transform: scale(1.4);
945
- z-index: 1;
946
- }
947
-
948
- .splide__pagination__page:hover {
949
- cursor: pointer;
950
- opacity: 0.9;
951
- }
952
-
953
- .splide.is-focus-in .splide__pagination__page:focus {
954
- outline: 3px solid #0bf;
955
- outline-offset: 3px;
956
- }
957
-
958
- .splide__progress__bar {
959
- background: #ccc;
960
- height: 3px;
961
- }
962
-
963
- .splide__slide {
964
- }
965
-
966
- .splide__slide:focus {
967
- outline: 0;
968
- }
969
-
970
- @supports (outline-offset: -3px) {
971
- }
972
-
973
- @supports (outline-offset: -3px) {
974
- .splide.is-focus-in .splide__slide:focus {
975
- outline: 3px solid #0bf;
976
- outline-offset: -3px;
977
- }
978
- }
979
-
980
- .splide__toggle {
981
- cursor: pointer;
982
- }
983
-
984
- .splide.is-focus-in .splide__toggle:focus {
985
- outline: 3px solid #0bf;
986
- outline-offset: 3px;
987
- }
988
-
989
- .splide__track--nav > .splide__list > .splide__slide {
990
- border: 3px solid transparent;
991
- cursor: pointer;
992
- }
993
-
994
- .splide__track--nav > .splide__list > .splide__slide.is-active {
995
- border: 3px solid #000;
996
- }
997
-
998
- .splide__arrows--rtl .splide__arrow--prev {
999
- left: auto;
1000
- right: 1em;
1001
- }
1002
-
1003
- .splide__arrows--rtl .splide__arrow--prev svg {
1004
- transform: scaleX(1);
1005
- }
1006
-
1007
- .splide__arrows--rtl .splide__arrow--next {
1008
- left: 1em;
1009
- right: auto;
1010
- }
1011
-
1012
- .splide__arrows--rtl .splide__arrow--next svg {
1013
- transform: scaleX(-1);
1014
- }
1015
-
1016
- .splide__arrows--ttb .splide__arrow {
1017
- left: 50%;
1018
- transform: translate(-50%);
1019
- }
1020
-
1021
- .splide__arrows--ttb .splide__arrow--prev {
1022
- top: 1em;
1023
- }
1024
-
1025
- .splide__arrows--ttb .splide__arrow--prev svg {
1026
- transform: rotate(-90deg);
1027
- }
1028
-
1029
- .splide__arrows--ttb .splide__arrow--next {
1030
- bottom: 1em;
1031
- top: auto;
1032
- }
1033
-
1034
- .splide__arrows--ttb .splide__arrow--next svg {
1035
- transform: rotate(90deg);
1036
- }
1037
-
1038
- .splide__pagination--ttb {
1039
- bottom: 0;
1040
- display: flex;
1041
- flex-direction: column;
1042
- left: auto;
1043
- padding: 1em 0;
1044
- right: 0.5em;
1045
- top: 0;
1046
- }
1047
-
1048
- .cupon_mobile {
1049
- display: none;
1050
- }
1051
-
1052
- @media screen and (max-width: 768px) {
1053
- .cupon_mobile {
1054
- display: block;
1055
- }
1056
-
1057
- .cupon_desktop {
1058
- display: none;
1059
- }
1060
- }
1061
-
1062
- .block_info {
1063
- display: flex;
1064
- justify-content: center;
1065
- }
1066
-
1067
- .block_info .block-container {
1068
- display: flex;
1069
- gap: 20px;
1070
- margin: 50px auto 5px;
1071
- flex-flow: wrap;
1072
- }
1073
-
1074
- .block_info .block-container .element {
1075
- display: flex;
1076
- justify-content: center;
1077
- flex-direction: column;
1078
- gap: 10px;
1079
- align-items: center;
1080
- width: 210px;
1081
- }
1082
-
1083
- .block_info .block-container .element img {
1084
- width: 50px;
1085
- height: 50px;
1086
- }
1087
-
1088
- .block_info .block-container .element .text {
1089
- text-align: center;
1090
- }