@sc-360-v2/storefront-cms-library 0.4.15 → 0.4.17

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.
@@ -1,5 +1,6 @@
1
1
  @use "sass:map";
2
2
  @use "sass:list";
3
+ @use "./functions.scss" as *;
3
4
 
4
5
  [data-div-type="element"] {
5
6
  &[data-element-type="uomSelector"] {
@@ -20,7 +21,11 @@
20
21
  width: var(
21
22
  --_sf-el-wh-st-mx,
22
23
  calc(
23
- 1% * var(--_ctm-mob-ele-nw-wh-vl, var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl)))
24
+ 1% *
25
+ var(
26
+ --_ctm-mob-ele-nw-wh-vl,
27
+ var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh)))
28
+ )
24
29
  )
25
30
  );
26
31
  margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
@@ -74,20 +79,67 @@
74
79
  // height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht)));
75
80
  .uom__container {
76
81
  padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
77
- height: 100%;
82
+ // height: 100%;
78
83
  width: 100%;
79
84
  // border: 1px solid rgba(75, 69, 70, 1);
80
85
  // border-radius: 20px;
81
- .stack {
82
- display: flex;
83
- flex-direction: column;
84
- height: 100%;
85
- .static {
86
+
87
+ .each__wraper {
88
+ background-color: var(
89
+ --_ctm-mob-dn-um-te-se-bd-cr,
90
+ var(--_ctm-tab-dn-um-te-se-bd-cr, var(--_ctm-dn-um-te-se-bd-cr))
91
+ );
92
+
93
+ border-color: var(
94
+ --_ctm-mob-dn-um-te-se-br-cr,
95
+ var(--_ctm-tab-dn-um-te-se-br-cr, var(--_ctm-dn-um-te-se-br-cr))
96
+ );
97
+
98
+ border-style: var(
99
+ --_ctm-mob-dn-um-te-se-br-se,
100
+ var(--_ctm-tab-dn-um-te-se-br-se, var(--_ctm-dn-um-te-se-br-se))
101
+ );
102
+
103
+ border-width: var(
104
+ --_ctm-mob-dn-um-te-se-br-wh,
105
+ var(--_ctm-tab-dn-um-te-se-br-wh, var(--_ctm-dn-um-te-se-br-wh))
106
+ );
107
+
108
+ border-radius: var(
109
+ --_ctm-mob-dn-um-te-se-br-rs,
110
+ var(--_ctm-tab-dn-um-te-se-br-rs, var(--_ctm-dn-um-te-se-br-rs))
111
+ );
112
+
113
+ box-shadow: var(
114
+ --_show-shadow,
115
+ var(
116
+ --_ctm-mob-dn-um-te-se-sw-ae,
117
+ var(--_ctm-tab-dn-um-te-se-sw-ae, var(--_ctm-dn-um-te-se-sw-ae))
118
+ )
119
+ var(
120
+ --_ctm-mob-dn-um-te-se-sw-br,
121
+ var(--_ctm-tab-dn-um-te-se-sw-br, var(--_ctm-dn-um-te-se-sw-br))
122
+ )
123
+ var(
124
+ --_ctm-mob-dn-um-te-se-sw-sd,
125
+ var(--_ctm-tab-dn-um-te-se-sw-sd, var(--_ctm-dn-um-te-se-sw-sd))
126
+ )
127
+ var(
128
+ --_ctm-mob-dn-um-te-se-sw-cr,
129
+ var(--_ctm-tab-dn-um-te-se-sw-cr, var(--_ctm-dn-um-te-se-sw-cr))
130
+ )
131
+ );
132
+ white-space: nowrap;
133
+
134
+ padding: prepareMediaVariable(--_ctm-dn-um-te-se-pg);
135
+
136
+ .each {
86
137
  color: var(
87
138
  --_ctm-mob-dn-um-te-se-cr,
88
139
  var(--_ctm-tab-dn-um-te-se-cr, var(--_ctm-dn-um-te-se-cr))
89
140
  );
90
- font-family: var(
141
+ font-family:
142
+ var(
91
143
  --_ctm-mob-dn-um-te-se-ft-fy,
92
144
  var(--_ctm-tab-dn-um-te-se-ft-fy, var(--_ctm-dn-um-te-se-ft-fy))
93
145
  ),
@@ -121,509 +173,549 @@
121
173
  var(--_ctm-tab-dn-um-te-se-ue, var(--_ctm-dn-um-te-se-ue))
122
174
  );
123
175
  }
176
+ }
177
+ .price__wraper {
178
+ background-color: var(
179
+ --_ctm-mob-dn-pt-pe-bd-cr,
180
+ var(--_ctm-tab-dn-pt-pe-bd-cr, var(--_ctm-dn-pt-pe-bd-cr))
181
+ );
124
182
 
125
- .item {
126
- display: flex;
127
- align-items: center;
128
- justify-content: center;
129
- flex-direction: column;
130
- white-space: nowrap;
131
- gap: 4px;
132
- flex-shrink: 0;
133
- padding: var(
134
- --_ctm-mob-dn-im-se-dt-se-vl-pg,
135
- var(--_ctm-tab-dn-im-se-dt-se-vl-pg, var(--_ctm-dn-im-se-dt-se-vl-pg))
183
+ border-color: var(
184
+ --_ctm-mob-dn-pt-pe-br-cr,
185
+ var(--_ctm-tab-dn-pt-pe-br-cr, var(--_ctm-dn-pt-pe-br-cr))
186
+ );
187
+
188
+ border-style: var(
189
+ --_ctm-mob-dn-pt-pe-br-se,
190
+ var(--_ctm-tab-dn-pt-pe-br-se, var(--_ctm-dn-pt-pe-br-se))
191
+ );
192
+
193
+ border-width: var(
194
+ --_ctm-mob-dn-pt-pe-br-wh,
195
+ var(--_ctm-tab-dn-pt-pe-br-wh, var(--_ctm-dn-pt-pe-br-wh))
196
+ );
197
+
198
+ border-radius: var(
199
+ --_ctm-mob-dn-pt-pe-br-rs,
200
+ var(--_ctm-tab-dn-pt-pe-br-rs, var(--_ctm-dn-pt-pe-br-rs))
201
+ );
202
+
203
+ box-shadow: var(
204
+ --_show-shadow,
205
+ var(
206
+ --_ctm-mob-dn-pt-pe-sw-ae,
207
+ var(--_ctm-tab-dn-pt-pe-sw-ae, var(--_ctm-dn-pt-pe-sw-ae))
136
208
  )
137
209
  var(
138
- --_ctm-mob-dn-im-se-dt-se-hl-pg,
139
- var(--_ctm-tab-dn-im-se-dt-se-hl-pg, var(--_ctm-dn-im-se-dt-se-hl-pg))
140
- );
141
- cursor: pointer;
142
- background-color: var(
143
- --_ctm-mob-dn-im-se-dt-se-bd-cr,
144
- var(--_ctm-tab-dn-im-se-dt-se-bd-cr, var(--_ctm-dn-im-se-dt-se-bd-cr))
145
- );
146
-
147
- border-color: var(
148
- --_show-border-im-se,
210
+ --_ctm-mob-dn-pt-pe-sw-br,
211
+ var(--_ctm-tab-dn-pt-pe-sw-br, var(--_ctm-dn-pt-pe-sw-br))
212
+ )
149
213
  var(
150
- --_ctm-mob-dn-im-se-dt-se-br-cr,
151
- var(--_ctm-tab-dn-im-se-dt-se-br-cr, var(--_ctm-dn-im-se-dt-se-br-cr))
214
+ --_ctm-mob-dn-pt-pe-sw-sd,
215
+ var(--_ctm-tab-dn-pt-pe-sw-sd, var(--_ctm-dn-pt-pe-sw-sd))
152
216
  )
153
- );
154
- border-style: var(
155
- --_show-border-im-se,
156
217
  var(
157
- --_ctm-mob-dn-im-se-dt-se-br-se,
158
- var(--_ctm-tab-dn-im-se-dt-se-br-se, var(--_ctm-dn-im-se-dt-se-br-se))
218
+ --_ctm-mob-dn-pt-pe-sw-cr,
219
+ var(--_ctm-tab-dn-pt-pe-sw-cr, var(--_ctm-dn-pt-pe-sw-cr))
159
220
  )
221
+ );
222
+ white-space: nowrap;
223
+
224
+ padding: prepareMediaVariable(--_ctm-dn-pt-pe-pg);
225
+
226
+ .price {
227
+ color: var(
228
+ --_ctm-mob-dn-pt-pe-cr,
229
+ var(--_ctm-tab-dn-pt-pe-cr, var(--_ctm-dn-pt-pe-cr))
160
230
  );
161
- border-width: var(
162
- --_show-border-im-se,
231
+ font-family:
163
232
  var(
164
- --_ctm-mob-dn-im-se-dt-se-br-wh,
165
- var(--_ctm-tab-dn-im-se-dt-se-br-wh, var(--_ctm-dn-im-se-dt-se-br-wh))
166
- )
233
+ --_ctm-mob-dn-pt-pe-ft-fy,
234
+ var(--_ctm-tab-dn-pt-pe-ft-fy, var(--_ctm-dn-pt-pe-ft-fy))
235
+ ),
236
+ sans-serif;
237
+ font-size: var(
238
+ --_ctm-mob-dn-pt-pe-ft-se,
239
+ var(--_ctm-tab-dn-pt-pe-ft-se, var(--_ctm-dn-pt-pe-ft-se))
167
240
  );
168
- border-radius: var(
169
- --_ctm-mob-dn-im-se-dt-se-br-rs,
170
- var(--_ctm-tab-dn-im-se-dt-se-br-rs, var(--_ctm-dn-im-se-dt-se-br-rs))
241
+ font-weight: var(
242
+ --_ctm-mob-dn-pt-pe-ft-wt,
243
+ var(--_ctm-tab-dn-pt-pe-ft-wt, var(--_ctm-dn-pt-pe-ft-wt))
171
244
  );
172
-
173
- box-shadow: var(
174
- --_show-shadow-im-se,
175
- var(
176
- --_ctm-mob-dn-im-se-dt-se-sw-ae,
177
- var(--_ctm-tab-dn-im-se-dt-se-sw-ae, var(--_ctm-dn-im-se-dt-se-sw-ae))
178
- )
179
- var(
180
- --_ctm-mob-dn-im-se-dt-se-sw-br,
181
- var(--_ctm-tab-dn-im-se-dt-se-sw-br, var(--_ctm-dn-im-se-dt-se-sw-br))
182
- )
183
- var(
184
- --_ctm-mob-dn-im-se-dt-se-sw-sd,
185
- var(--_ctm-tab-dn-im-se-dt-se-sw-sd, var(--_ctm-dn-im-se-dt-se-sw-sd))
186
- )
187
- var(
188
- --_ctm-mob-dn-im-se-dt-se-sw-cr,
189
- var(--_ctm-tab-dn-im-se-dt-se-sw-cr, var(--_ctm-dn-im-se-dt-se-sw-cr))
190
- )
245
+ font-style: var(
246
+ --_ctm-mob-dn-pt-pe-ft-se-ic,
247
+ var(--_ctm-tab-dn-pt-pe-ft-se-ic, var(--_ctm-dn-pt-pe-ft-se-ic))
248
+ );
249
+ text-align: var(
250
+ --_ctm-mob-dn-pt-pe-tt-an,
251
+ var(--_ctm-tab-dn-pt-pe-tt-an, var(--_ctm-dn-pt-pe-tt-an))
252
+ );
253
+ letter-spacing: var(
254
+ --_ctm-mob-dn-pt-pe-lr-sg,
255
+ var(--_ctm-tab-dn-pt-pe-lr-sg, var(--_ctm-dn-pt-pe-lr-sg))
256
+ );
257
+ line-height: var(
258
+ --_ctm-mob-dn-pt-pe-le-ht,
259
+ var(--_ctm-tab-dn-pt-pe-le-ht, var(--_ctm-dn-pt-pe-le-ht))
260
+ );
261
+ text-decoration: var(
262
+ --_ctm-mob-dn-pt-pe-ue,
263
+ var(--_ctm-tab-dn-pt-pe-ue, var(--_ctm-dn-pt-pe-ue))
191
264
  );
192
265
  }
193
- .active {
194
- display: flex;
266
+ }
195
267
 
196
- // align-items: var(
197
- // --_ctm-mob-dn-im-se-sd-se-ct-at,
198
- // var(--_ctm-tab-dn-im-se-sd-se-ct-at, var(--_ctm-dn-im-se-sd-se-ct-at))
199
- // );
268
+ .actual__price__wraper {
269
+ background-color: var(
270
+ --_ctm-mob-dn-al-pe-bd-cr,
271
+ var(--_ctm-tab-dn-al-pe-bd-cr, var(--_ctm-dn-al-pe-bd-cr))
272
+ );
200
273
 
201
- justify-content: center;
202
- flex-direction: column;
203
- gap: 4px;
274
+ border-color: var(
275
+ --_ctm-mob-dn-al-pe-br-cr,
276
+ var(--_ctm-tab-dn-al-pe-br-cr, var(--_ctm-dn-al-pe-br-cr))
277
+ );
204
278
 
205
- padding: var(
206
- --_ctm-mob-dn-im-se-sd-se-vl-pg,
207
- var(--_ctm-tab-dn-im-se-sd-se-vl-pg, var(--_ctm-dn-im-se-sd-se-vl-pg))
208
- )
209
- var(
210
- --_ctm-mob-dn-im-se-sd-se-hl-pg,
211
- var(--_ctm-tab-dn-im-se-sd-se-hl-pg, var(--_ctm-dn-im-se-sd-se-hl-pg))
212
- );
279
+ border-style: var(
280
+ --_ctm-mob-dn-al-pe-br-se,
281
+ var(--_ctm-tab-dn-al-pe-br-se, var(--_ctm-dn-al-pe-br-se))
282
+ );
213
283
 
214
- cursor: pointer;
284
+ border-width: var(
285
+ --_ctm-mob-dn-al-pe-br-wh,
286
+ var(--_ctm-tab-dn-al-pe-br-wh, var(--_ctm-dn-al-pe-br-wh))
287
+ );
215
288
 
216
- background-color: var(
217
- --_ctm-mob-dn-im-se-sd-se-bd-cr,
218
- var(--_ctm-tab-dn-im-se-sd-se-bd-cr, var(--_ctm-dn-im-se-sd-se-bd-cr))
219
- );
289
+ border-radius: var(
290
+ --_ctm-mob-dn-al-pe-br-rs,
291
+ var(--_ctm-tab-dn-al-pe-br-rs, var(--_ctm-dn-al-pe-br-rs))
292
+ );
220
293
 
221
- border-color: var(
222
- --_show-border-im-se,
294
+ box-shadow: var(
295
+ --_show-shadow,
296
+ var(
297
+ --_ctm-mob-dn-al-pe-sw-ae,
298
+ var(--_ctm-tab-dn-al-pe-sw-ae, var(--_ctm-dn-al-pe-sw-ae))
299
+ )
223
300
  var(
224
- --_ctm-mob-dn-im-se-sd-se-br-cr,
225
- var(--_ctm-tab-dn-im-se-sd-se-br-cr, var(--_ctm-dn-im-se-sd-se-br-cr))
301
+ --_ctm-mob-dn-al-pe-sw-br,
302
+ var(--_ctm-tab-dn-al-pe-sw-br, var(--_ctm-dn-al-pe-sw-br))
226
303
  )
227
- );
228
-
229
- border-style: var(
230
- --_show-border-im-se,
231
304
  var(
232
- --_ctm-mob-dn-im-se-sd-se-br-se,
233
- var(--_ctm-tab-dn-im-se-sd-se-br-se, var(--_ctm-dn-im-se-sd-se-br-se))
305
+ --_ctm-mob-dn-al-pe-sw-sd,
306
+ var(--_ctm-tab-dn-al-pe-sw-sd, var(--_ctm-dn-al-pe-sw-sd))
234
307
  )
235
- );
236
-
237
- border-width: var(
238
- --_show-border-im-se,
239
308
  var(
240
- --_ctm-mob-dn-im-se-sd-se-br-wh,
241
- var(--_ctm-tab-dn-im-se-sd-se-br-wh, var(--_ctm-dn-im-se-sd-se-br-wh))
309
+ --_ctm-mob-dn-al-pe-sw-cr,
310
+ var(--_ctm-tab-dn-al-pe-sw-cr, var(--_ctm-dn-al-pe-sw-cr))
242
311
  )
243
- );
312
+ );
313
+ white-space: nowrap;
244
314
 
245
- border-radius: var(
246
- --_ctm-mob-dn-im-se-sd-se-br-rs,
247
- var(--_ctm-tab-dn-im-se-sd-se-br-rs, var(--_ctm-dn-im-se-sd-se-br-rs))
248
- );
315
+ padding: prepareMediaVariable(--_ctm-dn-al-pe-pg);
249
316
 
250
- box-shadow: var(
251
- --_show-shadow-im-se,
317
+ .actual__price {
318
+ color: var(
319
+ --_ctm-mob-dn-al-pe-cr,
320
+ var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr))
321
+ );
322
+ font-family:
252
323
  var(
253
- --_ctm-mob-dn-im-se-sd-se-sw-ae,
254
- var(--_ctm-tab-dn-im-se-sd-se-sw-ae, var(--_ctm-dn-im-se-sd-se-sw-ae))
255
- )
256
- var(
257
- --_ctm-mob-dn-im-se-sd-se-sw-br,
258
- var(--_ctm-tab-dn-im-se-sd-se-sw-br, var(--_ctm-dn-im-se-sd-se-sw-br))
259
- )
260
- var(
261
- --_ctm-mob-dn-im-se-sd-se-sw-sd,
262
- var(--_ctm-tab-dn-im-se-sd-se-sw-sd, var(--_ctm-dn-im-se-sd-se-sw-sd))
263
- )
264
- var(
265
- --_ctm-mob-dn-im-se-sd-se-sw-cr,
266
- var(--_ctm-tab-dn-im-se-sd-se-sw-cr, var(--_ctm-dn-im-se-sd-se-sw-cr))
267
- )
324
+ --_ctm-mob-dn-al-pe-ft-fy,
325
+ var(--_ctm-tab-dn-al-pe-ft-fy, var(--_ctm-dn-al-pe-ft-fy))
326
+ ),
327
+ sans-serif;
328
+ font-size: var(
329
+ --_ctm-mob-dn-al-pe-ft-se,
330
+ var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se))
331
+ );
332
+ font-weight: var(
333
+ --_ctm-mob-dn-al-pe-ft-wt,
334
+ var(--_ctm-tab-dn-al-pe-ft-wt, var(--_ctm-dn-al-pe-ft-wt))
335
+ );
336
+ font-style: var(
337
+ --_ctm-mob-dn-al-pe-ft-se-ic,
338
+ var(--_ctm-tab-dn-al-pe-ft-se-ic, var(--_ctm-dn-al-pe-ft-se-ic))
268
339
  );
340
+ text-align: var(
341
+ --_ctm-mob-dn-al-pe-tt-an,
342
+ var(--_ctm-tab-dn-al-pe-tt-an, var(--_ctm-dn-al-pe-tt-an))
343
+ );
344
+ letter-spacing: var(
345
+ --_ctm-mob-dn-al-pe-lr-sg,
346
+ var(--_ctm-tab-dn-al-pe-lr-sg, var(--_ctm-dn-al-pe-lr-sg))
347
+ );
348
+ line-height: var(
349
+ --_ctm-mob-dn-al-pe-le-ht,
350
+ var(--_ctm-tab-dn-al-pe-le-ht, var(--_ctm-dn-al-pe-le-ht))
351
+ );
352
+ text-decoration: var(
353
+ --_ctm-mob-dn-al-pe-ue,
354
+ var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue))
355
+ );
356
+ }
357
+ }
358
+ .saving__amount__wraper {
359
+ background-color: var(
360
+ --_ctm-mob-dn-ss-bd-cr,
361
+ var(--_ctm-tab-dn-ss-bd-cr, var(--_ctm-dn-ss-bd-cr))
362
+ );
269
363
 
270
- .each {
271
- color: var(
272
- --_ctm-mob-dn-um-se-cr,
273
- var(--_ctm-tab-dn-um-se-cr, var(--_ctm-dn-um-se-cr))
274
- );
275
- font-family: var(
276
- --_ctm-mob-dn-um-se-ft-fy,
277
- var(--_ctm-tab-dn-um-se-ft-fy, var(--_ctm-dn-um-se-ft-fy))
278
- ),
279
- sans-serif;
280
- font-size: var(
281
- --_ctm-mob-dn-um-se-ft-se,
282
- var(--_ctm-tab-dn-um-se-ft-se, var(--_ctm-dn-um-se-ft-se))
283
- );
284
- font-weight: var(
285
- --_ctm-mob-dn-um-se-ft-wt,
286
- var(--_ctm-tab-dn-um-se-ft-wt, var(--_ctm-dn-um-se-ft-wt))
287
- );
288
- font-style: var(
289
- --_ctm-mob-dn-um-se-ft-se-ic,
290
- var(--_ctm-tab-dn-um-se-ft-se-ic, var(--_ctm-dn-um-se-ft-se-ic))
291
- );
292
- text-align: var(
293
- --_ctm-mob-dn-um-se-tt-an,
294
- var(--_ctm-tab-dn-um-se-tt-an, var(--_ctm-dn-um-se-tt-an))
295
- );
296
- letter-spacing: var(
297
- --_ctm-mob-dn-um-se-lr-sg,
298
- var(--_ctm-tab-dn-um-se-lr-sg, var(--_ctm-dn-um-se-lr-sg))
299
- );
300
- line-height: var(
301
- --_ctm-mob-dn-um-se-le-ht,
302
- var(--_ctm-tab-dn-um-se-le-ht, var(--_ctm-dn-um-se-le-ht))
303
- );
304
- text-decoration: var(
305
- --_ctm-mob-dn-um-se-ue,
306
- var(--_ctm-tab-dn-um-se-ue, var(--_ctm-dn-um-se-ue))
307
- );
308
- }
364
+ border-color: var(
365
+ --_ctm-mob-dn-ss-br-cr,
366
+ var(--_ctm-tab-dn-ss-br-cr, var(--_ctm-dn-ss-br-cr))
367
+ );
309
368
 
310
- .price {
311
- color: var(
312
- --_ctm-mob-dn-pt-pe-cr,
313
- var(--_ctm-tab-dn-pt-pe-cr, var(--_ctm-dn-pt-pe-cr))
314
- );
315
- font-family: var(
316
- --_ctm-mob-dn-pt-pe-ft-fy,
317
- var(--_ctm-tab-dn-pt-pe-ft-fy, var(--_ctm-dn-pt-pe-ft-fy))
318
- ),
319
- sans-serif;
320
- font-size: var(
321
- --_ctm-mob-dn-pt-pe-ft-se,
322
- var(--_ctm-tab-dn-pt-pe-ft-se, var(--_ctm-dn-pt-pe-ft-se))
323
- );
324
- font-weight: var(
325
- --_ctm-mob-dn-pt-pe-ft-wt,
326
- var(--_ctm-tab-dn-pt-pe-ft-wt, var(--_ctm-dn-pt-pe-ft-wt))
327
- );
328
- font-style: var(
329
- --_ctm-mob-dn-pt-pe-ft-se-ic,
330
- var(--_ctm-tab-dn-pt-pe-ft-se-ic, var(--_ctm-dn-pt-pe-ft-se-ic))
331
- );
332
- text-align: var(
333
- --_ctm-mob-dn-pt-pe-tt-an,
334
- var(--_ctm-tab-dn-pt-pe-tt-an, var(--_ctm-dn-pt-pe-tt-an))
335
- );
336
- letter-spacing: var(
337
- --_ctm-mob-dn-pt-pe-lr-sg,
338
- var(--_ctm-tab-dn-pt-pe-lr-sg, var(--_ctm-dn-pt-pe-lr-sg))
339
- );
340
- line-height: var(
341
- --_ctm-mob-dn-pt-pe-le-ht,
342
- var(--_ctm-tab-dn-pt-pe-le-ht, var(--_ctm-dn-pt-pe-le-ht))
343
- );
344
- text-decoration: var(
345
- --_ctm-mob-dn-pt-pe-ue,
346
- var(--_ctm-tab-dn-pt-pe-ue, var(--_ctm-dn-pt-pe-ue))
347
- );
348
- }
349
- .off__price {
350
- font-size: 12px;
351
- display: flex;
352
- justify-content: space-around;
353
- gap: 10px;
354
- align-items: center;
355
- .saving__amount {
356
- color: var(--_ctm-mob-dn-ss-cr, var(--_ctm-tab-dn-ss-cr, var(--_ctm-dn-ss-cr)));
357
- font-family: var(
358
- --_ctm-mob-dn-ss-ft-fy,
359
- var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy))
360
- ),
361
- sans-serif;
362
- font-size: var(
363
- --_ctm-mob-dn-ss-ft-se,
364
- var(--_ctm-tab-dn-ss-ft-se, var(--_ctm-dn-ss-ft-se))
365
- );
366
- font-weight: var(
367
- --_ctm-mob-dn-ss-ft-wt,
368
- var(--_ctm-tab-dn-ss-ft-wt, var(--_ctm-dn-ss-ft-wt))
369
- );
370
- font-style: var(
371
- --_ctm-mob-dn-ss-ft-se-ic,
372
- var(--_ctm-tab-dn-ss-ft-se-ic, var(--_ctm-dn-ss-ft-se-ic))
373
- );
374
- text-align: var(
375
- --_ctm-mob-dn-ss-tt-an,
376
- var(--_ctm-tab-dn-ss-tt-an, var(--_ctm-dn-ss-tt-an))
377
- );
378
- letter-spacing: var(
379
- --_ctm-mob-dn-ss-lr-sg,
380
- var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg))
381
- );
382
- line-height: var(
383
- --_ctm-mob-dn-ss-le-ht,
384
- var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht))
385
- );
386
- text-decoration: var(
387
- --_ctm-mob-dn-ss-ue,
388
- var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue))
389
- );
390
- }
369
+ border-style: var(
370
+ --_ctm-mob-dn-ss-br-se,
371
+ var(--_ctm-tab-dn-ss-br-se, var(--_ctm-dn-ss-br-se))
372
+ );
391
373
 
392
- .actual__price {
393
- color: var(
394
- --_ctm-mob-dn-al-pe-cr,
395
- var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr))
396
- );
397
- font-family: var(
398
- --_ctm-mob-dn-al-pe-ft-fy,
399
- var(--_ctm-tab-dn-al-pe-ft-fy, var(--_ctm-dn-al-pe-ft-fy))
400
- ),
401
- sans-serif;
402
- font-size: var(
403
- --_ctm-mob-dn-al-pe-ft-se,
404
- var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se))
405
- );
406
- font-weight: var(
407
- --_ctm-mob-dn-al-pe-ft-wt,
408
- var(--_ctm-tab-dn-al-pe-ft-wt, var(--_ctm-dn-al-pe-ft-wt))
409
- );
410
- font-style: var(
411
- --_ctm-mob-dn-al-pe-ft-se-ic,
412
- var(--_ctm-tab-dn-al-pe-ft-se-ic, var(--_ctm-dn-al-pe-ft-se-ic))
413
- );
414
- text-align: var(
415
- --_ctm-mob-dn-al-pe-tt-an,
416
- var(--_ctm-tab-dn-al-pe-tt-an, var(--_ctm-dn-al-pe-tt-an))
417
- );
418
- letter-spacing: var(
419
- --_ctm-mob-dn-al-pe-lr-sg,
420
- var(--_ctm-tab-dn-al-pe-lr-sg, var(--_ctm-dn-al-pe-lr-sg))
421
- );
422
- line-height: var(
423
- --_ctm-mob-dn-al-pe-le-ht,
424
- var(--_ctm-tab-dn-al-pe-le-ht, var(--_ctm-dn-al-pe-le-ht))
425
- );
426
- text-decoration: var(
427
- --_ctm-mob-dn-al-pe-ue,
428
- var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue))
429
- );
430
- }
431
- }
432
- .units {
433
- color: var(
434
- --_ctm-mob-dn-pe-pr-ut-cr,
435
- var(--_ctm-tab-dn-pe-pr-ut-cr, var(--_ctm-dn-pe-pr-ut-cr))
436
- );
437
- font-family: var(
438
- --_ctm-mob-dn-pe-pr-ut-ft-fy,
439
- var(--_ctm-tab-dn-pe-pr-ut-ft-fy, var(--_ctm-dn-pe-pr-ut-ft-fy))
440
- ),
441
- sans-serif;
442
- font-size: var(
443
- --_ctm-mob-dn-pe-pr-ut-ft-se,
444
- var(--_ctm-tab-dn-pe-pr-ut-ft-se, var(--_ctm-dn-pe-pr-ut-ft-se))
445
- );
446
- font-weight: var(
447
- --_ctm-mob-dn-pe-pr-ut-ft-wt,
448
- var(--_ctm-tab-dn-pe-pr-ut-ft-wt, var(--_ctm-dn-pe-pr-ut-ft-wt))
449
- );
450
- font-style: var(
451
- --_ctm-mob-dn-pe-pr-ut-ft-se-ic,
452
- var(--_ctm-tab-dn-pe-pr-ut-ft-se-ic, var(--_ctm-dn-pe-pr-ut-ft-se-ic))
453
- );
454
- text-align: var(
455
- --_ctm-mob-dn-pe-pr-ut-tt-an,
456
- var(--_ctm-tab-dn-pe-pr-ut-tt-an, var(--_ctm-dn-pe-pr-ut-tt-an))
457
- );
458
- letter-spacing: var(
459
- --_ctm-mob-dn-pe-pr-ut-lr-sg,
460
- var(--_ctm-tab-dn-pe-pr-ut-lr-sg, var(--_ctm-dn-pe-pr-ut-lr-sg))
461
- );
462
- line-height: var(
463
- --_ctm-mob-dn-pe-pr-ut-le-ht,
464
- var(--_ctm-tab-dn-pe-pr-ut-le-ht, var(--_ctm-dn-pe-pr-ut-le-ht))
465
- );
466
- text-decoration: var(
467
- --_ctm-mob-dn-pe-pr-ut-ue,
468
- var(--_ctm-tab-dn-pe-pr-ut-ue, var(--_ctm-dn-pe-pr-ut-ue))
469
- );
470
- }
471
- }
374
+ border-width: var(
375
+ --_ctm-mob-dn-ss-br-wh,
376
+ var(--_ctm-tab-dn-ss-br-wh, var(--_ctm-dn-ss-br-wh))
377
+ );
472
378
 
473
- .each {
474
- color: var(
475
- --_ctm-mob-dn-um-se-cr,
476
- var(--_ctm-tab-dn-um-se-cr, var(--_ctm-dn-um-se-cr))
477
- );
478
- font-family: var(
479
- --_ctm-mob-dn-um-se-ft-fy,
480
- var(--_ctm-tab-dn-um-se-ft-fy, var(--_ctm-dn-um-se-ft-fy))
481
- ),
379
+ border-radius: var(
380
+ --_ctm-mob-dn-ss-br-rs,
381
+ var(--_ctm-tab-dn-ss-br-rs, var(--_ctm-dn-ss-br-rs))
382
+ );
383
+
384
+ box-shadow: var(
385
+ --_show-shadow,
386
+ var(--_ctm-mob-dn-ss-sw-ae, var(--_ctm-tab-dn-ss-sw-ae, var(--_ctm-dn-ss-sw-ae)))
387
+ var(--_ctm-mob-dn-ss-sw-br, var(--_ctm-tab-dn-ss-sw-br, var(--_ctm-dn-ss-sw-br)))
388
+ var(--_ctm-mob-dn-ss-sw-sd, var(--_ctm-tab-dn-ss-sw-sd, var(--_ctm-dn-ss-sw-sd)))
389
+ var(--_ctm-mob-dn-ss-sw-cr, var(--_ctm-tab-dn-ss-sw-cr, var(--_ctm-dn-ss-sw-cr)))
390
+ );
391
+ white-space: nowrap;
392
+
393
+ padding: prepareMediaVariable(--_ctm-dn-ss-pg);
394
+
395
+ .saving__amount {
396
+ color: var(--_ctm-mob-dn-ss-cr, var(--_ctm-tab-dn-ss-cr, var(--_ctm-dn-ss-cr)));
397
+ font-family:
398
+ var(--_ctm-mob-dn-ss-ft-fy, var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy))),
482
399
  sans-serif;
483
400
  font-size: var(
484
- --_ctm-mob-dn-um-se-ft-se,
485
- var(--_ctm-tab-dn-um-se-ft-se, var(--_ctm-dn-um-se-ft-se))
401
+ --_ctm-mob-dn-ss-ft-se,
402
+ var(--_ctm-tab-dn-ss-ft-se, var(--_ctm-dn-ss-ft-se))
486
403
  );
487
404
  font-weight: var(
488
- --_ctm-mob-dn-um-se-ft-wt,
489
- var(--_ctm-tab-dn-um-se-ft-wt, var(--_ctm-dn-um-se-ft-wt))
405
+ --_ctm-mob-dn-ss-ft-wt,
406
+ var(--_ctm-tab-dn-ss-ft-wt, var(--_ctm-dn-ss-ft-wt))
490
407
  );
491
408
  font-style: var(
492
- --_ctm-mob-dn-um-se-ft-se-ic,
493
- var(--_ctm-tab-dn-um-se-ft-se-ic, var(--_ctm-dn-um-se-ft-se-ic))
409
+ --_ctm-mob-dn-ss-ft-se-ic,
410
+ var(--_ctm-tab-dn-ss-ft-se-ic, var(--_ctm-dn-ss-ft-se-ic))
494
411
  );
495
412
  text-align: var(
496
- --_ctm-mob-dn-um-se-tt-an,
497
- var(--_ctm-tab-dn-um-se-tt-an, var(--_ctm-dn-um-se-tt-an))
413
+ --_ctm-mob-dn-ss-tt-an,
414
+ var(--_ctm-tab-dn-ss-tt-an, var(--_ctm-dn-ss-tt-an))
498
415
  );
499
416
  letter-spacing: var(
500
- --_ctm-mob-dn-um-se-lr-sg,
501
- var(--_ctm-tab-dn-um-se-lr-sg, var(--_ctm-dn-um-se-lr-sg))
417
+ --_ctm-mob-dn-ss-lr-sg,
418
+ var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg))
502
419
  );
503
420
  line-height: var(
504
- --_ctm-mob-dn-um-se-le-ht,
505
- var(--_ctm-tab-dn-um-se-le-ht, var(--_ctm-dn-um-se-le-ht))
421
+ --_ctm-mob-dn-ss-le-ht,
422
+ var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht))
506
423
  );
507
424
  text-decoration: var(
508
- --_ctm-mob-dn-um-se-ue,
509
- var(--_ctm-tab-dn-um-se-ue, var(--_ctm-dn-um-se-ue))
425
+ --_ctm-mob-dn-ss-ue,
426
+ var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue))
510
427
  );
511
428
  }
429
+ }
430
+ .units__wraper {
431
+ background-color: var(
432
+ --_ctm-mob-dn-pe-pr-ut-bd-cr,
433
+ var(--_ctm-tab-dn-pe-pr-ut-bd-cr, var(--_ctm-dn-pe-pr-ut-bd-cr))
434
+ );
512
435
 
513
- .price {
436
+ border-color: var(
437
+ --_ctm-mob-dn-pe-pr-ut-br-cr,
438
+ var(--_ctm-tab-dn-pe-pr-ut-br-cr, var(--_ctm-dn-pe-pr-ut-br-cr))
439
+ );
440
+
441
+ border-style: var(
442
+ --_ctm-mob-dn-pe-pr-ut-br-se,
443
+ var(--_ctm-tab-dn-pe-pr-ut-br-se, var(--_ctm-dn-pe-pr-ut-br-se))
444
+ );
445
+
446
+ border-width: var(
447
+ --_ctm-mob-dn-pe-pr-ut-br-wh,
448
+ var(--_ctm-tab-dn-pe-pr-ut-br-wh, var(--_ctm-dn-pe-pr-ut-br-wh))
449
+ );
450
+
451
+ border-radius: var(
452
+ --_ctm-mob-dn-pe-pr-ut-br-rs,
453
+ var(--_ctm-tab-dn-pe-pr-ut-br-rs, var(--_ctm-dn-pe-pr-ut-br-rs))
454
+ );
455
+
456
+ box-shadow: var(
457
+ --_show-shadow,
458
+ var(
459
+ --_ctm-mob-dn-pe-pr-ut-sw-ae,
460
+ var(--_ctm-tab-dn-pe-pr-ut-sw-ae, var(--_ctm-dn-pe-pr-ut-sw-ae))
461
+ )
462
+ var(
463
+ --_ctm-mob-dn-pe-pr-ut-sw-br,
464
+ var(--_ctm-tab-dn-pe-pr-ut-sw-br, var(--_ctm-dn-pe-pr-ut-sw-br))
465
+ )
466
+ var(
467
+ --_ctm-mob-dn-pe-pr-ut-sw-sd,
468
+ var(--_ctm-tab-dn-pe-pr-ut-sw-sd, var(--_ctm-dn-pe-pr-ut-sw-sd))
469
+ )
470
+ var(
471
+ --_ctm-mob-dn-pe-pr-ut-sw-cr,
472
+ var(--_ctm-tab-dn-pe-pr-ut-sw-cr, var(--_ctm-dn-pe-pr-ut-sw-cr))
473
+ )
474
+ );
475
+ white-space: nowrap;
476
+
477
+ padding: prepareMediaVariable(--_ctm-dn-pe-pr-ut-pg);
478
+
479
+ .units {
514
480
  color: var(
515
- --_ctm-mob-dn-pt-pe-cr,
516
- var(--_ctm-tab-dn-pt-pe-cr, var(--_ctm-dn-pt-pe-cr))
481
+ --_ctm-mob-dn-pe-pr-ut-cr,
482
+ var(--_ctm-tab-dn-pe-pr-ut-cr, var(--_ctm-dn-pe-pr-ut-cr))
517
483
  );
518
- font-family: var(
519
- --_ctm-mob-dn-pt-pe-ft-fy,
520
- var(--_ctm-tab-dn-pt-pe-ft-fy, var(--_ctm-dn-pt-pe-ft-fy))
484
+ font-family:
485
+ var(
486
+ --_ctm-mob-dn-pe-pr-ut-ft-fy,
487
+ var(--_ctm-tab-dn-pe-pr-ut-ft-fy, var(--_ctm-dn-pe-pr-ut-ft-fy))
521
488
  ),
522
489
  sans-serif;
523
490
  font-size: var(
524
- --_ctm-mob-dn-pt-pe-ft-se,
525
- var(--_ctm-tab-dn-pt-pe-ft-se, var(--_ctm-dn-pt-pe-ft-se))
491
+ --_ctm-mob-dn-pe-pr-ut-ft-se,
492
+ var(--_ctm-tab-dn-pe-pr-ut-ft-se, var(--_ctm-dn-pe-pr-ut-ft-se))
526
493
  );
527
494
  font-weight: var(
528
- --_ctm-mob-dn-pt-pe-ft-wt,
529
- var(--_ctm-tab-dn-pt-pe-ft-wt, var(--_ctm-dn-pt-pe-ft-wt))
495
+ --_ctm-mob-dn-pe-pr-ut-ft-wt,
496
+ var(--_ctm-tab-dn-pe-pr-ut-ft-wt, var(--_ctm-dn-pe-pr-ut-ft-wt))
530
497
  );
531
498
  font-style: var(
532
- --_ctm-mob-dn-pt-pe-ft-se-ic,
533
- var(--_ctm-tab-dn-pt-pe-ft-se-ic, var(--_ctm-dn-pt-pe-ft-se-ic))
499
+ --_ctm-mob-dn-pe-pr-ut-ft-se-ic,
500
+ var(--_ctm-tab-dn-pe-pr-ut-ft-se-ic, var(--_ctm-dn-pe-pr-ut-ft-se-ic))
534
501
  );
535
502
  text-align: var(
536
- --_ctm-mob-dn-pt-pe-tt-an,
537
- var(--_ctm-tab-dn-pt-pe-tt-an, var(--_ctm-dn-pt-pe-tt-an))
503
+ --_ctm-mob-dn-pe-pr-ut-tt-an,
504
+ var(--_ctm-tab-dn-pe-pr-ut-tt-an, var(--_ctm-dn-pe-pr-ut-tt-an))
538
505
  );
539
506
  letter-spacing: var(
540
- --_ctm-mob-dn-pt-pe-lr-sg,
541
- var(--_ctm-tab-dn-pt-pe-lr-sg, var(--_ctm-dn-pt-pe-lr-sg))
507
+ --_ctm-mob-dn-pe-pr-ut-lr-sg,
508
+ var(--_ctm-tab-dn-pe-pr-ut-lr-sg, var(--_ctm-dn-pe-pr-ut-lr-sg))
542
509
  );
543
510
  line-height: var(
544
- --_ctm-mob-dn-pt-pe-le-ht,
545
- var(--_ctm-tab-dn-pt-pe-le-ht, var(--_ctm-dn-pt-pe-le-ht))
511
+ --_ctm-mob-dn-pe-pr-ut-le-ht,
512
+ var(--_ctm-tab-dn-pe-pr-ut-le-ht, var(--_ctm-dn-pe-pr-ut-le-ht))
546
513
  );
547
514
  text-decoration: var(
548
- --_ctm-mob-dn-pt-pe-ue,
549
- var(--_ctm-tab-dn-pt-pe-ue, var(--_ctm-dn-pt-pe-ue))
515
+ --_ctm-mob-dn-pe-pr-ut-ue,
516
+ var(--_ctm-tab-dn-pe-pr-ut-ue, var(--_ctm-dn-pe-pr-ut-ue))
550
517
  );
551
518
  }
552
- .actual__price {
519
+ }
520
+ .stack {
521
+ display: flex;
522
+ flex-direction: column;
523
+ // height: 100%;
524
+ .static {
553
525
  color: var(
554
- --_ctm-mob-dn-al-pe-cr,
555
- var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr))
526
+ --_ctm-mob-dn-um-te-se-cr,
527
+ var(--_ctm-tab-dn-um-te-se-cr, var(--_ctm-dn-um-te-se-cr))
556
528
  );
557
- font-family: var(
558
- --_ctm-mob-dn-al-pe-ft-fy,
559
- var(--_ctm-tab-dn-al-pe-ft-fy, var(--_ctm-dn-al-pe-ft-fy))
529
+ font-family:
530
+ var(
531
+ --_ctm-mob-dn-um-te-se-ft-fy,
532
+ var(--_ctm-tab-dn-um-te-se-ft-fy, var(--_ctm-dn-um-te-se-ft-fy))
560
533
  ),
561
534
  sans-serif;
562
535
  font-size: var(
563
- --_ctm-mob-dn-al-pe-ft-se,
564
- var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se))
536
+ --_ctm-mob-dn-um-te-se-ft-se,
537
+ var(--_ctm-tab-dn-um-te-se-ft-se, var(--_ctm-dn-um-te-se-ft-se))
565
538
  );
566
539
  font-weight: var(
567
- --_ctm-mob-dn-al-pe-ft-wt,
568
- var(--_ctm-tab-dn-al-pe-ft-wt, var(--_ctm-dn-al-pe-ft-wt))
540
+ --_ctm-mob-dn-um-te-se-ft-wt,
541
+ var(--_ctm-tab-dn-um-te-se-ft-wt, var(--_ctm-dn-um-te-se-ft-wt))
569
542
  );
570
543
  font-style: var(
571
- --_ctm-mob-dn-al-pe-ft-se-ic,
572
- var(--_ctm-tab-dn-al-pe-ft-se-ic, var(--_ctm-dn-al-pe-ft-se-ic))
544
+ --_ctm-mob-dn-um-te-se-ft-se-ic,
545
+ var(--_ctm-tab-dn-um-te-se-ft-se-ic, var(--_ctm-dn-um-te-se-ft-se-ic))
546
+ );
547
+ text-align: var(
548
+ --_ctm-mob-dn-um-te-se-tt-an,
549
+ var(--_ctm-tab-dn-um-te-se-tt-an, var(--_ctm-dn-um-te-se-tt-an))
550
+ );
551
+ letter-spacing: var(
552
+ --_ctm-mob-dn-um-te-se-lr-sg,
553
+ var(--_ctm-tab-dn-um-te-se-lr-sg, var(--_ctm-dn-um-te-se-lr-sg))
554
+ );
555
+ line-height: var(
556
+ --_ctm-mob-dn-um-te-se-le-ht,
557
+ var(--_ctm-tab-dn-um-te-se-le-ht, var(--_ctm-dn-um-te-se-le-ht))
558
+ );
559
+ text-decoration: var(
560
+ --_ctm-mob-dn-um-te-se-ue,
561
+ var(--_ctm-tab-dn-um-te-se-ue, var(--_ctm-dn-um-te-se-ue))
562
+ );
563
+ }
564
+
565
+ .item {
566
+ display: flex;
567
+ align-items: center;
568
+ justify-content: center;
569
+ flex-direction: column;
570
+ white-space: nowrap;
571
+ gap: 4px;
572
+ flex-shrink: 0;
573
+ padding: var(
574
+ --_ctm-mob-dn-im-se-dt-se-vl-pg,
575
+ var(--_ctm-tab-dn-im-se-dt-se-vl-pg, var(--_ctm-dn-im-se-dt-se-vl-pg))
576
+ )
577
+ var(
578
+ --_ctm-mob-dn-im-se-dt-se-hl-pg,
579
+ var(--_ctm-tab-dn-im-se-dt-se-hl-pg, var(--_ctm-dn-im-se-dt-se-hl-pg))
580
+ );
581
+ cursor: pointer;
582
+ background-color: var(
583
+ --_ctm-mob-dn-im-se-dt-se-bd-cr,
584
+ var(--_ctm-tab-dn-im-se-dt-se-bd-cr, var(--_ctm-dn-im-se-dt-se-bd-cr))
585
+ );
586
+
587
+ border-color: var(
588
+ --_show-border-im-se,
589
+ var(
590
+ --_ctm-mob-dn-im-se-dt-se-br-cr,
591
+ var(--_ctm-tab-dn-im-se-dt-se-br-cr, var(--_ctm-dn-im-se-dt-se-br-cr))
592
+ )
573
593
  );
574
- text-align: var(
575
- --_ctm-mob-dn-al-pe-tt-an,
576
- var(--_ctm-tab-dn-al-pe-tt-an, var(--_ctm-dn-al-pe-tt-an))
594
+ border-style: var(
595
+ --_show-border-im-se,
596
+ var(
597
+ --_ctm-mob-dn-im-se-dt-se-br-se,
598
+ var(--_ctm-tab-dn-im-se-dt-se-br-se, var(--_ctm-dn-im-se-dt-se-br-se))
599
+ )
577
600
  );
578
- letter-spacing: var(
579
- --_ctm-mob-dn-al-pe-lr-sg,
580
- var(--_ctm-tab-dn-al-pe-lr-sg, var(--_ctm-dn-al-pe-lr-sg))
601
+ border-width: var(
602
+ --_show-border-im-se,
603
+ var(
604
+ --_ctm-mob-dn-im-se-dt-se-br-wh,
605
+ var(--_ctm-tab-dn-im-se-dt-se-br-wh, var(--_ctm-dn-im-se-dt-se-br-wh))
606
+ )
581
607
  );
582
- line-height: var(
583
- --_ctm-mob-dn-al-pe-le-ht,
584
- var(--_ctm-tab-dn-al-pe-le-ht, var(--_ctm-dn-al-pe-le-ht))
608
+ border-radius: var(
609
+ --_ctm-mob-dn-im-se-dt-se-br-rs,
610
+ var(--_ctm-tab-dn-im-se-dt-se-br-rs, var(--_ctm-dn-im-se-dt-se-br-rs))
585
611
  );
586
- text-decoration: var(
587
- --_ctm-mob-dn-al-pe-ue,
588
- var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue))
612
+
613
+ box-shadow: var(
614
+ --_show-shadow-im-se,
615
+ var(
616
+ --_ctm-mob-dn-im-se-dt-se-sw-ae,
617
+ var(--_ctm-tab-dn-im-se-dt-se-sw-ae, var(--_ctm-dn-im-se-dt-se-sw-ae))
618
+ )
619
+ var(
620
+ --_ctm-mob-dn-im-se-dt-se-sw-br,
621
+ var(--_ctm-tab-dn-im-se-dt-se-sw-br, var(--_ctm-dn-im-se-dt-se-sw-br))
622
+ )
623
+ var(
624
+ --_ctm-mob-dn-im-se-dt-se-sw-sd,
625
+ var(--_ctm-tab-dn-im-se-dt-se-sw-sd, var(--_ctm-dn-im-se-dt-se-sw-sd))
626
+ )
627
+ var(
628
+ --_ctm-mob-dn-im-se-dt-se-sw-cr,
629
+ var(--_ctm-tab-dn-im-se-dt-se-sw-cr, var(--_ctm-dn-im-se-dt-se-sw-cr))
630
+ )
589
631
  );
590
632
  }
591
- .saving__amount {
592
- color: var(--_ctm-mob-dn-ss-cr, var(--_ctm-tab-dn-ss-cr, var(--_ctm-dn-ss-cr)));
593
- font-family: var(
594
- --_ctm-mob-dn-ss-ft-fy,
595
- var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy))
596
- ),
597
- sans-serif;
598
- font-size: var(
599
- --_ctm-mob-dn-ss-ft-se,
600
- var(--_ctm-tab-dn-ss-ft-se, var(--_ctm-dn-ss-ft-se))
601
- );
602
- font-weight: var(
603
- --_ctm-mob-dn-ss-ft-wt,
604
- var(--_ctm-tab-dn-ss-ft-wt, var(--_ctm-dn-ss-ft-wt))
633
+ .active {
634
+ display: flex;
635
+
636
+ // align-items: var(
637
+ // --_ctm-mob-dn-im-se-sd-se-ct-at,
638
+ // var(--_ctm-tab-dn-im-se-sd-se-ct-at, var(--_ctm-dn-im-se-sd-se-ct-at))
639
+ // );
640
+
641
+ justify-content: center;
642
+ flex-direction: column;
643
+ gap: 4px;
644
+
645
+ padding: var(
646
+ --_ctm-mob-dn-im-se-sd-se-vl-pg,
647
+ var(--_ctm-tab-dn-im-se-sd-se-vl-pg, var(--_ctm-dn-im-se-sd-se-vl-pg))
648
+ )
649
+ var(
650
+ --_ctm-mob-dn-im-se-sd-se-hl-pg,
651
+ var(--_ctm-tab-dn-im-se-sd-se-hl-pg, var(--_ctm-dn-im-se-sd-se-hl-pg))
652
+ );
653
+
654
+ cursor: pointer;
655
+
656
+ background-color: var(
657
+ --_ctm-mob-dn-im-se-sd-se-bd-cr,
658
+ var(--_ctm-tab-dn-im-se-sd-se-bd-cr, var(--_ctm-dn-im-se-sd-se-bd-cr))
605
659
  );
606
- font-style: var(
607
- --_ctm-mob-dn-ss-ft-se-ic,
608
- var(--_ctm-tab-dn-ss-ft-se-ic, var(--_ctm-dn-ss-ft-se-ic))
660
+
661
+ border-color: var(
662
+ --_show-border-im-se,
663
+ var(
664
+ --_ctm-mob-dn-im-se-sd-se-br-cr,
665
+ var(--_ctm-tab-dn-im-se-sd-se-br-cr, var(--_ctm-dn-im-se-sd-se-br-cr))
666
+ )
609
667
  );
610
- text-align: var(
611
- --_ctm-mob-dn-ss-tt-an,
612
- var(--_ctm-tab-dn-ss-tt-an, var(--_ctm-dn-ss-tt-an))
668
+
669
+ border-style: var(
670
+ --_show-border-im-se,
671
+ var(
672
+ --_ctm-mob-dn-im-se-sd-se-br-se,
673
+ var(--_ctm-tab-dn-im-se-sd-se-br-se, var(--_ctm-dn-im-se-sd-se-br-se))
674
+ )
613
675
  );
614
- letter-spacing: var(
615
- --_ctm-mob-dn-ss-lr-sg,
616
- var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg))
676
+
677
+ border-width: var(
678
+ --_show-border-im-se,
679
+ var(
680
+ --_ctm-mob-dn-im-se-sd-se-br-wh,
681
+ var(--_ctm-tab-dn-im-se-sd-se-br-wh, var(--_ctm-dn-im-se-sd-se-br-wh))
682
+ )
617
683
  );
618
- line-height: var(
619
- --_ctm-mob-dn-ss-le-ht,
620
- var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht))
684
+
685
+ border-radius: var(
686
+ --_ctm-mob-dn-im-se-sd-se-br-rs,
687
+ var(--_ctm-tab-dn-im-se-sd-se-br-rs, var(--_ctm-dn-im-se-sd-se-br-rs))
621
688
  );
622
- text-decoration: var(
623
- --_ctm-mob-dn-ss-ue,
624
- var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue))
689
+
690
+ box-shadow: var(
691
+ --_show-shadow-im-se,
692
+ var(
693
+ --_ctm-mob-dn-im-se-sd-se-sw-ae,
694
+ var(--_ctm-tab-dn-im-se-sd-se-sw-ae, var(--_ctm-dn-im-se-sd-se-sw-ae))
695
+ )
696
+ var(
697
+ --_ctm-mob-dn-im-se-sd-se-sw-br,
698
+ var(--_ctm-tab-dn-im-se-sd-se-sw-br, var(--_ctm-dn-im-se-sd-se-sw-br))
699
+ )
700
+ var(
701
+ --_ctm-mob-dn-im-se-sd-se-sw-sd,
702
+ var(--_ctm-tab-dn-im-se-sd-se-sw-sd, var(--_ctm-dn-im-se-sd-se-sw-sd))
703
+ )
704
+ var(
705
+ --_ctm-mob-dn-im-se-sd-se-sw-cr,
706
+ var(--_ctm-tab-dn-im-se-sd-se-sw-cr, var(--_ctm-dn-im-se-sd-se-sw-cr))
707
+ )
625
708
  );
709
+
710
+ .off__price {
711
+ font-size: 12px;
712
+ display: flex;
713
+ justify-content: space-around;
714
+ gap: 10px;
715
+ align-items: center;
716
+ }
626
717
  }
718
+
627
719
  .off__price {
628
720
  font-size: 12px;
629
721
  display: flex;
@@ -632,45 +724,6 @@
632
724
  align-items: center;
633
725
  }
634
726
 
635
- .units {
636
- color: var(
637
- --_ctm-mob-dn-pe-pr-ut-cr,
638
- var(--_ctm-tab-dn-pe-pr-ut-cr, var(--_ctm-dn-pe-pr-ut-cr))
639
- );
640
- font-family: var(
641
- --_ctm-mob-dn-pe-pr-ut-ft-fy,
642
- var(--_ctm-tab-dn-pe-pr-ut-ft-fy, var(--_ctm-dn-pe-pr-ut-ft-fy))
643
- ),
644
- sans-serif;
645
- font-size: var(
646
- --_ctm-mob-dn-pe-pr-ut-ft-se,
647
- var(--_ctm-tab-dn-pe-pr-ut-ft-se, var(--_ctm-dn-pe-pr-ut-ft-se))
648
- );
649
- font-weight: var(
650
- --_ctm-mob-dn-pe-pr-ut-ft-wt,
651
- var(--_ctm-tab-dn-pe-pr-ut-ft-wt, var(--_ctm-dn-pe-pr-ut-ft-wt))
652
- );
653
- font-style: var(
654
- --_ctm-mob-dn-pe-pr-ut-ft-se-ic,
655
- var(--_ctm-tab-dn-pe-pr-ut-ft-se-ic, var(--_ctm-dn-pe-pr-ut-ft-se-ic))
656
- );
657
- text-align: var(
658
- --_ctm-mob-dn-pe-pr-ut-tt-an,
659
- var(--_ctm-tab-dn-pe-pr-ut-tt-an, var(--_ctm-dn-pe-pr-ut-tt-an))
660
- );
661
- letter-spacing: var(
662
- --_ctm-mob-dn-pe-pr-ut-lr-sg,
663
- var(--_ctm-tab-dn-pe-pr-ut-lr-sg, var(--_ctm-dn-pe-pr-ut-lr-sg))
664
- );
665
- line-height: var(
666
- --_ctm-mob-dn-pe-pr-ut-le-ht,
667
- var(--_ctm-tab-dn-pe-pr-ut-le-ht, var(--_ctm-dn-pe-pr-ut-le-ht))
668
- );
669
- text-decoration: var(
670
- --_ctm-mob-dn-pe-pr-ut-ue,
671
- var(--_ctm-tab-dn-pe-pr-ut-ue, var(--_ctm-dn-pe-pr-ut-ue))
672
- );
673
- }
674
727
  .horizontal {
675
728
  display: flex;
676
729
  flex-direction: row;
@@ -754,204 +807,13 @@
754
807
  var(--_ctm-dn-im-se-dt-se-sw-cr, var(--_tst-dn-sw-cr))
755
808
  );
756
809
  cursor: pointer;
757
- .each {
758
- color: var(
759
- --_ctm-mob-dn-um-se-cr,
760
- var(--_ctm-tab-dn-um-se-cr, var(--_ctm-dn-um-se-cr))
761
- );
762
- font-family: var(
763
- --_ctm-mob-dn-um-se-ft-fy,
764
- var(--_ctm-tab-dn-um-se-ft-fy, var(--_ctm-dn-um-se-ft-fy))
765
- ),
766
- sans-serif;
767
- font-size: var(
768
- --_ctm-mob-dn-um-se-ft-se,
769
- var(--_ctm-tab-dn-um-se-ft-se, var(--_ctm-dn-um-se-ft-se))
770
- );
771
- font-weight: var(
772
- --_ctm-mob-dn-um-se-ft-wt,
773
- var(--_ctm-tab-dn-um-se-ft-wt, var(--_ctm-dn-um-se-ft-wt))
774
- );
775
- font-style: var(
776
- --_ctm-mob-dn-um-se-ft-se-ic,
777
- var(--_ctm-tab-dn-um-se-ft-se-ic, var(--_ctm-dn-um-se-ft-se-ic))
778
- );
779
- text-align: var(
780
- --_ctm-mob-dn-um-se-tt-an,
781
- var(--_ctm-tab-dn-um-se-tt-an, var(--_ctm-dn-um-se-tt-an))
782
- );
783
- letter-spacing: var(
784
- --_ctm-mob-dn-um-se-lr-sg,
785
- var(--_ctm-tab-dn-um-se-lr-sg, var(--_ctm-dn-um-se-lr-sg))
786
- );
787
- line-height: var(
788
- --_ctm-mob-dn-um-se-le-ht,
789
- var(--_ctm-tab-dn-um-se-le-ht, var(--_ctm-dn-um-se-le-ht))
790
- );
791
- text-decoration: var(
792
- --_ctm-mob-dn-um-se-ue,
793
- var(--_ctm-tab-dn-um-se-ue, var(--_ctm-dn-um-se-ue))
794
- );
795
- }
796
- .price {
797
- color: var(
798
- --_ctm-mob-dn-pt-pe-cr,
799
- var(--_ctm-tab-dn-pt-pe-cr, var(--_ctm-dn-pt-pe-cr))
800
- );
801
- font-family: var(
802
- --_ctm-mob-dn-pt-pe-ft-fy,
803
- var(--_ctm-tab-dn-pt-pe-ft-fy, var(--_ctm-dn-pt-pe-ft-fy))
804
- ),
805
- sans-serif;
806
- font-size: var(
807
- --_ctm-mob-dn-pt-pe-ft-se,
808
- var(--_ctm-tab-dn-pt-pe-ft-se, var(--_ctm-dn-pt-pe-ft-se))
809
- );
810
- font-weight: var(
811
- --_ctm-mob-dn-pt-pe-ft-wt,
812
- var(--_ctm-tab-dn-pt-pe-ft-wt, var(--_ctm-dn-pt-pe-ft-wt))
813
- );
814
- font-style: var(
815
- --_ctm-mob-dn-pt-pe-ft-se-ic,
816
- var(--_ctm-tab-dn-pt-pe-ft-se-ic, var(--_ctm-dn-pt-pe-ft-se-ic))
817
- );
818
- text-align: var(
819
- --_ctm-mob-dn-pt-pe-tt-an,
820
- var(--_ctm-tab-dn-pt-pe-tt-an, var(--_ctm-dn-pt-pe-tt-an))
821
- );
822
- letter-spacing: var(
823
- --_ctm-mob-dn-pt-pe-lr-sg,
824
- var(--_ctm-tab-dn-pt-pe-lr-sg, var(--_ctm-dn-pt-pe-lr-sg))
825
- );
826
- line-height: var(
827
- --_ctm-mob-dn-pt-pe-le-ht,
828
- var(--_ctm-tab-dn-pt-pe-le-ht, var(--_ctm-dn-pt-pe-le-ht))
829
- );
830
- text-decoration: var(
831
- --_ctm-mob-dn-pt-pe-ue,
832
- var(--_ctm-tab-dn-pt-pe-ue, var(--_ctm-dn-pt-pe-ue))
833
- );
834
- }
810
+
835
811
  .off__price {
836
812
  font-size: 12px;
837
813
  display: flex;
838
814
  justify-content: space-around;
839
815
  gap: 10px;
840
816
  align-items: center;
841
- .saving__amount {
842
- color: var(--_ctm-mob-dn-ss-cr, var(--_ctm-tab-dn-ss-cr, var(--_ctm-dn-ss-cr)));
843
- font-family: var(
844
- --_ctm-mob-dn-ss-ft-fy,
845
- var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy))
846
- ),
847
- sans-serif;
848
- font-size: var(
849
- --_ctm-mob-dn-ss-ft-se,
850
- var(--_ctm-tab-dn-ss-ft-se, var(--_ctm-dn-ss-ft-se))
851
- );
852
- font-weight: var(
853
- --_ctm-mob-dn-ss-ft-wt,
854
- var(--_ctm-tab-dn-ss-ft-wt, var(--_ctm-dn-ss-ft-wt))
855
- );
856
- font-style: var(
857
- --_ctm-mob-dn-ss-ft-se-ic,
858
- var(--_ctm-tab-dn-ss-ft-se-ic, var(--_ctm-dn-ss-ft-se-ic))
859
- );
860
- text-align: var(
861
- --_ctm-mob-dn-ss-tt-an,
862
- var(--_ctm-tab-dn-ss-tt-an, var(--_ctm-dn-ss-tt-an))
863
- );
864
- letter-spacing: var(
865
- --_ctm-mob-dn-ss-lr-sg,
866
- var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg))
867
- );
868
- line-height: var(
869
- --_ctm-mob-dn-ss-le-ht,
870
- var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht))
871
- );
872
- text-decoration: var(
873
- --_ctm-mob-dn-ss-ue,
874
- var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue))
875
- );
876
- }
877
- .actual__price {
878
- color: var(
879
- --_ctm-mob-dn-al-pe-cr,
880
- var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr))
881
- );
882
- font-family: var(
883
- --_ctm-mob-dn-al-pe-ft-fy,
884
- var(--_ctm-tab-dn-al-pe-ft-fy, var(--_ctm-dn-al-pe-ft-fy))
885
- ),
886
- sans-serif;
887
- font-size: var(
888
- --_ctm-mob-dn-al-pe-ft-se,
889
- var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se))
890
- );
891
- font-weight: var(
892
- --_ctm-mob-dn-al-pe-ft-wt,
893
- var(--_ctm-tab-dn-al-pe-ft-wt, var(--_ctm-dn-al-pe-ft-wt))
894
- );
895
- font-style: var(
896
- --_ctm-mob-dn-al-pe-ft-se-ic,
897
- var(--_ctm-tab-dn-al-pe-ft-se-ic, var(--_ctm-dn-al-pe-ft-se-ic))
898
- );
899
- text-align: var(
900
- --_ctm-mob-dn-al-pe-tt-an,
901
- var(--_ctm-tab-dn-al-pe-tt-an, var(--_ctm-dn-al-pe-tt-an))
902
- );
903
- letter-spacing: var(
904
- --_ctm-mob-dn-al-pe-lr-sg,
905
- var(--_ctm-tab-dn-al-pe-lr-sg, var(--_ctm-dn-al-pe-lr-sg))
906
- );
907
- line-height: var(
908
- --_ctm-mob-dn-al-pe-le-ht,
909
- var(--_ctm-tab-dn-al-pe-le-ht, var(--_ctm-dn-al-pe-le-ht))
910
- );
911
- text-decoration: var(
912
- --_ctm-mob-dn-al-pe-ue,
913
- var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue))
914
- );
915
- }
916
- }
917
- .units {
918
- color: var(
919
- --_ctm-mob-dn-pe-pr-ut-cr,
920
- var(--_ctm-tab-dn-pe-pr-ut-cr, var(--_ctm-dn-pe-pr-ut-cr))
921
- );
922
- font-family: var(
923
- --_ctm-mob-dn-pe-pr-ut-ft-fy,
924
- var(--_ctm-tab-dn-pe-pr-ut-ft-fy, var(--_ctm-dn-pe-pr-ut-ft-fy))
925
- ),
926
- sans-serif;
927
- font-size: var(
928
- --_ctm-mob-dn-pe-pr-ut-ft-se,
929
- var(--_ctm-tab-dn-pe-pr-ut-ft-se, var(--_ctm-dn-pe-pr-ut-ft-se))
930
- );
931
- font-weight: var(
932
- --_ctm-mob-dn-pe-pr-ut-ft-wt,
933
- var(--_ctm-tab-dn-pe-pr-ut-ft-wt, var(--_ctm-dn-pe-pr-ut-ft-wt))
934
- );
935
- font-style: var(
936
- --_ctm-mob-dn-pe-pr-ut-ft-se-ic,
937
- var(--_ctm-tab-dn-pe-pr-ut-ft-se-ic, var(--_ctm-dn-pe-pr-ut-ft-se-ic))
938
- );
939
- text-align: var(
940
- --_ctm-mob-dn-pe-pr-ut-tt-an,
941
- var(--_ctm-tab-dn-pe-pr-ut-tt-an, var(--_ctm-dn-pe-pr-ut-tt-an))
942
- );
943
- letter-spacing: var(
944
- --_ctm-mob-dn-pe-pr-ut-lr-sg,
945
- var(--_ctm-tab-dn-pe-pr-ut-lr-sg, var(--_ctm-dn-pe-pr-ut-lr-sg))
946
- );
947
- line-height: var(
948
- --_ctm-mob-dn-pe-pr-ut-le-ht,
949
- var(--_ctm-tab-dn-pe-pr-ut-le-ht, var(--_ctm-dn-pe-pr-ut-le-ht))
950
- );
951
- text-decoration: var(
952
- --_ctm-mob-dn-pe-pr-ut-ue,
953
- var(--_ctm-tab-dn-pe-pr-ut-ue, var(--_ctm-dn-pe-pr-ut-ue))
954
- );
955
817
  }
956
818
  }
957
819
  .active {
@@ -1031,204 +893,12 @@
1031
893
  )
1032
894
  );
1033
895
 
1034
- .each {
1035
- color: var(
1036
- --_ctm-mob-dn-um-se-cr,
1037
- var(--_ctm-tab-dn-um-se-cr, var(--_ctm-dn-um-se-cr))
1038
- );
1039
- font-family: var(
1040
- --_ctm-mob-dn-um-se-ft-fy,
1041
- var(--_ctm-tab-dn-um-se-ft-fy, var(--_ctm-dn-um-se-ft-fy))
1042
- ),
1043
- sans-serif;
1044
- font-size: var(
1045
- --_ctm-mob-dn-um-se-ft-se,
1046
- var(--_ctm-tab-dn-um-se-ft-se, var(--_ctm-dn-um-se-ft-se))
1047
- );
1048
- font-weight: var(
1049
- --_ctm-mob-dn-um-se-ft-wt,
1050
- var(--_ctm-tab-dn-um-se-ft-wt, var(--_ctm-dn-um-se-ft-wt))
1051
- );
1052
- font-style: var(
1053
- --_ctm-mob-dn-um-se-ft-se-ic,
1054
- var(--_ctm-tab-dn-um-se-ft-se-ic, var(--_ctm-dn-um-se-ft-se-ic))
1055
- );
1056
- text-align: var(
1057
- --_ctm-mob-dn-um-se-tt-an,
1058
- var(--_ctm-tab-dn-um-se-tt-an, var(--_ctm-dn-um-se-tt-an))
1059
- );
1060
- letter-spacing: var(
1061
- --_ctm-mob-dn-um-se-lr-sg,
1062
- var(--_ctm-tab-dn-um-se-lr-sg, var(--_ctm-dn-um-se-lr-sg))
1063
- );
1064
- line-height: var(
1065
- --_ctm-mob-dn-um-se-le-ht,
1066
- var(--_ctm-tab-dn-um-se-le-ht, var(--_ctm-dn-um-se-le-ht))
1067
- );
1068
- text-decoration: var(
1069
- --_ctm-mob-dn-um-se-ue,
1070
- var(--_ctm-tab-dn-um-se-ue, var(--_ctm-dn-um-se-ue))
1071
- );
1072
- }
1073
- .price {
1074
- color: var(
1075
- --_ctm-mob-dn-pt-pe-cr,
1076
- var(--_ctm-tab-dn-pt-pe-cr, var(--_ctm-dn-pt-pe-cr))
1077
- );
1078
- font-family: var(
1079
- --_ctm-mob-dn-pt-pe-ft-fy,
1080
- var(--_ctm-tab-dn-pt-pe-ft-fy, var(--_ctm-dn-pt-pe-ft-fy))
1081
- ),
1082
- sans-serif;
1083
- font-size: var(
1084
- --_ctm-mob-dn-pt-pe-ft-se,
1085
- var(--_ctm-tab-dn-pt-pe-ft-se, var(--_ctm-dn-pt-pe-ft-se))
1086
- );
1087
- font-weight: var(
1088
- --_ctm-mob-dn-pt-pe-ft-wt,
1089
- var(--_ctm-tab-dn-pt-pe-ft-wt, var(--_ctm-dn-pt-pe-ft-wt))
1090
- );
1091
- font-style: var(
1092
- --_ctm-mob-dn-pt-pe-ft-se-ic,
1093
- var(--_ctm-tab-dn-pt-pe-ft-se-ic, var(--_ctm-dn-pt-pe-ft-se-ic))
1094
- );
1095
- text-align: var(
1096
- --_ctm-mob-dn-pt-pe-tt-an,
1097
- var(--_ctm-tab-dn-pt-pe-tt-an, var(--_ctm-dn-pt-pe-tt-an))
1098
- );
1099
- letter-spacing: var(
1100
- --_ctm-mob-dn-pt-pe-lr-sg,
1101
- var(--_ctm-tab-dn-pt-pe-lr-sg, var(--_ctm-dn-pt-pe-lr-sg))
1102
- );
1103
- line-height: var(
1104
- --_ctm-mob-dn-pt-pe-le-ht,
1105
- var(--_ctm-tab-dn-pt-pe-le-ht, var(--_ctm-dn-pt-pe-le-ht))
1106
- );
1107
- text-decoration: var(
1108
- --_ctm-mob-dn-pt-pe-ue,
1109
- var(--_ctm-tab-dn-pt-pe-ue, var(--_ctm-dn-pt-pe-ue))
1110
- );
1111
- }
1112
896
  .off__price {
1113
897
  font-size: 12px;
1114
898
  display: flex;
1115
899
  justify-content: space-around;
1116
900
  gap: 10px;
1117
901
  align-items: center;
1118
- .saving__amount {
1119
- color: var(--_ctm-mob-dn-ss-cr, var(--_ctm-tab-dn-ss-cr, var(--_ctm-dn-ss-cr)));
1120
- font-family: var(
1121
- --_ctm-mob-dn-ss-ft-fy,
1122
- var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy))
1123
- ),
1124
- sans-serif;
1125
- font-size: var(
1126
- --_ctm-mob-dn-ss-ft-se,
1127
- var(--_ctm-tab-dn-ss-ft-se, var(--_ctm-dn-ss-ft-se))
1128
- );
1129
- font-weight: var(
1130
- --_ctm-mob-dn-ss-ft-wt,
1131
- var(--_ctm-tab-dn-ss-ft-wt, var(--_ctm-dn-ss-ft-wt))
1132
- );
1133
- font-style: var(
1134
- --_ctm-mob-dn-ss-ft-se-ic,
1135
- var(--_ctm-tab-dn-ss-ft-se-ic, var(--_ctm-dn-ss-ft-se-ic))
1136
- );
1137
- text-align: var(
1138
- --_ctm-mob-dn-ss-tt-an,
1139
- var(--_ctm-tab-dn-ss-tt-an, var(--_ctm-dn-ss-tt-an))
1140
- );
1141
- letter-spacing: var(
1142
- --_ctm-mob-dn-ss-lr-sg,
1143
- var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg))
1144
- );
1145
- line-height: var(
1146
- --_ctm-mob-dn-ss-le-ht,
1147
- var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht))
1148
- );
1149
- text-decoration: var(
1150
- --_ctm-mob-dn-ss-ue,
1151
- var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue))
1152
- );
1153
- }
1154
- .actual__price {
1155
- color: var(
1156
- --_ctm-mob-dn-al-pe-cr,
1157
- var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr))
1158
- );
1159
- font-family: var(
1160
- --_ctm-mob-dn-al-pe-ft-fy,
1161
- var(--_ctm-tab-dn-al-pe-ft-fy, var(--_ctm-dn-al-pe-ft-fy))
1162
- ),
1163
- sans-serif;
1164
- font-size: var(
1165
- --_ctm-mob-dn-al-pe-ft-se,
1166
- var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se))
1167
- );
1168
- font-weight: var(
1169
- --_ctm-mob-dn-al-pe-ft-wt,
1170
- var(--_ctm-tab-dn-al-pe-ft-wt, var(--_ctm-dn-al-pe-ft-wt))
1171
- );
1172
- font-style: var(
1173
- --_ctm-mob-dn-al-pe-ft-se-ic,
1174
- var(--_ctm-tab-dn-al-pe-ft-se-ic, var(--_ctm-dn-al-pe-ft-se-ic))
1175
- );
1176
- text-align: var(
1177
- --_ctm-mob-dn-al-pe-tt-an,
1178
- var(--_ctm-tab-dn-al-pe-tt-an, var(--_ctm-dn-al-pe-tt-an))
1179
- );
1180
- letter-spacing: var(
1181
- --_ctm-mob-dn-al-pe-lr-sg,
1182
- var(--_ctm-tab-dn-al-pe-lr-sg, var(--_ctm-dn-al-pe-lr-sg))
1183
- );
1184
- line-height: var(
1185
- --_ctm-mob-dn-al-pe-le-ht,
1186
- var(--_ctm-tab-dn-al-pe-le-ht, var(--_ctm-dn-al-pe-le-ht))
1187
- );
1188
- text-decoration: var(
1189
- --_ctm-mob-dn-al-pe-ue,
1190
- var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue))
1191
- );
1192
- }
1193
- }
1194
- .units {
1195
- color: var(
1196
- --_ctm-mob-dn-pe-pr-ut-cr,
1197
- var(--_ctm-tab-dn-pe-pr-ut-cr, var(--_ctm-dn-pe-pr-ut-cr))
1198
- );
1199
- font-family: var(
1200
- --_ctm-mob-dn-pe-pr-ut-ft-fy,
1201
- var(--_ctm-tab-dn-pe-pr-ut-ft-fy, var(--_ctm-dn-pe-pr-ut-ft-fy))
1202
- ),
1203
- sans-serif;
1204
- font-size: var(
1205
- --_ctm-mob-dn-pe-pr-ut-ft-se,
1206
- var(--_ctm-tab-dn-pe-pr-ut-ft-se, var(--_ctm-dn-pe-pr-ut-ft-se))
1207
- );
1208
- font-weight: var(
1209
- --_ctm-mob-dn-pe-pr-ut-ft-wt,
1210
- var(--_ctm-tab-dn-pe-pr-ut-ft-wt, var(--_ctm-dn-pe-pr-ut-ft-wt))
1211
- );
1212
- font-style: var(
1213
- --_ctm-mob-dn-pe-pr-ut-ft-se-ic,
1214
- var(--_ctm-tab-dn-pe-pr-ut-ft-se-ic, var(--_ctm-dn-pe-pr-ut-ft-se-ic))
1215
- );
1216
- text-align: var(
1217
- --_ctm-mob-dn-pe-pr-ut-tt-an,
1218
- var(--_ctm-tab-dn-pe-pr-ut-tt-an, var(--_ctm-dn-pe-pr-ut-tt-an))
1219
- );
1220
- letter-spacing: var(
1221
- --_ctm-mob-dn-pe-pr-ut-lr-sg,
1222
- var(--_ctm-tab-dn-pe-pr-ut-lr-sg, var(--_ctm-dn-pe-pr-ut-lr-sg))
1223
- );
1224
- line-height: var(
1225
- --_ctm-mob-dn-pe-pr-ut-le-ht,
1226
- var(--_ctm-tab-dn-pe-pr-ut-le-ht, var(--_ctm-dn-pe-pr-ut-le-ht))
1227
- );
1228
- text-decoration: var(
1229
- --_ctm-mob-dn-pe-pr-ut-ue,
1230
- var(--_ctm-tab-dn-pe-pr-ut-ue, var(--_ctm-dn-pe-pr-ut-ue))
1231
- );
1232
902
  }
1233
903
  }
1234
904
  }
@@ -1367,7 +1037,8 @@
1367
1037
  --_ctm-mob-dn-pn-dt-se-cr,
1368
1038
  var(--_ctm-tab-dn-pn-dt-se-cr, var(--_ctm-dn-pn-dt-se-cr))
1369
1039
  );
1370
- font-family: var(
1040
+ font-family:
1041
+ var(
1371
1042
  --_ctm-mob-dn-pn-dt-se-ft-fy,
1372
1043
  var(--_ctm-tab-dn-pn-dt-se-ft-fy, var(--_ctm-dn-pn-dt-se-ft-fy))
1373
1044
  ),
@@ -1421,7 +1092,8 @@
1421
1092
  --_ctm-mob-dn-sw-me-is-bn-cr,
1422
1093
  var(--_ctm-tab-dn-sw-me-is-bn-cr, var(--_ctm-dn-sw-me-is-bn-cr))
1423
1094
  );
1424
- font-family: var(
1095
+ font-family:
1096
+ var(
1425
1097
  --_ctm-mob-dn-sw-me-is-bn-ft-fy,
1426
1098
  var(--_ctm-tab-dn-sw-me-is-bn-ft-fy, var(--_ctm-dn-sw-me-is-bn-ft-fy))
1427
1099
  ),