@sc-360-v2/storefront-cms-library 0.2.99 → 0.3.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.
Files changed (24) hide show
  1. package/dist/amount-estimator.scss +226 -291
  2. package/dist/builder.js +1 -1
  3. package/dist/cartDropdownOverlay.scss +13 -0
  4. package/dist/faq.scss +24 -20
  5. package/dist/icon-list.scss +16 -15
  6. package/dist/map.scss +35 -35
  7. package/dist/pickup-locations.scss +19 -22
  8. package/dist/product-options.scss +76 -118
  9. package/dist/quick-links.scss +143 -186
  10. package/dist/quotes.scss +0 -1
  11. package/dist/repeater-item.scss +0 -1
  12. package/dist/section.scss +78 -29
  13. package/dist/stack.scss +61 -16
  14. package/dist/store-locations.scss +20 -21
  15. package/dist/types/builder/tools/element-edit/paymentMethods.d.ts +1 -94
  16. package/dist/uom-selector.scss +1428 -941
  17. package/dist/variant-picker.scss +68 -416
  18. package/dist/volume-pricing.scss +606 -1007
  19. package/dist/widget.scss +0 -2
  20. package/package.json +1 -1
  21. package/dist/menu-item.scss +0 -19
  22. package/dist/order-status.scss +0 -483
  23. package/dist/table-common.scss +0 -510
  24. package/dist/volume-pricing copy.scss +0 -1092
package/dist/uom-selector.scss CHANGED
@@ -1,6 +1,5 @@
1
1
  @use "sass:map";
2
2
  @use "sass:list";
3
- @use "./table-common.scss";
4
3
 
5
4
  [data-div-type="element"] {
6
5
  &[data-element-type="uomSelector"] {
@@ -10,7 +9,7 @@
10
9
  // padding: var(--_lt-pg);
11
10
  // width: var(--_ctm-lt-wh, var(--_tst-lt-wh));
12
11
  // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
13
- // margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
12
+ margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
14
13
  // height: var(--_ctm-lt-ht, var(--_tst-lt-ht));
15
14
  // height: ;
16
15
  // aspect-ratio: 1 / var(--_sf-aspect-ratio);
@@ -18,21 +17,6 @@
18
17
  // 1 * (var(--_ctm-lt-ht, var(--_tst-lt-ht)) / var(--_ctm-lt-wh, var(--_tst-lt-wh)))
19
18
  // );
20
19
 
21
- width: var(
22
- --_sf-el-wh-st-mx,
23
- calc(
24
- 1% * var(--_ctm-mob-ele-nw-wh-vl, var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl)))
25
- )
26
- );
27
- margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
28
-
29
- --_aspect-ratio: calc(
30
- 1 *
31
- (
32
- var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) /
33
- var(--_ctm-mob-lt-wh, var(--_ctm-tab-lt-wh, var(--_ctm-lt-wh)))
34
- )
35
- );
36
20
  & > .wrapper {
37
21
  width: 100%;
38
22
  // height: 100%;
@@ -68,59 +52,56 @@
68
52
  line-height: 18px;
69
53
  margin-bottom: 6px;
70
54
  }
71
-
72
- .uom__selector {
73
- padding: 10px;
74
- width: 100%;
75
- height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht)));
76
- .uom__container {
77
- padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
78
- // border: 1px solid rgba(75, 69, 70, 1);
79
- // border-radius: 20px;
80
- .stack {
55
+ .uom__container {
56
+ padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
57
+ // border: 1px solid rgba(75, 69, 70, 1);
58
+ // border-radius: 20px;
59
+ .stack {
60
+ display: flex;
61
+ flex-direction: column;
62
+ .static {
63
+ color: var(
64
+ --_ctm-mob-dn-um-te-se-cr,
65
+ var(--_ctm-tab-dn-um-te-se-cr, var(--_ctm-dn-um-te-se-cr))
66
+ );
67
+ font-family: var(
68
+ --_ctm-mob-dn-um-te-se-ft-fy,
69
+ var(--_ctm-tab-dn-um-te-se-ft-fy, var(--_ctm-dn-um-te-se-ft-fy))
70
+ ),
71
+ sans-serif;
72
+ font-size: var(
73
+ --_ctm-mob-dn-um-te-se-ft-se,
74
+ var(--_ctm-tab-dn-um-te-se-ft-se, var(--_ctm-dn-um-te-se-ft-se))
75
+ );
76
+ font-weight: var(
77
+ --_ctm-mob-dn-um-te-se-ft-wt,
78
+ var(--_ctm-tab-dn-um-te-se-ft-wt, var(--_ctm-dn-um-te-se-ft-wt))
79
+ );
80
+ font-style: var(
81
+ --_ctm-mob-dn-um-te-se-ft-se-ic,
82
+ var(--_ctm-tab-dn-um-te-se-ft-se-ic, var(--_ctm-dn-um-te-se-ft-se-ic))
83
+ );
84
+ text-align: var(
85
+ --_ctm-mob-dn-um-te-se-tt-an,
86
+ var(--_ctm-tab-dn-um-te-se-tt-an, var(--_ctm-dn-um-te-se-tt-an))
87
+ );
88
+ letter-spacing: var(
89
+ --_ctm-mob-dn-um-te-se-lr-sg,
90
+ var(--_ctm-tab-dn-um-te-se-lr-sg, var(--_ctm-dn-um-te-se-lr-sg))
91
+ );
92
+ line-height: var(
93
+ --_ctm-mob-dn-um-te-se-le-ht,
94
+ var(--_ctm-tab-dn-um-te-se-le-ht, var(--_ctm-dn-um-te-se-le-ht))
95
+ );
96
+ text-decoration: var(
97
+ --_ctm-mob-dn-um-te-se-ue,
98
+ var(--_ctm-tab-dn-um-te-se-ue, var(--_ctm-dn-um-te-se-ue))
99
+ );
100
+ }
101
+ .horizontal {
81
102
  display: flex;
82
- flex-direction: column;
83
- height: 100%;
84
- .static {
85
- color: var(
86
- --_ctm-mob-dn-um-te-se-cr,
87
- var(--_ctm-tab-dn-um-te-se-cr, var(--_ctm-dn-um-te-se-cr))
88
- );
89
- font-family: var(
90
- --_ctm-mob-dn-um-te-se-ft-fy,
91
- var(--_ctm-tab-dn-um-te-se-ft-fy, var(--_ctm-dn-um-te-se-ft-fy))
92
- ),
93
- sans-serif;
94
- font-size: var(
95
- --_ctm-mob-dn-um-te-se-ft-se,
96
- var(--_ctm-tab-dn-um-te-se-ft-se, var(--_ctm-dn-um-te-se-ft-se))
97
- );
98
- font-weight: var(
99
- --_ctm-mob-dn-um-te-se-ft-wt,
100
- var(--_ctm-tab-dn-um-te-se-ft-wt, var(--_ctm-dn-um-te-se-ft-wt))
101
- );
102
- font-style: var(
103
- --_ctm-mob-dn-um-te-se-ft-se-ic,
104
- var(--_ctm-tab-dn-um-te-se-ft-se-ic, var(--_ctm-dn-um-te-se-ft-se-ic))
105
- );
106
- text-align: var(
107
- --_ctm-mob-dn-um-te-se-tt-an,
108
- var(--_ctm-tab-dn-um-te-se-tt-an, var(--_ctm-dn-um-te-se-tt-an))
109
- );
110
- letter-spacing: var(
111
- --_ctm-mob-dn-um-te-se-lr-sg,
112
- var(--_ctm-tab-dn-um-te-se-lr-sg, var(--_ctm-dn-um-te-se-lr-sg))
113
- );
114
- line-height: var(
115
- --_ctm-mob-dn-um-te-se-le-ht,
116
- var(--_ctm-tab-dn-um-te-se-le-ht, var(--_ctm-dn-um-te-se-le-ht))
117
- );
118
- text-decoration: var(
119
- --_ctm-mob-dn-um-te-se-ue,
120
- var(--_ctm-tab-dn-um-te-se-ue, var(--_ctm-dn-um-te-se-ue))
121
- );
122
- }
123
-
103
+ flex-direction: row;
104
+ gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
124
105
  .item {
125
106
  display: flex;
126
107
  align-items: center;
@@ -186,6 +167,209 @@
186
167
  var(--_ctm-tab-dn-im-se-dt-se-sw-cr, var(--_ctm-dn-im-se-dt-se-sw-cr))
187
168
  )
188
169
  );
170
+
171
+ .each {
172
+ color: var(
173
+ --_ctm-mob-dn-um-se-cr,
174
+ var(--_ctm-tab-dn-um-se-cr, var(--_ctm-dn-um-se-cr))
175
+ );
176
+ font-family: var(
177
+ --_ctm-mob-dn-um-se-ft-fy,
178
+ var(--_ctm-tab-dn-um-se-ft-fy, var(--_ctm-dn-um-se-ft-fy))
179
+ ),
180
+ sans-serif;
181
+ font-size: var(
182
+ --_ctm-mob-dn-um-se-ft-se,
183
+ var(--_ctm-tab-dn-um-se-ft-se, var(--_ctm-dn-um-se-ft-se))
184
+ );
185
+ font-weight: var(
186
+ --_ctm-mob-dn-um-se-ft-wt,
187
+ var(--_ctm-tab-dn-um-se-ft-wt, var(--_ctm-dn-um-se-ft-wt))
188
+ );
189
+ font-style: var(
190
+ --_ctm-mob-dn-um-se-ft-se-ic,
191
+ var(--_ctm-tab-dn-um-se-ft-se-ic, var(--_ctm-dn-um-se-ft-se-ic))
192
+ );
193
+ text-align: var(
194
+ --_ctm-mob-dn-um-se-tt-an,
195
+ var(--_ctm-tab-dn-um-se-tt-an, var(--_ctm-dn-um-se-tt-an))
196
+ );
197
+ letter-spacing: var(
198
+ --_ctm-mob-dn-um-se-lr-sg,
199
+ var(--_ctm-tab-dn-um-se-lr-sg, var(--_ctm-dn-um-se-lr-sg))
200
+ );
201
+ line-height: var(
202
+ --_ctm-mob-dn-um-se-le-ht,
203
+ var(--_ctm-tab-dn-um-se-le-ht, var(--_ctm-dn-um-se-le-ht))
204
+ );
205
+ text-decoration: var(
206
+ --_ctm-mob-dn-um-se-ue,
207
+ var(--_ctm-tab-dn-um-se-ue, var(--_ctm-dn-um-se-ue))
208
+ );
209
+ }
210
+
211
+ .price {
212
+ color: var(
213
+ --_ctm-mob-dn-pt-pe-cr,
214
+ var(--_ctm-tab-dn-pt-pe-cr, var(--_ctm-dn-pt-pe-cr))
215
+ );
216
+ font-family: var(
217
+ --_ctm-mob-dn-pt-pe-ft-fy,
218
+ var(--_ctm-tab-dn-pt-pe-ft-fy, var(--_ctm-dn-pt-pe-ft-fy))
219
+ ),
220
+ sans-serif;
221
+ font-size: var(
222
+ --_ctm-mob-dn-pt-pe-ft-se,
223
+ var(--_ctm-tab-dn-pt-pe-ft-se, var(--_ctm-dn-pt-pe-ft-se))
224
+ );
225
+ font-weight: var(
226
+ --_ctm-mob-dn-pt-pe-ft-wt,
227
+ var(--_ctm-tab-dn-pt-pe-ft-wt, var(--_ctm-dn-pt-pe-ft-wt))
228
+ );
229
+ font-style: var(
230
+ --_ctm-mob-dn-pt-pe-ft-se-ic,
231
+ var(--_ctm-tab-dn-pt-pe-ft-se-ic, var(--_ctm-dn-pt-pe-ft-se-ic))
232
+ );
233
+ text-align: var(
234
+ --_ctm-mob-dn-pt-pe-tt-an,
235
+ var(--_ctm-tab-dn-pt-pe-tt-an, var(--_ctm-dn-pt-pe-tt-an))
236
+ );
237
+ letter-spacing: var(
238
+ --_ctm-mob-dn-pt-pe-lr-sg,
239
+ var(--_ctm-tab-dn-pt-pe-lr-sg, var(--_ctm-dn-pt-pe-lr-sg))
240
+ );
241
+ line-height: var(
242
+ --_ctm-mob-dn-pt-pe-le-ht,
243
+ var(--_ctm-tab-dn-pt-pe-le-ht, var(--_ctm-dn-pt-pe-le-ht))
244
+ );
245
+ text-decoration: var(
246
+ --_ctm-mob-dn-pt-pe-ue,
247
+ var(--_ctm-tab-dn-pt-pe-ue, var(--_ctm-dn-pt-pe-ue))
248
+ );
249
+ }
250
+ .off__price {
251
+ font-size: 12px;
252
+ display: flex;
253
+ justify-content: space-around;
254
+ gap: 10px;
255
+ align-items: center;
256
+ .offer__price {
257
+ color: var(--_ctm-mob-dn-ss-cr, var(--_ctm-tab-dn-ss-cr, var(--_ctm-dn-ss-cr)));
258
+ font-family: var(
259
+ --_ctm-mob-dn-ss-ft-fy,
260
+ var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy))
261
+ ),
262
+ sans-serif;
263
+ font-size: var(
264
+ --_ctm-mob-dn-ss-ft-se,
265
+ var(--_ctm-tab-dn-ss-ft-se, var(--_ctm-dn-ss-ft-se))
266
+ );
267
+ font-weight: var(
268
+ --_ctm-mob-dn-ss-ft-wt,
269
+ var(--_ctm-tab-dn-ss-ft-wt, var(--_ctm-dn-ss-ft-wt))
270
+ );
271
+ font-style: var(
272
+ --_ctm-mob-dn-ss-ft-se-ic,
273
+ var(--_ctm-tab-dn-ss-ft-se-ic, var(--_ctm-dn-ss-ft-se-ic))
274
+ );
275
+ text-align: var(
276
+ --_ctm-mob-dn-ss-tt-an,
277
+ var(--_ctm-tab-dn-ss-tt-an, var(--_ctm-dn-ss-tt-an))
278
+ );
279
+ letter-spacing: var(
280
+ --_ctm-mob-dn-ss-lr-sg,
281
+ var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg))
282
+ );
283
+ line-height: var(
284
+ --_ctm-mob-dn-ss-le-ht,
285
+ var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht))
286
+ );
287
+ text-decoration: var(
288
+ --_ctm-mob-dn-ss-ue,
289
+ var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue))
290
+ );
291
+ }
292
+
293
+ .discount__price {
294
+ color: var(
295
+ --_ctm-mob-dn-al-pe-cr,
296
+ var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr))
297
+ );
298
+ font-family: var(
299
+ --_ctm-mob-dn-al-pe-ft-fy,
300
+ var(--_ctm-tab-dn-al-pe-ft-fy, var(--_ctm-dn-al-pe-ft-fy))
301
+ ),
302
+ sans-serif;
303
+ font-size: var(
304
+ --_ctm-mob-dn-al-pe-ft-se,
305
+ var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se))
306
+ );
307
+ font-weight: var(
308
+ --_ctm-mob-dn-al-pe-ft-wt,
309
+ var(--_ctm-tab-dn-al-pe-ft-wt, var(--_ctm-dn-al-pe-ft-wt))
310
+ );
311
+ font-style: var(
312
+ --_ctm-mob-dn-al-pe-ft-se-ic,
313
+ var(--_ctm-tab-dn-al-pe-ft-se-ic, var(--_ctm-dn-al-pe-ft-se-ic))
314
+ );
315
+ text-align: var(
316
+ --_ctm-mob-dn-al-pe-tt-an,
317
+ var(--_ctm-tab-dn-al-pe-tt-an, var(--_ctm-dn-al-pe-tt-an))
318
+ );
319
+ letter-spacing: var(
320
+ --_ctm-mob-dn-al-pe-lr-sg,
321
+ var(--_ctm-tab-dn-al-pe-lr-sg, var(--_ctm-dn-al-pe-lr-sg))
322
+ );
323
+ line-height: var(
324
+ --_ctm-mob-dn-al-pe-le-ht,
325
+ var(--_ctm-tab-dn-al-pe-le-ht, var(--_ctm-dn-al-pe-le-ht))
326
+ );
327
+ text-decoration: var(
328
+ --_ctm-mob-dn-al-pe-ue,
329
+ var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue))
330
+ );
331
+ }
332
+ }
333
+
334
+ .units {
335
+ color: var(
336
+ --_ctm-mob-dn-pe-pr-ut-cr,
337
+ var(--_ctm-tab-dn-pe-pr-ut-cr, var(--_ctm-dn-pe-pr-ut-cr))
338
+ );
339
+ font-family: var(
340
+ --_ctm-mob-dn-pe-pr-ut-ft-fy,
341
+ var(--_ctm-tab-dn-pe-pr-ut-ft-fy, var(--_ctm-dn-pe-pr-ut-ft-fy))
342
+ ),
343
+ sans-serif;
344
+ font-size: var(
345
+ --_ctm-mob-dn-pe-pr-ut-ft-se,
346
+ var(--_ctm-tab-dn-pe-pr-ut-ft-se, var(--_ctm-dn-pe-pr-ut-ft-se))
347
+ );
348
+ font-weight: var(
349
+ --_ctm-mob-dn-pe-pr-ut-ft-wt,
350
+ var(--_ctm-tab-dn-pe-pr-ut-ft-wt, var(--_ctm-dn-pe-pr-ut-ft-wt))
351
+ );
352
+ font-style: var(
353
+ --_ctm-mob-dn-pe-pr-ut-ft-se-ic,
354
+ var(--_ctm-tab-dn-pe-pr-ut-ft-se-ic, var(--_ctm-dn-pe-pr-ut-ft-se-ic))
355
+ );
356
+ text-align: var(
357
+ --_ctm-mob-dn-pe-pr-ut-tt-an,
358
+ var(--_ctm-tab-dn-pe-pr-ut-tt-an, var(--_ctm-dn-pe-pr-ut-tt-an))
359
+ );
360
+ letter-spacing: var(
361
+ --_ctm-mob-dn-pe-pr-ut-lr-sg,
362
+ var(--_ctm-tab-dn-pe-pr-ut-lr-sg, var(--_ctm-dn-pe-pr-ut-lr-sg))
363
+ );
364
+ line-height: var(
365
+ --_ctm-mob-dn-pe-pr-ut-le-ht,
366
+ var(--_ctm-tab-dn-pe-pr-ut-le-ht, var(--_ctm-dn-pe-pr-ut-le-ht))
367
+ );
368
+ text-decoration: var(
369
+ --_ctm-mob-dn-pe-pr-ut-ue,
370
+ var(--_ctm-tab-dn-pe-pr-ut-ue, var(--_ctm-dn-pe-pr-ut-ue))
371
+ );
372
+ }
189
373
  }
190
374
  .active {
191
375
  display: flex;
@@ -349,7 +533,7 @@
349
533
  justify-content: space-around;
350
534
  gap: 10px;
351
535
  align-items: center;
352
- .saving__amount {
536
+ .offer__price {
353
537
  color: var(--_ctm-mob-dn-ss-cr, var(--_ctm-tab-dn-ss-cr, var(--_ctm-dn-ss-cr)));
354
538
  font-family: var(
355
539
  --_ctm-mob-dn-ss-ft-fy,
@@ -386,7 +570,7 @@
386
570
  );
387
571
  }
388
572
 
389
- .actual__price {
573
+ .discount__price {
390
574
  color: var(
391
575
  --_ctm-mob-dn-al-pe-cr,
392
576
  var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr))
@@ -466,327 +650,115 @@
466
650
  );
467
651
  }
468
652
  }
653
+ }
654
+ .vertical {
655
+ display: flex;
656
+ flex-direction: column;
657
+ gap: var(--_ctm-lt-im-sg);
658
+ .item {
659
+ display: flex;
660
+ align-items: var(--_ctm-dn-im-se-dt-se-ct-at);
661
+ justify-content: space-between;
662
+ padding: var(
663
+ --_ctm-mob-dn-im-se-dt-se-vl-pg,
664
+ var(--_ctm-tab-dn-im-se-dt-se-vl-pg, var(--_ctm-dn-im-se-dt-se-vl-pg))
665
+ )
666
+ var(
667
+ --_ctm-mob-dn-im-se-dt-se-hl-pg,
668
+ var(--_ctm-tab-dn-im-se-dt-se-hl-pg, var(--_ctm-dn-im-se-dt-se-hl-pg))
669
+ );
670
+ cursor: pointer;
671
+ background-color: var(
672
+ --_ctm-mob-dn-im-se-dt-se-bd-cr,
673
+ var(--_ctm-tab-dn-im-se-dt-se-bd-cr, var(--_ctm-dn-im-se-dt-se-bd-cr))
674
+ );
469
675
 
470
- .each {
471
- color: var(
472
- --_ctm-mob-dn-um-se-cr,
473
- var(--_ctm-tab-dn-um-se-cr, var(--_ctm-dn-um-se-cr))
676
+ border-color: var(
677
+ --_show-border-im-se,
678
+ var(
679
+ --_ctm-mob-dn-im-se-dt-se-br-cr,
680
+ var(--_ctm-tab-dn-im-se-dt-se-br-cr, var(--_ctm-dn-im-se-dt-se-br-cr))
681
+ )
474
682
  );
475
- font-family: var(
476
- --_ctm-mob-dn-um-se-ft-fy,
477
- var(--_ctm-tab-dn-um-se-ft-fy, var(--_ctm-dn-um-se-ft-fy))
478
- ),
479
- sans-serif;
480
- font-size: var(
481
- --_ctm-mob-dn-um-se-ft-se,
482
- var(--_ctm-tab-dn-um-se-ft-se, var(--_ctm-dn-um-se-ft-se))
683
+ border-style: var(
684
+ --_show-border-im-se,
685
+ var(
686
+ --_ctm-mob-dn-im-se-dt-se-br-se,
687
+ var(--_ctm-tab-dn-im-se-dt-se-br-se, var(--_ctm-dn-im-se-dt-se-br-se))
688
+ )
483
689
  );
484
- font-weight: var(
485
- --_ctm-mob-dn-um-se-ft-wt,
486
- var(--_ctm-tab-dn-um-se-ft-wt, var(--_ctm-dn-um-se-ft-wt))
487
- );
488
- font-style: var(
489
- --_ctm-mob-dn-um-se-ft-se-ic,
490
- var(--_ctm-tab-dn-um-se-ft-se-ic, var(--_ctm-dn-um-se-ft-se-ic))
491
- );
492
- text-align: var(
493
- --_ctm-mob-dn-um-se-tt-an,
494
- var(--_ctm-tab-dn-um-se-tt-an, var(--_ctm-dn-um-se-tt-an))
495
- );
496
- letter-spacing: var(
497
- --_ctm-mob-dn-um-se-lr-sg,
498
- var(--_ctm-tab-dn-um-se-lr-sg, var(--_ctm-dn-um-se-lr-sg))
499
- );
500
- line-height: var(
501
- --_ctm-mob-dn-um-se-le-ht,
502
- var(--_ctm-tab-dn-um-se-le-ht, var(--_ctm-dn-um-se-le-ht))
503
- );
504
- text-decoration: var(
505
- --_ctm-mob-dn-um-se-ue,
506
- var(--_ctm-tab-dn-um-se-ue, var(--_ctm-dn-um-se-ue))
507
- );
508
- }
509
-
510
- .price {
511
- color: var(
512
- --_ctm-mob-dn-pt-pe-cr,
513
- var(--_ctm-tab-dn-pt-pe-cr, var(--_ctm-dn-pt-pe-cr))
514
- );
515
- font-family: var(
516
- --_ctm-mob-dn-pt-pe-ft-fy,
517
- var(--_ctm-tab-dn-pt-pe-ft-fy, var(--_ctm-dn-pt-pe-ft-fy))
518
- ),
519
- sans-serif;
520
- font-size: var(
521
- --_ctm-mob-dn-pt-pe-ft-se,
522
- var(--_ctm-tab-dn-pt-pe-ft-se, var(--_ctm-dn-pt-pe-ft-se))
523
- );
524
- font-weight: var(
525
- --_ctm-mob-dn-pt-pe-ft-wt,
526
- var(--_ctm-tab-dn-pt-pe-ft-wt, var(--_ctm-dn-pt-pe-ft-wt))
527
- );
528
- font-style: var(
529
- --_ctm-mob-dn-pt-pe-ft-se-ic,
530
- var(--_ctm-tab-dn-pt-pe-ft-se-ic, var(--_ctm-dn-pt-pe-ft-se-ic))
531
- );
532
- text-align: var(
533
- --_ctm-mob-dn-pt-pe-tt-an,
534
- var(--_ctm-tab-dn-pt-pe-tt-an, var(--_ctm-dn-pt-pe-tt-an))
535
- );
536
- letter-spacing: var(
537
- --_ctm-mob-dn-pt-pe-lr-sg,
538
- var(--_ctm-tab-dn-pt-pe-lr-sg, var(--_ctm-dn-pt-pe-lr-sg))
539
- );
540
- line-height: var(
541
- --_ctm-mob-dn-pt-pe-le-ht,
542
- var(--_ctm-tab-dn-pt-pe-le-ht, var(--_ctm-dn-pt-pe-le-ht))
543
- );
544
- text-decoration: var(
545
- --_ctm-mob-dn-pt-pe-ue,
546
- var(--_ctm-tab-dn-pt-pe-ue, var(--_ctm-dn-pt-pe-ue))
547
- );
548
- }
549
- .actual__price {
550
- color: var(
551
- --_ctm-mob-dn-al-pe-cr,
552
- var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr))
553
- );
554
- font-family: var(
555
- --_ctm-mob-dn-al-pe-ft-fy,
556
- var(--_ctm-tab-dn-al-pe-ft-fy, var(--_ctm-dn-al-pe-ft-fy))
557
- ),
558
- sans-serif;
559
- font-size: var(
560
- --_ctm-mob-dn-al-pe-ft-se,
561
- var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se))
562
- );
563
- font-weight: var(
564
- --_ctm-mob-dn-al-pe-ft-wt,
565
- var(--_ctm-tab-dn-al-pe-ft-wt, var(--_ctm-dn-al-pe-ft-wt))
566
- );
567
- font-style: var(
568
- --_ctm-mob-dn-al-pe-ft-se-ic,
569
- var(--_ctm-tab-dn-al-pe-ft-se-ic, var(--_ctm-dn-al-pe-ft-se-ic))
570
- );
571
- text-align: var(
572
- --_ctm-mob-dn-al-pe-tt-an,
573
- var(--_ctm-tab-dn-al-pe-tt-an, var(--_ctm-dn-al-pe-tt-an))
574
- );
575
- letter-spacing: var(
576
- --_ctm-mob-dn-al-pe-lr-sg,
577
- var(--_ctm-tab-dn-al-pe-lr-sg, var(--_ctm-dn-al-pe-lr-sg))
578
- );
579
- line-height: var(
580
- --_ctm-mob-dn-al-pe-le-ht,
581
- var(--_ctm-tab-dn-al-pe-le-ht, var(--_ctm-dn-al-pe-le-ht))
582
- );
583
- text-decoration: var(
584
- --_ctm-mob-dn-al-pe-ue,
585
- var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue))
586
- );
587
- }
588
- .saving__amount {
589
- color: var(--_ctm-mob-dn-ss-cr, var(--_ctm-tab-dn-ss-cr, var(--_ctm-dn-ss-cr)));
590
- font-family: var(
591
- --_ctm-mob-dn-ss-ft-fy,
592
- var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy))
593
- ),
594
- sans-serif;
595
- font-size: var(
596
- --_ctm-mob-dn-ss-ft-se,
597
- var(--_ctm-tab-dn-ss-ft-se, var(--_ctm-dn-ss-ft-se))
598
- );
599
- font-weight: var(
600
- --_ctm-mob-dn-ss-ft-wt,
601
- var(--_ctm-tab-dn-ss-ft-wt, var(--_ctm-dn-ss-ft-wt))
602
- );
603
- font-style: var(
604
- --_ctm-mob-dn-ss-ft-se-ic,
605
- var(--_ctm-tab-dn-ss-ft-se-ic, var(--_ctm-dn-ss-ft-se-ic))
606
- );
607
- text-align: var(
608
- --_ctm-mob-dn-ss-tt-an,
609
- var(--_ctm-tab-dn-ss-tt-an, var(--_ctm-dn-ss-tt-an))
610
- );
611
- letter-spacing: var(
612
- --_ctm-mob-dn-ss-lr-sg,
613
- var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg))
614
- );
615
- line-height: var(
616
- --_ctm-mob-dn-ss-le-ht,
617
- var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht))
690
+ border-width: var(
691
+ --_show-border-im-se,
692
+ var(
693
+ --_ctm-mob-dn-im-se-dt-se-br-wh,
694
+ var(--_ctm-tab-dn-im-se-dt-se-br-wh, var(--_ctm-dn-im-se-dt-se-br-wh))
695
+ )
618
696
  );
619
- text-decoration: var(
620
- --_ctm-mob-dn-ss-ue,
621
- var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue))
697
+ border-radius: var(
698
+ --_ctm-mob-dn-im-se-dt-se-br-rs,
699
+ var(--_ctm-tab-dn-im-se-dt-se-br-rs, var(--_ctm-dn-im-se-dt-se-br-rs))
622
700
  );
623
- }
624
- .off__price {
625
- font-size: 12px;
626
- display: flex;
627
- justify-content: space-around;
628
- gap: 10px;
629
- align-items: center;
630
- }
631
701
 
632
- .units {
633
- color: var(
634
- --_ctm-mob-dn-pe-pr-ut-cr,
635
- var(--_ctm-tab-dn-pe-pr-ut-cr, var(--_ctm-dn-pe-pr-ut-cr))
636
- );
637
- font-family: var(
638
- --_ctm-mob-dn-pe-pr-ut-ft-fy,
639
- var(--_ctm-tab-dn-pe-pr-ut-ft-fy, var(--_ctm-dn-pe-pr-ut-ft-fy))
640
- ),
641
- sans-serif;
642
- font-size: var(
643
- --_ctm-mob-dn-pe-pr-ut-ft-se,
644
- var(--_ctm-tab-dn-pe-pr-ut-ft-se, var(--_ctm-dn-pe-pr-ut-ft-se))
645
- );
646
- font-weight: var(
647
- --_ctm-mob-dn-pe-pr-ut-ft-wt,
648
- var(--_ctm-tab-dn-pe-pr-ut-ft-wt, var(--_ctm-dn-pe-pr-ut-ft-wt))
649
- );
650
- font-style: var(
651
- --_ctm-mob-dn-pe-pr-ut-ft-se-ic,
652
- var(--_ctm-tab-dn-pe-pr-ut-ft-se-ic, var(--_ctm-dn-pe-pr-ut-ft-se-ic))
653
- );
654
- text-align: var(
655
- --_ctm-mob-dn-pe-pr-ut-tt-an,
656
- var(--_ctm-tab-dn-pe-pr-ut-tt-an, var(--_ctm-dn-pe-pr-ut-tt-an))
657
- );
658
- letter-spacing: var(
659
- --_ctm-mob-dn-pe-pr-ut-lr-sg,
660
- var(--_ctm-tab-dn-pe-pr-ut-lr-sg, var(--_ctm-dn-pe-pr-ut-lr-sg))
661
- );
662
- line-height: var(
663
- --_ctm-mob-dn-pe-pr-ut-le-ht,
664
- var(--_ctm-tab-dn-pe-pr-ut-le-ht, var(--_ctm-dn-pe-pr-ut-le-ht))
665
- );
666
- text-decoration: var(
667
- --_ctm-mob-dn-pe-pr-ut-ue,
668
- var(--_ctm-tab-dn-pe-pr-ut-ue, var(--_ctm-dn-pe-pr-ut-ue))
702
+ box-shadow: var(
703
+ --_show-shadow-im-se,
704
+ var(
705
+ --_ctm-mob-dn-im-se-dt-se-sw-ae,
706
+ var(--_ctm-tab-dn-im-se-dt-se-sw-ae, var(--_ctm-dn-im-se-dt-se-sw-ae))
707
+ )
708
+ var(
709
+ --_ctm-mob-dn-im-se-dt-se-sw-br,
710
+ var(--_ctm-tab-dn-im-se-dt-se-sw-br, var(--_ctm-dn-im-se-dt-se-sw-br))
711
+ )
712
+ var(
713
+ --_ctm-mob-dn-im-se-dt-se-sw-sd,
714
+ var(--_ctm-tab-dn-im-se-dt-se-sw-sd, var(--_ctm-dn-im-se-dt-se-sw-sd))
715
+ )
716
+ var(
717
+ --_ctm-mob-dn-im-se-dt-se-sw-cr,
718
+ var(--_ctm-tab-dn-im-se-dt-se-sw-cr, var(--_ctm-dn-im-se-dt-se-sw-cr))
719
+ )
669
720
  );
670
- }
671
- .horizontal {
672
- display: flex;
673
- flex-direction: row;
674
- overflow-y: auto;
675
- flex-wrap: wrap;
676
-
677
- gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
678
- &:not([data-overflow-items="Wrap"]) {
679
- flex-wrap: nowrap;
680
- overflow-x: auto;
681
- .item {
682
- min-width: 120px;
683
- }
684
- }
685
- }
686
-
687
- .vertical {
688
- display: flex;
689
- flex-direction: column;
690
- overflow-y: auto;
691
- // flex-wrap: wrap;
692
- gap: var(--_ctm-lt-im-sg);
693
- .item {
694
- flex-direction: row;
695
- justify-content: space-between;
696
- align-items: center;
697
- .right__side__content {
698
- display: flex;
699
- gap: 20px;
700
- div {
701
- display: flex;
702
- gap: 1px;
703
-
704
- flex-direction: column;
705
- justify-content: right;
706
- align-items: center;
707
- }
708
- }
709
- }
710
- }
711
- .grid {
712
- display: grid;
713
- grid-template-columns: repeat(var(--_ctm-lt-is-pr-rw), minmax(auto, 1fr));
714
- gap: var(--_ctm-lt-im-sg);
715
- padding: var(--_ctm-lt-im-pg);
716
- &[data-overflow-items="Scroll"] {
717
- height: 200px;
718
- overflow-y: auto;
721
+ .text {
722
+ color: var(
723
+ --_ctm-mob-dn-um-se-cr,
724
+ var(--_ctm-tab-dn-um-se-cr, var(--_ctm-dn-um-se-cr))
725
+ );
726
+ font-family: var(
727
+ --_ctm-mob-dn-um-se-ft-fy,
728
+ var(--_ctm-tab-dn-um-se-ft-fy, var(--_ctm-dn-um-se-ft-fy))
729
+ ),
730
+ sans-serif;
731
+ font-size: var(
732
+ --_ctm-mob-dn-um-se-ft-se,
733
+ var(--_ctm-tab-dn-um-se-ft-se, var(--_ctm-dn-um-se-ft-se))
734
+ );
735
+ font-weight: var(
736
+ --_ctm-mob-dn-um-se-ft-wt,
737
+ var(--_ctm-tab-dn-um-se-ft-wt, var(--_ctm-dn-um-se-ft-wt))
738
+ );
739
+ font-style: var(
740
+ --_ctm-mob-dn-um-se-ft-se-ic,
741
+ var(--_ctm-tab-dn-um-se-ft-se-ic, var(--_ctm-dn-um-se-ft-se-ic))
742
+ );
743
+ text-align: var(
744
+ --_ctm-mob-dn-um-se-tt-an,
745
+ var(--_ctm-tab-dn-um-se-tt-an, var(--_ctm-dn-um-se-tt-an))
746
+ );
747
+ letter-spacing: var(
748
+ --_ctm-mob-dn-um-se-lr-sg,
749
+ var(--_ctm-tab-dn-um-se-lr-sg, var(--_ctm-dn-um-se-lr-sg))
750
+ );
751
+ line-height: var(
752
+ --_ctm-mob-dn-um-se-le-ht,
753
+ var(--_ctm-tab-dn-um-se-le-ht, var(--_ctm-dn-um-se-le-ht))
754
+ );
755
+ text-decoration: var(
756
+ --_ctm-mob-dn-um-se-ue,
757
+ var(--_ctm-tab-dn-um-se-ue, var(--_ctm-dn-um-se-ue))
758
+ );
719
759
  }
720
- .item {
721
- display: flex;
722
- align-items: center;
723
- justify-content: center;
724
- flex-direction: column;
725
- gap: 4px;
726
- padding: var(--_ctm-dn-im-se-dt-se-vl-pg) var(--_ctm-dn-im-se-dt-se-hl-pg);
727
- cursor: pointer;
728
- background-color: var(--_ctm-dn-im-se-dt-se-bd-cr);
729
- border-color: var(
730
- --_show-border-im-se,
731
- var(--_ctm-dn-im-se-dt-se-br-cr, var(--_tst-dn-br-cr))
732
- );
733
- border-style: var(
734
- --_show-border-im-se,
735
- var(--_ctm-dn-im-se-dt-se-br-se, var(--_tst-dn-br-se))
736
- );
737
- border-width: var(
738
- --_show-border-im-se,
739
- var(--_ctm-dn-im-se-dt-se-br-wh, var(--_tst-dn-br-wh))
740
- );
741
- border-radius: var(--_ctm-dn-im-se-dt-se-br-rs, var(--_tst-dn-br-rs));
742
- box-shadow: var(
743
- --_show-shadow-im-se,
744
- var(--_ctm-dn-im-se-dt-se-sw-ae, var(--_tst-dn-sw-ae))
745
- var(--_ctm-dn-im-se-dt-se-sw-br, var(--_tst-dn-sw-br))
746
- var(--_ctm-dn-im-se-dt-se-sw-sd, var(--_tst-dn-sw-sd))
747
- var(--_ctm-dn-im-se-dt-se-sw-cr, var(--_tst-dn-sw-cr))
748
- );
749
- cursor: pointer;
750
- .each {
751
- color: var(
752
- --_ctm-mob-dn-um-se-cr,
753
- var(--_ctm-tab-dn-um-se-cr, var(--_ctm-dn-um-se-cr))
754
- );
755
- font-family: var(
756
- --_ctm-mob-dn-um-se-ft-fy,
757
- var(--_ctm-tab-dn-um-se-ft-fy, var(--_ctm-dn-um-se-ft-fy))
758
- ),
759
- sans-serif;
760
- font-size: var(
761
- --_ctm-mob-dn-um-se-ft-se,
762
- var(--_ctm-tab-dn-um-se-ft-se, var(--_ctm-dn-um-se-ft-se))
763
- );
764
- font-weight: var(
765
- --_ctm-mob-dn-um-se-ft-wt,
766
- var(--_ctm-tab-dn-um-se-ft-wt, var(--_ctm-dn-um-se-ft-wt))
767
- );
768
- font-style: var(
769
- --_ctm-mob-dn-um-se-ft-se-ic,
770
- var(--_ctm-tab-dn-um-se-ft-se-ic, var(--_ctm-dn-um-se-ft-se-ic))
771
- );
772
- text-align: var(
773
- --_ctm-mob-dn-um-se-tt-an,
774
- var(--_ctm-tab-dn-um-se-tt-an, var(--_ctm-dn-um-se-tt-an))
775
- );
776
- letter-spacing: var(
777
- --_ctm-mob-dn-um-se-lr-sg,
778
- var(--_ctm-tab-dn-um-se-lr-sg, var(--_ctm-dn-um-se-lr-sg))
779
- );
780
- line-height: var(
781
- --_ctm-mob-dn-um-se-le-ht,
782
- var(--_ctm-tab-dn-um-se-le-ht, var(--_ctm-dn-um-se-le-ht))
783
- );
784
- text-decoration: var(
785
- --_ctm-mob-dn-um-se-ue,
786
- var(--_ctm-tab-dn-um-se-ue, var(--_ctm-dn-um-se-ue))
787
- );
788
- }
789
- .price {
760
+ .off__price {
761
+ .hilight__price {
790
762
  color: var(
791
763
  --_ctm-mob-dn-pt-pe-cr,
792
764
  var(--_ctm-tab-dn-pt-pe-cr, var(--_ctm-dn-pt-pe-cr))
@@ -825,89 +797,7 @@
825
797
  var(--_ctm-tab-dn-pt-pe-ue, var(--_ctm-dn-pt-pe-ue))
826
798
  );
827
799
  }
828
- .off__price {
829
- font-size: 12px;
830
- display: flex;
831
- justify-content: space-around;
832
- gap: 10px;
833
- align-items: center;
834
- .saving__amount {
835
- color: var(--_ctm-mob-dn-ss-cr, var(--_ctm-tab-dn-ss-cr, var(--_ctm-dn-ss-cr)));
836
- font-family: var(
837
- --_ctm-mob-dn-ss-ft-fy,
838
- var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy))
839
- ),
840
- sans-serif;
841
- font-size: var(
842
- --_ctm-mob-dn-ss-ft-se,
843
- var(--_ctm-tab-dn-ss-ft-se, var(--_ctm-dn-ss-ft-se))
844
- );
845
- font-weight: var(
846
- --_ctm-mob-dn-ss-ft-wt,
847
- var(--_ctm-tab-dn-ss-ft-wt, var(--_ctm-dn-ss-ft-wt))
848
- );
849
- font-style: var(
850
- --_ctm-mob-dn-ss-ft-se-ic,
851
- var(--_ctm-tab-dn-ss-ft-se-ic, var(--_ctm-dn-ss-ft-se-ic))
852
- );
853
- text-align: var(
854
- --_ctm-mob-dn-ss-tt-an,
855
- var(--_ctm-tab-dn-ss-tt-an, var(--_ctm-dn-ss-tt-an))
856
- );
857
- letter-spacing: var(
858
- --_ctm-mob-dn-ss-lr-sg,
859
- var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg))
860
- );
861
- line-height: var(
862
- --_ctm-mob-dn-ss-le-ht,
863
- var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht))
864
- );
865
- text-decoration: var(
866
- --_ctm-mob-dn-ss-ue,
867
- var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue))
868
- );
869
- }
870
- .actual__price {
871
- color: var(
872
- --_ctm-mob-dn-al-pe-cr,
873
- var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr))
874
- );
875
- font-family: var(
876
- --_ctm-mob-dn-al-pe-ft-fy,
877
- var(--_ctm-tab-dn-al-pe-ft-fy, var(--_ctm-dn-al-pe-ft-fy))
878
- ),
879
- sans-serif;
880
- font-size: var(
881
- --_ctm-mob-dn-al-pe-ft-se,
882
- var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se))
883
- );
884
- font-weight: var(
885
- --_ctm-mob-dn-al-pe-ft-wt,
886
- var(--_ctm-tab-dn-al-pe-ft-wt, var(--_ctm-dn-al-pe-ft-wt))
887
- );
888
- font-style: var(
889
- --_ctm-mob-dn-al-pe-ft-se-ic,
890
- var(--_ctm-tab-dn-al-pe-ft-se-ic, var(--_ctm-dn-al-pe-ft-se-ic))
891
- );
892
- text-align: var(
893
- --_ctm-mob-dn-al-pe-tt-an,
894
- var(--_ctm-tab-dn-al-pe-tt-an, var(--_ctm-dn-al-pe-tt-an))
895
- );
896
- letter-spacing: var(
897
- --_ctm-mob-dn-al-pe-lr-sg,
898
- var(--_ctm-tab-dn-al-pe-lr-sg, var(--_ctm-dn-al-pe-lr-sg))
899
- );
900
- line-height: var(
901
- --_ctm-mob-dn-al-pe-le-ht,
902
- var(--_ctm-tab-dn-al-pe-le-ht, var(--_ctm-dn-al-pe-le-ht))
903
- );
904
- text-decoration: var(
905
- --_ctm-mob-dn-al-pe-ue,
906
- var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue))
907
- );
908
- }
909
- }
910
- .units {
800
+ .secondary__price {
911
801
  color: var(
912
802
  --_ctm-mob-dn-pe-pr-ut-cr,
913
803
  var(--_ctm-tab-dn-pe-pr-ut-cr, var(--_ctm-dn-pe-pr-ut-cr))
@@ -947,555 +837,1152 @@
947
837
  );
948
838
  }
949
839
  }
950
- .active {
840
+ .discount__price {
951
841
  display: flex;
952
-
953
- align-items: var(
954
- --_ctm-mob-dn-im-se-sd-se-ct-at,
955
- var(--_ctm-tab-dn-im-se-sd-se-ct-at, var(--_ctm-dn-im-se-sd-se-ct-at))
956
- );
957
-
958
- justify-content: center;
959
- flex-direction: column;
960
- gap: 4px;
961
-
962
- padding: var(
963
- --_ctm-mob-dn-im-se-sd-se-vl-pg,
964
- var(--_ctm-tab-dn-im-se-sd-se-vl-pg, var(--_ctm-dn-im-se-sd-se-vl-pg))
965
- )
966
- var(
967
- --_ctm-mob-dn-im-se-sd-se-hl-pg,
968
- var(--_ctm-tab-dn-im-se-sd-se-hl-pg, var(--_ctm-dn-im-se-sd-se-hl-pg))
969
- );
970
-
971
- cursor: pointer;
972
-
973
- background-color: var(
974
- --_ctm-mob-dn-im-se-sd-se-bd-cr,
975
- var(--_ctm-tab-dn-im-se-sd-se-bd-cr, var(--_ctm-dn-im-se-sd-se-bd-cr))
976
- );
977
-
978
- border-color: var(
979
- --_show-border-im-se,
980
- var(
981
- --_ctm-mob-dn-im-se-sd-se-br-cr,
982
- var(--_ctm-tab-dn-im-se-sd-se-br-cr, var(--_ctm-dn-im-se-sd-se-br-cr))
983
- )
984
- );
985
-
986
- border-style: var(
987
- --_show-border-im-se,
988
- var(
989
- --_ctm-mob-dn-im-se-sd-se-br-se,
990
- var(--_ctm-tab-dn-im-se-sd-se-br-se, var(--_ctm-dn-im-se-sd-se-br-se))
991
- )
992
- );
993
-
994
- border-width: var(
995
- --_show-border-im-se,
996
- var(
997
- --_ctm-mob-dn-im-se-sd-se-br-wh,
998
- var(--_ctm-tab-dn-im-se-sd-se-br-wh, var(--_ctm-dn-im-se-sd-se-br-wh))
999
- )
1000
- );
1001
-
1002
- border-radius: var(
1003
- --_ctm-mob-dn-im-se-sd-se-br-rs,
1004
- var(--_ctm-tab-dn-im-se-sd-se-br-rs, var(--_ctm-dn-im-se-sd-se-br-rs))
1005
- );
1006
-
1007
- box-shadow: var(
1008
- --_show-shadow-im-se,
1009
- var(
1010
- --_ctm-mob-dn-im-se-sd-se-sw-ae,
1011
- var(--_ctm-tab-dn-im-se-sd-se-sw-ae, var(--_ctm-dn-im-se-sd-se-sw-ae))
1012
- )
1013
- var(
1014
- --_ctm-mob-dn-im-se-sd-se-sw-br,
1015
- var(--_ctm-tab-dn-im-se-sd-se-sw-br, var(--_ctm-dn-im-se-sd-se-sw-br))
1016
- )
1017
- var(
1018
- --_ctm-mob-dn-im-se-sd-se-sw-sd,
1019
- var(--_ctm-tab-dn-im-se-sd-se-sw-sd, var(--_ctm-dn-im-se-sd-se-sw-sd))
1020
- )
1021
- var(
1022
- --_ctm-mob-dn-im-se-sd-se-sw-cr,
1023
- var(--_ctm-tab-dn-im-se-sd-se-sw-cr, var(--_ctm-dn-im-se-sd-se-sw-cr))
1024
- )
1025
- );
1026
-
1027
- .each {
842
+ justify-content: space-around;
843
+ gap: 10px;
844
+ .price {
1028
845
  color: var(
1029
- --_ctm-mob-dn-um-se-cr,
1030
- var(--_ctm-tab-dn-um-se-cr, var(--_ctm-dn-um-se-cr))
846
+ --_ctm-mob-dn-al-pe-cr,
847
+ var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr))
1031
848
  );
1032
849
  font-family: var(
1033
- --_ctm-mob-dn-um-se-ft-fy,
1034
- var(--_ctm-tab-dn-um-se-ft-fy, var(--_ctm-dn-um-se-ft-fy))
850
+ --_ctm-mob-dn-al-pe-ft-fy,
851
+ var(--_ctm-tab-dn-al-pe-ft-fy, var(--_ctm-dn-al-pe-ft-fy))
1035
852
  ),
1036
853
  sans-serif;
1037
854
  font-size: var(
1038
- --_ctm-mob-dn-um-se-ft-se,
1039
- var(--_ctm-tab-dn-um-se-ft-se, var(--_ctm-dn-um-se-ft-se))
855
+ --_ctm-mob-dn-al-pe-ft-se,
856
+ var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se))
1040
857
  );
1041
858
  font-weight: var(
1042
- --_ctm-mob-dn-um-se-ft-wt,
1043
- var(--_ctm-tab-dn-um-se-ft-wt, var(--_ctm-dn-um-se-ft-wt))
859
+ --_ctm-mob-dn-al-pe-ft-wt,
860
+ var(--_ctm-tab-dn-al-pe-ft-wt, var(--_ctm-dn-al-pe-ft-wt))
1044
861
  );
1045
862
  font-style: var(
1046
- --_ctm-mob-dn-um-se-ft-se-ic,
1047
- var(--_ctm-tab-dn-um-se-ft-se-ic, var(--_ctm-dn-um-se-ft-se-ic))
863
+ --_ctm-mob-dn-al-pe-ft-se-ic,
864
+ var(--_ctm-tab-dn-al-pe-ft-se-ic, var(--_ctm-dn-al-pe-ft-se-ic))
1048
865
  );
1049
866
  text-align: var(
1050
- --_ctm-mob-dn-um-se-tt-an,
1051
- var(--_ctm-tab-dn-um-se-tt-an, var(--_ctm-dn-um-se-tt-an))
867
+ --_ctm-mob-dn-al-pe-tt-an,
868
+ var(--_ctm-tab-dn-al-pe-tt-an, var(--_ctm-dn-al-pe-tt-an))
1052
869
  );
1053
870
  letter-spacing: var(
1054
- --_ctm-mob-dn-um-se-lr-sg,
1055
- var(--_ctm-tab-dn-um-se-lr-sg, var(--_ctm-dn-um-se-lr-sg))
871
+ --_ctm-mob-dn-al-pe-lr-sg,
872
+ var(--_ctm-tab-dn-al-pe-lr-sg, var(--_ctm-dn-al-pe-lr-sg))
1056
873
  );
1057
874
  line-height: var(
1058
- --_ctm-mob-dn-um-se-le-ht,
1059
- var(--_ctm-tab-dn-um-se-le-ht, var(--_ctm-dn-um-se-le-ht))
875
+ --_ctm-mob-dn-al-pe-le-ht,
876
+ var(--_ctm-tab-dn-al-pe-le-ht, var(--_ctm-dn-al-pe-le-ht))
1060
877
  );
1061
878
  text-decoration: var(
1062
- --_ctm-mob-dn-um-se-ue,
1063
- var(--_ctm-tab-dn-um-se-ue, var(--_ctm-dn-um-se-ue))
879
+ --_ctm-mob-dn-al-pe-ue,
880
+ var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue))
1064
881
  );
1065
882
  }
1066
- .price {
1067
- color: var(
1068
- --_ctm-mob-dn-pt-pe-cr,
1069
- var(--_ctm-tab-dn-pt-pe-cr, var(--_ctm-dn-pt-pe-cr))
1070
- );
883
+ .save__price {
884
+ color: var(--_ctm-mob-dn-ss-cr, var(--_ctm-tab-dn-ss-cr, var(--_ctm-dn-ss-cr)));
1071
885
  font-family: var(
1072
- --_ctm-mob-dn-pt-pe-ft-fy,
1073
- var(--_ctm-tab-dn-pt-pe-ft-fy, var(--_ctm-dn-pt-pe-ft-fy))
886
+ --_ctm-mob-dn-ss-ft-fy,
887
+ var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy))
1074
888
  ),
1075
889
  sans-serif;
1076
890
  font-size: var(
1077
- --_ctm-mob-dn-pt-pe-ft-se,
1078
- var(--_ctm-tab-dn-pt-pe-ft-se, var(--_ctm-dn-pt-pe-ft-se))
891
+ --_ctm-mob-dn-ss-ft-se,
892
+ var(--_ctm-tab-dn-ss-ft-se, var(--_ctm-dn-ss-ft-se))
1079
893
  );
1080
894
  font-weight: var(
1081
- --_ctm-mob-dn-pt-pe-ft-wt,
1082
- var(--_ctm-tab-dn-pt-pe-ft-wt, var(--_ctm-dn-pt-pe-ft-wt))
895
+ --_ctm-mob-dn-ss-ft-wt,
896
+ var(--_ctm-tab-dn-ss-ft-wt, var(--_ctm-dn-ss-ft-wt))
1083
897
  );
1084
898
  font-style: var(
1085
- --_ctm-mob-dn-pt-pe-ft-se-ic,
1086
- var(--_ctm-tab-dn-pt-pe-ft-se-ic, var(--_ctm-dn-pt-pe-ft-se-ic))
899
+ --_ctm-mob-dn-ss-ft-se-ic,
900
+ var(--_ctm-tab-dn-ss-ft-se-ic, var(--_ctm-dn-ss-ft-se-ic))
1087
901
  );
1088
902
  text-align: var(
1089
- --_ctm-mob-dn-pt-pe-tt-an,
1090
- var(--_ctm-tab-dn-pt-pe-tt-an, var(--_ctm-dn-pt-pe-tt-an))
903
+ --_ctm-mob-dn-ss-tt-an,
904
+ var(--_ctm-tab-dn-ss-tt-an, var(--_ctm-dn-ss-tt-an))
1091
905
  );
1092
906
  letter-spacing: var(
1093
- --_ctm-mob-dn-pt-pe-lr-sg,
1094
- var(--_ctm-tab-dn-pt-pe-lr-sg, var(--_ctm-dn-pt-pe-lr-sg))
907
+ --_ctm-mob-dn-ss-lr-sg,
908
+ var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg))
1095
909
  );
1096
910
  line-height: var(
1097
- --_ctm-mob-dn-pt-pe-le-ht,
1098
- var(--_ctm-tab-dn-pt-pe-le-ht, var(--_ctm-dn-pt-pe-le-ht))
911
+ --_ctm-mob-dn-ss-le-ht,
912
+ var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht))
1099
913
  );
1100
914
  text-decoration: var(
1101
- --_ctm-mob-dn-pt-pe-ue,
1102
- var(--_ctm-tab-dn-pt-pe-ue, var(--_ctm-dn-pt-pe-ue))
915
+ --_ctm-mob-dn-ss-ue,
916
+ var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue))
1103
917
  );
1104
918
  }
1105
- .off__price {
1106
- font-size: 12px;
1107
- display: flex;
1108
- justify-content: space-around;
1109
- gap: 10px;
1110
- align-items: center;
1111
- .saving__amount {
1112
- color: var(--_ctm-mob-dn-ss-cr, var(--_ctm-tab-dn-ss-cr, var(--_ctm-dn-ss-cr)));
1113
- font-family: var(
1114
- --_ctm-mob-dn-ss-ft-fy,
1115
- var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy))
1116
- ),
1117
- sans-serif;
1118
- font-size: var(
1119
- --_ctm-mob-dn-ss-ft-se,
1120
- var(--_ctm-tab-dn-ss-ft-se, var(--_ctm-dn-ss-ft-se))
1121
- );
1122
- font-weight: var(
1123
- --_ctm-mob-dn-ss-ft-wt,
1124
- var(--_ctm-tab-dn-ss-ft-wt, var(--_ctm-dn-ss-ft-wt))
1125
- );
1126
- font-style: var(
1127
- --_ctm-mob-dn-ss-ft-se-ic,
1128
- var(--_ctm-tab-dn-ss-ft-se-ic, var(--_ctm-dn-ss-ft-se-ic))
1129
- );
1130
- text-align: var(
1131
- --_ctm-mob-dn-ss-tt-an,
1132
- var(--_ctm-tab-dn-ss-tt-an, var(--_ctm-dn-ss-tt-an))
1133
- );
1134
- letter-spacing: var(
1135
- --_ctm-mob-dn-ss-lr-sg,
1136
- var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg))
1137
- );
1138
- line-height: var(
1139
- --_ctm-mob-dn-ss-le-ht,
1140
- var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht))
1141
- );
1142
- text-decoration: var(
1143
- --_ctm-mob-dn-ss-ue,
1144
- var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue))
1145
- );
1146
- }
1147
- .actual__price {
1148
- color: var(
1149
- --_ctm-mob-dn-al-pe-cr,
1150
- var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr))
1151
- );
1152
- font-family: var(
1153
- --_ctm-mob-dn-al-pe-ft-fy,
1154
- var(--_ctm-tab-dn-al-pe-ft-fy, var(--_ctm-dn-al-pe-ft-fy))
1155
- ),
1156
- sans-serif;
1157
- font-size: var(
1158
- --_ctm-mob-dn-al-pe-ft-se,
1159
- var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se))
1160
- );
1161
- font-weight: var(
1162
- --_ctm-mob-dn-al-pe-ft-wt,
1163
- var(--_ctm-tab-dn-al-pe-ft-wt, var(--_ctm-dn-al-pe-ft-wt))
1164
- );
1165
- font-style: var(
1166
- --_ctm-mob-dn-al-pe-ft-se-ic,
1167
- var(--_ctm-tab-dn-al-pe-ft-se-ic, var(--_ctm-dn-al-pe-ft-se-ic))
1168
- );
1169
- text-align: var(
1170
- --_ctm-mob-dn-al-pe-tt-an,
1171
- var(--_ctm-tab-dn-al-pe-tt-an, var(--_ctm-dn-al-pe-tt-an))
1172
- );
1173
- letter-spacing: var(
1174
- --_ctm-mob-dn-al-pe-lr-sg,
1175
- var(--_ctm-tab-dn-al-pe-lr-sg, var(--_ctm-dn-al-pe-lr-sg))
1176
- );
1177
- line-height: var(
1178
- --_ctm-mob-dn-al-pe-le-ht,
1179
- var(--_ctm-tab-dn-al-pe-le-ht, var(--_ctm-dn-al-pe-le-ht))
1180
- );
1181
- text-decoration: var(
1182
- --_ctm-mob-dn-al-pe-ue,
1183
- var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue))
1184
- );
1185
- }
1186
- }
1187
- .units {
1188
- color: var(
1189
- --_ctm-mob-dn-pe-pr-ut-cr,
1190
- var(--_ctm-tab-dn-pe-pr-ut-cr, var(--_ctm-dn-pe-pr-ut-cr))
1191
- );
1192
- font-family: var(
1193
- --_ctm-mob-dn-pe-pr-ut-ft-fy,
1194
- var(--_ctm-tab-dn-pe-pr-ut-ft-fy, var(--_ctm-dn-pe-pr-ut-ft-fy))
1195
- ),
1196
- sans-serif;
1197
- font-size: var(
1198
- --_ctm-mob-dn-pe-pr-ut-ft-se,
1199
- var(--_ctm-tab-dn-pe-pr-ut-ft-se, var(--_ctm-dn-pe-pr-ut-ft-se))
1200
- );
1201
- font-weight: var(
1202
- --_ctm-mob-dn-pe-pr-ut-ft-wt,
1203
- var(--_ctm-tab-dn-pe-pr-ut-ft-wt, var(--_ctm-dn-pe-pr-ut-ft-wt))
1204
- );
1205
- font-style: var(
1206
- --_ctm-mob-dn-pe-pr-ut-ft-se-ic,
1207
- var(--_ctm-tab-dn-pe-pr-ut-ft-se-ic, var(--_ctm-dn-pe-pr-ut-ft-se-ic))
1208
- );
919
+ }
920
+ }
921
+ .active {
922
+ display: flex;
923
+
924
+ align-items: var(
925
+ --_ctm-mob-dn-im-se-sd-se-ct-at,
926
+ var(--_ctm-tab-dn-im-se-sd-se-ct-at, var(--_ctm-dn-im-se-sd-se-ct-at))
927
+ );
928
+
929
+ // justify-content: center;
930
+ // flex-direction: column;
931
+ // gap: 4px;
932
+
933
+ padding: var(
934
+ --_ctm-mob-dn-im-se-sd-se-vl-pg,
935
+ var(--_ctm-tab-dn-im-se-sd-se-vl-pg, var(--_ctm-dn-im-se-sd-se-vl-pg))
936
+ )
937
+ var(
938
+ --_ctm-mob-dn-im-se-sd-se-hl-pg,
939
+ var(--_ctm-tab-dn-im-se-sd-se-hl-pg, var(--_ctm-dn-im-se-sd-se-hl-pg))
940
+ );
941
+
942
+ cursor: pointer;
943
+
944
+ background-color: var(
945
+ --_ctm-mob-dn-im-se-sd-se-bd-cr,
946
+ var(--_ctm-tab-dn-im-se-sd-se-bd-cr, var(--_ctm-dn-im-se-sd-se-bd-cr))
947
+ );
948
+
949
+ border-color: var(
950
+ --_show-border-im-se,
951
+ var(
952
+ --_ctm-mob-dn-im-se-sd-se-br-cr,
953
+ var(--_ctm-tab-dn-im-se-sd-se-br-cr, var(--_ctm-dn-im-se-sd-se-br-cr))
954
+ )
955
+ );
956
+
957
+ border-style: var(
958
+ --_show-border-im-se,
959
+ var(
960
+ --_ctm-mob-dn-im-se-sd-se-br-se,
961
+ var(--_ctm-tab-dn-im-se-sd-se-br-se, var(--_ctm-dn-im-se-sd-se-br-se))
962
+ )
963
+ );
964
+
965
+ border-width: var(
966
+ --_show-border-im-se,
967
+ var(
968
+ --_ctm-mob-dn-im-se-sd-se-br-wh,
969
+ var(--_ctm-tab-dn-im-se-sd-se-br-wh, var(--_ctm-dn-im-se-sd-se-br-wh))
970
+ )
971
+ );
972
+
973
+ border-radius: var(
974
+ --_ctm-mob-dn-im-se-sd-se-br-rs,
975
+ var(--_ctm-tab-dn-im-se-sd-se-br-rs, var(--_ctm-dn-im-se-sd-se-br-rs))
976
+ );
977
+
978
+ box-shadow: var(
979
+ --_show-shadow-im-se,
980
+ var(
981
+ --_ctm-mob-dn-im-se-sd-se-sw-ae,
982
+ var(--_ctm-tab-dn-im-se-sd-se-sw-ae, var(--_ctm-dn-im-se-sd-se-sw-ae))
983
+ )
984
+ var(
985
+ --_ctm-mob-dn-im-se-sd-se-sw-br,
986
+ var(--_ctm-tab-dn-im-se-sd-se-sw-br, var(--_ctm-dn-im-se-sd-se-sw-br))
987
+ )
988
+ var(
989
+ --_ctm-mob-dn-im-se-sd-se-sw-sd,
990
+ var(--_ctm-tab-dn-im-se-sd-se-sw-sd, var(--_ctm-dn-im-se-sd-se-sw-sd))
991
+ )
992
+ var(
993
+ --_ctm-mob-dn-im-se-sd-se-sw-cr,
994
+ var(--_ctm-tab-dn-im-se-sd-se-sw-cr, var(--_ctm-dn-im-se-sd-se-sw-cr))
995
+ )
996
+ );
997
+
998
+ .text {
999
+ color: var(
1000
+ --_ctm-mob-dn-um-se-cr,
1001
+ var(--_ctm-tab-dn-um-se-cr, var(--_ctm-dn-um-se-cr))
1002
+ );
1003
+ font-family: var(
1004
+ --_ctm-mob-dn-um-se-ft-fy,
1005
+ var(--_ctm-tab-dn-um-se-ft-fy, var(--_ctm-dn-um-se-ft-fy))
1006
+ ),
1007
+ sans-serif;
1008
+ font-size: var(
1009
+ --_ctm-mob-dn-um-se-ft-se,
1010
+ var(--_ctm-tab-dn-um-se-ft-se, var(--_ctm-dn-um-se-ft-se))
1011
+ );
1012
+ font-weight: var(
1013
+ --_ctm-mob-dn-um-se-ft-wt,
1014
+ var(--_ctm-tab-dn-um-se-ft-wt, var(--_ctm-dn-um-se-ft-wt))
1015
+ );
1016
+ font-style: var(
1017
+ --_ctm-mob-dn-um-se-ft-se-ic,
1018
+ var(--_ctm-tab-dn-um-se-ft-se-ic, var(--_ctm-dn-um-se-ft-se-ic))
1019
+ );
1020
+ text-align: var(
1021
+ --_ctm-mob-dn-um-se-tt-an,
1022
+ var(--_ctm-tab-dn-um-se-tt-an, var(--_ctm-dn-um-se-tt-an))
1023
+ );
1024
+ letter-spacing: var(
1025
+ --_ctm-mob-dn-um-se-lr-sg,
1026
+ var(--_ctm-tab-dn-um-se-lr-sg, var(--_ctm-dn-um-se-lr-sg))
1027
+ );
1028
+ line-height: var(
1029
+ --_ctm-mob-dn-um-se-le-ht,
1030
+ var(--_ctm-tab-dn-um-se-le-ht, var(--_ctm-dn-um-se-le-ht))
1031
+ );
1032
+ text-decoration: var(
1033
+ --_ctm-mob-dn-um-se-ue,
1034
+ var(--_ctm-tab-dn-um-se-ue, var(--_ctm-dn-um-se-ue))
1035
+ );
1036
+ }
1037
+ .off__price {
1038
+ .hilight__price {
1039
+ color: var(
1040
+ --_ctm-mob-dn-pt-pe-cr,
1041
+ var(--_ctm-tab-dn-pt-pe-cr, var(--_ctm-dn-pt-pe-cr))
1042
+ );
1043
+ font-family: var(
1044
+ --_ctm-mob-dn-pt-pe-ft-fy,
1045
+ var(--_ctm-tab-dn-pt-pe-ft-fy, var(--_ctm-dn-pt-pe-ft-fy))
1046
+ ),
1047
+ sans-serif;
1048
+ font-size: var(
1049
+ --_ctm-mob-dn-pt-pe-ft-se,
1050
+ var(--_ctm-tab-dn-pt-pe-ft-se, var(--_ctm-dn-pt-pe-ft-se))
1051
+ );
1052
+ font-weight: var(
1053
+ --_ctm-mob-dn-pt-pe-ft-wt,
1054
+ var(--_ctm-tab-dn-pt-pe-ft-wt, var(--_ctm-dn-pt-pe-ft-wt))
1055
+ );
1056
+ font-style: var(
1057
+ --_ctm-mob-dn-pt-pe-ft-se-ic,
1058
+ var(--_ctm-tab-dn-pt-pe-ft-se-ic, var(--_ctm-dn-pt-pe-ft-se-ic))
1059
+ );
1060
+ text-align: var(
1061
+ --_ctm-mob-dn-pt-pe-tt-an,
1062
+ var(--_ctm-tab-dn-pt-pe-tt-an, var(--_ctm-dn-pt-pe-tt-an))
1063
+ );
1064
+ letter-spacing: var(
1065
+ --_ctm-mob-dn-pt-pe-lr-sg,
1066
+ var(--_ctm-tab-dn-pt-pe-lr-sg, var(--_ctm-dn-pt-pe-lr-sg))
1067
+ );
1068
+ line-height: var(
1069
+ --_ctm-mob-dn-pt-pe-le-ht,
1070
+ var(--_ctm-tab-dn-pt-pe-le-ht, var(--_ctm-dn-pt-pe-le-ht))
1071
+ );
1072
+ text-decoration: var(
1073
+ --_ctm-mob-dn-pt-pe-ue,
1074
+ var(--_ctm-tab-dn-pt-pe-ue, var(--_ctm-dn-pt-pe-ue))
1075
+ );
1076
+ }
1077
+ .secondary__price {
1078
+ color: var(
1079
+ --_ctm-mob-dn-pe-pr-ut-cr,
1080
+ var(--_ctm-tab-dn-pe-pr-ut-cr, var(--_ctm-dn-pe-pr-ut-cr))
1081
+ );
1082
+ font-family: var(
1083
+ --_ctm-mob-dn-pe-pr-ut-ft-fy,
1084
+ var(--_ctm-tab-dn-pe-pr-ut-ft-fy, var(--_ctm-dn-pe-pr-ut-ft-fy))
1085
+ ),
1086
+ sans-serif;
1087
+ font-size: var(
1088
+ --_ctm-mob-dn-pe-pr-ut-ft-se,
1089
+ var(--_ctm-tab-dn-pe-pr-ut-ft-se, var(--_ctm-dn-pe-pr-ut-ft-se))
1090
+ );
1091
+ font-weight: var(
1092
+ --_ctm-mob-dn-pe-pr-ut-ft-wt,
1093
+ var(--_ctm-tab-dn-pe-pr-ut-ft-wt, var(--_ctm-dn-pe-pr-ut-ft-wt))
1094
+ );
1095
+ font-style: var(
1096
+ --_ctm-mob-dn-pe-pr-ut-ft-se-ic,
1097
+ var(--_ctm-tab-dn-pe-pr-ut-ft-se-ic, var(--_ctm-dn-pe-pr-ut-ft-se-ic))
1098
+ );
1099
+ text-align: var(
1100
+ --_ctm-mob-dn-pe-pr-ut-tt-an,
1101
+ var(--_ctm-tab-dn-pe-pr-ut-tt-an, var(--_ctm-dn-pe-pr-ut-tt-an))
1102
+ );
1103
+ letter-spacing: var(
1104
+ --_ctm-mob-dn-pe-pr-ut-lr-sg,
1105
+ var(--_ctm-tab-dn-pe-pr-ut-lr-sg, var(--_ctm-dn-pe-pr-ut-lr-sg))
1106
+ );
1107
+ line-height: var(
1108
+ --_ctm-mob-dn-pe-pr-ut-le-ht,
1109
+ var(--_ctm-tab-dn-pe-pr-ut-le-ht, var(--_ctm-dn-pe-pr-ut-le-ht))
1110
+ );
1111
+ text-decoration: var(
1112
+ --_ctm-mob-dn-pe-pr-ut-ue,
1113
+ var(--_ctm-tab-dn-pe-pr-ut-ue, var(--_ctm-dn-pe-pr-ut-ue))
1114
+ );
1115
+ }
1116
+ }
1117
+ .discount__price {
1118
+ display: flex;
1119
+ justify-content: space-around;
1120
+ gap: 10px;
1121
+ .price {
1122
+ color: var(
1123
+ --_ctm-mob-dn-al-pe-cr,
1124
+ var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr))
1125
+ );
1126
+ font-family: var(
1127
+ --_ctm-mob-dn-al-pe-ft-fy,
1128
+ var(--_ctm-tab-dn-al-pe-ft-fy, var(--_ctm-dn-al-pe-ft-fy))
1129
+ ),
1130
+ sans-serif;
1131
+ font-size: var(
1132
+ --_ctm-mob-dn-al-pe-ft-se,
1133
+ var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se))
1134
+ );
1135
+ font-weight: var(
1136
+ --_ctm-mob-dn-al-pe-ft-wt,
1137
+ var(--_ctm-tab-dn-al-pe-ft-wt, var(--_ctm-dn-al-pe-ft-wt))
1138
+ );
1139
+ font-style: var(
1140
+ --_ctm-mob-dn-al-pe-ft-se-ic,
1141
+ var(--_ctm-tab-dn-al-pe-ft-se-ic, var(--_ctm-dn-al-pe-ft-se-ic))
1142
+ );
1143
+ text-align: var(
1144
+ --_ctm-mob-dn-al-pe-tt-an,
1145
+ var(--_ctm-tab-dn-al-pe-tt-an, var(--_ctm-dn-al-pe-tt-an))
1146
+ );
1147
+ letter-spacing: var(
1148
+ --_ctm-mob-dn-al-pe-lr-sg,
1149
+ var(--_ctm-tab-dn-al-pe-lr-sg, var(--_ctm-dn-al-pe-lr-sg))
1150
+ );
1151
+ line-height: var(
1152
+ --_ctm-mob-dn-al-pe-le-ht,
1153
+ var(--_ctm-tab-dn-al-pe-le-ht, var(--_ctm-dn-al-pe-le-ht))
1154
+ );
1155
+ text-decoration: var(
1156
+ --_ctm-mob-dn-al-pe-ue,
1157
+ var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue))
1158
+ );
1159
+ }
1160
+ .save__price {
1161
+ color: var(--_ctm-mob-dn-ss-cr, var(--_ctm-tab-dn-ss-cr, var(--_ctm-dn-ss-cr)));
1162
+ font-family: var(
1163
+ --_ctm-mob-dn-ss-ft-fy,
1164
+ var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy))
1165
+ ),
1166
+ sans-serif;
1167
+ font-size: var(
1168
+ --_ctm-mob-dn-ss-ft-se,
1169
+ var(--_ctm-tab-dn-ss-ft-se, var(--_ctm-dn-ss-ft-se))
1170
+ );
1171
+ font-weight: var(
1172
+ --_ctm-mob-dn-ss-ft-wt,
1173
+ var(--_ctm-tab-dn-ss-ft-wt, var(--_ctm-dn-ss-ft-wt))
1174
+ );
1175
+ font-style: var(
1176
+ --_ctm-mob-dn-ss-ft-se-ic,
1177
+ var(--_ctm-tab-dn-ss-ft-se-ic, var(--_ctm-dn-ss-ft-se-ic))
1178
+ );
1179
+ text-align: var(
1180
+ --_ctm-mob-dn-ss-tt-an,
1181
+ var(--_ctm-tab-dn-ss-tt-an, var(--_ctm-dn-ss-tt-an))
1182
+ );
1183
+ letter-spacing: var(
1184
+ --_ctm-mob-dn-ss-lr-sg,
1185
+ var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg))
1186
+ );
1187
+ line-height: var(
1188
+ --_ctm-mob-dn-ss-le-ht,
1189
+ var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht))
1190
+ );
1191
+ text-decoration: var(
1192
+ --_ctm-mob-dn-ss-ue,
1193
+ var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue))
1194
+ );
1195
+ }
1196
+ }
1197
+ }
1198
+ }
1199
+ .grid {
1200
+ display: grid;
1201
+ grid-template-columns: repeat(var(--_ctm-lt-is-pr-rw), minmax(auto, 1fr));
1202
+ gap: var(--_ctm-lt-im-sg);
1203
+ padding: var(--_ctm-lt-im-pg);
1204
+ &[data-overflow-items="Scroll"] {
1205
+ height: 200px;
1206
+ overflow-y: auto;
1207
+ }
1208
+ .item {
1209
+ display: flex;
1210
+ align-items: center;
1211
+ justify-content: center;
1212
+ flex-direction: column;
1213
+ gap: 4px;
1214
+ padding: var(--_ctm-dn-im-se-dt-se-vl-pg) var(--_ctm-dn-im-se-dt-se-hl-pg);
1215
+ cursor: pointer;
1216
+ background-color: var(--_ctm-dn-im-se-dt-se-bd-cr);
1217
+ border-color: var(
1218
+ --_show-border-im-se,
1219
+ var(--_ctm-dn-im-se-dt-se-br-cr, var(--_tst-dn-br-cr))
1220
+ );
1221
+ border-style: var(
1222
+ --_show-border-im-se,
1223
+ var(--_ctm-dn-im-se-dt-se-br-se, var(--_tst-dn-br-se))
1224
+ );
1225
+ border-width: var(
1226
+ --_show-border-im-se,
1227
+ var(--_ctm-dn-im-se-dt-se-br-wh, var(--_tst-dn-br-wh))
1228
+ );
1229
+ border-radius: var(--_ctm-dn-im-se-dt-se-br-rs, var(--_tst-dn-br-rs));
1230
+ box-shadow: var(
1231
+ --_show-shadow-im-se,
1232
+ var(--_ctm-dn-im-se-dt-se-sw-ae, var(--_tst-dn-sw-ae))
1233
+ var(--_ctm-dn-im-se-dt-se-sw-br, var(--_tst-dn-sw-br))
1234
+ var(--_ctm-dn-im-se-dt-se-sw-sd, var(--_tst-dn-sw-sd))
1235
+ var(--_ctm-dn-im-se-dt-se-sw-cr, var(--_tst-dn-sw-cr))
1236
+ );
1237
+ cursor: pointer;
1238
+ .each {
1239
+ color: var(
1240
+ --_ctm-mob-dn-um-se-cr,
1241
+ var(--_ctm-tab-dn-um-se-cr, var(--_ctm-dn-um-se-cr))
1242
+ );
1243
+ font-family: var(
1244
+ --_ctm-mob-dn-um-se-ft-fy,
1245
+ var(--_ctm-tab-dn-um-se-ft-fy, var(--_ctm-dn-um-se-ft-fy))
1246
+ ),
1247
+ sans-serif;
1248
+ font-size: var(
1249
+ --_ctm-mob-dn-um-se-ft-se,
1250
+ var(--_ctm-tab-dn-um-se-ft-se, var(--_ctm-dn-um-se-ft-se))
1251
+ );
1252
+ font-weight: var(
1253
+ --_ctm-mob-dn-um-se-ft-wt,
1254
+ var(--_ctm-tab-dn-um-se-ft-wt, var(--_ctm-dn-um-se-ft-wt))
1255
+ );
1256
+ font-style: var(
1257
+ --_ctm-mob-dn-um-se-ft-se-ic,
1258
+ var(--_ctm-tab-dn-um-se-ft-se-ic, var(--_ctm-dn-um-se-ft-se-ic))
1259
+ );
1260
+ text-align: var(
1261
+ --_ctm-mob-dn-um-se-tt-an,
1262
+ var(--_ctm-tab-dn-um-se-tt-an, var(--_ctm-dn-um-se-tt-an))
1263
+ );
1264
+ letter-spacing: var(
1265
+ --_ctm-mob-dn-um-se-lr-sg,
1266
+ var(--_ctm-tab-dn-um-se-lr-sg, var(--_ctm-dn-um-se-lr-sg))
1267
+ );
1268
+ line-height: var(
1269
+ --_ctm-mob-dn-um-se-le-ht,
1270
+ var(--_ctm-tab-dn-um-se-le-ht, var(--_ctm-dn-um-se-le-ht))
1271
+ );
1272
+ text-decoration: var(
1273
+ --_ctm-mob-dn-um-se-ue,
1274
+ var(--_ctm-tab-dn-um-se-ue, var(--_ctm-dn-um-se-ue))
1275
+ );
1276
+ }
1277
+ .price {
1278
+ color: var(
1279
+ --_ctm-mob-dn-pt-pe-cr,
1280
+ var(--_ctm-tab-dn-pt-pe-cr, var(--_ctm-dn-pt-pe-cr))
1281
+ );
1282
+ font-family: var(
1283
+ --_ctm-mob-dn-pt-pe-ft-fy,
1284
+ var(--_ctm-tab-dn-pt-pe-ft-fy, var(--_ctm-dn-pt-pe-ft-fy))
1285
+ ),
1286
+ sans-serif;
1287
+ font-size: var(
1288
+ --_ctm-mob-dn-pt-pe-ft-se,
1289
+ var(--_ctm-tab-dn-pt-pe-ft-se, var(--_ctm-dn-pt-pe-ft-se))
1290
+ );
1291
+ font-weight: var(
1292
+ --_ctm-mob-dn-pt-pe-ft-wt,
1293
+ var(--_ctm-tab-dn-pt-pe-ft-wt, var(--_ctm-dn-pt-pe-ft-wt))
1294
+ );
1295
+ font-style: var(
1296
+ --_ctm-mob-dn-pt-pe-ft-se-ic,
1297
+ var(--_ctm-tab-dn-pt-pe-ft-se-ic, var(--_ctm-dn-pt-pe-ft-se-ic))
1298
+ );
1299
+ text-align: var(
1300
+ --_ctm-mob-dn-pt-pe-tt-an,
1301
+ var(--_ctm-tab-dn-pt-pe-tt-an, var(--_ctm-dn-pt-pe-tt-an))
1302
+ );
1303
+ letter-spacing: var(
1304
+ --_ctm-mob-dn-pt-pe-lr-sg,
1305
+ var(--_ctm-tab-dn-pt-pe-lr-sg, var(--_ctm-dn-pt-pe-lr-sg))
1306
+ );
1307
+ line-height: var(
1308
+ --_ctm-mob-dn-pt-pe-le-ht,
1309
+ var(--_ctm-tab-dn-pt-pe-le-ht, var(--_ctm-dn-pt-pe-le-ht))
1310
+ );
1311
+ text-decoration: var(
1312
+ --_ctm-mob-dn-pt-pe-ue,
1313
+ var(--_ctm-tab-dn-pt-pe-ue, var(--_ctm-dn-pt-pe-ue))
1314
+ );
1315
+ }
1316
+ .off__price {
1317
+ font-size: 12px;
1318
+ display: flex;
1319
+ justify-content: space-around;
1320
+ gap: 10px;
1321
+ align-items: center;
1322
+ .offer__price {
1323
+ color: var(--_ctm-mob-dn-ss-cr, var(--_ctm-tab-dn-ss-cr, var(--_ctm-dn-ss-cr)));
1324
+ font-family: var(
1325
+ --_ctm-mob-dn-ss-ft-fy,
1326
+ var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy))
1327
+ ),
1328
+ sans-serif;
1329
+ font-size: var(
1330
+ --_ctm-mob-dn-ss-ft-se,
1331
+ var(--_ctm-tab-dn-ss-ft-se, var(--_ctm-dn-ss-ft-se))
1332
+ );
1333
+ font-weight: var(
1334
+ --_ctm-mob-dn-ss-ft-wt,
1335
+ var(--_ctm-tab-dn-ss-ft-wt, var(--_ctm-dn-ss-ft-wt))
1336
+ );
1337
+ font-style: var(
1338
+ --_ctm-mob-dn-ss-ft-se-ic,
1339
+ var(--_ctm-tab-dn-ss-ft-se-ic, var(--_ctm-dn-ss-ft-se-ic))
1340
+ );
1341
+ text-align: var(
1342
+ --_ctm-mob-dn-ss-tt-an,
1343
+ var(--_ctm-tab-dn-ss-tt-an, var(--_ctm-dn-ss-tt-an))
1344
+ );
1345
+ letter-spacing: var(
1346
+ --_ctm-mob-dn-ss-lr-sg,
1347
+ var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg))
1348
+ );
1349
+ line-height: var(
1350
+ --_ctm-mob-dn-ss-le-ht,
1351
+ var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht))
1352
+ );
1353
+ text-decoration: var(
1354
+ --_ctm-mob-dn-ss-ue,
1355
+ var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue))
1356
+ );
1357
+ }
1358
+ .discount__price {
1359
+ color: var(
1360
+ --_ctm-mob-dn-al-pe-cr,
1361
+ var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr))
1362
+ );
1363
+ font-family: var(
1364
+ --_ctm-mob-dn-al-pe-ft-fy,
1365
+ var(--_ctm-tab-dn-al-pe-ft-fy, var(--_ctm-dn-al-pe-ft-fy))
1366
+ ),
1367
+ sans-serif;
1368
+ font-size: var(
1369
+ --_ctm-mob-dn-al-pe-ft-se,
1370
+ var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se))
1371
+ );
1372
+ font-weight: var(
1373
+ --_ctm-mob-dn-al-pe-ft-wt,
1374
+ var(--_ctm-tab-dn-al-pe-ft-wt, var(--_ctm-dn-al-pe-ft-wt))
1375
+ );
1376
+ font-style: var(
1377
+ --_ctm-mob-dn-al-pe-ft-se-ic,
1378
+ var(--_ctm-tab-dn-al-pe-ft-se-ic, var(--_ctm-dn-al-pe-ft-se-ic))
1379
+ );
1380
+ text-align: var(
1381
+ --_ctm-mob-dn-al-pe-tt-an,
1382
+ var(--_ctm-tab-dn-al-pe-tt-an, var(--_ctm-dn-al-pe-tt-an))
1383
+ );
1384
+ letter-spacing: var(
1385
+ --_ctm-mob-dn-al-pe-lr-sg,
1386
+ var(--_ctm-tab-dn-al-pe-lr-sg, var(--_ctm-dn-al-pe-lr-sg))
1387
+ );
1388
+ line-height: var(
1389
+ --_ctm-mob-dn-al-pe-le-ht,
1390
+ var(--_ctm-tab-dn-al-pe-le-ht, var(--_ctm-dn-al-pe-le-ht))
1391
+ );
1392
+ text-decoration: var(
1393
+ --_ctm-mob-dn-al-pe-ue,
1394
+ var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue))
1395
+ );
1396
+ }
1397
+ }
1398
+ .units {
1399
+ color: var(
1400
+ --_ctm-mob-dn-pe-pr-ut-cr,
1401
+ var(--_ctm-tab-dn-pe-pr-ut-cr, var(--_ctm-dn-pe-pr-ut-cr))
1402
+ );
1403
+ font-family: var(
1404
+ --_ctm-mob-dn-pe-pr-ut-ft-fy,
1405
+ var(--_ctm-tab-dn-pe-pr-ut-ft-fy, var(--_ctm-dn-pe-pr-ut-ft-fy))
1406
+ ),
1407
+ sans-serif;
1408
+ font-size: var(
1409
+ --_ctm-mob-dn-pe-pr-ut-ft-se,
1410
+ var(--_ctm-tab-dn-pe-pr-ut-ft-se, var(--_ctm-dn-pe-pr-ut-ft-se))
1411
+ );
1412
+ font-weight: var(
1413
+ --_ctm-mob-dn-pe-pr-ut-ft-wt,
1414
+ var(--_ctm-tab-dn-pe-pr-ut-ft-wt, var(--_ctm-dn-pe-pr-ut-ft-wt))
1415
+ );
1416
+ font-style: var(
1417
+ --_ctm-mob-dn-pe-pr-ut-ft-se-ic,
1418
+ var(--_ctm-tab-dn-pe-pr-ut-ft-se-ic, var(--_ctm-dn-pe-pr-ut-ft-se-ic))
1419
+ );
1420
+ text-align: var(
1421
+ --_ctm-mob-dn-pe-pr-ut-tt-an,
1422
+ var(--_ctm-tab-dn-pe-pr-ut-tt-an, var(--_ctm-dn-pe-pr-ut-tt-an))
1423
+ );
1424
+ letter-spacing: var(
1425
+ --_ctm-mob-dn-pe-pr-ut-lr-sg,
1426
+ var(--_ctm-tab-dn-pe-pr-ut-lr-sg, var(--_ctm-dn-pe-pr-ut-lr-sg))
1427
+ );
1428
+ line-height: var(
1429
+ --_ctm-mob-dn-pe-pr-ut-le-ht,
1430
+ var(--_ctm-tab-dn-pe-pr-ut-le-ht, var(--_ctm-dn-pe-pr-ut-le-ht))
1431
+ );
1432
+ text-decoration: var(
1433
+ --_ctm-mob-dn-pe-pr-ut-ue,
1434
+ var(--_ctm-tab-dn-pe-pr-ut-ue, var(--_ctm-dn-pe-pr-ut-ue))
1435
+ );
1436
+ }
1437
+ }
1438
+ .active {
1439
+ display: flex;
1440
+
1441
+ align-items: var(
1442
+ --_ctm-mob-dn-im-se-sd-se-ct-at,
1443
+ var(--_ctm-tab-dn-im-se-sd-se-ct-at, var(--_ctm-dn-im-se-sd-se-ct-at))
1444
+ );
1445
+
1446
+ justify-content: center;
1447
+ flex-direction: column;
1448
+ gap: 4px;
1449
+
1450
+ padding: var(
1451
+ --_ctm-mob-dn-im-se-sd-se-vl-pg,
1452
+ var(--_ctm-tab-dn-im-se-sd-se-vl-pg, var(--_ctm-dn-im-se-sd-se-vl-pg))
1453
+ )
1454
+ var(
1455
+ --_ctm-mob-dn-im-se-sd-se-hl-pg,
1456
+ var(--_ctm-tab-dn-im-se-sd-se-hl-pg, var(--_ctm-dn-im-se-sd-se-hl-pg))
1457
+ );
1458
+
1459
+ cursor: pointer;
1460
+
1461
+ background-color: var(
1462
+ --_ctm-mob-dn-im-se-sd-se-bd-cr,
1463
+ var(--_ctm-tab-dn-im-se-sd-se-bd-cr, var(--_ctm-dn-im-se-sd-se-bd-cr))
1464
+ );
1465
+
1466
+ border-color: var(
1467
+ --_show-border-im-se,
1468
+ var(
1469
+ --_ctm-mob-dn-im-se-sd-se-br-cr,
1470
+ var(--_ctm-tab-dn-im-se-sd-se-br-cr, var(--_ctm-dn-im-se-sd-se-br-cr))
1471
+ )
1472
+ );
1473
+
1474
+ border-style: var(
1475
+ --_show-border-im-se,
1476
+ var(
1477
+ --_ctm-mob-dn-im-se-sd-se-br-se,
1478
+ var(--_ctm-tab-dn-im-se-sd-se-br-se, var(--_ctm-dn-im-se-sd-se-br-se))
1479
+ )
1480
+ );
1481
+
1482
+ border-width: var(
1483
+ --_show-border-im-se,
1484
+ var(
1485
+ --_ctm-mob-dn-im-se-sd-se-br-wh,
1486
+ var(--_ctm-tab-dn-im-se-sd-se-br-wh, var(--_ctm-dn-im-se-sd-se-br-wh))
1487
+ )
1488
+ );
1489
+
1490
+ border-radius: var(
1491
+ --_ctm-mob-dn-im-se-sd-se-br-rs,
1492
+ var(--_ctm-tab-dn-im-se-sd-se-br-rs, var(--_ctm-dn-im-se-sd-se-br-rs))
1493
+ );
1494
+
1495
+ box-shadow: var(
1496
+ --_show-shadow-im-se,
1497
+ var(
1498
+ --_ctm-mob-dn-im-se-sd-se-sw-ae,
1499
+ var(--_ctm-tab-dn-im-se-sd-se-sw-ae, var(--_ctm-dn-im-se-sd-se-sw-ae))
1500
+ )
1501
+ var(
1502
+ --_ctm-mob-dn-im-se-sd-se-sw-br,
1503
+ var(--_ctm-tab-dn-im-se-sd-se-sw-br, var(--_ctm-dn-im-se-sd-se-sw-br))
1504
+ )
1505
+ var(
1506
+ --_ctm-mob-dn-im-se-sd-se-sw-sd,
1507
+ var(--_ctm-tab-dn-im-se-sd-se-sw-sd, var(--_ctm-dn-im-se-sd-se-sw-sd))
1508
+ )
1509
+ var(
1510
+ --_ctm-mob-dn-im-se-sd-se-sw-cr,
1511
+ var(--_ctm-tab-dn-im-se-sd-se-sw-cr, var(--_ctm-dn-im-se-sd-se-sw-cr))
1512
+ )
1513
+ );
1514
+
1515
+ .each {
1516
+ color: var(
1517
+ --_ctm-mob-dn-um-se-cr,
1518
+ var(--_ctm-tab-dn-um-se-cr, var(--_ctm-dn-um-se-cr))
1519
+ );
1520
+ font-family: var(
1521
+ --_ctm-mob-dn-um-se-ft-fy,
1522
+ var(--_ctm-tab-dn-um-se-ft-fy, var(--_ctm-dn-um-se-ft-fy))
1523
+ ),
1524
+ sans-serif;
1525
+ font-size: var(
1526
+ --_ctm-mob-dn-um-se-ft-se,
1527
+ var(--_ctm-tab-dn-um-se-ft-se, var(--_ctm-dn-um-se-ft-se))
1528
+ );
1529
+ font-weight: var(
1530
+ --_ctm-mob-dn-um-se-ft-wt,
1531
+ var(--_ctm-tab-dn-um-se-ft-wt, var(--_ctm-dn-um-se-ft-wt))
1532
+ );
1533
+ font-style: var(
1534
+ --_ctm-mob-dn-um-se-ft-se-ic,
1535
+ var(--_ctm-tab-dn-um-se-ft-se-ic, var(--_ctm-dn-um-se-ft-se-ic))
1536
+ );
1537
+ text-align: var(
1538
+ --_ctm-mob-dn-um-se-tt-an,
1539
+ var(--_ctm-tab-dn-um-se-tt-an, var(--_ctm-dn-um-se-tt-an))
1540
+ );
1541
+ letter-spacing: var(
1542
+ --_ctm-mob-dn-um-se-lr-sg,
1543
+ var(--_ctm-tab-dn-um-se-lr-sg, var(--_ctm-dn-um-se-lr-sg))
1544
+ );
1545
+ line-height: var(
1546
+ --_ctm-mob-dn-um-se-le-ht,
1547
+ var(--_ctm-tab-dn-um-se-le-ht, var(--_ctm-dn-um-se-le-ht))
1548
+ );
1549
+ text-decoration: var(
1550
+ --_ctm-mob-dn-um-se-ue,
1551
+ var(--_ctm-tab-dn-um-se-ue, var(--_ctm-dn-um-se-ue))
1552
+ );
1553
+ }
1554
+ .price {
1555
+ color: var(
1556
+ --_ctm-mob-dn-pt-pe-cr,
1557
+ var(--_ctm-tab-dn-pt-pe-cr, var(--_ctm-dn-pt-pe-cr))
1558
+ );
1559
+ font-family: var(
1560
+ --_ctm-mob-dn-pt-pe-ft-fy,
1561
+ var(--_ctm-tab-dn-pt-pe-ft-fy, var(--_ctm-dn-pt-pe-ft-fy))
1562
+ ),
1563
+ sans-serif;
1564
+ font-size: var(
1565
+ --_ctm-mob-dn-pt-pe-ft-se,
1566
+ var(--_ctm-tab-dn-pt-pe-ft-se, var(--_ctm-dn-pt-pe-ft-se))
1567
+ );
1568
+ font-weight: var(
1569
+ --_ctm-mob-dn-pt-pe-ft-wt,
1570
+ var(--_ctm-tab-dn-pt-pe-ft-wt, var(--_ctm-dn-pt-pe-ft-wt))
1571
+ );
1572
+ font-style: var(
1573
+ --_ctm-mob-dn-pt-pe-ft-se-ic,
1574
+ var(--_ctm-tab-dn-pt-pe-ft-se-ic, var(--_ctm-dn-pt-pe-ft-se-ic))
1575
+ );
1576
+ text-align: var(
1577
+ --_ctm-mob-dn-pt-pe-tt-an,
1578
+ var(--_ctm-tab-dn-pt-pe-tt-an, var(--_ctm-dn-pt-pe-tt-an))
1579
+ );
1580
+ letter-spacing: var(
1581
+ --_ctm-mob-dn-pt-pe-lr-sg,
1582
+ var(--_ctm-tab-dn-pt-pe-lr-sg, var(--_ctm-dn-pt-pe-lr-sg))
1583
+ );
1584
+ line-height: var(
1585
+ --_ctm-mob-dn-pt-pe-le-ht,
1586
+ var(--_ctm-tab-dn-pt-pe-le-ht, var(--_ctm-dn-pt-pe-le-ht))
1587
+ );
1588
+ text-decoration: var(
1589
+ --_ctm-mob-dn-pt-pe-ue,
1590
+ var(--_ctm-tab-dn-pt-pe-ue, var(--_ctm-dn-pt-pe-ue))
1591
+ );
1592
+ }
1593
+ .off__price {
1594
+ font-size: 12px;
1595
+ display: flex;
1596
+ justify-content: space-around;
1597
+ gap: 10px;
1598
+ align-items: center;
1599
+ .offer__price {
1600
+ color: var(--_ctm-mob-dn-ss-cr, var(--_ctm-tab-dn-ss-cr, var(--_ctm-dn-ss-cr)));
1601
+ font-family: var(
1602
+ --_ctm-mob-dn-ss-ft-fy,
1603
+ var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy))
1604
+ ),
1605
+ sans-serif;
1606
+ font-size: var(
1607
+ --_ctm-mob-dn-ss-ft-se,
1608
+ var(--_ctm-tab-dn-ss-ft-se, var(--_ctm-dn-ss-ft-se))
1609
+ );
1610
+ font-weight: var(
1611
+ --_ctm-mob-dn-ss-ft-wt,
1612
+ var(--_ctm-tab-dn-ss-ft-wt, var(--_ctm-dn-ss-ft-wt))
1613
+ );
1614
+ font-style: var(
1615
+ --_ctm-mob-dn-ss-ft-se-ic,
1616
+ var(--_ctm-tab-dn-ss-ft-se-ic, var(--_ctm-dn-ss-ft-se-ic))
1617
+ );
1209
1618
  text-align: var(
1210
- --_ctm-mob-dn-pe-pr-ut-tt-an,
1211
- var(--_ctm-tab-dn-pe-pr-ut-tt-an, var(--_ctm-dn-pe-pr-ut-tt-an))
1619
+ --_ctm-mob-dn-ss-tt-an,
1620
+ var(--_ctm-tab-dn-ss-tt-an, var(--_ctm-dn-ss-tt-an))
1212
1621
  );
1213
1622
  letter-spacing: var(
1214
- --_ctm-mob-dn-pe-pr-ut-lr-sg,
1215
- var(--_ctm-tab-dn-pe-pr-ut-lr-sg, var(--_ctm-dn-pe-pr-ut-lr-sg))
1623
+ --_ctm-mob-dn-ss-lr-sg,
1624
+ var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg))
1216
1625
  );
1217
1626
  line-height: var(
1218
- --_ctm-mob-dn-pe-pr-ut-le-ht,
1219
- var(--_ctm-tab-dn-pe-pr-ut-le-ht, var(--_ctm-dn-pe-pr-ut-le-ht))
1627
+ --_ctm-mob-dn-ss-le-ht,
1628
+ var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht))
1220
1629
  );
1221
1630
  text-decoration: var(
1222
- --_ctm-mob-dn-pe-pr-ut-ue,
1223
- var(--_ctm-tab-dn-pe-pr-ut-ue, var(--_ctm-dn-pe-pr-ut-ue))
1631
+ --_ctm-mob-dn-ss-ue,
1632
+ var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue))
1633
+ );
1634
+ }
1635
+ .discount__price {
1636
+ color: var(
1637
+ --_ctm-mob-dn-al-pe-cr,
1638
+ var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr))
1639
+ );
1640
+ font-family: var(
1641
+ --_ctm-mob-dn-al-pe-ft-fy,
1642
+ var(--_ctm-tab-dn-al-pe-ft-fy, var(--_ctm-dn-al-pe-ft-fy))
1643
+ ),
1644
+ sans-serif;
1645
+ font-size: var(
1646
+ --_ctm-mob-dn-al-pe-ft-se,
1647
+ var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se))
1648
+ );
1649
+ font-weight: var(
1650
+ --_ctm-mob-dn-al-pe-ft-wt,
1651
+ var(--_ctm-tab-dn-al-pe-ft-wt, var(--_ctm-dn-al-pe-ft-wt))
1652
+ );
1653
+ font-style: var(
1654
+ --_ctm-mob-dn-al-pe-ft-se-ic,
1655
+ var(--_ctm-tab-dn-al-pe-ft-se-ic, var(--_ctm-dn-al-pe-ft-se-ic))
1656
+ );
1657
+ text-align: var(
1658
+ --_ctm-mob-dn-al-pe-tt-an,
1659
+ var(--_ctm-tab-dn-al-pe-tt-an, var(--_ctm-dn-al-pe-tt-an))
1660
+ );
1661
+ letter-spacing: var(
1662
+ --_ctm-mob-dn-al-pe-lr-sg,
1663
+ var(--_ctm-tab-dn-al-pe-lr-sg, var(--_ctm-dn-al-pe-lr-sg))
1664
+ );
1665
+ line-height: var(
1666
+ --_ctm-mob-dn-al-pe-le-ht,
1667
+ var(--_ctm-tab-dn-al-pe-le-ht, var(--_ctm-dn-al-pe-le-ht))
1668
+ );
1669
+ text-decoration: var(
1670
+ --_ctm-mob-dn-al-pe-ue,
1671
+ var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue))
1224
1672
  );
1225
1673
  }
1226
1674
  }
1675
+ .units {
1676
+ color: var(
1677
+ --_ctm-mob-dn-pe-pr-ut-cr,
1678
+ var(--_ctm-tab-dn-pe-pr-ut-cr, var(--_ctm-dn-pe-pr-ut-cr))
1679
+ );
1680
+ font-family: var(
1681
+ --_ctm-mob-dn-pe-pr-ut-ft-fy,
1682
+ var(--_ctm-tab-dn-pe-pr-ut-ft-fy, var(--_ctm-dn-pe-pr-ut-ft-fy))
1683
+ ),
1684
+ sans-serif;
1685
+ font-size: var(
1686
+ --_ctm-mob-dn-pe-pr-ut-ft-se,
1687
+ var(--_ctm-tab-dn-pe-pr-ut-ft-se, var(--_ctm-dn-pe-pr-ut-ft-se))
1688
+ );
1689
+ font-weight: var(
1690
+ --_ctm-mob-dn-pe-pr-ut-ft-wt,
1691
+ var(--_ctm-tab-dn-pe-pr-ut-ft-wt, var(--_ctm-dn-pe-pr-ut-ft-wt))
1692
+ );
1693
+ font-style: var(
1694
+ --_ctm-mob-dn-pe-pr-ut-ft-se-ic,
1695
+ var(--_ctm-tab-dn-pe-pr-ut-ft-se-ic, var(--_ctm-dn-pe-pr-ut-ft-se-ic))
1696
+ );
1697
+ text-align: var(
1698
+ --_ctm-mob-dn-pe-pr-ut-tt-an,
1699
+ var(--_ctm-tab-dn-pe-pr-ut-tt-an, var(--_ctm-dn-pe-pr-ut-tt-an))
1700
+ );
1701
+ letter-spacing: var(
1702
+ --_ctm-mob-dn-pe-pr-ut-lr-sg,
1703
+ var(--_ctm-tab-dn-pe-pr-ut-lr-sg, var(--_ctm-dn-pe-pr-ut-lr-sg))
1704
+ );
1705
+ line-height: var(
1706
+ --_ctm-mob-dn-pe-pr-ut-le-ht,
1707
+ var(--_ctm-tab-dn-pe-pr-ut-le-ht, var(--_ctm-dn-pe-pr-ut-le-ht))
1708
+ );
1709
+ text-decoration: var(
1710
+ --_ctm-mob-dn-pe-pr-ut-ue,
1711
+ var(--_ctm-tab-dn-pe-pr-ut-ue, var(--_ctm-dn-pe-pr-ut-ue))
1712
+ );
1713
+ }
1714
+ }
1715
+ }
1716
+ }
1717
+ .table-content {
1718
+ border-collapse: collapse;
1719
+ background-color: var(
1720
+ --_ctm-mob-dn-te-bd-cr,
1721
+ var(--_ctm-tab-dn-te-bd-cr, var(--_ctm-dn-te-bd-cr))
1722
+ );
1723
+ border-color: var(
1724
+ --_show-border-im-se,
1725
+ var(--_ctm-mob-dn-te-br-cr, var(--_ctm-tab-dn-te-br-cr, var(--_ctm-dn-te-br-cr))),
1726
+ var(--_tst-dn-br-cr)
1727
+ );
1728
+ border-style: var(
1729
+ --_show-border-im-se,
1730
+ var(--_ctm-mob-dn-te-br-se, var(--_ctm-tab-dn-te-br-se, var(--_ctm-dn-te-br-se))),
1731
+ var(--_tst-dn-br-se)
1732
+ );
1733
+ border-width: var(
1734
+ --_show-border-im-se,
1735
+ var(--_ctm-mob-dn-te-br-wh, var(--_ctm-tab-dn-te-br-wh, var(--_ctm-dn-te-br-wh))),
1736
+ var(--_tst-dn-br-wh)
1737
+ );
1738
+ border-radius: var(
1739
+ --_ctm-mob-dn-te-br-rs,
1740
+ var(--_ctm-tab-dn-te-br-rs, var(--_ctm-dn-te-br-rs)),
1741
+ var(--_tst-dn-br-rs)
1742
+ );
1743
+ box-shadow: var(
1744
+ --_show-shadow-im-se,
1745
+ var(
1746
+ --_ctm-mob-dn-te-sw-ae,
1747
+ var(--_ctm-tab-dn-te-sw-ae, var(--_ctm-dn-te-sw-ae, var(--_tst-dn-sw-ae)))
1748
+ )
1749
+ var(
1750
+ --_ctm-mob-dn-te-sw-br,
1751
+ var(--_ctm-tab-dn-te-sw-br, var(--_ctm-dn-te-sw-br, var(--_tst-dn-sw-br)))
1752
+ )
1753
+ var(
1754
+ --_ctm-mob-dn-te-sw-sd,
1755
+ var(--_ctm-tab-dn-te-sw-sd, var(--_ctm-dn-te-sw-sd, var(--_tst-dn-sw-sd)))
1756
+ )
1757
+ var(
1758
+ --_ctm-mob-dn-te-sw-cr,
1759
+ var(--_ctm-tab-dn-te-sw-cr, var(--_ctm-dn-te-sw-cr, var(--_tst-dn-sw-cr)))
1760
+ )
1761
+ );
1762
+ &[data-header-divider="true"] {
1763
+ thead tr th {
1764
+ border-bottom: 1px solid var(--_ctm-dn-rw-ds-hr-dr);
1765
+ }
1766
+ }
1767
+ &[data-row-divider="true"] {
1768
+ tbody tr td {
1769
+ border-bottom: 1px solid var(--_ctm-dn-rw-ds-rw-dr);
1770
+ }
1771
+ }
1772
+ &[data-column-divider="true"] {
1773
+ tbody tr td,
1774
+ thead tr th {
1775
+ border-right: 1px solid var(--_ctm-dn-rw-ds-cn-dr);
1776
+ }
1777
+
1778
+ tbody tr td:last-child,
1779
+ thead tr th:last-child {
1780
+ border-right: none;
1781
+ }
1782
+ }
1783
+ &[data-alternative-row-colors="true"] {
1784
+ tbody tr:nth-child(odd) {
1785
+ background-color: var(--_gray-300);
1786
+ width: 100%;
1787
+ }
1788
+ }
1789
+ thead {
1790
+ height: var(--_ctm-lt-hr-ht);
1791
+ tr {
1792
+ th {
1793
+ padding: var(--_ctm-lt-hr-cl-pg);
1794
+ text-align: var(--_ctm-lt-ct-at, var(--_ctm-dn-hr-tt-tt-an));
1795
+ border: 0;
1796
+ background-color: var(--_ctm-dn-te-hr-bd-cr);
1797
+ color: var(--_ctm-dn-hr-tt-cr);
1798
+ font-family: var(--_ctm-dn-hr-tt-ft-fy), sans-serif;
1799
+ font-size: var(--_ctm-dn-hr-tt-ft-se);
1800
+ font-weight: var(--_ctm-dn-hr-tt-ft-wt);
1801
+ font-style: var(--_ctm-dn-hr-tt-ft-se-ic);
1802
+ letter-spacing: var(--_ctm-dn-hr-tt-lr-sg);
1803
+ line-height: var(--_ctm-dn-hr-tt-le-ht);
1804
+ text-decoration: var(--_ctm-dn-hr-tt-ue);
1805
+ }
1806
+ }
1807
+ }
1808
+ tbody {
1809
+ tr {
1810
+ padding: var(--_ctm-lt-rw-cl-pg);
1811
+ height: var(--_ctm-lt-rw-ht);
1812
+ background-color: var(--_ctm-dn-te-rw-bd-cr);
1813
+ text-align: var(--_ctm-lt-ct-at);
1814
+ th,
1815
+ td {
1816
+ border: 0;
1817
+ padding: inherit;
1818
+ color: var(--_ctm-dn-te-rw-cr);
1819
+ font-family: var(--_ctm-dn-te-rw-ft-fy), sans-serif;
1820
+ font-size: var(--_ctm-dn-te-rw-ft-se);
1821
+ font-weight: var(--_ctm-dn-te-rw-ft-wt);
1822
+ font-style: var(--_ctm-dn-te-rw-ft-se-ic);
1823
+ text-align: var(--_ctm-dn-te-rw-tt-an);
1824
+ letter-spacing: var(--_ctm-dn-te-rw-lr-sg);
1825
+ line-height: var(--_ctm-dn-te-rw-le-ht);
1826
+ text-decoration: var(--_ctm-dn-te-rw-ue);
1827
+ }
1828
+ }
1829
+ }
1830
+ }
1831
+ .pagination_container {
1832
+ display: flex;
1833
+ justify-content: center;
1834
+ align-items: center;
1835
+ gap: 10px;
1836
+ button {
1837
+ font-size: 16px;
1838
+ // padding: 10px 20px;
1839
+ // background-color: #000;
1840
+ color: #fff;
1841
+ border: none;
1842
+ cursor: pointer;
1843
+ // border-radius: 10px;
1844
+ }
1845
+ span {
1846
+ cursor: pointer;
1847
+ color: var(
1848
+ --_ctm-mob-dn-pn-dt-se-cr,
1849
+ var(--_ctm-tab-dn-pn-dt-se-cr, var(--_ctm-dn-pn-dt-se-cr))
1850
+ );
1851
+ font-family: var(
1852
+ --_ctm-mob-dn-pn-dt-se-ft-fy,
1853
+ var(--_ctm-tab-dn-pn-dt-se-ft-fy, var(--_ctm-dn-pn-dt-se-ft-fy))
1854
+ ),
1855
+ sans-serif;
1856
+ font-size: var(
1857
+ --_ctm-mob-dn-pn-dt-se-ft-se,
1858
+ var(--_ctm-tab-dn-pn-dt-se-ft-se, var(--_ctm-dn-pn-dt-se-ft-se))
1859
+ );
1860
+ font-weight: var(
1861
+ --_ctm-mob-dn-pn-dt-se-ft-wt,
1862
+ var(--_ctm-tab-dn-pn-dt-se-ft-wt, var(--_ctm-dn-pn-dt-se-ft-wt))
1863
+ );
1864
+ font-style: var(
1865
+ --_ctm-mob-dn-pn-dt-se-ft-se-ic,
1866
+ var(--_ctm-tab-dn-pn-dt-se-ft-se-ic, var(--_ctm-dn-pn-dt-se-ft-se-ic))
1867
+ );
1868
+ text-align: var(
1869
+ --_ctm-mob-dn-pn-dt-se-tt-an,
1870
+ var(--_ctm-tab-dn-pn-dt-se-tt-an, var(--_ctm-dn-pn-dt-se-tt-an))
1871
+ );
1872
+ letter-spacing: var(
1873
+ --_ctm-mob-dn-pn-dt-se-lr-sg,
1874
+ var(--_ctm-tab-dn-pn-dt-se-lr-sg, var(--_ctm-dn-pn-dt-se-lr-sg))
1875
+ );
1876
+ line-height: var(
1877
+ --_ctm-mob-dn-pn-dt-se-le-ht,
1878
+ var(--_ctm-tab-dn-pn-dt-se-le-ht, var(--_ctm-dn-pn-dt-se-le-ht))
1879
+ );
1880
+ text-decoration: var(
1881
+ --_ctm-mob-dn-pn-dt-se-ue,
1882
+ var(--_ctm-tab-dn-pn-dt-se-ue, var(--_ctm-dn-pn-dt-se-ue))
1883
+ );
1884
+ }
1885
+ .active {
1886
+ span {
1887
+ background-color: var(--_ctm-dn-pn-dt-se-bd-cr);
1888
+ padding: 2px;
1227
1889
  }
1228
1890
  }
1229
- .table-content {
1230
- border-collapse: collapse;
1891
+ }
1892
+ .loadmore_conatiner {
1893
+ display: flex;
1894
+ justify-content: center;
1895
+ align-items: center;
1896
+ gap: 10px;
1897
+ margin-top: 10px;
1898
+ button {
1899
+ padding: 10px;
1900
+ cursor: pointer;
1901
+ color: var(
1902
+ --_ctm-mob-dn-sw-me-is-bn-cr,
1903
+ var(--_ctm-tab-dn-sw-me-is-bn-cr, var(--_ctm-dn-sw-me-is-bn-cr))
1904
+ );
1905
+ font-family: var(
1906
+ --_ctm-mob-dn-sw-me-is-bn-ft-fy,
1907
+ var(--_ctm-tab-dn-sw-me-is-bn-ft-fy, var(--_ctm-dn-sw-me-is-bn-ft-fy))
1908
+ ),
1909
+ sans-serif;
1910
+ font-size: var(
1911
+ --_ctm-mob-dn-sw-me-is-bn-ft-se,
1912
+ var(--_ctm-tab-dn-sw-me-is-bn-ft-se, var(--_ctm-dn-sw-me-is-bn-ft-se))
1913
+ );
1914
+ font-weight: var(
1915
+ --_ctm-mob-dn-sw-me-is-bn-ft-wt,
1916
+ var(--_ctm-tab-dn-sw-me-is-bn-ft-wt, var(--_ctm-dn-sw-me-is-bn-ft-wt))
1917
+ );
1918
+ font-style: var(
1919
+ --_ctm-mob-dn-sw-me-is-bn-ft-se-ic,
1920
+ var(--_ctm-tab-dn-sw-me-is-bn-ft-se-ic, var(--_ctm-dn-sw-me-is-bn-ft-se-ic))
1921
+ );
1922
+ text-align: var(
1923
+ --_ctm-mob-dn-sw-me-is-bn-tt-an,
1924
+ var(--_ctm-tab-dn-sw-me-is-bn-tt-an, var(--_ctm-dn-sw-me-is-bn-tt-an))
1925
+ );
1926
+ letter-spacing: var(
1927
+ --_ctm-mob-dn-sw-me-is-bn-lr-sg,
1928
+ var(--_ctm-tab-dn-sw-me-is-bn-lr-sg, var(--_ctm-dn-sw-me-is-bn-lr-sg))
1929
+ );
1930
+ line-height: var(
1931
+ --_ctm-mob-dn-sw-me-is-bn-le-ht,
1932
+ var(--_ctm-tab-dn-sw-me-is-bn-le-ht, var(--_ctm-dn-sw-me-is-bn-le-ht))
1933
+ );
1934
+ text-decoration: var(
1935
+ --_ctm-mob-dn-sw-me-is-bn-ue,
1936
+ var(--_ctm-tab-dn-sw-me-is-bn-ue, var(--_ctm-dn-sw-me-is-bn-ue))
1937
+ );
1231
1938
  background-color: var(
1232
- --_ctm-mob-dn-te-bd-cr,
1233
- var(--_ctm-tab-dn-te-bd-cr, var(--_ctm-dn-te-bd-cr))
1939
+ --_ctm-mob-dn-sw-me-is-bn-bd-cr,
1940
+ var(--_ctm-tab-dn-sw-me-is-bn-bd-cr, var(--_ctm-dn-sw-me-is-bn-bd-cr))
1234
1941
  );
1235
1942
  border-color: var(
1236
1943
  --_show-border-im-se,
1237
- var(--_ctm-mob-dn-te-br-cr, var(--_ctm-tab-dn-te-br-cr, var(--_ctm-dn-te-br-cr))),
1238
- var(--_tst-dn-br-cr)
1944
+ var(
1945
+ --_ctm-mob-dn-sw-me-is-bn-br-cr,
1946
+ var(--_ctm-tab-dn-sw-me-is-bn-br-cr, var(--_ctm-dn-sw-me-is-bn-br-cr))
1947
+ )
1239
1948
  );
1240
1949
  border-style: var(
1241
1950
  --_show-border-im-se,
1242
- var(--_ctm-mob-dn-te-br-se, var(--_ctm-tab-dn-te-br-se, var(--_ctm-dn-te-br-se))),
1243
- var(--_tst-dn-br-se)
1951
+ var(
1952
+ --_ctm-mob-dn-sw-me-is-bn-br-se,
1953
+ var(--_ctm-tab-dn-sw-me-is-bn-br-se, var(--_ctm-dn-sw-me-is-bn-br-se))
1954
+ )
1244
1955
  );
1245
1956
  border-width: var(
1246
1957
  --_show-border-im-se,
1247
- var(--_ctm-mob-dn-te-br-wh, var(--_ctm-tab-dn-te-br-wh, var(--_ctm-dn-te-br-wh))),
1248
- var(--_tst-dn-br-wh)
1958
+ var(
1959
+ --_ctm-mob-dn-sw-me-is-bn-br-wh,
1960
+ var(--_ctm-tab-dn-sw-me-is-bn-br-wh, var(--_ctm-dn-sw-me-is-bn-br-wh))
1961
+ )
1249
1962
  );
1250
1963
  border-radius: var(
1251
- --_ctm-mob-dn-te-br-rs,
1252
- var(--_ctm-tab-dn-te-br-rs, var(--_ctm-dn-te-br-rs)),
1253
- var(--_tst-dn-br-rs)
1964
+ --_ctm-mob-dn-sw-me-is-bn-br-rs,
1965
+ var(--_ctm-tab-dn-sw-me-is-bn-br-rs, var(--_ctm-dn-sw-me-is-bn-br-rs))
1254
1966
  );
1255
1967
  box-shadow: var(
1256
1968
  --_show-shadow-im-se,
1257
1969
  var(
1258
- --_ctm-mob-dn-te-sw-ae,
1259
- var(--_ctm-tab-dn-te-sw-ae, var(--_ctm-dn-te-sw-ae, var(--_tst-dn-sw-ae)))
1970
+ --_ctm-mob-dn-sw-me-is-bn-sw-ae,
1971
+ var(--_ctm-tab-dn-sw-me-is-bn-sw-ae, var(--_ctm-dn-sw-me-is-bn-sw-ae))
1260
1972
  )
1261
1973
  var(
1262
- --_ctm-mob-dn-te-sw-br,
1263
- var(--_ctm-tab-dn-te-sw-br, var(--_ctm-dn-te-sw-br, var(--_tst-dn-sw-br)))
1974
+ --_ctm-mob-dn-sw-me-is-bn-sw-br,
1975
+ var(--_ctm-tab-dn-sw-me-is-bn-sw-br, var(--_ctm-dn-sw-me-is-bn-sw-br))
1264
1976
  )
1265
1977
  var(
1266
- --_ctm-mob-dn-te-sw-sd,
1267
- var(--_ctm-tab-dn-te-sw-sd, var(--_ctm-dn-te-sw-sd, var(--_tst-dn-sw-sd)))
1978
+ --_ctm-mob-dn-sw-me-is-bn-sw-sd,
1979
+ var(--_ctm-tab-dn-sw-me-is-bn-sw-sd, var(--_ctm-dn-sw-me-is-bn-sw-sd))
1268
1980
  )
1269
1981
  var(
1270
- --_ctm-mob-dn-te-sw-cr,
1271
- var(--_ctm-tab-dn-te-sw-cr, var(--_ctm-dn-te-sw-cr, var(--_tst-dn-sw-cr)))
1982
+ --_ctm-mob-dn-sw-me-is-bn-sw-cr,
1983
+ var(--_ctm-tab-dn-sw-me-is-bn-sw-cr, var(--_ctm-dn-sw-me-is-bn-sw-cr))
1272
1984
  )
1273
1985
  );
1274
- &[data-header-divider="true"] {
1275
- thead tr th {
1276
- border-bottom: 1px solid var(--_ctm-dn-rw-ds-hr-dr);
1277
- }
1278
- }
1279
- &[data-row-divider="true"] {
1280
- tbody tr td {
1281
- border-bottom: 1px solid var(--_ctm-dn-rw-ds-rw-dr);
1282
- }
1283
- }
1284
- &[data-column-divider="true"] {
1285
- tbody tr td,
1286
- thead tr th {
1287
- border-right: 1px solid var(--_ctm-dn-rw-ds-cn-dr);
1288
- }
1289
-
1290
- tbody tr td:last-child,
1291
- thead tr th:last-child {
1292
- border-right: none;
1293
- }
1294
- }
1295
- &[data-alternative-row-colors="true"] {
1296
- tbody tr:nth-child(odd) {
1297
- background-color: var(--_gray-300);
1298
- width: 100%;
1299
- }
1300
- }
1301
- thead {
1302
- height: var(--_ctm-lt-hr-ht);
1303
- tr {
1304
- th {
1305
- padding: var(--_ctm-lt-hr-cl-pg);
1306
- text-align: var(--_ctm-lt-ct-at, var(--_ctm-dn-hr-tt-tt-an));
1307
- border: 0;
1308
- background-color: var(--_ctm-dn-te-hr-bd-cr);
1309
- color: var(--_ctm-dn-hr-tt-cr);
1310
- font-family: var(--_ctm-dn-hr-tt-ft-fy), sans-serif;
1311
- font-size: var(--_ctm-dn-hr-tt-ft-se);
1312
- font-weight: var(--_ctm-dn-hr-tt-ft-wt);
1313
- font-style: var(--_ctm-dn-hr-tt-ft-se-ic);
1314
- letter-spacing: var(--_ctm-dn-hr-tt-lr-sg);
1315
- line-height: var(--_ctm-dn-hr-tt-le-ht);
1316
- text-decoration: var(--_ctm-dn-hr-tt-ue);
1317
- }
1318
- }
1319
- }
1320
- tbody {
1321
- tr {
1322
- padding: var(--_ctm-lt-rw-cl-pg);
1323
- height: var(--_ctm-lt-rw-ht);
1324
- background-color: var(--_ctm-dn-te-rw-bd-cr);
1325
- text-align: var(--_ctm-lt-ct-at);
1326
- th,
1327
- td {
1328
- border: 0;
1329
- padding: inherit;
1330
- color: var(--_ctm-dn-te-rw-cr);
1331
- font-family: var(--_ctm-dn-te-rw-ft-fy), sans-serif;
1332
- font-size: var(--_ctm-dn-te-rw-ft-se);
1333
- font-weight: var(--_ctm-dn-te-rw-ft-wt);
1334
- font-style: var(--_ctm-dn-te-rw-ft-se-ic);
1335
- text-align: var(--_ctm-dn-te-rw-tt-an);
1336
- letter-spacing: var(--_ctm-dn-te-rw-lr-sg);
1337
- line-height: var(--_ctm-dn-te-rw-le-ht);
1338
- text-decoration: var(--_ctm-dn-te-rw-ue);
1339
- }
1340
- }
1341
- }
1342
- }
1343
- .pagination_container {
1344
- display: flex;
1345
- justify-content: center;
1346
- align-items: center;
1347
- gap: 10px;
1348
- button {
1349
- font-size: 16px;
1350
- // padding: 10px 20px;
1351
- // background-color: #000;
1352
- color: #fff;
1353
- border: none;
1354
- cursor: pointer;
1355
- // border-radius: 10px;
1356
- }
1357
- span {
1358
- cursor: pointer;
1359
- color: var(
1360
- --_ctm-mob-dn-pn-dt-se-cr,
1361
- var(--_ctm-tab-dn-pn-dt-se-cr, var(--_ctm-dn-pn-dt-se-cr))
1362
- );
1363
- font-family: var(
1364
- --_ctm-mob-dn-pn-dt-se-ft-fy,
1365
- var(--_ctm-tab-dn-pn-dt-se-ft-fy, var(--_ctm-dn-pn-dt-se-ft-fy))
1366
- ),
1367
- sans-serif;
1368
- font-size: var(
1369
- --_ctm-mob-dn-pn-dt-se-ft-se,
1370
- var(--_ctm-tab-dn-pn-dt-se-ft-se, var(--_ctm-dn-pn-dt-se-ft-se))
1371
- );
1372
- font-weight: var(
1373
- --_ctm-mob-dn-pn-dt-se-ft-wt,
1374
- var(--_ctm-tab-dn-pn-dt-se-ft-wt, var(--_ctm-dn-pn-dt-se-ft-wt))
1375
- );
1376
- font-style: var(
1377
- --_ctm-mob-dn-pn-dt-se-ft-se-ic,
1378
- var(--_ctm-tab-dn-pn-dt-se-ft-se-ic, var(--_ctm-dn-pn-dt-se-ft-se-ic))
1379
- );
1380
- text-align: var(
1381
- --_ctm-mob-dn-pn-dt-se-tt-an,
1382
- var(--_ctm-tab-dn-pn-dt-se-tt-an, var(--_ctm-dn-pn-dt-se-tt-an))
1383
- );
1384
- letter-spacing: var(
1385
- --_ctm-mob-dn-pn-dt-se-lr-sg,
1386
- var(--_ctm-tab-dn-pn-dt-se-lr-sg, var(--_ctm-dn-pn-dt-se-lr-sg))
1387
- );
1388
- line-height: var(
1389
- --_ctm-mob-dn-pn-dt-se-le-ht,
1390
- var(--_ctm-tab-dn-pn-dt-se-le-ht, var(--_ctm-dn-pn-dt-se-le-ht))
1391
- );
1392
- text-decoration: var(
1393
- --_ctm-mob-dn-pn-dt-se-ue,
1394
- var(--_ctm-tab-dn-pn-dt-se-ue, var(--_ctm-dn-pn-dt-se-ue))
1395
- );
1396
- }
1397
- .active {
1398
- span {
1399
- background-color: var(--_ctm-dn-pn-dt-se-bd-cr);
1400
- padding: 2px;
1401
- }
1402
- }
1403
- }
1404
- .loadmore_conatiner {
1405
- display: flex;
1406
- justify-content: center;
1407
- align-items: center;
1408
- gap: 10px;
1409
- margin-top: 10px;
1410
- button {
1411
- padding: 10px;
1412
- cursor: pointer;
1413
- color: var(
1414
- --_ctm-mob-dn-sw-me-is-bn-cr,
1415
- var(--_ctm-tab-dn-sw-me-is-bn-cr, var(--_ctm-dn-sw-me-is-bn-cr))
1416
- );
1417
- font-family: var(
1418
- --_ctm-mob-dn-sw-me-is-bn-ft-fy,
1419
- var(--_ctm-tab-dn-sw-me-is-bn-ft-fy, var(--_ctm-dn-sw-me-is-bn-ft-fy))
1420
- ),
1421
- sans-serif;
1422
- font-size: var(
1423
- --_ctm-mob-dn-sw-me-is-bn-ft-se,
1424
- var(--_ctm-tab-dn-sw-me-is-bn-ft-se, var(--_ctm-dn-sw-me-is-bn-ft-se))
1425
- );
1426
- font-weight: var(
1427
- --_ctm-mob-dn-sw-me-is-bn-ft-wt,
1428
- var(--_ctm-tab-dn-sw-me-is-bn-ft-wt, var(--_ctm-dn-sw-me-is-bn-ft-wt))
1429
- );
1430
- font-style: var(
1431
- --_ctm-mob-dn-sw-me-is-bn-ft-se-ic,
1432
- var(--_ctm-tab-dn-sw-me-is-bn-ft-se-ic, var(--_ctm-dn-sw-me-is-bn-ft-se-ic))
1433
- );
1434
- text-align: var(
1435
- --_ctm-mob-dn-sw-me-is-bn-tt-an,
1436
- var(--_ctm-tab-dn-sw-me-is-bn-tt-an, var(--_ctm-dn-sw-me-is-bn-tt-an))
1437
- );
1438
- letter-spacing: var(
1439
- --_ctm-mob-dn-sw-me-is-bn-lr-sg,
1440
- var(--_ctm-tab-dn-sw-me-is-bn-lr-sg, var(--_ctm-dn-sw-me-is-bn-lr-sg))
1441
- );
1442
- line-height: var(
1443
- --_ctm-mob-dn-sw-me-is-bn-le-ht,
1444
- var(--_ctm-tab-dn-sw-me-is-bn-le-ht, var(--_ctm-dn-sw-me-is-bn-le-ht))
1445
- );
1446
- text-decoration: var(
1447
- --_ctm-mob-dn-sw-me-is-bn-ue,
1448
- var(--_ctm-tab-dn-sw-me-is-bn-ue, var(--_ctm-dn-sw-me-is-bn-ue))
1449
- );
1450
- background-color: var(
1451
- --_ctm-mob-dn-sw-me-is-bn-bd-cr,
1452
- var(--_ctm-tab-dn-sw-me-is-bn-bd-cr, var(--_ctm-dn-sw-me-is-bn-bd-cr))
1453
- );
1454
- border-color: var(
1455
- --_show-border-im-se,
1456
- var(
1457
- --_ctm-mob-dn-sw-me-is-bn-br-cr,
1458
- var(--_ctm-tab-dn-sw-me-is-bn-br-cr, var(--_ctm-dn-sw-me-is-bn-br-cr))
1459
- )
1460
- );
1461
- border-style: var(
1462
- --_show-border-im-se,
1463
- var(
1464
- --_ctm-mob-dn-sw-me-is-bn-br-se,
1465
- var(--_ctm-tab-dn-sw-me-is-bn-br-se, var(--_ctm-dn-sw-me-is-bn-br-se))
1466
- )
1467
- );
1468
- border-width: var(
1469
- --_show-border-im-se,
1470
- var(
1471
- --_ctm-mob-dn-sw-me-is-bn-br-wh,
1472
- var(--_ctm-tab-dn-sw-me-is-bn-br-wh, var(--_ctm-dn-sw-me-is-bn-br-wh))
1473
- )
1474
- );
1475
- border-radius: var(
1476
- --_ctm-mob-dn-sw-me-is-bn-br-rs,
1477
- var(--_ctm-tab-dn-sw-me-is-bn-br-rs, var(--_ctm-dn-sw-me-is-bn-br-rs))
1478
- );
1479
- box-shadow: var(
1480
- --_show-shadow-im-se,
1481
- var(
1482
- --_ctm-mob-dn-sw-me-is-bn-sw-ae,
1483
- var(--_ctm-tab-dn-sw-me-is-bn-sw-ae, var(--_ctm-dn-sw-me-is-bn-sw-ae))
1484
- )
1485
- var(
1486
- --_ctm-mob-dn-sw-me-is-bn-sw-br,
1487
- var(--_ctm-tab-dn-sw-me-is-bn-sw-br, var(--_ctm-dn-sw-me-is-bn-sw-br))
1488
- )
1489
- var(
1490
- --_ctm-mob-dn-sw-me-is-bn-sw-sd,
1491
- var(--_ctm-tab-dn-sw-me-is-bn-sw-sd, var(--_ctm-dn-sw-me-is-bn-sw-sd))
1492
- )
1493
- var(
1494
- --_ctm-mob-dn-sw-me-is-bn-sw-cr,
1495
- var(--_ctm-tab-dn-sw-me-is-bn-sw-cr, var(--_ctm-dn-sw-me-is-bn-sw-cr))
1496
- )
1497
- );
1498
- }
1499
1986
  }
1500
1987
  }
1501
1988
  }