@sc-360-v2/storefront-cms-library 0.3.0 → 0.3.2

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 (49) hide show
  1. package/dist/amount-estimator.scss +291 -226
  2. package/dist/builder.js +1 -1
  3. package/dist/bulk-order-pad.scss +119 -64
  4. package/dist/bundleDetails.scss +808 -678
  5. package/dist/buyForHeaders.scss +94 -29
  6. package/dist/cart-details.scss +5 -3
  7. package/dist/cartDropdownOverlay.scss +0 -13
  8. package/dist/dropdownTemplate.scss +141 -0
  9. package/dist/faq.scss +20 -24
  10. package/dist/functions.scss +53 -18
  11. package/dist/item-stock.scss +38 -76
  12. package/dist/map.scss +35 -35
  13. package/dist/menu-item.scss +19 -0
  14. package/dist/modal.scss +328 -0
  15. package/dist/order-status.scss +483 -0
  16. package/dist/payment-methods.scss +71 -1
  17. package/dist/pickup-locations.scss +22 -19
  18. package/dist/product-basic-elements.scss +285 -132
  19. package/dist/product-options.scss +118 -76
  20. package/dist/quick-links.scss +186 -143
  21. package/dist/quick-order-pad.scss +26 -285
  22. package/dist/quotes.scss +9 -0
  23. package/dist/repeater-item.scss +1 -0
  24. package/dist/rfqs.scss +8 -0
  25. package/dist/section.scss +29 -78
  26. package/dist/stack.scss +16 -61
  27. package/dist/store-locations.scss +21 -20
  28. package/dist/table-common.scss +510 -0
  29. package/dist/text-temp-v2.scss +2 -0
  30. package/dist/types/builder/elements/bundle-details/index.d.ts +30 -0
  31. package/dist/types/builder/elements/layouter-pro/index.d.ts +43 -0
  32. package/dist/types/builder/elements/layouter-pro-item/index.d.ts +39 -0
  33. package/dist/types/builder/enums/index.d.ts +4 -0
  34. package/dist/types/builder/index.d.ts +4 -1
  35. package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +627 -10
  36. package/dist/types/builder/tools/element-edit/buyForWithTab.d.ts +287 -4
  37. package/dist/types/builder/tools/element-edit/cartDetails.d.ts +1 -1
  38. package/dist/types/builder/tools/element-edit/filters.d.ts +39 -1
  39. package/dist/types/builder/tools/element-edit/index.d.ts +3 -1
  40. package/dist/types/builder/tools/element-edit/itemStock.d.ts +11 -0
  41. package/dist/types/builder/tools/element-edit/layouter-pro-item.d.ts +9 -0
  42. package/dist/types/builder/tools/element-edit/layouterPro.d.ts +39 -0
  43. package/dist/types/builder/tools/element-edit/paymentMethods.d.ts +94 -1
  44. package/dist/uom-selector.scss +929 -1416
  45. package/dist/variant-picker.scss +613 -138
  46. package/dist/volume-pricing copy.scss +1092 -0
  47. package/dist/volume-pricing.scss +1007 -606
  48. package/dist/widget.scss +3 -0
  49. package/package.json +1 -1
@@ -1,5 +1,6 @@
1
1
  @use "sass:map";
2
2
  @use "sass:list";
3
+ @use "./table-common.scss";
3
4
 
4
5
  [data-div-type="element"] {
5
6
  &[data-element-type="uomSelector"] {
@@ -9,7 +10,7 @@
9
10
  // padding: var(--_lt-pg);
10
11
  // width: var(--_ctm-lt-wh, var(--_tst-lt-wh));
11
12
  // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
12
- margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
13
+ // margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
13
14
  // height: var(--_ctm-lt-ht, var(--_tst-lt-ht));
14
15
  // height: ;
15
16
  // aspect-ratio: 1 / var(--_sf-aspect-ratio);
@@ -17,6 +18,21 @@
17
18
  // 1 * (var(--_ctm-lt-ht, var(--_tst-lt-ht)) / var(--_ctm-lt-wh, var(--_tst-lt-wh)))
18
19
  // );
19
20
 
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
+ );
20
36
  & > .wrapper {
21
37
  width: 100%;
22
38
  // height: 100%;
@@ -52,56 +68,59 @@
52
68
  line-height: 18px;
53
69
  margin-bottom: 6px;
54
70
  }
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 {
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 {
102
81
  display: flex;
103
- flex-direction: row;
104
- gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
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
+
105
124
  .item {
106
125
  display: flex;
107
126
  align-items: center;
@@ -167,209 +186,6 @@
167
186
  var(--_ctm-tab-dn-im-se-dt-se-sw-cr, var(--_ctm-dn-im-se-dt-se-sw-cr))
168
187
  )
169
188
  );
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
- }
373
189
  }
374
190
  .active {
375
191
  display: flex;
@@ -533,7 +349,7 @@
533
349
  justify-content: space-around;
534
350
  gap: 10px;
535
351
  align-items: center;
536
- .offer__price {
352
+ .saving__amount {
537
353
  color: var(--_ctm-mob-dn-ss-cr, var(--_ctm-tab-dn-ss-cr, var(--_ctm-dn-ss-cr)));
538
354
  font-family: var(
539
355
  --_ctm-mob-dn-ss-ft-fy,
@@ -570,7 +386,7 @@
570
386
  );
571
387
  }
572
388
 
573
- .discount__price {
389
+ .actual__price {
574
390
  color: var(
575
391
  --_ctm-mob-dn-al-pe-cr,
576
392
  var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr))
@@ -650,115 +466,327 @@
650
466
  );
651
467
  }
652
468
  }
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
- );
675
469
 
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
- )
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))
682
474
  );
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
- )
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))
689
483
  );
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
- )
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))
696
487
  );
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))
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))
700
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
+ }
701
509
 
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
- )
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))
720
514
  );
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
- );
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))
618
+ );
619
+ text-decoration: var(
620
+ --_ctm-mob-dn-ss-ue,
621
+ var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue))
622
+ );
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
+
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))
669
+ );
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
+ }
759
684
  }
760
- .off__price {
761
- .hilight__price {
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;
719
+ }
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 {
762
790
  color: var(
763
791
  --_ctm-mob-dn-pt-pe-cr,
764
792
  var(--_ctm-tab-dn-pt-pe-cr, var(--_ctm-dn-pt-pe-cr))
@@ -797,7 +825,89 @@
797
825
  var(--_ctm-tab-dn-pt-pe-ue, var(--_ctm-dn-pt-pe-ue))
798
826
  );
799
827
  }
800
- .secondary__price {
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 {
801
911
  color: var(
802
912
  --_ctm-mob-dn-pe-pr-ut-cr,
803
913
  var(--_ctm-tab-dn-pe-pr-ut-cr, var(--_ctm-dn-pe-pr-ut-cr))
@@ -837,1152 +947,555 @@
837
947
  );
838
948
  }
839
949
  }
840
- .discount__price {
950
+ .active {
841
951
  display: flex;
842
- justify-content: space-around;
843
- gap: 10px;
844
- .price {
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 {
845
1028
  color: var(
846
- --_ctm-mob-dn-al-pe-cr,
847
- var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr))
1029
+ --_ctm-mob-dn-um-se-cr,
1030
+ var(--_ctm-tab-dn-um-se-cr, var(--_ctm-dn-um-se-cr))
848
1031
  );
849
1032
  font-family: var(
850
- --_ctm-mob-dn-al-pe-ft-fy,
851
- var(--_ctm-tab-dn-al-pe-ft-fy, var(--_ctm-dn-al-pe-ft-fy))
1033
+ --_ctm-mob-dn-um-se-ft-fy,
1034
+ var(--_ctm-tab-dn-um-se-ft-fy, var(--_ctm-dn-um-se-ft-fy))
852
1035
  ),
853
1036
  sans-serif;
854
1037
  font-size: var(
855
- --_ctm-mob-dn-al-pe-ft-se,
856
- var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se))
1038
+ --_ctm-mob-dn-um-se-ft-se,
1039
+ var(--_ctm-tab-dn-um-se-ft-se, var(--_ctm-dn-um-se-ft-se))
857
1040
  );
858
1041
  font-weight: var(
859
- --_ctm-mob-dn-al-pe-ft-wt,
860
- var(--_ctm-tab-dn-al-pe-ft-wt, var(--_ctm-dn-al-pe-ft-wt))
1042
+ --_ctm-mob-dn-um-se-ft-wt,
1043
+ var(--_ctm-tab-dn-um-se-ft-wt, var(--_ctm-dn-um-se-ft-wt))
861
1044
  );
862
1045
  font-style: var(
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))
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))
865
1048
  );
866
1049
  text-align: var(
867
- --_ctm-mob-dn-al-pe-tt-an,
868
- var(--_ctm-tab-dn-al-pe-tt-an, var(--_ctm-dn-al-pe-tt-an))
1050
+ --_ctm-mob-dn-um-se-tt-an,
1051
+ var(--_ctm-tab-dn-um-se-tt-an, var(--_ctm-dn-um-se-tt-an))
869
1052
  );
870
1053
  letter-spacing: var(
871
- --_ctm-mob-dn-al-pe-lr-sg,
872
- var(--_ctm-tab-dn-al-pe-lr-sg, var(--_ctm-dn-al-pe-lr-sg))
1054
+ --_ctm-mob-dn-um-se-lr-sg,
1055
+ var(--_ctm-tab-dn-um-se-lr-sg, var(--_ctm-dn-um-se-lr-sg))
873
1056
  );
874
1057
  line-height: var(
875
- --_ctm-mob-dn-al-pe-le-ht,
876
- var(--_ctm-tab-dn-al-pe-le-ht, var(--_ctm-dn-al-pe-le-ht))
1058
+ --_ctm-mob-dn-um-se-le-ht,
1059
+ var(--_ctm-tab-dn-um-se-le-ht, var(--_ctm-dn-um-se-le-ht))
877
1060
  );
878
1061
  text-decoration: var(
879
- --_ctm-mob-dn-al-pe-ue,
880
- var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue))
1062
+ --_ctm-mob-dn-um-se-ue,
1063
+ var(--_ctm-tab-dn-um-se-ue, var(--_ctm-dn-um-se-ue))
881
1064
  );
882
1065
  }
883
- .save__price {
884
- color: var(--_ctm-mob-dn-ss-cr, var(--_ctm-tab-dn-ss-cr, var(--_ctm-dn-ss-cr)));
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
+ );
885
1071
  font-family: var(
886
- --_ctm-mob-dn-ss-ft-fy,
887
- var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy))
1072
+ --_ctm-mob-dn-pt-pe-ft-fy,
1073
+ var(--_ctm-tab-dn-pt-pe-ft-fy, var(--_ctm-dn-pt-pe-ft-fy))
888
1074
  ),
889
1075
  sans-serif;
890
1076
  font-size: var(
891
- --_ctm-mob-dn-ss-ft-se,
892
- var(--_ctm-tab-dn-ss-ft-se, var(--_ctm-dn-ss-ft-se))
1077
+ --_ctm-mob-dn-pt-pe-ft-se,
1078
+ var(--_ctm-tab-dn-pt-pe-ft-se, var(--_ctm-dn-pt-pe-ft-se))
893
1079
  );
894
1080
  font-weight: var(
895
- --_ctm-mob-dn-ss-ft-wt,
896
- var(--_ctm-tab-dn-ss-ft-wt, var(--_ctm-dn-ss-ft-wt))
1081
+ --_ctm-mob-dn-pt-pe-ft-wt,
1082
+ var(--_ctm-tab-dn-pt-pe-ft-wt, var(--_ctm-dn-pt-pe-ft-wt))
897
1083
  );
898
1084
  font-style: var(
899
- --_ctm-mob-dn-ss-ft-se-ic,
900
- var(--_ctm-tab-dn-ss-ft-se-ic, var(--_ctm-dn-ss-ft-se-ic))
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))
901
1087
  );
902
1088
  text-align: var(
903
- --_ctm-mob-dn-ss-tt-an,
904
- var(--_ctm-tab-dn-ss-tt-an, var(--_ctm-dn-ss-tt-an))
1089
+ --_ctm-mob-dn-pt-pe-tt-an,
1090
+ var(--_ctm-tab-dn-pt-pe-tt-an, var(--_ctm-dn-pt-pe-tt-an))
905
1091
  );
906
1092
  letter-spacing: var(
907
- --_ctm-mob-dn-ss-lr-sg,
908
- var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg))
1093
+ --_ctm-mob-dn-pt-pe-lr-sg,
1094
+ var(--_ctm-tab-dn-pt-pe-lr-sg, var(--_ctm-dn-pt-pe-lr-sg))
909
1095
  );
910
1096
  line-height: var(
911
- --_ctm-mob-dn-ss-le-ht,
912
- var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht))
1097
+ --_ctm-mob-dn-pt-pe-le-ht,
1098
+ var(--_ctm-tab-dn-pt-pe-le-ht, var(--_ctm-dn-pt-pe-le-ht))
913
1099
  );
914
1100
  text-decoration: var(
915
- --_ctm-mob-dn-ss-ue,
916
- var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue))
1101
+ --_ctm-mob-dn-pt-pe-ue,
1102
+ var(--_ctm-tab-dn-pt-pe-ue, var(--_ctm-dn-pt-pe-ue))
917
1103
  );
918
1104
  }
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
- );
1618
- text-align: var(
1619
- --_ctm-mob-dn-ss-tt-an,
1620
- var(--_ctm-tab-dn-ss-tt-an, var(--_ctm-dn-ss-tt-an))
1621
- );
1622
- letter-spacing: var(
1623
- --_ctm-mob-dn-ss-lr-sg,
1624
- var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg))
1625
- );
1626
- line-height: var(
1627
- --_ctm-mob-dn-ss-le-ht,
1628
- var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht))
1629
- );
1630
- text-decoration: var(
1631
- --_ctm-mob-dn-ss-ue,
1632
- var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue))
1633
- );
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
+ }
1634
1186
  }
1635
- .discount__price {
1187
+ .units {
1636
1188
  color: var(
1637
- --_ctm-mob-dn-al-pe-cr,
1638
- var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr))
1189
+ --_ctm-mob-dn-pe-pr-ut-cr,
1190
+ var(--_ctm-tab-dn-pe-pr-ut-cr, var(--_ctm-dn-pe-pr-ut-cr))
1639
1191
  );
1640
1192
  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))
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))
1643
1195
  ),
1644
1196
  sans-serif;
1645
1197
  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))
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))
1648
1200
  );
1649
1201
  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))
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))
1652
1204
  );
1653
1205
  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))
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))
1656
1208
  );
1657
1209
  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))
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))
1660
1212
  );
1661
1213
  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))
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))
1664
1216
  );
1665
1217
  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))
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))
1668
1220
  );
1669
1221
  text-decoration: var(
1670
- --_ctm-mob-dn-al-pe-ue,
1671
- var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue))
1222
+ --_ctm-mob-dn-pe-pr-ut-ue,
1223
+ var(--_ctm-tab-dn-pe-pr-ut-ue, var(--_ctm-dn-pe-pr-ut-ue))
1672
1224
  );
1673
1225
  }
1674
1226
  }
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;
1889
1227
  }
1890
1228
  }
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
- );
1229
+ .table-content {
1230
+ border-collapse: collapse;
1938
1231
  background-color: var(
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))
1232
+ --_ctm-mob-dn-te-bd-cr,
1233
+ var(--_ctm-tab-dn-te-bd-cr, var(--_ctm-dn-te-bd-cr))
1941
1234
  );
1942
1235
  border-color: var(
1943
1236
  --_show-border-im-se,
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
- )
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)
1948
1239
  );
1949
1240
  border-style: var(
1950
1241
  --_show-border-im-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
- )
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)
1955
1244
  );
1956
1245
  border-width: var(
1957
1246
  --_show-border-im-se,
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
- )
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)
1962
1249
  );
1963
1250
  border-radius: var(
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))
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)
1966
1254
  );
1967
1255
  box-shadow: var(
1968
1256
  --_show-shadow-im-se,
1969
1257
  var(
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))
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)))
1972
1260
  )
1973
1261
  var(
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))
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)))
1976
1264
  )
1977
1265
  var(
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))
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)))
1980
1268
  )
1981
1269
  var(
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))
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)))
1984
1272
  )
1985
1273
  );
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
+ }
1986
1499
  }
1987
1500
  }
1988
1501
  }