@sc-360-v2/storefront-cms-library 0.5.58 → 0.5.60

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 (211) hide show
  1. package/dist/add-existing-form.scss +13 -5
  2. package/dist/add-order.scss +141 -210
  3. package/dist/add-products-tab-details.scss +1121 -1920
  4. package/dist/add-products-tab-uom-details.scss +105 -0
  5. package/dist/add-products-tab.scss +682 -994
  6. package/dist/allocation-header-quota-details.scss +198 -327
  7. package/dist/allocationDetails.scss +1645 -2022
  8. package/dist/allocations-quota-details.scss +168 -261
  9. package/dist/allocations.scss +504 -715
  10. package/dist/amount-estimator.scss +414 -648
  11. package/dist/animation-control.scss +23 -23
  12. package/dist/badge.scss +55 -18
  13. package/dist/brand-basic-elements.scss +93 -124
  14. package/dist/brand.scss +28 -55
  15. package/dist/breadcrumbs.scss +372 -718
  16. package/dist/builder.js +1 -1
  17. package/dist/bulk-variant-picker.scss +1161 -1816
  18. package/dist/bundle copy.scss +235 -0
  19. package/dist/bundle.scss +2142 -2584
  20. package/dist/bundleDetails.scss +3808 -4802
  21. package/dist/button copy.scss +28 -0
  22. package/dist/button.scss +89 -102
  23. package/dist/buy-for-tab-container.scss +77 -106
  24. package/dist/buy-for-tab.scss +54 -0
  25. package/dist/buy-for-tabs-container-item.scss +80 -80
  26. package/dist/buyForHeaders.scss +1823 -2457
  27. package/dist/cart-details.scss +514 -718
  28. package/dist/cart-products-sidebar.scss +211 -211
  29. package/dist/cart-summary.scss +611 -1015
  30. package/dist/cart-wrapper.scss +85 -127
  31. package/dist/cart.scss +119 -211
  32. package/dist/cartAttributes.scss +377 -539
  33. package/dist/cartDropdownOverlay.scss +21 -0
  34. package/dist/cartGrouping.scss +89 -89
  35. package/dist/category-groups-element.scss +130 -96
  36. package/dist/category-groups-product-grid.scss +40 -79
  37. package/dist/category-groups-product-image.scss +457 -1306
  38. package/dist/category-groups-product-options.scss +224 -606
  39. package/dist/category-groups-product-price.scss +1366 -4199
  40. package/dist/category-groups-quota-details.scss +217 -382
  41. package/dist/category.scss +26 -50
  42. package/dist/categoryDetails.scss +61 -61
  43. package/dist/categoryWidget.scss +34 -34
  44. package/dist/checkbox-radio.scss +124 -124
  45. package/dist/checkout.scss +1915 -3309
  46. package/dist/common-element.scss +35 -35
  47. package/dist/confirm-modal.scss +22 -2
  48. package/dist/confirmationModal.scss +139 -139
  49. package/dist/container.scss +32 -54
  50. package/dist/countdown.scss +264 -371
  51. package/dist/coupon.scss +379 -600
  52. package/dist/custom-fonts.scss +100 -100
  53. package/dist/default-dropdown.scss +12 -1
  54. package/dist/embroider-preview-element.scss +94 -94
  55. package/dist/embroider-template-1-v2.scss +157 -172
  56. package/dist/embroider-template-1.scss +465 -482
  57. package/dist/embroidery.scss +37 -31
  58. package/dist/employee-bulk-order.scss +418 -142
  59. package/dist/emtpy-templates.scss +165 -165
  60. package/dist/faq.scss +239 -395
  61. package/dist/filter-results.scss +221 -323
  62. package/dist/filters.scss +843 -1406
  63. package/dist/flex-text-editor.scss +271 -271
  64. package/dist/functions.scss +36 -0
  65. package/dist/gallery-slider-temp.scss +428 -727
  66. package/dist/global-styles.scss +45 -6
  67. package/dist/grid.scss +25 -33
  68. package/dist/hotspot.scss +75 -115
  69. package/dist/icon-list.scss +33 -59
  70. package/dist/image-for-product.scss +21 -21
  71. package/dist/image-temp.scss +21 -20
  72. package/dist/item-stock.scss +15 -16
  73. package/dist/kitDetails.scss +2786 -4008
  74. package/dist/kits.scss +28 -19
  75. package/dist/language-selector.scss +241 -375
  76. package/dist/last-x-orders.scss +101 -163
  77. package/dist/layouter-item.scss +75 -103
  78. package/dist/layouter-pro-item.scss +89 -95
  79. package/dist/layouter-pro.scss +87 -92
  80. package/dist/layouter.scss +67 -117
  81. package/dist/light-box-v2.scss +89 -104
  82. package/dist/lightbox.scss +78 -78
  83. package/dist/line.scss +29 -70
  84. package/dist/loader.scss +37 -37
  85. package/dist/login.scss +316 -489
  86. package/dist/map.scss +233 -336
  87. package/dist/marchandiserSets.scss +95 -104
  88. package/dist/mega-menu-container.scss +96 -109
  89. package/dist/mega-menu.scss +627 -670
  90. package/dist/menu-item.scss +19 -19
  91. package/dist/menu-v2.scss +538 -528
  92. package/dist/menu.scss +12 -0
  93. package/dist/multi-select-dropdown.scss +27 -3
  94. package/dist/my-templates.scss +41 -9
  95. package/dist/myTemplates.scss +3 -0
  96. package/dist/option-bar.scss +229 -351
  97. package/dist/order-processing.scss +61 -61
  98. package/dist/order-status.scss +666 -1096
  99. package/dist/overflow-module.scss +62 -63
  100. package/dist/past-orders.scss +168 -149
  101. package/dist/payment-methods.scss +323 -289
  102. package/dist/pickup-locations.scss +568 -941
  103. package/dist/position-module.scss +98 -95
  104. package/dist/prefix-list.scss +97 -86
  105. package/dist/product-actions.scss +1262 -1620
  106. package/dist/product-basic-elements.scss +116 -169
  107. package/dist/product-customizations.scss +155 -149
  108. package/dist/product-highlights.scss +116 -145
  109. package/dist/product-image-allocation.scss +38 -0
  110. package/dist/product-image-bundles.scss +359 -638
  111. package/dist/product-image.scss +341 -676
  112. package/dist/product-inventory.scss +673 -1117
  113. package/dist/product-labels.scss +94 -101
  114. package/dist/product-options.scss +298 -438
  115. package/dist/product-price.scss +1325 -2182
  116. package/dist/product-promotions.scss +1388 -2374
  117. package/dist/product-sizechart.scss +523 -821
  118. package/dist/product.scss +28 -61
  119. package/dist/productDetails.scss +19 -38
  120. package/dist/profile.scss +242 -406
  121. package/dist/quantity-selector.scss +327 -502
  122. package/dist/quick-inventory-check.scss +101 -163
  123. package/dist/quick-links.scss +72 -133
  124. package/dist/quick-order-pad.scss +224 -206
  125. package/dist/quota-details.scss +163 -297
  126. package/dist/quotes.scss +727 -737
  127. package/dist/repeater copy.scss +24 -0
  128. package/dist/repeater-embla-controls.scss +34 -14
  129. package/dist/repeater-grid-toggle.scss +156 -166
  130. package/dist/repeater-item.scss +41 -64
  131. package/dist/repeater.scss +579 -669
  132. package/dist/request-for-quotes.scss +66 -16
  133. package/dist/responsive-behaviour.scss +31 -29
  134. package/dist/rfqs.scss +147 -181
  135. package/dist/scroll.scss +93 -167
  136. package/dist/search-results-heading.scss +36 -0
  137. package/dist/search.scss +186 -290
  138. package/dist/section.scss +27 -51
  139. package/dist/shareCartSideBar.scss +254 -254
  140. package/dist/shipping-estimator.scss +41 -41
  141. package/dist/shipping-payments.scss +246 -58
  142. package/dist/simple-list.scss +65 -123
  143. package/dist/social.scss +78 -131
  144. package/dist/sort.scss +89 -89
  145. package/dist/spotlight.scss +48 -0
  146. package/dist/stack.scss +23 -34
  147. package/dist/static-global.scss +44 -26
  148. package/dist/static-text.scss +52 -52
  149. package/dist/stockStatus.scss +14 -19
  150. package/dist/store-locations.scss +595 -933
  151. package/dist/sub-category.scss +74 -74
  152. package/dist/submit-quote.scss +275 -275
  153. package/dist/tab-container-item.scss +80 -80
  154. package/dist/tab-container.scss +81 -108
  155. package/dist/tab-v2.scss +277 -580
  156. package/dist/table-common.scss +218 -331
  157. package/dist/table.scss +273 -434
  158. package/dist/tabs.scss +440 -395
  159. package/dist/text-temp-v2.scss +12 -23
  160. package/dist/text-temp.scss +110 -109
  161. package/dist/theme-classes.scss +66 -13
  162. package/dist/toaster.scss +392 -350
  163. package/dist/toggle-button.scss +32 -32
  164. package/dist/transform-properties-module.scss +20 -20
  165. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +108 -0
  166. package/dist/types/builder/tools/element-edit/breadcrumbs.d.ts +6 -0
  167. package/dist/types/builder/tools/element-edit/bundle.d.ts +22 -0
  168. package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +64 -0
  169. package/dist/types/builder/tools/element-edit/buttonInstance.d.ts +10 -0
  170. package/dist/types/builder/tools/element-edit/buyForWithTab.d.ts +84 -0
  171. package/dist/types/builder/tools/element-edit/cart.d.ts +6 -0
  172. package/dist/types/builder/tools/element-edit/cartAttributes.d.ts +60 -0
  173. package/dist/types/builder/tools/element-edit/cartDetails.d.ts +16 -0
  174. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +202 -0
  175. package/dist/types/builder/tools/element-edit/categoryGroups.d.ts +158 -0
  176. package/dist/types/builder/tools/element-edit/checkout.d.ts +172 -0
  177. package/dist/types/builder/tools/element-edit/common.d.ts +2 -0
  178. package/dist/types/builder/tools/element-edit/countdown.d.ts +44 -0
  179. package/dist/types/builder/tools/element-edit/coupon.d.ts +28 -0
  180. package/dist/types/builder/tools/element-edit/embroidery.d.ts +37 -0
  181. package/dist/types/builder/tools/element-edit/filterResults.d.ts +4 -0
  182. package/dist/types/builder/tools/element-edit/icon-list.d.ts +11 -0
  183. package/dist/types/builder/tools/element-edit/itemStock.d.ts +2 -0
  184. package/dist/types/builder/tools/element-edit/kitDetails.d.ts +66 -0
  185. package/dist/types/builder/tools/element-edit/kits.d.ts +4 -0
  186. package/dist/types/builder/tools/element-edit/map.d.ts +5 -1
  187. package/dist/types/builder/tools/element-edit/marchandiserSets.d.ts +2 -0
  188. package/dist/types/builder/tools/element-edit/orderStatus.d.ts +17 -0
  189. package/dist/types/builder/tools/element-edit/paymentMethods.d.ts +6 -0
  190. package/dist/types/builder/tools/element-edit/productCustomizations.d.ts +14 -0
  191. package/dist/types/builder/tools/element-edit/quickLinks.d.ts +26 -0
  192. package/dist/types/builder/tools/element-edit/scroll.d.ts +2 -11
  193. package/dist/types/builder/tools/element-edit/search.d.ts +1 -0
  194. package/dist/types/builder/tools/element-edit/searchResultsHeading.d.ts +6 -0
  195. package/dist/types/builder/tools/element-edit/shipping-payments.d.ts +72 -0
  196. package/dist/types/builder/tools/element-edit/shippingEstimator.d.ts +4 -0
  197. package/dist/types/builder/tools/element-edit/social.d.ts +2 -0
  198. package/dist/types/builder/tools/element-edit/spotlight.d.ts +2 -0
  199. package/dist/types/builder/tools/element-edit/table.d.ts +10 -0
  200. package/dist/types/builder/tools/element-edit/tabs.d.ts +6 -0
  201. package/dist/types/builder/tools/element-edit/typographyInstance.d.ts +110 -0
  202. package/dist/types/builder/tools/element-edit/userElements.d.ts +50 -11
  203. package/dist/types/builder/tools/element-edit/variantPicker.d.ts +4 -0
  204. package/dist/types/builder/tools/element-edit/video.d.ts +22 -0
  205. package/dist/uom-selector.scss +499 -841
  206. package/dist/user-elements.scss +653 -774
  207. package/dist/variant-picker.scss +1298 -2358
  208. package/dist/video.scss +147 -325
  209. package/dist/volume-pricing.scss +545 -849
  210. package/dist/wishlist-overlay.scss +48 -48
  211. package/package.json +131 -131
package/dist/order-status.scss CHANGED
@@ -29,7 +29,7 @@ $defaultValues: (
29
29
 
30
30
  position: relative;
31
31
 
32
- & > .wrapper {
32
+ &>.wrapper {
33
33
  display: flex;
34
34
  align-items: center;
35
35
  justify-content: center;
@@ -45,74 +45,46 @@ $defaultValues: (
45
45
  width: 100%;
46
46
  height: 100%;
47
47
  color: var(--_gray-600);
48
- background-color: var(
49
- --_ctm-mob-dn-or-wt-bd-cr,
50
- var(--_ctm-tab-dn-or-wt-bd-cr, var(--_ctm-dn-or-wt-bd-cr))
51
- );
52
- border-color: var(
53
- --_ctm-mob-dn-or-wt-br-cr,
54
- var(--_ctm-tab-dn-or-wt-br-cr, var(--_ctm-dn-or-wt-br-cr))
55
- );
56
- border-style: var(
57
- --_ctm-mob-dn-or-wt-br-se,
58
- var(--_ctm-tab-dn-or-wt-br-se, var(--_ctm-dn-or-wt-br-se))
59
- );
60
- border-width: var(
61
- --_ctm-mob-dn-or-wt-br-wh,
62
- var(--_ctm-tab-dn-or-wt-br-wh, var(--_ctm-dn-or-wt-br-wh))
63
- );
64
- border-radius: var(
65
- --_ctm-mob-dn-or-wt-br-rs,
66
- var(--_ctm-tab-dn-or-wt-br-rs, var(--_ctm-dn-or-wt-br-rs))
67
- );
68
- gap: var(
69
- --_ctm-mob-dn-or-wt-im-gp,
70
- var(--_ctm-tab-dn-or-wt-im-gp, var(--_ctm-dn-or-wt-im-gp))
71
- );
48
+ background-color: var(--_ctm-mob-dn-or-wt-bd-cr,
49
+ var(--_ctm-tab-dn-or-wt-bd-cr, var(--_ctm-dn-or-wt-bd-cr)));
50
+ border-color: var(--_ctm-mob-dn-or-wt-br-cr,
51
+ var(--_ctm-tab-dn-or-wt-br-cr, var(--_ctm-dn-or-wt-br-cr)));
52
+ border-style: var(--_ctm-mob-dn-or-wt-br-se,
53
+ var(--_ctm-tab-dn-or-wt-br-se, var(--_ctm-dn-or-wt-br-se)));
54
+ border-width: var(--_ctm-mob-dn-or-wt-br-wh,
55
+ var(--_ctm-tab-dn-or-wt-br-wh, var(--_ctm-dn-or-wt-br-wh)));
56
+ border-radius: var(--_ctm-mob-dn-or-wt-br-rs,
57
+ var(--_ctm-tab-dn-or-wt-br-rs, var(--_ctm-dn-or-wt-br-rs)));
58
+ gap: var(--_ctm-mob-dn-or-wt-im-gp,
59
+ var(--_ctm-tab-dn-or-wt-im-gp, var(--_ctm-dn-or-wt-im-gp)));
72
60
  @include prepareMediaQueries($defaultValues);
73
- box-shadow: var(
74
- --_show-shadow,
75
- var(--_ctm-mob-dn-or-wt-sw-ae, var(--_ctm-tab-dn-or-wt-sw-ae, var(--_ctm-dn-or-wt-sw-ae)))
76
- var(--_ctm-mob-dn-or-wt-sw-br, var(--_ctm-tab-dn-or-wt-sw-br, var(--_ctm-dn-or-wt-sw-br)))
77
- var(--_ctm-mob-dn-or-wt-sw-sd, var(--_ctm-tab-dn-or-wt-sw-sd, var(--_ctm-dn-or-wt-sw-sd)))
78
- var(--_ctm-mob-dn-or-wt-sw-cr, var(--_ctm-tab-dn-or-wt-sw-cr, var(--_ctm-dn-or-wt-sw-cr)))
79
- );
61
+ box-shadow: var(--_show-shadow,
62
+ var(--_ctm-mob-dn-or-wt-sw-ae, var(--_ctm-tab-dn-or-wt-sw-ae, var(--_ctm-dn-or-wt-sw-ae))) var(--_ctm-mob-dn-or-wt-sw-br, var(--_ctm-tab-dn-or-wt-sw-br, var(--_ctm-dn-or-wt-sw-br))) var(--_ctm-mob-dn-or-wt-sw-sd, var(--_ctm-tab-dn-or-wt-sw-sd, var(--_ctm-dn-or-wt-sw-sd))) var(--_ctm-mob-dn-or-wt-sw-cr, var(--_ctm-tab-dn-or-wt-sw-cr, var(--_ctm-dn-or-wt-sw-cr))));
80
63
 
81
64
  .each-order {
82
65
  display: flex;
83
66
  flex-direction: column;
84
67
  gap: prepareMediaVariable(--_ctm-dn-or-wt-im-gp);
68
+
85
69
  // border: 1px solid var(--_gray-200);
86
70
  // border-radius: 8px;
87
71
  // padding: 16px;
88
72
  /* ───────────── Header ───────────── */
89
73
  .order-header {
90
74
  color: var(--_ctm-mob-dn-dn-hr-cr, var(--_ctm-tab-dn-dn-hr-cr, var(--_ctm-dn-dn-hr-cr)));
91
- background-color: var(
92
- --_ctm-mob-dn-hr-cr-hr-wr-bd-cr,
93
- var(--_ctm-tab-dn-hr-cr-hr-wr-bd-cr, var(--_ctm-dn-hr-cr-hr-wr-bd-cr))
94
- );
75
+ background-color: var(--_ctm-mob-dn-hr-cr-hr-wr-bd-cr,
76
+ var(--_ctm-tab-dn-hr-cr-hr-wr-bd-cr, var(--_ctm-dn-hr-cr-hr-wr-bd-cr)));
95
77
  margin: var(--_ctm-mob-dn-dn-hr-mn, var(--_ctm-tab-dn-dn-hr-mn, var(--_ctm-dn-dn-hr-mn)));
96
- padding: var(
97
- --_ctm-mob-dn-hr-cr-hr-wr-pg,
98
- var(--_ctm-tab-dn-hr-cr-hr-wr-pg, var(--_ctm-dn-hr-cr-hr-wr-pg))
99
- );
100
- border-color: var(
101
- --_ctm-mob-dn-hr-cr-hr-wr-br-cr,
102
- var(--_ctm-tab-dn-hr-cr-hr-wr-br-cr, var(--_ctm-dn-hr-cr-hr-wr-br-cr))
103
- );
104
- border-style: var(
105
- --_ctm-mob-dn-hr-cr-hr-wr-br-se,
106
- var(--_ctm-tab-dn-hr-cr-hr-wr-br-se, var(--_ctm-dn-hr-cr-hr-wr-br-se))
107
- );
108
- border-width: var(
109
- --_ctm-mob-dn-hr-cr-hr-wr-br-wh,
110
- var(--_ctm-tab-dn-hr-cr-hr-wr-br-wh, var(--_ctm-dn-hr-cr-hr-wr-br-wh))
111
- );
112
- border-radius: var(
113
- --_ctm-mob-dn-hr-cr-hr-wr-br-rs,
114
- var(--_ctm-tab-dn-hr-cr-hr-wr-br-rs, var(--_ctm-dn-hr-cr-hr-wr-br-rs))
115
- );
78
+ padding: var(--_ctm-mob-dn-hr-cr-hr-wr-pg,
79
+ var(--_ctm-tab-dn-hr-cr-hr-wr-pg, var(--_ctm-dn-hr-cr-hr-wr-pg)));
80
+ border-color: var(--_ctm-mob-dn-hr-cr-hr-wr-br-cr,
81
+ var(--_ctm-tab-dn-hr-cr-hr-wr-br-cr, var(--_ctm-dn-hr-cr-hr-wr-br-cr)));
82
+ border-style: var(--_ctm-mob-dn-hr-cr-hr-wr-br-se,
83
+ var(--_ctm-tab-dn-hr-cr-hr-wr-br-se, var(--_ctm-dn-hr-cr-hr-wr-br-se)));
84
+ border-width: var(--_ctm-mob-dn-hr-cr-hr-wr-br-wh,
85
+ var(--_ctm-tab-dn-hr-cr-hr-wr-br-wh, var(--_ctm-dn-hr-cr-hr-wr-br-wh)));
86
+ border-radius: var(--_ctm-mob-dn-hr-cr-hr-wr-br-rs,
87
+ var(--_ctm-tab-dn-hr-cr-hr-wr-br-rs, var(--_ctm-dn-hr-cr-hr-wr-br-rs)));
116
88
 
117
89
  .user-info {
118
90
  display: flex;
@@ -120,60 +92,47 @@ $defaultValues: (
120
92
  padding-bottom: 16px;
121
93
  margin-bottom: 24px;
122
94
  border-bottom: 1px solid var(--_gray-200);
123
- gap: var(
124
- --_ctm-mob-dn-hr-cr-hr-wr-im-gp,
125
- var(--_ctm-tab-dn-hr-cr-hr-wr-im-gp, var(--_ctm-dn-hr-cr-hr-wr-im-gp))
126
- );
95
+ gap: var(--_ctm-mob-dn-hr-cr-hr-wr-im-gp,
96
+ var(--_ctm-tab-dn-hr-cr-hr-wr-im-gp, var(--_ctm-dn-hr-cr-hr-wr-im-gp)));
97
+
127
98
  h3 {
128
99
  // font-size: 1.1rem;
129
100
  // margin: 0;
130
101
  // color: #1e293b;
131
102
 
132
- font-family: var(
133
- --_ctm-mob-dn-hr-cr-te-ft-fy,
134
- var(--_ctm-tab-dn-hr-cr-te-ft-fy, var(--_ctm-dn-hr-cr-te-ft-fy))
135
- );
103
+ font-family: var(--_ctm-mob-dn-hr-cr-te-ft-fy,
104
+ var(--_ctm-tab-dn-hr-cr-te-ft-fy, var(--_ctm-dn-hr-cr-te-ft-fy)));
136
105
  // font-size: var(
137
106
  // --_ctm-mob-dn-hr-cr-te-ft-se,
138
107
  // var(--_ctm-tab-dn-hr-cr-te-ft-se, var(--_ctm-dn-hr-cr-te-ft-se))
139
108
  // );
140
109
  font-size: 20px;
141
- color: var(
142
- --_ctm-mob-dn-hr-cr-te-cr,
143
- var(--_ctm-tab-dn-hr-cr-te-cr, var(--_ctm-dn-hr-cr-te-cr))
144
- );
110
+ color: var(--_ctm-mob-dn-hr-cr-te-cr,
111
+ var(--_ctm-tab-dn-hr-cr-te-cr, var(--_ctm-dn-hr-cr-te-cr)));
145
112
  // color: var(--_gray-900);
146
113
  // font-weight: var(
147
114
  // --_ctm-mob-dn-hr-cr-te-ft-wt,
148
115
  // var(--_ctm-tab-dn-hr-cr-te-ft-wt, var(--_ctm-dn-hr-cr-te-ft-wt))
149
116
  // );
150
117
  font-weight: 700;
151
- text-decoration: var(
152
- --_ctm-mob-dn-hr-cr-te-ue,
153
- var(--_ctm-tab-dn-hr-cr-te-ue, var(--_ctm-dn-hr-cr-te-ue))
154
- );
155
- letter-spacing: var(
156
- --_ctm-mob-dn-hr-cr-te-lr-sg,
157
- var(--_ctm-tab-dn-hr-cr-te-lr-sg, var(--_ctm-dn-hr-cr-te-lr-sg))
158
- );
159
- line-height: var(
160
- --_ctm-mob-dn-hr-cr-te-le-ht,
161
- var(--_ctm-tab-dn-hr-cr-te-le-ht, var(--_ctm-dn-hr-cr-te-le-ht))
162
- );
163
- font-style: var(
164
- --_ctm-mob-dn-hr-cr-te-ft-se-ic,
165
- var(--_ctm-tab-dn-hr-cr-te-ft-se-ic, var(--_ctm-dn-hr-cr-te-ft-se-ic))
166
- );
167
- text-align: var(
168
- --_ctm-mob-dn-hr-cr-te-tt-an,
169
- var(--_ctm-tab-dn-hr-cr-te-tt-an, var(--_ctm-dn-hr-cr-te-tt-an))
170
- );
118
+ text-decoration: var(--_ctm-mob-dn-hr-cr-te-ue,
119
+ var(--_ctm-tab-dn-hr-cr-te-ue, var(--_ctm-dn-hr-cr-te-ue)));
120
+ letter-spacing: var(--_ctm-mob-dn-hr-cr-te-lr-sg,
121
+ var(--_ctm-tab-dn-hr-cr-te-lr-sg, var(--_ctm-dn-hr-cr-te-lr-sg)));
122
+ line-height: var(--_ctm-mob-dn-hr-cr-te-le-ht,
123
+ var(--_ctm-tab-dn-hr-cr-te-le-ht, var(--_ctm-dn-hr-cr-te-le-ht)));
124
+ font-style: var(--_ctm-mob-dn-hr-cr-te-ft-se-ic,
125
+ var(--_ctm-tab-dn-hr-cr-te-ft-se-ic, var(--_ctm-dn-hr-cr-te-ft-se-ic)));
126
+ text-align: var(--_ctm-mob-dn-hr-cr-te-tt-an,
127
+ var(--_ctm-tab-dn-hr-cr-te-tt-an, var(--_ctm-dn-hr-cr-te-tt-an)));
171
128
  text-transform: prepareMediaVariable(--_ctm-dn-hr-cr-te-tt-tm);
172
129
  word-wrap: prepareMediaVariable(--_ctm-dn-hr-cr-te-wd-wr);
173
130
  word-break: prepareMediaVariable(--_ctm-dn-hr-cr-te-wd-bk);
174
131
  margin-bottom: 6px;
132
+
175
133
  span {
176
134
  margin-left: 6px;
135
+
177
136
  svg {
178
137
  path {
179
138
  stroke: #475467;
@@ -181,6 +140,7 @@ $defaultValues: (
181
140
  }
182
141
  }
183
142
  }
143
+
184
144
  .user-meta-list {
185
145
  display: flex;
186
146
  align-items: center;
@@ -190,61 +150,47 @@ $defaultValues: (
190
150
  gap: 6px;
191
151
  flex-direction: row;
192
152
  align-items: center;
193
- padding: var(
194
- --_ctm-mob-dn-hr-cr-ee-ds-pg,
195
- var(--_ctm-tab-dn-hr-cr-ee-ds-pg, var(--_ctm-dn-hr-cr-ee-ds-pg))
196
- );
153
+ padding: var(--_ctm-mob-dn-hr-cr-ee-ds-pg,
154
+ var(--_ctm-tab-dn-hr-cr-ee-ds-pg, var(--_ctm-dn-hr-cr-ee-ds-pg)));
155
+
197
156
  // gap: 6px;
198
157
  .meta-icon {
199
158
  display: flex;
159
+
200
160
  svg {
201
161
  width: 18px;
202
162
  height: 18px;
203
163
  }
204
164
  }
165
+
205
166
  .meta-text {
206
- font-family: var(
207
- --_ctm-mob-dn-hr-cr-ee-ds-ft-fy,
208
- var(--_ctm-tab-dn-hr-cr-ee-ds-ft-fy, var(--_ctm-dn-hr-cr-ee-ds-ft-fy))
209
- );
167
+ font-family: var(--_ctm-mob-dn-hr-cr-ee-ds-ft-fy,
168
+ var(--_ctm-tab-dn-hr-cr-ee-ds-ft-fy, var(--_ctm-dn-hr-cr-ee-ds-ft-fy)));
210
169
  // font-size: var(
211
170
  // --_ctm-mob-dn-hr-cr-ee-ds-ft-se,
212
171
  // var(--_ctm-tab-dn-hr-cr-ee-ds-ft-se, var(--_ctm-dn-hr-cr-ee-ds-ft-se))
213
172
  // );
214
173
  font-size: 14px;
215
- color: var(
216
- --_ctm-mob-dn-hr-cr-ee-ds-cr,
217
- var(--_ctm-tab-dn-hr-cr-ee-ds-cr, var(--_ctm-dn-hr-cr-ee-ds-cr))
218
- );
219
- font-weight: var(
220
- --_ctm-mob-dn-hr-cr-ee-ds-ft-wt,
221
- var(--_ctm-tab-dn-hr-cr-ee-ds-ft-wt, var(--_ctm-dn-hr-cr-ee-ds-ft-wt))
222
- );
223
- text-decoration: var(
224
- --_ctm-mob-dn-hr-cr-ee-ds-ue,
225
- var(--_ctm-tab-dn-hr-cr-ee-ds-ue, var(--_ctm-dn-hr-cr-ee-ds-ue))
226
- );
227
- letter-spacing: var(
228
- --_ctm-mob-dn-hr-cr-ee-ds-lr-sg,
229
- var(--_ctm-tab-dn-hr-cr-ee-ds-lr-sg, var(--_ctm-dn-hr-cr-ee-ds-lr-sg))
230
- );
231
- line-height: var(
232
- --_ctm-mob-dn-hr-cr-ee-ds-le-ht,
233
- var(--_ctm-tab-dn-hr-cr-ee-ds-le-ht, var(--_ctm-dn-hr-cr-ee-ds-le-ht))
234
- );
235
- font-style: var(
236
- --_ctm-mob-dn-hr-cr-ee-ds-ft-se-ic,
237
- var(--_ctm-tab-dn-hr-cr-ee-ds-ft-se-ic, var(--_ctm-dn-hr-cr-ee-ds-ft-se-ic))
238
- );
239
- text-align: var(
240
- --_ctm-mob-dn-hr-cr-ee-ds-tt-an,
241
- var(--_ctm-tab-dn-hr-cr-ee-ds-tt-an, var(--_ctm-dn-hr-cr-ee-ds-tt-an))
242
- );
174
+ color: var(--_ctm-mob-dn-hr-cr-ee-ds-cr,
175
+ var(--_ctm-tab-dn-hr-cr-ee-ds-cr, var(--_ctm-dn-hr-cr-ee-ds-cr)));
176
+ font-weight: var(--_ctm-mob-dn-hr-cr-ee-ds-ft-wt,
177
+ var(--_ctm-tab-dn-hr-cr-ee-ds-ft-wt, var(--_ctm-dn-hr-cr-ee-ds-ft-wt)));
178
+ text-decoration: var(--_ctm-mob-dn-hr-cr-ee-ds-ue,
179
+ var(--_ctm-tab-dn-hr-cr-ee-ds-ue, var(--_ctm-dn-hr-cr-ee-ds-ue)));
180
+ letter-spacing: var(--_ctm-mob-dn-hr-cr-ee-ds-lr-sg,
181
+ var(--_ctm-tab-dn-hr-cr-ee-ds-lr-sg, var(--_ctm-dn-hr-cr-ee-ds-lr-sg)));
182
+ line-height: var(--_ctm-mob-dn-hr-cr-ee-ds-le-ht,
183
+ var(--_ctm-tab-dn-hr-cr-ee-ds-le-ht, var(--_ctm-dn-hr-cr-ee-ds-le-ht)));
184
+ font-style: var(--_ctm-mob-dn-hr-cr-ee-ds-ft-se-ic,
185
+ var(--_ctm-tab-dn-hr-cr-ee-ds-ft-se-ic, var(--_ctm-dn-hr-cr-ee-ds-ft-se-ic)));
186
+ text-align: var(--_ctm-mob-dn-hr-cr-ee-ds-tt-an,
187
+ var(--_ctm-tab-dn-hr-cr-ee-ds-tt-an, var(--_ctm-dn-hr-cr-ee-ds-tt-an)));
243
188
  text-transform: prepareMediaVariable(--_ctm-dn-hr-cr-ee-ds-tt-tm);
244
189
  word-wrap: prepareMediaVariable(--_ctm-dn-hr-cr-ee-ds-wd-wr);
245
190
  word-break: prepareMediaVariable(--_ctm-dn-hr-cr-ee-ds-wd-bk);
246
191
  padding-right: 7px;
247
192
  }
193
+
248
194
  &:not(:first-child)::before {
249
195
  content: "";
250
196
  display: inline-block;
@@ -285,21 +231,26 @@ $defaultValues: (
285
231
  flex-direction: column;
286
232
  justify-content: center;
287
233
  gap: 8px;
234
+
288
235
  .success_toast_header {
289
236
  display: flex;
290
237
  gap: 6px;
291
238
  align-items: center;
239
+
292
240
  .success__dropdown__icon {
293
241
  display: flex;
242
+
294
243
  svg {
295
244
  width: 24px;
296
245
  height: 24px;
246
+
297
247
  path {
298
248
  stroke: #099250;
299
249
  fill: #fff;
300
250
  }
301
251
  }
302
252
  }
253
+
303
254
  h2 {
304
255
  color: var(--_thm-ty-h1-tt-cr);
305
256
  font-size: 20px;
@@ -317,6 +268,7 @@ $defaultValues: (
317
268
  }
318
269
  }
319
270
  }
271
+
320
272
  .order_success_loading_container {
321
273
  display: flex;
322
274
  align-items: center;
@@ -325,11 +277,13 @@ $defaultValues: (
325
277
  border-radius: 6px;
326
278
  border: 1px solid var(--_gray-50);
327
279
  background-color: var(--_gray-100);
280
+
328
281
  .success-text {
329
282
  display: flex;
330
283
  flex-direction: column;
331
284
  justify-content: center;
332
285
  gap: 8px;
286
+
333
287
  .success_toast_header {
334
288
  display: flex;
335
289
  gap: 6px;
@@ -337,22 +291,27 @@ $defaultValues: (
337
291
  }
338
292
  }
339
293
  }
294
+
340
295
  .order-failed {
341
296
  background-color: #fffbfa;
342
297
  border: 1px solid #fda29b;
298
+
343
299
  .success__dropdown__icon {
344
300
  svg path {
345
301
  stroke: var(--_error-700) !important;
346
302
  }
347
303
  }
348
304
  }
305
+
349
306
  .order-pending {
350
307
  background-color: #f5f6f9;
351
308
  border: 1px solid #c5d2fc;
309
+
352
310
  svg path {
353
311
  stroke: var(--_primary-700);
354
312
  }
355
313
  }
314
+
356
315
  .error_toast_message_wrapper {
357
316
  display: flex;
358
317
  justify-content: space-between;
@@ -361,24 +320,29 @@ $defaultValues: (
361
320
  border-radius: 6px;
362
321
  border: 1px solid #fda29b;
363
322
  padding: 12px;
323
+
364
324
  .error_toast_message_left_section {
365
325
  display: flex;
366
326
  flex-direction: column;
367
327
  gap: 8px;
328
+
368
329
  .error_toast_message_header {
369
330
  display: flex;
370
331
  gap: 8px;
371
332
  align-items: center;
333
+
372
334
  h2 {
373
335
  color: #101828;
374
336
  font-size: 24px;
375
337
  font-weight: 600;
376
338
  line-height: 32px;
377
339
  }
340
+
378
341
  .error__dropdown__icon {
379
342
  svg {
380
343
  width: 32px;
381
344
  height: 32px;
345
+
382
346
  path {
383
347
  stroke: #d92d20;
384
348
  fill: #ffffff;
@@ -387,6 +351,7 @@ $defaultValues: (
387
351
  }
388
352
  }
389
353
  }
354
+
390
355
  p {
391
356
  color: #475467;
392
357
  font-size: 14px;
@@ -394,6 +359,7 @@ $defaultValues: (
394
359
  line-height: 20px;
395
360
  }
396
361
  }
362
+
397
363
  .error_message_btn {
398
364
  background-color: #243dc6;
399
365
  color: #ffffff;
@@ -410,142 +376,84 @@ $defaultValues: (
410
376
  display: grid;
411
377
  // grid-template-columns: 2fr 1fr;
412
378
  grid-template-columns: repeat(var(--_column-count-two, 2), 1fr);
413
- border-color: var(
414
- --_ctm-mob-dn-or-cr-br-cr,
415
- var(--_ctm-tab-dn-or-cr-br-cr, var(--_ctm-dn-or-cr-br-cr))
416
- );
417
- border-style: var(
418
- --_ctm-mob-dn-or-cr-br-se,
419
- var(--_ctm-tab-dn-or-cr-br-se, var(--_ctm-dn-or-cr-br-se))
420
- );
421
- border-width: var(
422
- --_ctm-mob-dn-or-cr-br-wh,
423
- var(--_ctm-tab-dn-or-cr-br-wh, var(--_ctm-dn-or-cr-br-wh))
424
- );
425
- border-radius: var(
426
- --_ctm-mob-dn-or-cr-br-rs,
427
- var(--_ctm-tab-dn-or-cr-br-rs, var(--_ctm-dn-or-cr-br-rs))
428
- );
429
- gap: var(
430
- --_ctm-mob-dn-or-cr-im-gp,
431
- var(--_ctm-tab-dn-or-cr-im-gp, var(--_ctm-dn-or-cr-im-gp))
432
- );
379
+ border-color: var(--_ctm-mob-dn-or-cr-br-cr,
380
+ var(--_ctm-tab-dn-or-cr-br-cr, var(--_ctm-dn-or-cr-br-cr)));
381
+ border-style: var(--_ctm-mob-dn-or-cr-br-se,
382
+ var(--_ctm-tab-dn-or-cr-br-se, var(--_ctm-dn-or-cr-br-se)));
383
+ border-width: var(--_ctm-mob-dn-or-cr-br-wh,
384
+ var(--_ctm-tab-dn-or-cr-br-wh, var(--_ctm-dn-or-cr-br-wh)));
385
+ border-radius: var(--_ctm-mob-dn-or-cr-br-rs,
386
+ var(--_ctm-tab-dn-or-cr-br-rs, var(--_ctm-dn-or-cr-br-rs)));
387
+ gap: var(--_ctm-mob-dn-or-cr-im-gp,
388
+ var(--_ctm-tab-dn-or-cr-im-gp, var(--_ctm-dn-or-cr-im-gp)));
433
389
  margin: var(--_ctm-mob-dn-or-cr-mn, var(--_ctm-tab-dn-or-cr-mn, var(--_ctm-dn-or-cr-mn)));
434
390
  padding: prepareMediaVariable(--_ctm-dn-or-cr-pg);
435
- background-color: var(
436
- --_ctm-mob-dn-or-cr-bd-cr,
437
- var(--_ctm-tab-dn-or-cr-bd-cr, var(--_ctm-dn-or-cr-bd-cr))
438
- );
439
- box-shadow: var(
440
- --_ctm-mob-dn-or-cr-sw-ae,
441
- var(--_ctm-tab-dn-or-cr-sw-ae, var(--_ctm-dn-or-cr-sw-ae))
442
- )
443
- var(
444
- --_ctm-mob-dn--or-cr-sw-br,
445
- var(--_ctm-tab-dn--or-cr-sw-br, var(--_ctm-dn--or-cr-sw-br))
446
- )
447
- var(
448
- --_ctm-mob-dn-or-cr-sw-sd,
449
- var(--_ctm-tab-dn-or-cr-sw-sd, var(--_ctm-dn-or-cr-sw-sd))
450
- )
451
- var(
452
- --_ctm-mob-dn-or-cr-sw-cr,
453
- var(--_ctm-tab-dn-or-cr-sw-cr, var(--_ctm-dn-or-cr-sw-cr))
454
- );
391
+ background-color: var(--_ctm-mob-dn-or-cr-bd-cr,
392
+ var(--_ctm-tab-dn-or-cr-bd-cr, var(--_ctm-dn-or-cr-bd-cr)));
393
+ box-shadow: var(--_ctm-mob-dn-or-cr-sw-ae,
394
+ var(--_ctm-tab-dn-or-cr-sw-ae, var(--_ctm-dn-or-cr-sw-ae))) var(--_ctm-mob-dn--or-cr-sw-br,
395
+ var(--_ctm-tab-dn--or-cr-sw-br, var(--_ctm-dn--or-cr-sw-br))) var(--_ctm-mob-dn-or-cr-sw-sd,
396
+ var(--_ctm-tab-dn-or-cr-sw-sd, var(--_ctm-dn-or-cr-sw-sd))) var(--_ctm-mob-dn-or-cr-sw-cr,
397
+ var(--_ctm-tab-dn-or-cr-sw-cr, var(--_ctm-dn-or-cr-sw-cr)));
455
398
  }
456
399
 
457
400
  .order-info-section {
458
401
  display: flex;
459
402
  flex-direction: column;
460
- gap: var(
461
- --_ctm-mob-dn-or-io-or-io-wr-im-gp,
462
- var(--_ctm-tab-dn-or-io-or-io-wr-im-gp, var(--_ctm-dn-or-io-or-io-wr-im-gp))
463
- );
403
+ gap: var(--_ctm-mob-dn-or-io-or-io-wr-im-gp,
404
+ var(--_ctm-tab-dn-or-io-or-io-wr-im-gp, var(--_ctm-dn-or-io-or-io-wr-im-gp)));
464
405
  padding: prepareMediaVariable(--_ctm-dn-or-io-or-io-wr-pg);
465
- background-color: var(
466
- --_ctm-mob-dn-or-io-or-io-wr-bd-cr,
467
- var(--_ctm-tab-dn-or-io-or-io-wr-bd-cr, var(--_ctm-dn-or-io-or-io-wr-bd-cr))
468
- );
406
+ background-color: var(--_ctm-mob-dn-or-io-or-io-wr-bd-cr,
407
+ var(--_ctm-tab-dn-or-io-or-io-wr-bd-cr, var(--_ctm-dn-or-io-or-io-wr-bd-cr)));
469
408
  border-color: prepareMediaVariable(--_ctm-dn-or-io-or-io-wr-br-cr);
470
- border-style: var(
471
- --_ctm-mob-dn-or-io-or-io-wr-br-se,
472
- var(--_ctm-tab-dn-or-io-or-io-wr-br-se, var(--_ctm-dn-or-io-or-io-wr-br-se))
473
- );
474
- border-width: var(
475
- --_ctm-mob-dn-or-io-or-io-wr-br-wh,
476
- var(--_ctm-tab-dn-or-io-or-io-wr-br-wh, var(--_ctm-dn-or-io-or-io-wr-br-wh))
477
- );
478
- border-radius: var(
479
- --_ctm-mob-dn-or-io-or-io-wr-br-rs,
480
- var(--_ctm-tab-dn-or-io-or-io-wr-br-rs, var(--_ctm-dn-or-io-or-io-wr-br-rs))
481
- );
409
+ border-style: var(--_ctm-mob-dn-or-io-or-io-wr-br-se,
410
+ var(--_ctm-tab-dn-or-io-or-io-wr-br-se, var(--_ctm-dn-or-io-or-io-wr-br-se)));
411
+ border-width: var(--_ctm-mob-dn-or-io-or-io-wr-br-wh,
412
+ var(--_ctm-tab-dn-or-io-or-io-wr-br-wh, var(--_ctm-dn-or-io-or-io-wr-br-wh)));
413
+ border-radius: var(--_ctm-mob-dn-or-io-or-io-wr-br-rs,
414
+ var(--_ctm-tab-dn-or-io-or-io-wr-br-rs, var(--_ctm-dn-or-io-or-io-wr-br-rs)));
415
+
482
416
  .order_info_header {
483
- font-family: var(
484
- --_ctm-mob-dn-or-io-or-io-hr-ft-fy,
485
- var(--_ctm-tab-dn-or-io-or-io-hr-ft-fy, var(--_ctm-dn-or-io-or-io-hr-ft-fy))
486
- );
487
- font-size: var(
488
- --_ctm-mob-dn-or-io-or-io-hr-ft-se,
489
- var(--_ctm-tab-dn-or-io-or-io-hr-ft-se, var(--_ctm-dn-or-io-or-io-hr-ft-se))
490
- );
491
- color: var(
492
- --_ctm-mob-dn-or-io-or-io-hr-cr,
493
- var(--_ctm-tab-dn-or-io-or-io-hr-cr, var(--_ctm-dn-or-io-or-io-hr-cr))
494
- );
495
- font-weight: var(
496
- --_ctm-mob-dn-or-io-or-io-hr-ft-wt,
497
- var(--_ctm-tab-dn-or-io-or-io-hr-ft-wt, var(--_ctm-dn-or-io-or-io-hr-ft-wt))
498
- );
499
- text-decoration: var(
500
- --_ctm-mob-dn-or-io-or-io-hr-ue,
501
- var(--_ctm-tab-dn-or-io-or-io-hr-ue, var(--_ctm-dn-or-io-or-io-hr-ue))
502
- );
503
- letter-spacing: var(
504
- --_ctm-mob-dn-or-io-or-io-hr-lr-sg,
505
- var(--_ctm-tab-dn-or-io-or-io-hr-lr-sg, var(--_ctm-dn-or-io-or-io-hr-lr-sg))
506
- );
507
- line-height: var(
508
- --_ctm-mob-dn-or-io-or-io-hr-le-ht,
509
- var(--_ctm-tab-dn-or-io-or-io-hr-le-ht, var(--_ctm-dn-or-io-or-io-hr-le-ht))
510
- );
511
- font-style: var(
512
- --_ctm-mob-dn-or-io-or-io-hr-ft-se-ic,
513
- var(--_ctm-tab-dn-or-io-or-io-hr-ft-se-ic, var(--_ctm-dn-or-io-or-io-hr-ft-se-ic))
514
- );
515
- text-align: var(
516
- --_ctm-mob-dn-or-io-or-io-hr-tt-an,
517
- var(--_ctm-tab-dn-or-io-or-io-hr-tt-an, var(--_ctm-dn-or-io-or-io-hr-tt-an))
518
- );
417
+ font-family: var(--_ctm-mob-dn-or-io-or-io-hr-ft-fy,
418
+ var(--_ctm-tab-dn-or-io-or-io-hr-ft-fy, var(--_ctm-dn-or-io-or-io-hr-ft-fy)));
419
+ font-size: var(--_ctm-mob-dn-or-io-or-io-hr-ft-se,
420
+ var(--_ctm-tab-dn-or-io-or-io-hr-ft-se, var(--_ctm-dn-or-io-or-io-hr-ft-se)));
421
+ color: var(--_ctm-mob-dn-or-io-or-io-hr-cr,
422
+ var(--_ctm-tab-dn-or-io-or-io-hr-cr, var(--_ctm-dn-or-io-or-io-hr-cr)));
423
+ font-weight: var(--_ctm-mob-dn-or-io-or-io-hr-ft-wt,
424
+ var(--_ctm-tab-dn-or-io-or-io-hr-ft-wt, var(--_ctm-dn-or-io-or-io-hr-ft-wt)));
425
+ text-decoration: var(--_ctm-mob-dn-or-io-or-io-hr-ue,
426
+ var(--_ctm-tab-dn-or-io-or-io-hr-ue, var(--_ctm-dn-or-io-or-io-hr-ue)));
427
+ letter-spacing: var(--_ctm-mob-dn-or-io-or-io-hr-lr-sg,
428
+ var(--_ctm-tab-dn-or-io-or-io-hr-lr-sg, var(--_ctm-dn-or-io-or-io-hr-lr-sg)));
429
+ line-height: var(--_ctm-mob-dn-or-io-or-io-hr-le-ht,
430
+ var(--_ctm-tab-dn-or-io-or-io-hr-le-ht, var(--_ctm-dn-or-io-or-io-hr-le-ht)));
431
+ font-style: var(--_ctm-mob-dn-or-io-or-io-hr-ft-se-ic,
432
+ var(--_ctm-tab-dn-or-io-or-io-hr-ft-se-ic, var(--_ctm-dn-or-io-or-io-hr-ft-se-ic)));
433
+ text-align: var(--_ctm-mob-dn-or-io-or-io-hr-tt-an,
434
+ var(--_ctm-tab-dn-or-io-or-io-hr-tt-an, var(--_ctm-dn-or-io-or-io-hr-tt-an)));
519
435
  padding: prepareMediaVariable(--_ctm-dn-or-io-or-io-hr-pg);
520
- background-color: var(
521
- --_ctm-mob-dn-or-io-or-io-hr-bd-cr,
522
- var(--_ctm-tab-dn-or-io-or-io-hr-bd-cr, var(--_ctm-dn-or-io-or-io-hr-bd-cr))
523
- );
524
- border-color: var(
525
- --_ctm-mob-dn-or-io-or-io-hr-br-cr,
526
- var(--_ctm-tab-dn-or-io-or-io-hr-br-cr, var(--_ctm-dn-or-io-or-io-hr-br-cr))
527
- );
528
- border-style: var(
529
- --_ctm-mob-dn-or-io-or-io-hr-br-se,
530
- var(--_ctm-tab-dn-or-io-or-io-hr-br-se, var(--_ctm-dn-or-io-or-io-hr-br-se))
531
- );
532
- border-width: var(
533
- --_ctm-mob-dn-or-io-or-io-hr-br-wh,
534
- var(--_ctm-tab-dn-or-io-or-io-hr-br-wh, var(--_ctm-dn-or-io-or-io-hr-br-wh))
535
- );
536
- border-radius: var(
537
- --_ctm-mob-dn-or-io-or-io-hr-br-rs,
538
- var(--_ctm-tab-dn-or-io-or-io-hr-br-rs, var(--_ctm-dn-or-io-or-io-hr-br-rs))
539
- );
436
+ background-color: var(--_ctm-mob-dn-or-io-or-io-hr-bd-cr,
437
+ var(--_ctm-tab-dn-or-io-or-io-hr-bd-cr, var(--_ctm-dn-or-io-or-io-hr-bd-cr)));
438
+ border-color: var(--_ctm-mob-dn-or-io-or-io-hr-br-cr,
439
+ var(--_ctm-tab-dn-or-io-or-io-hr-br-cr, var(--_ctm-dn-or-io-or-io-hr-br-cr)));
440
+ border-style: var(--_ctm-mob-dn-or-io-or-io-hr-br-se,
441
+ var(--_ctm-tab-dn-or-io-or-io-hr-br-se, var(--_ctm-dn-or-io-or-io-hr-br-se)));
442
+ border-width: var(--_ctm-mob-dn-or-io-or-io-hr-br-wh,
443
+ var(--_ctm-tab-dn-or-io-or-io-hr-br-wh, var(--_ctm-dn-or-io-or-io-hr-br-wh)));
444
+ border-radius: var(--_ctm-mob-dn-or-io-or-io-hr-br-rs,
445
+ var(--_ctm-tab-dn-or-io-or-io-hr-br-rs, var(--_ctm-dn-or-io-or-io-hr-br-rs)));
540
446
  text-transform: prepareMediaVariable(--_ctm-dn-or-io-or-io-hr-tt-tm);
541
447
  word-wrap: prepareMediaVariable(--_ctm-dn-or-io-or-io-hr-wd-wr);
542
448
  word-break: prepareMediaVariable(--_ctm-dn-or-io-or-io-hr-wd-bk);
449
+
543
450
  // Order Info > Order Info Header > Text Overflow. `textOverflow` is a
544
451
  // `controls` property, so the renderer adds the class and publishes the
545
452
  // line count rather than emitting a variable for it.
546
453
  &#{$overflowSelector} {
547
454
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
548
455
  }
456
+
549
457
  span {
550
458
  font-size: 14px;
551
459
  font-weight: 600;
@@ -553,99 +461,63 @@ $defaultValues: (
553
461
  }
554
462
  }
555
463
  }
464
+
556
465
  .quick-actions-section {
557
466
  display: flex;
558
467
  flex-direction: column;
559
- gap: var(
560
- --_ctm-mob-dn-qk-as-qk-as-wr-im-gp,
561
- var(--_ctm-tab-dn-qk-as-qk-as-wr-im-gp, var(--_ctm-dn-qk-as-qk-as-wr-im-gp))
562
- );
468
+ gap: var(--_ctm-mob-dn-qk-as-qk-as-wr-im-gp,
469
+ var(--_ctm-tab-dn-qk-as-qk-as-wr-im-gp, var(--_ctm-dn-qk-as-qk-as-wr-im-gp)));
563
470
  padding: prepareMediaVariable(--_ctm-dn-qk-as-qk-as-wr-pg);
564
- background-color: var(
565
- --_ctm-mob-dn-qk-as-qk-as-wr-bd-cr,
566
- var(--_ctm-tab-dn-qk-as-qk-as-wr-bd-cr, var(--_ctm-dn-qk-as-qk-as-wr-bd-cr))
567
- );
568
- border-color: var(
569
- --_ctm-mob-dn-qk-as-qk-as-wr-br-cr,
570
- var(--_ctm-tab-dn-qk-as-qk-as-wr-br-cr, var(--_ctm-dn-qk-as-qk-as-wr-br-cr))
571
- );
572
- border-style: var(
573
- --_ctm-mob-dn-qk-as-qk-as-wr-br-se,
574
- var(--_ctm-tab-dn-qk-as-qk-as-wr-br-se, var(--_ctm-dn-qk-as-qk-as-wr-br-se))
575
- );
576
- border-width: var(
577
- --_ctm-mob-dn-qk-as-qk-as-wr-br-wh,
578
- var(--_ctm-tab-dn-qk-as-qk-as-wr-br-wh, var(--_ctm-dn-qk-as-qk-as-wr-br-wh))
579
- );
580
- border-radius: var(
581
- --_ctm-mob-dn-qk-as-qk-as-wr-br-rs,
582
- var(--_ctm-tab-dn-qk-as-qk-as-wr-br-rs, var(--_ctm-dn-qk-as-qk-as-wr-br-rs))
583
- );
471
+ background-color: var(--_ctm-mob-dn-qk-as-qk-as-wr-bd-cr,
472
+ var(--_ctm-tab-dn-qk-as-qk-as-wr-bd-cr, var(--_ctm-dn-qk-as-qk-as-wr-bd-cr)));
473
+ border-color: var(--_ctm-mob-dn-qk-as-qk-as-wr-br-cr,
474
+ var(--_ctm-tab-dn-qk-as-qk-as-wr-br-cr, var(--_ctm-dn-qk-as-qk-as-wr-br-cr)));
475
+ border-style: var(--_ctm-mob-dn-qk-as-qk-as-wr-br-se,
476
+ var(--_ctm-tab-dn-qk-as-qk-as-wr-br-se, var(--_ctm-dn-qk-as-qk-as-wr-br-se)));
477
+ border-width: var(--_ctm-mob-dn-qk-as-qk-as-wr-br-wh,
478
+ var(--_ctm-tab-dn-qk-as-qk-as-wr-br-wh, var(--_ctm-dn-qk-as-qk-as-wr-br-wh)));
479
+ border-radius: var(--_ctm-mob-dn-qk-as-qk-as-wr-br-rs,
480
+ var(--_ctm-tab-dn-qk-as-qk-as-wr-br-rs, var(--_ctm-dn-qk-as-qk-as-wr-br-rs)));
481
+
584
482
  .quick_actions_header {
585
483
  padding: prepareMediaVariable(--_ctm-dn-qk-as-qk-hr-pg);
586
- background-color: var(
587
- --_ctm-mob-dn-qk-as-qk-hr-bd-cr,
588
- var(--_ctm-tab-dn-qk-as-qk-hr-bd-cr, var(--_ctm-dn-qk-as-qk-hr-bd-cr))
589
- );
590
- border-color: var(
591
- --_ctm-mob-dn-qk-as-qk-hr-br-cr,
592
- var(--_ctm-tab-dn-qk-as-qk-hr-br-cr, var(--_ctm-dn-qk-as-qk-hr-br-cr))
593
- );
594
- border-style: var(
595
- --_ctm-mob-dn-qk-as-qk-hr-br-se,
596
- var(--_ctm-tab-dn-qk-as-qk-hr-br-se, var(--_ctm-dn-qk-as-qk-hr-br-se))
597
- );
598
- border-width: var(
599
- --_ctm-mob-dn-qk-as-qk-hr-br-wh,
600
- var(--_ctm-tab-dn-qk-as-qk-hr-br-wh, var(--_ctm-dn-qk-as-qk-hr-br-wh))
601
- );
602
- border-radius: var(
603
- --_ctm-mob-dn-qk-as-qk-hr-br-rs,
604
- var(--_ctm-tab-dn-qk-as-qk-hr-br-rs, var(--_ctm-dn-qk-as-qk-hr-br-rs))
605
- );
484
+ background-color: var(--_ctm-mob-dn-qk-as-qk-hr-bd-cr,
485
+ var(--_ctm-tab-dn-qk-as-qk-hr-bd-cr, var(--_ctm-dn-qk-as-qk-hr-bd-cr)));
486
+ border-color: var(--_ctm-mob-dn-qk-as-qk-hr-br-cr,
487
+ var(--_ctm-tab-dn-qk-as-qk-hr-br-cr, var(--_ctm-dn-qk-as-qk-hr-br-cr)));
488
+ border-style: var(--_ctm-mob-dn-qk-as-qk-hr-br-se,
489
+ var(--_ctm-tab-dn-qk-as-qk-hr-br-se, var(--_ctm-dn-qk-as-qk-hr-br-se)));
490
+ border-width: var(--_ctm-mob-dn-qk-as-qk-hr-br-wh,
491
+ var(--_ctm-tab-dn-qk-as-qk-hr-br-wh, var(--_ctm-dn-qk-as-qk-hr-br-wh)));
492
+ border-radius: var(--_ctm-mob-dn-qk-as-qk-hr-br-rs,
493
+ var(--_ctm-tab-dn-qk-as-qk-hr-br-rs, var(--_ctm-dn-qk-as-qk-hr-br-rs)));
494
+
606
495
  span {
607
496
  // font-size: 14px;
608
497
  // font-weight: 600;
609
498
  // color: var(--_gray-600);
610
- font-family: var(
611
- --_ctm-mob-dn-qk-as-qk-hr-ft-fy,
612
- var(--_ctm-tab-dn-qk-as-qk-hr-ft-fy, var(--_ctm-dn-qk-as-qk-hr-ft-fy))
613
- );
614
- font-size: var(
615
- --_ctm-mob-dn-qk-as-qk-hr-ft-se,
616
- var(--_ctm-tab-dn-qk-as-qk-hr-ft-se, var(--_ctm-dn-qk-as-qk-hr-ft-se))
617
- );
618
- color: var(
619
- --_ctm-mob-dn-qk-as-qk-hr-cr,
620
- var(--_ctm-tab-dn-qk-as-qk-hr-cr, var(--_ctm-dn-qk-as-qk-hr-cr))
621
- );
622
- font-weight: var(
623
- --_ctm-mob-dn-qk-as-qk-hr-ft-wt,
624
- var(--_ctm-tab-dn-qk-as-qk-hr-ft-wt, var(--_ctm-dn-qk-as-qk-hr-ft-wt))
625
- );
626
- text-decoration: var(
627
- --_ctm-mob-dn-qk-as-qk-hr-ue,
628
- var(--_ctm-tab-dn-qk-as-qk-hr-ue, var(--_ctm-dn-qk-as-qk-hr-ue))
629
- );
630
- letter-spacing: var(
631
- --_ctm-mob-dn-qk-as-qk-hr-lr-sg,
632
- var(--_ctm-tab-dn-qk-as-qk-hr-lr-sg, var(--_ctm-dn-qk-as-qk-hr-lr-sg))
633
- );
634
- line-height: var(
635
- --_ctm-mob-dn-qk-as-qk-hr-le-ht,
636
- var(--_ctm-tab-dn-qk-as-qk-hr-le-ht, var(--_ctm-dn-qk-as-qk-hr-le-ht))
637
- );
638
- font-style: var(
639
- --_ctm-mob-dn-qk-as-qk-hr-ft-se-ic,
640
- var(--_ctm-tab-dn-qk-as-qk-hr-ft-se-ic, var(--_ctm-dn-qk-as-qk-hr-ft-se-ic))
641
- );
642
- text-align: var(
643
- --_ctm-mob-dn-qk-as-qk-hr-tt-an,
644
- var(--_ctm-tab-dn-qk-as-qk-hr-tt-an, var(--_ctm-dn-qk-as-qk-hr-tt-an))
645
- );
499
+ font-family: var(--_ctm-mob-dn-qk-as-qk-hr-ft-fy,
500
+ var(--_ctm-tab-dn-qk-as-qk-hr-ft-fy, var(--_ctm-dn-qk-as-qk-hr-ft-fy)));
501
+ font-size: var(--_ctm-mob-dn-qk-as-qk-hr-ft-se,
502
+ var(--_ctm-tab-dn-qk-as-qk-hr-ft-se, var(--_ctm-dn-qk-as-qk-hr-ft-se)));
503
+ color: var(--_ctm-mob-dn-qk-as-qk-hr-cr,
504
+ var(--_ctm-tab-dn-qk-as-qk-hr-cr, var(--_ctm-dn-qk-as-qk-hr-cr)));
505
+ font-weight: var(--_ctm-mob-dn-qk-as-qk-hr-ft-wt,
506
+ var(--_ctm-tab-dn-qk-as-qk-hr-ft-wt, var(--_ctm-dn-qk-as-qk-hr-ft-wt)));
507
+ text-decoration: var(--_ctm-mob-dn-qk-as-qk-hr-ue,
508
+ var(--_ctm-tab-dn-qk-as-qk-hr-ue, var(--_ctm-dn-qk-as-qk-hr-ue)));
509
+ letter-spacing: var(--_ctm-mob-dn-qk-as-qk-hr-lr-sg,
510
+ var(--_ctm-tab-dn-qk-as-qk-hr-lr-sg, var(--_ctm-dn-qk-as-qk-hr-lr-sg)));
511
+ line-height: var(--_ctm-mob-dn-qk-as-qk-hr-le-ht,
512
+ var(--_ctm-tab-dn-qk-as-qk-hr-le-ht, var(--_ctm-dn-qk-as-qk-hr-le-ht)));
513
+ font-style: var(--_ctm-mob-dn-qk-as-qk-hr-ft-se-ic,
514
+ var(--_ctm-tab-dn-qk-as-qk-hr-ft-se-ic, var(--_ctm-dn-qk-as-qk-hr-ft-se-ic)));
515
+ text-align: var(--_ctm-mob-dn-qk-as-qk-hr-tt-an,
516
+ var(--_ctm-tab-dn-qk-as-qk-hr-tt-an, var(--_ctm-dn-qk-as-qk-hr-tt-an)));
646
517
  text-transform: prepareMediaVariable(--_ctm-dn-qk-as-qk-hr-tt-tm);
647
518
  word-wrap: prepareMediaVariable(--_ctm-dn-qk-as-qk-hr-wd-wr);
648
519
  word-break: prepareMediaVariable(--_ctm-dn-qk-as-qk-hr-wd-bk);
520
+
649
521
  &#{$overflowSelector} {
650
522
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
651
523
  }
@@ -657,31 +529,19 @@ $defaultValues: (
657
529
  display: flex;
658
530
  flex-direction: column;
659
531
  /* space between the two rows */
660
- background-color: var(
661
- --_ctm-mob-dn-or-io-or-io-cr-bd-cr,
662
- var(--_ctm-tab-dn-or-io-or-io-cr-bd-cr, var(--_ctm-dn-or-io-or-io-cr-bd-cr))
663
- );
532
+ background-color: var(--_ctm-mob-dn-or-io-or-io-cr-bd-cr,
533
+ var(--_ctm-tab-dn-or-io-or-io-cr-bd-cr, var(--_ctm-dn-or-io-or-io-cr-bd-cr)));
664
534
  gap: prepareMediaVariable(--_ctm-dn-or-io-or-io-cr-im-gp);
665
- padding: var(
666
- --_ctm-mob-dn-or-io-or-io-cr-pg,
667
- var(--_ctm-tab-dn-or-io-or-io-cr-pg, var(--_ctm-dn-or-io-or-io-cr-pg))
668
- );
669
- border-color: var(
670
- --_ctm-mob-dn-or-io-or-io-cr-br-cr,
671
- var(--_ctm-tab-dn-or-io-or-io-cr-br-cr, var(--_ctm-dn-or-io-or-io-cr-br-cr))
672
- );
673
- border-style: var(
674
- --_ctm-mob-dn-or-io-or-io-cr-br-se,
675
- var(--_ctm-tab-dn-or-io-or-io-cr-br-se, var(--_ctm-dn-or-io-or-io-cr-br-se))
676
- );
677
- border-width: var(
678
- --_ctm-mob-dn-or-io-or-io-cr-br-wh,
679
- var(--_ctm-tab-dn-or-io-or-io-cr-br-wh, var(--_ctm-dn-or-io-or-io-cr-br-wh))
680
- );
681
- border-radius: var(
682
- --_ctm-mob-dn-or-io-or-io-cr-br-rs,
683
- var(--_ctm-tab-dn-or-io-or-io-cr-br-rs, var(--_ctm-dn-or-io-or-io-cr-br-rs))
684
- );
535
+ padding: var(--_ctm-mob-dn-or-io-or-io-cr-pg,
536
+ var(--_ctm-tab-dn-or-io-or-io-cr-pg, var(--_ctm-dn-or-io-or-io-cr-pg)));
537
+ border-color: var(--_ctm-mob-dn-or-io-or-io-cr-br-cr,
538
+ var(--_ctm-tab-dn-or-io-or-io-cr-br-cr, var(--_ctm-dn-or-io-or-io-cr-br-cr)));
539
+ border-style: var(--_ctm-mob-dn-or-io-or-io-cr-br-se,
540
+ var(--_ctm-tab-dn-or-io-or-io-cr-br-se, var(--_ctm-dn-or-io-or-io-cr-br-se)));
541
+ border-width: var(--_ctm-mob-dn-or-io-or-io-cr-br-wh,
542
+ var(--_ctm-tab-dn-or-io-or-io-cr-br-wh, var(--_ctm-dn-or-io-or-io-cr-br-wh)));
543
+ border-radius: var(--_ctm-mob-dn-or-io-or-io-cr-br-rs,
544
+ var(--_ctm-tab-dn-or-io-or-io-cr-br-rs, var(--_ctm-dn-or-io-or-io-cr-br-rs)));
685
545
 
686
546
  .order-row {
687
547
  display: grid;
@@ -702,10 +562,11 @@ $defaultValues: (
702
562
  }
703
563
 
704
564
  /* Each individual info‐cell styling */
705
- > div {
565
+ >div {
706
566
  display: flex;
707
567
  flex-direction: column;
708
568
  gap: 4px;
569
+
709
570
  strong {
710
571
  display: block;
711
572
  // font-size: 14px;
@@ -713,56 +574,47 @@ $defaultValues: (
713
574
  // line-height: 20px;
714
575
  // margin-bottom: 4px;
715
576
  // font-weight: 400;
716
- font-family: var(
717
- --_ctm-mob-dn-or-io-or-ne-ft-fy,
718
- var(--_ctm-tab-dn-or-io-or-ne-ft-fy, var(--_ctm-dn-or-io-or-ne-ft-fy))
719
- );
720
- font-size: var(
721
- --_ctm-mob-dn-or-io-or-ne-ft-se,
722
- var(--_ctm-tab-dn-or-io-or-ne-ft-se, var(--_ctm-dn-or-io-or-ne-ft-se))
723
- );
577
+ font-family: var(--_ctm-mob-dn-or-io-or-ne-ft-fy,
578
+ var(--_ctm-tab-dn-or-io-or-ne-ft-fy, var(--_ctm-dn-or-io-or-ne-ft-fy)));
579
+
580
+ &.flex__overflow {
581
+ white-space: normal;
582
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
583
+ }
584
+
585
+ font-size: var(--_ctm-mob-dn-or-io-or-ne-ft-se,
586
+ var(--_ctm-tab-dn-or-io-or-ne-ft-se, var(--_ctm-dn-or-io-or-ne-ft-se)));
724
587
  // font-size: 14px;
725
- color: var(
726
- --_ctm-mob-dn-or-io-or-ne-cr,
727
- var(--_ctm-tab-dn-or-io-or-ne-cr, var(--_ctm-dn-or-io-or-ne-cr))
728
- );
729
- font-weight: var(
730
- --_ctm-mob-dn-or-io-or-ne-ft-wt,
731
- var(--_ctm-tab-dn-or-io-or-ne-ft-wt, var(--_ctm-dn-or-io-or-ne-ft-wt))
732
- );
733
- text-decoration: var(
734
- --_ctm-mob-dn-or-io-or-ne-ue,
735
- var(--_ctm-tab-dn-or-io-or-ne-ue, var(--_ctm-dn-or-io-or-ne-ue))
736
- );
737
- letter-spacing: var(
738
- --_ctm-mob-dn-or-io-or-ne-lr-sg,
739
- var(--_ctm-tab-dn-or-io-or-ne-lr-sg, var(--_ctm-dn-or-io-or-ne-lr-sg))
740
- );
741
- line-height: var(
742
- --_ctm-mob-dn-or-io-or-ne-le-ht,
743
- var(--_ctm-tab-dn-or-io-or-ne-le-ht, var(--_ctm-dn-or-io-or-ne-le-ht))
744
- );
745
- font-style: var(
746
- --_ctm-mob-dn-or-io-or-ne-ft-se-ic,
747
- var(--_ctm-tab-dn-or-io-or-ne-ft-se-ic, var(--_ctm-dn-or-io-or-ne-ft-se-ic))
748
- );
749
- text-align: var(
750
- --_ctm-mob-dn-or-io-or-ne-tt-an,
751
- var(--_ctm-tab-dn-or-io-or-ne-tt-an, var(--_ctm-dn-or-io-or-ne-tt-an))
752
- );
588
+ color: var(--_ctm-mob-dn-or-io-or-ne-cr,
589
+ var(--_ctm-tab-dn-or-io-or-ne-cr, var(--_ctm-dn-or-io-or-ne-cr)));
590
+ font-weight: var(--_ctm-mob-dn-or-io-or-ne-ft-wt,
591
+ var(--_ctm-tab-dn-or-io-or-ne-ft-wt, var(--_ctm-dn-or-io-or-ne-ft-wt)));
592
+ text-decoration: var(--_ctm-mob-dn-or-io-or-ne-ue,
593
+ var(--_ctm-tab-dn-or-io-or-ne-ue, var(--_ctm-dn-or-io-or-ne-ue)));
594
+ letter-spacing: var(--_ctm-mob-dn-or-io-or-ne-lr-sg,
595
+ var(--_ctm-tab-dn-or-io-or-ne-lr-sg, var(--_ctm-dn-or-io-or-ne-lr-sg)));
596
+ line-height: var(--_ctm-mob-dn-or-io-or-ne-le-ht,
597
+ var(--_ctm-tab-dn-or-io-or-ne-le-ht, var(--_ctm-dn-or-io-or-ne-le-ht)));
598
+ font-style: var(--_ctm-mob-dn-or-io-or-ne-ft-se-ic,
599
+ var(--_ctm-tab-dn-or-io-or-ne-ft-se-ic, var(--_ctm-dn-or-io-or-ne-ft-se-ic)));
600
+ text-align: var(--_ctm-mob-dn-or-io-or-ne-tt-an,
601
+ var(--_ctm-tab-dn-or-io-or-ne-tt-an, var(--_ctm-dn-or-io-or-ne-tt-an)));
753
602
  text-transform: prepareMediaVariable(--_ctm-dn-or-io-or-ne-tt-tm);
754
603
  word-wrap: prepareMediaVariable(--_ctm-dn-or-io-or-ne-wd-wr);
755
604
  word-break: prepareMediaVariable(--_ctm-dn-or-io-or-ne-wd-bk);
756
605
  padding: prepareMediaVariable(--_ctm-dn-or-io-or-ne-pg, 0);
606
+
757
607
  &#{$overflowSelector} {
758
608
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
759
609
  }
760
610
  }
611
+
761
612
  .order_number_skeleton {
762
613
  display: inline-flex;
763
614
  gap: 4px;
764
615
  align-items: flex-end;
765
616
  }
617
+
766
618
  .delivery-date,
767
619
  .order_number_id {
768
620
  margin: 0;
@@ -771,54 +623,41 @@ $defaultValues: (
771
623
  // color: var(--_gray-900);
772
624
  // line-height: 30px;
773
625
  line-height: prepareMediaVariable(--_ctm-dn-or-io-or-id-le-ht, 24px);
774
- font-family: var(
775
- --_ctm-mob-dn-or-io-or-id-ft-fy,
776
- var(--_ctm-tab-dn-or-io-or-id-ft-fy, var(--_ctm-dn-or-io-or-id-ft-fy))
777
- );
778
- font-size: var(
779
- --_ctm-mob-dn-or-io-or-id-ft-se,
780
- var(--_ctm-tab-dn-or-io-or-id-ft-se, var(--_ctm-dn-or-io-or-id-ft-se))
781
- );
626
+ font-family: var(--_ctm-mob-dn-or-io-or-id-ft-fy,
627
+ var(--_ctm-tab-dn-or-io-or-id-ft-fy, var(--_ctm-dn-or-io-or-id-ft-fy)));
628
+ font-size: var(--_ctm-mob-dn-or-io-or-id-ft-se,
629
+ var(--_ctm-tab-dn-or-io-or-id-ft-se, var(--_ctm-dn-or-io-or-id-ft-se)));
782
630
  // font-size: 16px;
783
- color: var(
784
- --_ctm-mob-dn-or-io-or-id-cr,
785
- var(--_ctm-tab-dn-or-io-or-id-cr, var(--_ctm-dn-or-io-or-id-cr))
786
- );
787
- font-weight: var(
788
- --_ctm-mob-dn-or-io-or-id-ft-wt,
789
- var(--_ctm-tab-dn-or-io-or-id-ft-wt, var(--_ctm-dn-or-io-or-id-ft-wt))
790
- );
791
- text-decoration: var(
792
- --_ctm-mob-dn-or-io-or-id-ue,
793
- var(--_ctm-tab-dn-or-io-or-id-ue, var(--_ctm-dn-or-io-or-id-ue))
794
- );
795
- letter-spacing: var(
796
- --_ctm-mob-dn-or-io-or-id-lr-sg,
797
- var(--_ctm-tab-dn-or-io-or-id-lr-sg, var(--_ctm-dn-or-io-or-id-lr-sg))
798
- );
799
-
800
- font-style: var(
801
- --_ctm-mob-dn-or-io-or-id-ft-se-ic,
802
- var(--_ctm-tab-dn-or-io-or-id-ft-se-ic, var(--_ctm-dn-or-io-or-id-ft-se-ic))
803
- );
804
- text-align: var(
805
- --_ctm-mob-dn-or-io-or-id-tt-an,
806
- var(--_ctm-tab-dn-or-io-or-id-tt-an, var(--_ctm-dn-or-io-or-id-tt-an))
807
- );
631
+ color: var(--_ctm-mob-dn-or-io-or-id-cr,
632
+ var(--_ctm-tab-dn-or-io-or-id-cr, var(--_ctm-dn-or-io-or-id-cr)));
633
+ font-weight: var(--_ctm-mob-dn-or-io-or-id-ft-wt,
634
+ var(--_ctm-tab-dn-or-io-or-id-ft-wt, var(--_ctm-dn-or-io-or-id-ft-wt)));
635
+ text-decoration: var(--_ctm-mob-dn-or-io-or-id-ue,
636
+ var(--_ctm-tab-dn-or-io-or-id-ue, var(--_ctm-dn-or-io-or-id-ue)));
637
+ letter-spacing: var(--_ctm-mob-dn-or-io-or-id-lr-sg,
638
+ var(--_ctm-tab-dn-or-io-or-id-lr-sg, var(--_ctm-dn-or-io-or-id-lr-sg)));
639
+
640
+ font-style: var(--_ctm-mob-dn-or-io-or-id-ft-se-ic,
641
+ var(--_ctm-tab-dn-or-io-or-id-ft-se-ic, var(--_ctm-dn-or-io-or-id-ft-se-ic)));
642
+ text-align: var(--_ctm-mob-dn-or-io-or-id-tt-an,
643
+ var(--_ctm-tab-dn-or-io-or-id-tt-an, var(--_ctm-dn-or-io-or-id-tt-an)));
808
644
  text-transform: prepareMediaVariable(--_ctm-dn-or-io-or-id-tt-tm);
809
645
  word-wrap: prepareMediaVariable(--_ctm-dn-or-io-or-id-wd-wr);
810
646
  word-break: prepareMediaVariable(--_ctm-dn-or-io-or-id-wd-bk);
811
647
  padding: prepareMediaVariable(--_ctm-dn-or-io-or-id-pg, 0);
648
+
812
649
  &#{$overflowSelector} {
813
650
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
814
651
  }
815
652
  }
653
+
816
654
  .delivery_address {
817
655
  font-size: 14px;
818
656
  font-weight: 400;
819
657
  color: var(--_gray-400);
820
658
  line-height: 20px;
821
659
  }
660
+
822
661
  .shipping-type {
823
662
  font-size: 14px;
824
663
  font-weight: 400;
@@ -846,6 +685,7 @@ $defaultValues: (
846
685
  display: inline-flex;
847
686
  align-items: center;
848
687
  gap: 6px;
688
+
849
689
  &::before {
850
690
  content: "";
851
691
  display: inline-block;
@@ -854,16 +694,20 @@ $defaultValues: (
854
694
  border-radius: 50%;
855
695
  background-color: currentColor;
856
696
  }
697
+
857
698
  &.success {
858
699
  background-color: var(--_success-50);
859
700
  color: var(--_success-600);
701
+
860
702
  &::before {
861
703
  background-color: var(--_success-700);
862
704
  }
863
705
  }
706
+
864
707
  &.failed {
865
708
  background-color: var(--_error-50);
866
709
  color: var(--_error-700);
710
+
867
711
  &::before {
868
712
  background-color: var(--_error-700);
869
713
  }
@@ -887,6 +731,7 @@ $defaultValues: (
887
731
  color: #0040c1;
888
732
  display: inline-block;
889
733
  height: 22px;
734
+
890
735
  &::before {
891
736
  content: "";
892
737
  display: inline-block;
@@ -905,43 +750,31 @@ $defaultValues: (
905
750
  // font-weight: 400;
906
751
  // color: var(--_gray-400);
907
752
  // line-height: 20px;
908
- font-family: var(
909
- --_ctm-mob-dn-or-io-or-de-ft-fy,
910
- var(--_ctm-tab-dn-or-io-or-de-ft-fy, var(--_ctm-dn-or-io-or-de-ft-fy))
911
- );
912
- font-size: var(
913
- --_ctm-mob-dn-or-io-or-de-ft-se,
914
- var(--_ctm-tab-dn-or-io-or-de-ft-se, var(--_ctm-dn-or-io-or-de-ft-se))
915
- );
753
+ font-family: var(--_ctm-mob-dn-or-io-or-de-ft-fy,
754
+ var(--_ctm-tab-dn-or-io-or-de-ft-fy, var(--_ctm-dn-or-io-or-de-ft-fy)));
755
+
756
+ &.flex__overflow {
757
+ white-space: normal;
758
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
759
+ }
760
+
761
+ font-size: var(--_ctm-mob-dn-or-io-or-de-ft-se,
762
+ var(--_ctm-tab-dn-or-io-or-de-ft-se, var(--_ctm-dn-or-io-or-de-ft-se)));
916
763
  // font-size: 14px;
917
- color: var(
918
- --_ctm-mob-dn-or-io-or-de-cr,
919
- var(--_ctm-tab-dn-or-io-or-de-cr, var(--_ctm-dn-or-io-or-de-cr))
920
- );
921
- font-weight: var(
922
- --_ctm-mob-dn-or-io-or-de-ft-wt,
923
- var(--_ctm-tab-dn-or-io-or-de-ft-wt, var(--_ctm-dn-or-io-or-de-ft-wt))
924
- );
925
- text-decoration: var(
926
- --_ctm-mob-dn-or-io-or-de-ue,
927
- var(--_ctm-tab-dn-or-io-or-de-ue, var(--_ctm-dn-or-io-or-de-ue))
928
- );
929
- letter-spacing: var(
930
- --_ctm-mob-dn-or-io-or-de-lr-sg,
931
- var(--_ctm-tab-dn-or-io-or-de-lr-sg, var(--_ctm-dn-or-io-or-de-lr-sg))
932
- );
933
- line-height: var(
934
- --_ctm-mob-dn-or-io-or-de-le-ht,
935
- var(--_ctm-tab-dn-or-io-or-de-le-ht, var(--_ctm-dn-or-io-or-de-le-ht))
936
- );
937
- font-style: var(
938
- --_ctm-mob-dn-or-io-or-de-ft-se-ic,
939
- var(--_ctm-tab-dn-or-io-or-de-ft-se-ic, var(--_ctm-dn-or-io-or-de-ft-se-ic))
940
- );
941
- text-align: var(
942
- --_ctm-mob-dn-or-io-or-de-tt-an,
943
- var(--_ctm-tab-dn-or-io-or-de-tt-an, var(--_ctm-dn-or-io-or-de-tt-an))
944
- );
764
+ color: var(--_ctm-mob-dn-or-io-or-de-cr,
765
+ var(--_ctm-tab-dn-or-io-or-de-cr, var(--_ctm-dn-or-io-or-de-cr)));
766
+ font-weight: var(--_ctm-mob-dn-or-io-or-de-ft-wt,
767
+ var(--_ctm-tab-dn-or-io-or-de-ft-wt, var(--_ctm-dn-or-io-or-de-ft-wt)));
768
+ text-decoration: var(--_ctm-mob-dn-or-io-or-de-ue,
769
+ var(--_ctm-tab-dn-or-io-or-de-ue, var(--_ctm-dn-or-io-or-de-ue)));
770
+ letter-spacing: var(--_ctm-mob-dn-or-io-or-de-lr-sg,
771
+ var(--_ctm-tab-dn-or-io-or-de-lr-sg, var(--_ctm-dn-or-io-or-de-lr-sg)));
772
+ line-height: var(--_ctm-mob-dn-or-io-or-de-le-ht,
773
+ var(--_ctm-tab-dn-or-io-or-de-le-ht, var(--_ctm-dn-or-io-or-de-le-ht)));
774
+ font-style: var(--_ctm-mob-dn-or-io-or-de-ft-se-ic,
775
+ var(--_ctm-tab-dn-or-io-or-de-ft-se-ic, var(--_ctm-dn-or-io-or-de-ft-se-ic)));
776
+ text-align: var(--_ctm-mob-dn-or-io-or-de-tt-an,
777
+ var(--_ctm-tab-dn-or-io-or-de-tt-an, var(--_ctm-dn-or-io-or-de-tt-an)));
945
778
  text-transform: prepareMediaVariable(--_ctm-dn-or-io-or-de-tt-tm);
946
779
  word-wrap: prepareMediaVariable(--_ctm-dn-or-io-or-de-wd-wr);
947
780
  word-break: prepareMediaVariable(--_ctm-dn-or-io-or-de-wd-bk);
@@ -949,13 +782,21 @@ $defaultValues: (
949
782
  display: flex;
950
783
  align-items: center;
951
784
  gap: prepareMediaVariable(--_ctm-dn-or-io-or-de-im-gp, 0);
785
+
952
786
  &#{$overflowSelector} {
953
787
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
954
788
  }
955
789
  }
790
+
956
791
  .expected_delivery {
957
792
  line-height: prepareMediaVariable(--_ctm-dn-or-io-sg-md-le-ht);
958
793
  font-family: prepareMediaVariable(--_ctm-dn-or-io-sg-md-ft-fy);
794
+
795
+ &.flex__overflow {
796
+ white-space: normal;
797
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
798
+ }
799
+
959
800
  font-size: prepareMediaVariable(--_ctm-dn-or-io-sg-md-ft-se);
960
801
  // font-size: 16px;
961
802
  color: prepareMediaVariable(--_ctm-dn-or-io-sg-md-cr);
@@ -972,13 +813,21 @@ $defaultValues: (
972
813
  display: flex;
973
814
  align-items: center;
974
815
  gap: prepareMediaVariable(--_ctm-dn-or-io-sg-md-im-gp, 0);
816
+
975
817
  &#{$overflowSelector} {
976
818
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
977
819
  }
978
820
  }
821
+
979
822
  .total_amount {
980
823
  line-height: prepareMediaVariable(--_ctm-dn-or-io-sg-md-le-ht, 24px);
981
824
  font-family: prepareMediaVariable(--_ctm-dn-or-io-sg-md-ft-fy);
825
+
826
+ &.flex__overflow {
827
+ white-space: normal;
828
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
829
+ }
830
+
982
831
  font-size: prepareMediaVariable(--_ctm-dn-or-io-sg-md-ft-se);
983
832
  // font-size: 16px;
984
833
  color: prepareMediaVariable(--_ctm-dn-or-io-sg-md-cr);
@@ -995,10 +844,12 @@ $defaultValues: (
995
844
  display: inline-flex;
996
845
  align-items: center;
997
846
  gap: prepareMediaVariable(--_ctm-dn-or-io-sg-md-im-gp, 0);
847
+
998
848
  &#{$overflowSelector} {
999
849
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1000
850
  }
1001
851
  }
852
+
1002
853
  .inclusive-tax {
1003
854
  margin-left: 4px;
1004
855
  font-size: 12px;
@@ -1016,54 +867,44 @@ $defaultValues: (
1016
867
  // --_ctm-mob-dn-or-io-or-io-hr-cr,
1017
868
  // var(--_ctm-tab-dn-or-io-or-io-hr-cr, var(--_ctm-dn-or-io-or-io-hr-cr))
1018
869
  // );
1019
- font-family: var(
1020
- --_ctm-mob-dn-or-io-or-ne-ft-fy,
1021
- var(--_ctm-tab-dn-or-io-or-ne-ft-fy, var(--_ctm-dn-or-io-or-ne-ft-fy))
1022
- );
1023
- font-size: var(
1024
- --_ctm-mob-dn-or-io-or-ne-ft-se,
1025
- var(--_ctm-tab-dn-or-io-or-ne-ft-se, var(--_ctm-dn-or-io-or-ne-ft-se))
1026
- );
870
+ font-family: var(--_ctm-mob-dn-or-io-or-ne-ft-fy,
871
+ var(--_ctm-tab-dn-or-io-or-ne-ft-fy, var(--_ctm-dn-or-io-or-ne-ft-fy)));
872
+ font-size: var(--_ctm-mob-dn-or-io-or-ne-ft-se,
873
+ var(--_ctm-tab-dn-or-io-or-ne-ft-se, var(--_ctm-dn-or-io-or-ne-ft-se)));
1027
874
  // font-size: 14px;
1028
- color: var(
1029
- --_ctm-mob-dn-or-io-or-ne-cr,
1030
- var(--_ctm-tab-dn-or-io-or-ne-cr, var(--_ctm-dn-or-io-or-ne-cr))
1031
- );
1032
- font-weight: var(
1033
- --_ctm-mob-dn-or-io-or-ne-ft-wt,
1034
- var(--_ctm-tab-dn-or-io-or-ne-ft-wt, var(--_ctm-dn-or-io-or-ne-ft-wt))
1035
- );
1036
- text-decoration: var(
1037
- --_ctm-mob-dn-or-io-or-ne-ue,
1038
- var(--_ctm-tab-dn-or-io-or-ne-ue, var(--_ctm-dn-or-io-or-ne-ue))
1039
- );
1040
- letter-spacing: var(
1041
- --_ctm-mob-dn-or-io-or-ne-lr-sg,
1042
- var(--_ctm-tab-dn-or-io-or-ne-lr-sg, var(--_ctm-dn-or-io-or-ne-lr-sg))
1043
- );
1044
- line-height: var(
1045
- --_ctm-mob-dn-or-io-or-ne-le-ht,
1046
- var(--_ctm-tab-dn-or-io-or-ne-le-ht, var(--_ctm-dn-or-io-or-ne-le-ht))
1047
- );
1048
- font-style: var(
1049
- --_ctm-mob-dn-or-io-or-ne-ft-se-ic,
1050
- var(--_ctm-tab-dn-or-io-or-ne-ft-se-ic, var(--_ctm-dn-or-io-or-ne-ft-se-ic))
1051
- );
1052
- text-align: var(
1053
- --_ctm-mob-dn-or-io-or-ne-tt-an,
1054
- var(--_ctm-tab-dn-or-io-or-ne-tt-an, var(--_ctm-dn-or-io-or-ne-tt-an))
1055
- );
875
+ color: var(--_ctm-mob-dn-or-io-or-ne-cr,
876
+ var(--_ctm-tab-dn-or-io-or-ne-cr, var(--_ctm-dn-or-io-or-ne-cr)));
877
+ font-weight: var(--_ctm-mob-dn-or-io-or-ne-ft-wt,
878
+ var(--_ctm-tab-dn-or-io-or-ne-ft-wt, var(--_ctm-dn-or-io-or-ne-ft-wt)));
879
+ text-decoration: var(--_ctm-mob-dn-or-io-or-ne-ue,
880
+ var(--_ctm-tab-dn-or-io-or-ne-ue, var(--_ctm-dn-or-io-or-ne-ue)));
881
+ letter-spacing: var(--_ctm-mob-dn-or-io-or-ne-lr-sg,
882
+ var(--_ctm-tab-dn-or-io-or-ne-lr-sg, var(--_ctm-dn-or-io-or-ne-lr-sg)));
883
+ line-height: var(--_ctm-mob-dn-or-io-or-ne-le-ht,
884
+ var(--_ctm-tab-dn-or-io-or-ne-le-ht, var(--_ctm-dn-or-io-or-ne-le-ht)));
885
+ font-style: var(--_ctm-mob-dn-or-io-or-ne-ft-se-ic,
886
+ var(--_ctm-tab-dn-or-io-or-ne-ft-se-ic, var(--_ctm-dn-or-io-or-ne-ft-se-ic)));
887
+ text-align: var(--_ctm-mob-dn-or-io-or-ne-tt-an,
888
+ var(--_ctm-tab-dn-or-io-or-ne-tt-an, var(--_ctm-dn-or-io-or-ne-tt-an)));
1056
889
  text-transform: prepareMediaVariable(--_ctm-dn-or-io-or-ne-tt-tm);
1057
890
  word-wrap: prepareMediaVariable(--_ctm-dn-or-io-or-ne-wd-wr);
1058
891
  word-break: prepareMediaVariable(--_ctm-dn-or-io-or-ne-wd-bk);
1059
892
  padding: prepareMediaVariable(--_ctm-dn-or-io-or-ne-pg, 0);
893
+
1060
894
  &#{$overflowSelector} {
1061
895
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1062
896
  }
1063
897
  }
898
+
1064
899
  .sgmd_details {
1065
900
  line-height: prepareMediaVariable(--_ctm-dn-or-io-sg-md-le-ht, 24px);
1066
901
  font-family: prepareMediaVariable(--_ctm-dn-or-io-sg-md-ft-fy);
902
+
903
+ &.flex__overflow {
904
+ white-space: normal;
905
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
906
+ }
907
+
1067
908
  font-size: prepareMediaVariable(--_ctm-dn-or-io-sg-md-ft-se);
1068
909
  // font-size: 16px;
1069
910
  color: prepareMediaVariable(--_ctm-dn-or-io-sg-md-cr);
@@ -1080,6 +921,7 @@ $defaultValues: (
1080
921
  display: flex;
1081
922
  align-items: center;
1082
923
  gap: prepareMediaVariable(--_ctm-dn-or-io-sg-md-im-gp, 0);
924
+
1083
925
  &#{$overflowSelector} {
1084
926
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1085
927
  }
@@ -1092,10 +934,8 @@ $defaultValues: (
1092
934
  display: flex;
1093
935
  flex-direction: column;
1094
936
 
1095
- gap: var(
1096
- --_ctm-mob-dn-qk-as-qk-as-cr-im-gp,
1097
- var(--_ctm-tab-dn-qk-as-qk-as-cr-im-gp, var(--_ctm-dn-qk-as-qk-as-cr-im-gp))
1098
- );
937
+ gap: var(--_ctm-mob-dn-qk-as-qk-as-cr-im-gp,
938
+ var(--_ctm-tab-dn-qk-as-qk-as-cr-im-gp, var(--_ctm-dn-qk-as-qk-as-cr-im-gp)));
1099
939
 
1100
940
  background-color: prepareMediaVariable(--_ctm-dn-qk-as-qk-as-cr-bd-cr);
1101
941
  padding: prepareMediaVariable(--_ctm-dn-qk-as-qk-as-cr-pg);
@@ -1107,96 +947,53 @@ $defaultValues: (
1107
947
 
1108
948
  .action-button {
1109
949
  width: fit-content;
1110
- padding: var(
1111
- --_ctm-mob-dn-qk-as-as-dt-se-pg,
1112
- var(--_ctm-tab-dn-qk-as-as-dt-se-pg, var(--_ctm-dn-qk-as-as-dt-se-pg))
1113
- );
1114
- border-color: var(
1115
- --_ctm-mob-dn-qk-as-as-dt-se-br-cr,
1116
- var(--_ctm-tab-dn-qk-as-as-dt-se-br-cr, var(--_ctm-dn-qk-as-as-dt-se-br-cr))
1117
- );
1118
- border-style: var(
1119
- --_ctm-mob-dn-qk-as-as-dt-se-br-se,
1120
- var(--_ctm-tab-dn-qk-as-as-dt-se-br-se, var(--_ctm-dn-qk-as-as-dt-se-br-se))
1121
- );
1122
- border-width: var(
1123
- --_ctm-mob-dn-qk-as-as-dt-se-br-wh,
1124
- var(--_ctm-tab-dn-qk-as-as-dt-se-br-wh, var(--_ctm-dn-qk-as-as-dt-se-br-wh))
1125
- );
1126
- border-radius: var(
1127
- --_ctm-mob-dn-qk-as-as-dt-se-br-rs,
1128
- var(--_ctm-tab-dn-qk-as-as-dt-se-br-rs, var(--_ctm-dn-qk-as-as-dt-se-br-rs))
1129
- );
1130
- box-shadow: var(
1131
- --_show-shadow,
1132
- var(
1133
- --_ctm-mob-dn-bd-ad-fl-sw-ae,
1134
- var(--_ctm-dn-qk-as-as-dt-se-sw-ae, var(--_ctm-dn-bd-ad-fl-sw-ae))
1135
- )
1136
- var(
1137
- --_ctm-mob-dn-bd-ad-fl-sw-br,
1138
- var(--_ctm-dn-qk-as-as-dt-se-sw-br, var(--_ctm-dn-bd-ad-fl-sw-br))
1139
- )
1140
- var(
1141
- --_ctm-mob-dn-bd-ad-fl-sw-sd,
1142
- var(--_ctm-dn-qk-as-as-dt-se-sw-sd, var(--_ctm-dn-bd-ad-fl-sw-sd))
1143
- )
1144
- var(
1145
- --_ctm-mob-dn-bd-ad-fl-sw-cr,
1146
- var(--_ctm-dn-qk-as-as-dt-se-sw-cr, var(--_ctm-dn-bd-ad-fl-sw-cr))
1147
- )
1148
- );
1149
- background-color: var(
1150
- --_ctm-mob-dn-qk-as-as-dt-se-bd-cr,
1151
- var(--_ctm-tab-dn-qk-as-as-dt-se-bd-cr, var(--_ctm-dn-qk-as-as-dt-se-bd-cr))
1152
- );
1153
- font-family: var(
1154
- --_ctm-mob-dn-qk-as-as-dt-se-ft-fy,
1155
- var(--_ctm-tab-dn-qk-as-as-dt-se-ft-fy, var(--_ctm-dn-qk-as-as-dt-se-ft-fy))
1156
- );
1157
- font-size: var(
1158
- --_ctm-mob-dn-qk-as-as-dt-se-ft-se,
1159
- var(--_ctm-tab-dn-qk-as-as-dt-se-ft-se, var(--_ctm-dn-qk-as-as-dt-se-ft-se))
1160
- );
1161
- color: var(
1162
- --_ctm-mob-dn-qk-as-as-dt-se-cr,
1163
- var(--_ctm-tab-dn-qk-as-as-dt-se-cr, var(--_ctm-dn-qk-as-as-dt-se-cr))
1164
- );
950
+ padding: var(--_ctm-mob-dn-qk-as-as-dt-se-pg,
951
+ var(--_ctm-tab-dn-qk-as-as-dt-se-pg, var(--_ctm-dn-qk-as-as-dt-se-pg)));
952
+ border-color: var(--_ctm-mob-dn-qk-as-as-dt-se-br-cr,
953
+ var(--_ctm-tab-dn-qk-as-as-dt-se-br-cr, var(--_ctm-dn-qk-as-as-dt-se-br-cr)));
954
+ border-style: var(--_ctm-mob-dn-qk-as-as-dt-se-br-se,
955
+ var(--_ctm-tab-dn-qk-as-as-dt-se-br-se, var(--_ctm-dn-qk-as-as-dt-se-br-se)));
956
+ border-width: var(--_ctm-mob-dn-qk-as-as-dt-se-br-wh,
957
+ var(--_ctm-tab-dn-qk-as-as-dt-se-br-wh, var(--_ctm-dn-qk-as-as-dt-se-br-wh)));
958
+ border-radius: var(--_ctm-mob-dn-qk-as-as-dt-se-br-rs,
959
+ var(--_ctm-tab-dn-qk-as-as-dt-se-br-rs, var(--_ctm-dn-qk-as-as-dt-se-br-rs)));
960
+ box-shadow: var(--_show-shadow,
961
+ var(--_ctm-mob-dn-bd-ad-fl-sw-ae,
962
+ var(--_ctm-dn-qk-as-as-dt-se-sw-ae, var(--_ctm-dn-bd-ad-fl-sw-ae))) var(--_ctm-mob-dn-bd-ad-fl-sw-br,
963
+ var(--_ctm-dn-qk-as-as-dt-se-sw-br, var(--_ctm-dn-bd-ad-fl-sw-br))) var(--_ctm-mob-dn-bd-ad-fl-sw-sd,
964
+ var(--_ctm-dn-qk-as-as-dt-se-sw-sd, var(--_ctm-dn-bd-ad-fl-sw-sd))) var(--_ctm-mob-dn-bd-ad-fl-sw-cr,
965
+ var(--_ctm-dn-qk-as-as-dt-se-sw-cr, var(--_ctm-dn-bd-ad-fl-sw-cr))));
966
+ background-color: var(--_ctm-mob-dn-qk-as-as-dt-se-bd-cr,
967
+ var(--_ctm-tab-dn-qk-as-as-dt-se-bd-cr, var(--_ctm-dn-qk-as-as-dt-se-bd-cr)));
968
+ font-family: var(--_ctm-mob-dn-qk-as-as-dt-se-ft-fy,
969
+ var(--_ctm-tab-dn-qk-as-as-dt-se-ft-fy, var(--_ctm-dn-qk-as-as-dt-se-ft-fy)));
970
+ font-size: var(--_ctm-mob-dn-qk-as-as-dt-se-ft-se,
971
+ var(--_ctm-tab-dn-qk-as-as-dt-se-ft-se, var(--_ctm-dn-qk-as-as-dt-se-ft-se)));
972
+ color: var(--_ctm-mob-dn-qk-as-as-dt-se-cr,
973
+ var(--_ctm-tab-dn-qk-as-as-dt-se-cr, var(--_ctm-dn-qk-as-as-dt-se-cr)));
1165
974
  // color: var(--_thm-cs-tt-ls-as);
1166
- font-weight: var(
1167
- --_ctm-mob-dn-qk-as-as-dt-se-ft-wt,
1168
- var(--_ctm-tab-dn-qk-as-as-dt-se-ft-wt, var(--_ctm-dn-qk-as-as-dt-se-ft-wt))
1169
- );
1170
- text-decoration: var(
1171
- --_ctm-mob-dn-qk-as-as-dt-se-ue,
1172
- var(--_ctm-tab-dn-qk-as-as-dt-se-ue, var(--_ctm-dn-qk-as-as-dt-se-ue))
1173
- );
1174
- letter-spacing: var(
1175
- --_ctm-mob-dn-qk-as-as-dt-se-lr-sg,
1176
- var(--_ctm-tab-dn-qk-as-as-dt-se-lr-sg, var(--_ctm-dn-qk-as-as-dt-se-lr-sg))
1177
- );
1178
- line-height: var(
1179
- --_ctm-mob-dn-qk-as-as-dt-se-le-ht,
1180
- var(--_ctm-tab-dn-qk-as-as-dt-se-le-ht, var(--_ctm-dn-qk-as-as-dt-se-le-ht))
1181
- );
1182
- font-style: var(
1183
- --_ctm-mob-dn-qk-as-as-dt-se-ft-se-ic,
1184
- var(--_ctm-tab-dn-qk-as-as-dt-se-ft-se-ic, var(--_ctm-dn-qk-as-as-dt-se-ft-se-ic))
1185
- );
1186
- text-align: var(
1187
- --_ctm-mob-dn-qk-as-as-dt-se-tt-an,
1188
- var(--_ctm-tab-dn-qk-as-as-dt-se-tt-an, var(--_ctm-dn-qk-as-as-dt-se-tt-an))
1189
- );
1190
- padding: var(
1191
- --_ctm-mob-dn-qk-as-as-dt-se-pg,
1192
- var(--_ctm-tab-dn-qk-as-as-dt-se-pg, var(--_ctm-dn-qk-as-as-dt-se-pg))
1193
- );
975
+ font-weight: var(--_ctm-mob-dn-qk-as-as-dt-se-ft-wt,
976
+ var(--_ctm-tab-dn-qk-as-as-dt-se-ft-wt, var(--_ctm-dn-qk-as-as-dt-se-ft-wt)));
977
+ text-decoration: var(--_ctm-mob-dn-qk-as-as-dt-se-ue,
978
+ var(--_ctm-tab-dn-qk-as-as-dt-se-ue, var(--_ctm-dn-qk-as-as-dt-se-ue)));
979
+ letter-spacing: var(--_ctm-mob-dn-qk-as-as-dt-se-lr-sg,
980
+ var(--_ctm-tab-dn-qk-as-as-dt-se-lr-sg, var(--_ctm-dn-qk-as-as-dt-se-lr-sg)));
981
+ line-height: var(--_ctm-mob-dn-qk-as-as-dt-se-le-ht,
982
+ var(--_ctm-tab-dn-qk-as-as-dt-se-le-ht, var(--_ctm-dn-qk-as-as-dt-se-le-ht)));
983
+ font-style: var(--_ctm-mob-dn-qk-as-as-dt-se-ft-se-ic,
984
+ var(--_ctm-tab-dn-qk-as-as-dt-se-ft-se-ic, var(--_ctm-dn-qk-as-as-dt-se-ft-se-ic)));
985
+ text-align: var(--_ctm-mob-dn-qk-as-as-dt-se-tt-an,
986
+ var(--_ctm-tab-dn-qk-as-as-dt-se-tt-an, var(--_ctm-dn-qk-as-as-dt-se-tt-an)));
987
+ padding: var(--_ctm-mob-dn-qk-as-as-dt-se-pg,
988
+ var(--_ctm-tab-dn-qk-as-as-dt-se-pg, var(--_ctm-dn-qk-as-as-dt-se-pg)));
1194
989
  text-transform: prepareMediaVariable(--_ctm-dn-qk-as-as-dt-se-tt-tm);
1195
990
  word-wrap: prepareMediaVariable(--_ctm-dn-qk-as-as-dt-se-wd-wr);
1196
991
  word-break: prepareMediaVariable(--_ctm-dn-qk-as-as-dt-se-wd-bk);
992
+
1197
993
  &#{$overflowSelector} {
1198
994
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1199
995
  }
996
+
1200
997
  cursor: pointer;
1201
998
  // text-align: start;
1202
999
 
@@ -1204,90 +1001,45 @@ $defaultValues: (
1204
1001
  // color: #0d60e5;
1205
1002
  // background-color: var(--_gray-100);
1206
1003
  // border-radius: 6px;
1207
- padding: var(
1208
- --_ctm-mob-dn-qk-as-as-hr-se-pg,
1209
- var(--_ctm-tab-dn-qk-as-as-hr-se-pg, var(--_ctm-dn-qk-as-as-hr-se-pg))
1210
- );
1211
- border-color: var(
1212
- --_ctm-mob-dn-qk-as-as-hr-se-br-cr,
1213
- var(--_ctm-tab-dn-qk-as-as-hr-se-br-cr, var(--_ctm-dn-qk-as-as-hr-se-br-cr))
1214
- );
1215
- border-style: var(
1216
- --_ctm-mob-dn-qk-as-as-hr-se-br-se,
1217
- var(--_ctm-tab-dn-qk-as-as-hr-se-br-se, var(--_ctm-dn-qk-as-as-hr-se-br-se))
1218
- );
1219
- border-width: var(
1220
- --_ctm-mob-dn-qk-as-as-hr-se-br-wh,
1221
- var(--_ctm-tab-dn-qk-as-as-hr-se-br-wh, var(--_ctm-dn-qk-as-as-hr-se-br-wh))
1222
- );
1223
- border-radius: var(
1224
- --_ctm-mob-dn-qk-as-as-hr-se-br-rs,
1225
- var(--_ctm-tab-dn-qk-as-as-hr-se-br-rs, var(--_ctm-dn-qk-as-as-hr-se-br-rs))
1226
- );
1227
- box-shadow: var(
1228
- --_show-shadow,
1229
- var(
1230
- --_ctm-mob-dn-bd-ad-fl-sw-ae,
1231
- var(--_ctm-dn-qk-as-as-hr-se-sw-ae, var(--_ctm-dn-bd-ad-fl-sw-ae))
1232
- )
1233
- var(
1234
- --_ctm-mob-dn-bd-ad-fl-sw-br,
1235
- var(--_ctm-dn-qk-as-as-hr-se-sw-br, var(--_ctm-dn-bd-ad-fl-sw-br))
1236
- )
1237
- var(
1238
- --_ctm-mob-dn-bd-ad-fl-sw-sd,
1239
- var(--_ctm-dn-qk-as-as-hr-se-sw-sd, var(--_ctm-dn-bd-ad-fl-sw-sd))
1240
- )
1241
- var(
1242
- --_ctm-mob-dn-bd-ad-fl-sw-cr,
1243
- var(--_ctm-dn-qk-as-as-hr-se-sw-cr, var(--_ctm-dn-bd-ad-fl-sw-cr))
1244
- )
1245
- );
1246
- background-color: var(
1247
- --_ctm-mob-dn-qk-as-as-hr-se-bd-cr,
1248
- var(--_ctm-tab-dn-qk-as-as-hr-se-bd-cr, var(--_ctm-dn-qk-as-as-hr-se-bd-cr))
1249
- );
1250
- font-family: var(
1251
- --_ctm-mob-dn-qk-as-as-hr-se-ft-fy,
1252
- var(--_ctm-tab-dn-qk-as-as-hr-se-ft-fy, var(--_ctm-dn-qk-as-as-hr-se-ft-fy))
1253
- );
1254
- font-size: var(
1255
- --_ctm-mob-dn-qk-as-as-hr-se-ft-se,
1256
- var(--_ctm-tab-dn-qk-as-as-hr-se-ft-se, var(--_ctm-dn-qk-as-as-hr-se-ft-se))
1257
- );
1258
- color: var(
1259
- --_ctm-mob-dn-qk-as-as-hr-se-cr,
1260
- var(--_ctm-tab-dn-qk-as-as-hr-se-cr, var(--_ctm-dn-qk-as-as-hr-se-cr))
1261
- );
1004
+ padding: var(--_ctm-mob-dn-qk-as-as-hr-se-pg,
1005
+ var(--_ctm-tab-dn-qk-as-as-hr-se-pg, var(--_ctm-dn-qk-as-as-hr-se-pg)));
1006
+ border-color: var(--_ctm-mob-dn-qk-as-as-hr-se-br-cr,
1007
+ var(--_ctm-tab-dn-qk-as-as-hr-se-br-cr, var(--_ctm-dn-qk-as-as-hr-se-br-cr)));
1008
+ border-style: var(--_ctm-mob-dn-qk-as-as-hr-se-br-se,
1009
+ var(--_ctm-tab-dn-qk-as-as-hr-se-br-se, var(--_ctm-dn-qk-as-as-hr-se-br-se)));
1010
+ border-width: var(--_ctm-mob-dn-qk-as-as-hr-se-br-wh,
1011
+ var(--_ctm-tab-dn-qk-as-as-hr-se-br-wh, var(--_ctm-dn-qk-as-as-hr-se-br-wh)));
1012
+ border-radius: var(--_ctm-mob-dn-qk-as-as-hr-se-br-rs,
1013
+ var(--_ctm-tab-dn-qk-as-as-hr-se-br-rs, var(--_ctm-dn-qk-as-as-hr-se-br-rs)));
1014
+ box-shadow: var(--_show-shadow,
1015
+ var(--_ctm-mob-dn-bd-ad-fl-sw-ae,
1016
+ var(--_ctm-dn-qk-as-as-hr-se-sw-ae, var(--_ctm-dn-bd-ad-fl-sw-ae))) var(--_ctm-mob-dn-bd-ad-fl-sw-br,
1017
+ var(--_ctm-dn-qk-as-as-hr-se-sw-br, var(--_ctm-dn-bd-ad-fl-sw-br))) var(--_ctm-mob-dn-bd-ad-fl-sw-sd,
1018
+ var(--_ctm-dn-qk-as-as-hr-se-sw-sd, var(--_ctm-dn-bd-ad-fl-sw-sd))) var(--_ctm-mob-dn-bd-ad-fl-sw-cr,
1019
+ var(--_ctm-dn-qk-as-as-hr-se-sw-cr, var(--_ctm-dn-bd-ad-fl-sw-cr))));
1020
+ background-color: var(--_ctm-mob-dn-qk-as-as-hr-se-bd-cr,
1021
+ var(--_ctm-tab-dn-qk-as-as-hr-se-bd-cr, var(--_ctm-dn-qk-as-as-hr-se-bd-cr)));
1022
+ font-family: var(--_ctm-mob-dn-qk-as-as-hr-se-ft-fy,
1023
+ var(--_ctm-tab-dn-qk-as-as-hr-se-ft-fy, var(--_ctm-dn-qk-as-as-hr-se-ft-fy)));
1024
+ font-size: var(--_ctm-mob-dn-qk-as-as-hr-se-ft-se,
1025
+ var(--_ctm-tab-dn-qk-as-as-hr-se-ft-se, var(--_ctm-dn-qk-as-as-hr-se-ft-se)));
1026
+ color: var(--_ctm-mob-dn-qk-as-as-hr-se-cr,
1027
+ var(--_ctm-tab-dn-qk-as-as-hr-se-cr, var(--_ctm-dn-qk-as-as-hr-se-cr)));
1262
1028
  // color: var(--_thm-cs-tt-ls-as);
1263
- font-weight: var(
1264
- --_ctm-mob-dn-qk-as-as-hr-se-ft-wt,
1265
- var(--_ctm-tab-dn-qk-as-as-hr-se-ft-wt, var(--_ctm-dn-qk-as-as-hr-se-ft-wt))
1266
- );
1267
- text-decoration: var(
1268
- --_ctm-mob-dn-qk-as-as-hr-se-ue,
1269
- var(--_ctm-tab-dn-qk-as-as-hr-se-ue, var(--_ctm-dn-qk-as-as-hr-se-ue))
1270
- );
1271
- letter-spacing: var(
1272
- --_ctm-mob-dn-qk-as-as-hr-se-lr-sg,
1273
- var(--_ctm-tab-dn-qk-as-as-hr-se-lr-sg, var(--_ctm-dn-qk-as-as-hr-se-lr-sg))
1274
- );
1275
- line-height: var(
1276
- --_ctm-mob-dn-qk-as-as-hr-se-le-ht,
1277
- var(--_ctm-tab-dn-qk-as-as-hr-se-le-ht, var(--_ctm-dn-qk-as-as-hr-se-le-ht))
1278
- );
1279
- font-style: var(
1280
- --_ctm-mob-dn-qk-as-as-hr-se-ft-se-ic,
1281
- var(--_ctm-tab-dn-qk-as-as-hr-se-ft-se-ic, var(--_ctm-dn-qk-as-as-hr-se-ft-se-ic))
1282
- );
1283
- text-align: var(
1284
- --_ctm-mob-dn-qk-as-as-hr-se-tt-an,
1285
- var(--_ctm-tab-dn-qk-as-as-hr-se-tt-an, var(--_ctm-dn-qk-as-as-hr-se-tt-an))
1286
- );
1287
- padding: var(
1288
- --_ctm-mob-dn-qk-as-as-hr-se-pg,
1289
- var(--_ctm-tab-dn-qk-as-as-hr-se-pg, var(--_ctm-dn-qk-as-as-hr-se-pg))
1290
- );
1029
+ font-weight: var(--_ctm-mob-dn-qk-as-as-hr-se-ft-wt,
1030
+ var(--_ctm-tab-dn-qk-as-as-hr-se-ft-wt, var(--_ctm-dn-qk-as-as-hr-se-ft-wt)));
1031
+ text-decoration: var(--_ctm-mob-dn-qk-as-as-hr-se-ue,
1032
+ var(--_ctm-tab-dn-qk-as-as-hr-se-ue, var(--_ctm-dn-qk-as-as-hr-se-ue)));
1033
+ letter-spacing: var(--_ctm-mob-dn-qk-as-as-hr-se-lr-sg,
1034
+ var(--_ctm-tab-dn-qk-as-as-hr-se-lr-sg, var(--_ctm-dn-qk-as-as-hr-se-lr-sg)));
1035
+ line-height: var(--_ctm-mob-dn-qk-as-as-hr-se-le-ht,
1036
+ var(--_ctm-tab-dn-qk-as-as-hr-se-le-ht, var(--_ctm-dn-qk-as-as-hr-se-le-ht)));
1037
+ font-style: var(--_ctm-mob-dn-qk-as-as-hr-se-ft-se-ic,
1038
+ var(--_ctm-tab-dn-qk-as-as-hr-se-ft-se-ic, var(--_ctm-dn-qk-as-as-hr-se-ft-se-ic)));
1039
+ text-align: var(--_ctm-mob-dn-qk-as-as-hr-se-tt-an,
1040
+ var(--_ctm-tab-dn-qk-as-as-hr-se-tt-an, var(--_ctm-dn-qk-as-as-hr-se-tt-an)));
1041
+ padding: var(--_ctm-mob-dn-qk-as-as-hr-se-pg,
1042
+ var(--_ctm-tab-dn-qk-as-as-hr-se-pg, var(--_ctm-dn-qk-as-as-hr-se-pg)));
1291
1043
  text-transform: prepareMediaVariable(--_ctm-dn-qk-as-as-hr-se-tt-tm);
1292
1044
  word-wrap: prepareMediaVariable(--_ctm-dn-qk-as-as-hr-se-wd-wr);
1293
1045
  word-break: prepareMediaVariable(--_ctm-dn-qk-as-as-hr-se-wd-bk);
@@ -1297,53 +1049,26 @@ $defaultValues: (
1297
1049
 
1298
1050
  /* ───────── Cart Items ───────── */
1299
1051
  .cart-items {
1300
- background-color: var(
1301
- --_ctm-mob-dn-dn-ct-is-bd-cr,
1302
- var(--_ctm-tab-dn-dn-ct-is-bd-cr, var(--_ctm-dn-dn-ct-is-bd-cr))
1303
- );
1304
- margin: var(
1305
- --_ctm-mob-dn-dn-ct-is-mn,
1306
- var(--_ctm-tab-dn-dn-ct-is-mn, var(--_ctm-dn-dn-ct-is-mn))
1307
- );
1308
- padding: var(
1309
- --_ctm-mob-dn-dn-ct-is-pg,
1310
- var(--_ctm-tab-dn-dn-ct-is-pg, var(--_ctm-dn-dn-ct-is-pg))
1311
- );
1312
- border-color: var(
1313
- --_ctm-mob-dn-dn-ct-is-br-cr,
1314
- var(--_ctm-tab-dn-dn-ct-is-br-cr, var(--_ctm-dn-dn-ct-is-br-cr))
1315
- );
1316
- border-style: var(
1317
- --_ctm-mob-dn-dn-ct-is-br-se,
1318
- var(--_ctm-tab-dn-dn-ct-is-br-se, var(--_ctm-dn-dn-ct-is-br-se))
1319
- );
1320
- border-width: var(
1321
- --_ctm-mob-dn-dn-ct-is-br-wh,
1322
- var(--_ctm-tab-dn-dn-ct-is-br-wh, var(--_ctm-dn-dn-ct-is-br-wh))
1323
- );
1324
- border-radius: var(
1325
- --_ctm-mob-dn-dn-ct-is-br-rs,
1326
- var(--_ctm-tab-dn-dn-ct-is-br-rs, var(--_ctm-dn-dn-ct-is-br-rs))
1327
- );
1328
- box-shadow: var(
1329
- --_show-shadow,
1330
- var(
1331
- --_ctm-mob-dn-bd-ad-fl-sw-ae,
1332
- var(--_ctm-dn-dn-ct-is-sw-ae, var(--_ctm-dn-bd-ad-fl-sw-ae))
1333
- )
1334
- var(
1335
- --_ctm-mob-dn-bd-ad-fl-sw-br,
1336
- var(--_ctm-dn-dn-ct-is-sw-br, var(--_ctm-dn-bd-ad-fl-sw-br))
1337
- )
1338
- var(
1339
- --_ctm-mob-dn-bd-ad-fl-sw-sd,
1340
- var(--_ctm-dn-dn-ct-is-sw-sd, var(--_ctm-dn-bd-ad-fl-sw-sd))
1341
- )
1342
- var(
1343
- --_ctm-mob-dn-bd-ad-fl-sw-cr,
1344
- var(--_ctm-dn-dn-ct-is-sw-cr, var(--_ctm-dn-bd-ad-fl-sw-cr))
1345
- )
1346
- );
1052
+ background-color: var(--_ctm-mob-dn-dn-ct-is-bd-cr,
1053
+ var(--_ctm-tab-dn-dn-ct-is-bd-cr, var(--_ctm-dn-dn-ct-is-bd-cr)));
1054
+ margin: var(--_ctm-mob-dn-dn-ct-is-mn,
1055
+ var(--_ctm-tab-dn-dn-ct-is-mn, var(--_ctm-dn-dn-ct-is-mn)));
1056
+ padding: var(--_ctm-mob-dn-dn-ct-is-pg,
1057
+ var(--_ctm-tab-dn-dn-ct-is-pg, var(--_ctm-dn-dn-ct-is-pg)));
1058
+ border-color: var(--_ctm-mob-dn-dn-ct-is-br-cr,
1059
+ var(--_ctm-tab-dn-dn-ct-is-br-cr, var(--_ctm-dn-dn-ct-is-br-cr)));
1060
+ border-style: var(--_ctm-mob-dn-dn-ct-is-br-se,
1061
+ var(--_ctm-tab-dn-dn-ct-is-br-se, var(--_ctm-dn-dn-ct-is-br-se)));
1062
+ border-width: var(--_ctm-mob-dn-dn-ct-is-br-wh,
1063
+ var(--_ctm-tab-dn-dn-ct-is-br-wh, var(--_ctm-dn-dn-ct-is-br-wh)));
1064
+ border-radius: var(--_ctm-mob-dn-dn-ct-is-br-rs,
1065
+ var(--_ctm-tab-dn-dn-ct-is-br-rs, var(--_ctm-dn-dn-ct-is-br-rs)));
1066
+ box-shadow: var(--_show-shadow,
1067
+ var(--_ctm-mob-dn-bd-ad-fl-sw-ae,
1068
+ var(--_ctm-dn-dn-ct-is-sw-ae, var(--_ctm-dn-bd-ad-fl-sw-ae))) var(--_ctm-mob-dn-bd-ad-fl-sw-br,
1069
+ var(--_ctm-dn-dn-ct-is-sw-br, var(--_ctm-dn-bd-ad-fl-sw-br))) var(--_ctm-mob-dn-bd-ad-fl-sw-sd,
1070
+ var(--_ctm-dn-dn-ct-is-sw-sd, var(--_ctm-dn-bd-ad-fl-sw-sd))) var(--_ctm-mob-dn-bd-ad-fl-sw-cr,
1071
+ var(--_ctm-dn-dn-ct-is-sw-cr, var(--_ctm-dn-bd-ad-fl-sw-cr))));
1347
1072
 
1348
1073
  h3 {
1349
1074
  // font-size: 14px;
@@ -1351,46 +1076,26 @@ $defaultValues: (
1351
1076
  margin-bottom: 12px;
1352
1077
  // line-height: 20px;
1353
1078
  // font-weight: 400;
1354
- padding: var(
1355
- --_ctm-mob-dn-pt-wt-pt-te-pg,
1356
- var(--_ctm-tab-dn-pt-wt-pt-te-im-pg, var(--_ctm-dn-pt-wt-pt-te-pg))
1357
- );
1358
- font-family: var(
1359
- --_ctm-mob-dn-pt-wt-pt-te-ft-fy,
1360
- var(--_ctm-tab-dn-pt-wt-pt-te-ft-fy, var(--_ctm-dn-pt-wt-pt-te-ft-fy))
1361
- );
1362
- font-size: var(
1363
- --_ctm-mob-dn-pt-wt-pt-te-ft-se,
1364
- var(--_ctm-tab-dn-pt-wt-pt-te-ft-se, var(--_ctm-dn-pt-wt-pt-te-ft-se))
1365
- );
1366
- color: var(
1367
- --_ctm-mob-dn-pt-wt-pt-te-cr,
1368
- var(--_ctm-tab-dn-pt-wt-pt-te-cr, var(--_ctm-dn-pt-wt-pt-te-cr))
1369
- );
1370
- font-weight: var(
1371
- --_ctm-mob-dn-pt-wt-pt-te-ft-wt,
1372
- var(--_ctm-tab-dn-pt-wt-pt-te-ft-wt, var(--_ctm-dn-pt-wt-pt-te-ft-wt))
1373
- );
1374
- text-decoration: var(
1375
- --_ctm-mob-dn-pt-wt-pt-te-ue,
1376
- var(--_ctm-tab-dn-pt-wt-pt-te-ue, var(--_ctm-dn-pt-wt-pt-te-ue))
1377
- );
1378
- letter-spacing: var(
1379
- --_ctm-mob-dn-pt-wt-pt-te-lr-sg,
1380
- var(--_ctm-tab-dn-pt-wt-pt-te-lr-sg, var(--_ctm-dn-pt-wt-pt-te-lr-sg))
1381
- );
1382
- line-height: var(
1383
- --_ctm-mob-dn-pt-wt-pt-te-le-ht,
1384
- var(--_ctm-tab-dn-pt-wt-pt-te-le-ht, var(--_ctm-dn-pt-wt-pt-te-le-ht))
1385
- );
1386
- font-style: var(
1387
- --_ctm-mob-dn-pt-wt-pt-te-ft-se-ic,
1388
- var(--_ctm-tab-dn-pt-wt-pt-te-ft-se-ic, var(--_ctm-dn-pt-wt-pt-te-ft-se-ic))
1389
- );
1390
- text-align: var(
1391
- --_ctm-mob-dn-pt-wt-pt-te-tt-an,
1392
- var(--_ctm-tab-dn-pt-wt-pt-te-tt-an, var(--_ctm-dn-pt-wt-pt-te-tt-an))
1393
- );
1079
+ padding: var(--_ctm-mob-dn-pt-wt-pt-te-pg,
1080
+ var(--_ctm-tab-dn-pt-wt-pt-te-im-pg, var(--_ctm-dn-pt-wt-pt-te-pg)));
1081
+ font-family: var(--_ctm-mob-dn-pt-wt-pt-te-ft-fy,
1082
+ var(--_ctm-tab-dn-pt-wt-pt-te-ft-fy, var(--_ctm-dn-pt-wt-pt-te-ft-fy)));
1083
+ font-size: var(--_ctm-mob-dn-pt-wt-pt-te-ft-se,
1084
+ var(--_ctm-tab-dn-pt-wt-pt-te-ft-se, var(--_ctm-dn-pt-wt-pt-te-ft-se)));
1085
+ color: var(--_ctm-mob-dn-pt-wt-pt-te-cr,
1086
+ var(--_ctm-tab-dn-pt-wt-pt-te-cr, var(--_ctm-dn-pt-wt-pt-te-cr)));
1087
+ font-weight: var(--_ctm-mob-dn-pt-wt-pt-te-ft-wt,
1088
+ var(--_ctm-tab-dn-pt-wt-pt-te-ft-wt, var(--_ctm-dn-pt-wt-pt-te-ft-wt)));
1089
+ text-decoration: var(--_ctm-mob-dn-pt-wt-pt-te-ue,
1090
+ var(--_ctm-tab-dn-pt-wt-pt-te-ue, var(--_ctm-dn-pt-wt-pt-te-ue)));
1091
+ letter-spacing: var(--_ctm-mob-dn-pt-wt-pt-te-lr-sg,
1092
+ var(--_ctm-tab-dn-pt-wt-pt-te-lr-sg, var(--_ctm-dn-pt-wt-pt-te-lr-sg)));
1093
+ line-height: var(--_ctm-mob-dn-pt-wt-pt-te-le-ht,
1094
+ var(--_ctm-tab-dn-pt-wt-pt-te-le-ht, var(--_ctm-dn-pt-wt-pt-te-le-ht)));
1095
+ font-style: var(--_ctm-mob-dn-pt-wt-pt-te-ft-se-ic,
1096
+ var(--_ctm-tab-dn-pt-wt-pt-te-ft-se-ic, var(--_ctm-dn-pt-wt-pt-te-ft-se-ic)));
1097
+ text-align: var(--_ctm-mob-dn-pt-wt-pt-te-tt-an,
1098
+ var(--_ctm-tab-dn-pt-wt-pt-te-tt-an, var(--_ctm-dn-pt-wt-pt-te-tt-an)));
1394
1099
  text-transform: prepareMediaVariable(--_ctm-dn-pt-wt-pt-te-tt-tm);
1395
1100
  word-wrap: prepareMediaVariable(--_ctm-dn-pt-wt-pt-te-wd-wr);
1396
1101
  word-break: prepareMediaVariable(--_ctm-dn-pt-wt-pt-te-wd-bk);
@@ -1401,76 +1106,47 @@ $defaultValues: (
1401
1106
  // grid-template-columns: repeat(3, 1fr);
1402
1107
  grid-template-columns: repeat(var(--_column-count-three, 3), 1fr);
1403
1108
  gap: prepareMediaVariable(--_ctm-dn-pt-wt-pt-wt-wr-im-gp, 16px);
1404
- background-color: var(
1405
- --_ctm-mob-dn-pt-wt-pt-wt-wr-bd-cr,
1406
- var(--_ctm-tab-dn-pt-wt-pt-wt-wr-bd-cr, var(--_ctm-dn-pt-wt-pt-wt-wr-bd-cr))
1407
- );
1408
- margin: var(
1409
- --_ctm-mob-dn-pt-wt-pt-wt-wr-mn,
1410
- var(--_ctm-tab-dn-pt-wt-pt-wt-wr-mn, var(--_ctm-dn-pt-wt-pt-wt-wr-mn))
1411
- );
1412
- padding: var(
1413
- --_ctm-mob-dn-pt-wt-pt-wt-wr-pg,
1414
- var(--_ctm-tab-dn-pt-wt-pt-wt-wr-pg, var(--_ctm-dn-pt-wt-pt-wt-wr-pg))
1415
- );
1416
- border-color: var(
1417
- --_ctm-mob-dn-pt-wt-pt-wt-wr-br-cr,
1418
- var(--_ctm-tab-dn-pt-wt-pt-wt-wr-br-cr, var(--_ctm-dn-pt-wt-pt-wt-wr-br-cr))
1419
- );
1420
- border-style: var(
1421
- --_ctm-mob-dn-pt-wt-pt-wt-wr-br-se,
1422
- var(--_ctm-tab-dn-pt-wt-pt-wt-wr-br-se, var(--_ctm-dn-pt-wt-pt-wt-wr-br-se))
1423
- );
1424
- border-width: var(
1425
- --_ctm-mob-dn-pt-wt-pt-wt-wr-br-wh,
1426
- var(--_ctm-tab-dn-pt-wt-pt-wt-wr-br-wh, var(--_ctm-dn-pt-wt-pt-wt-wr-br-wh))
1427
- );
1428
-
1429
- border-radius: var(
1430
- --_ctm-mob-dn-pt-wt-pt-wt-wr-br-rs,
1431
- var(--_ctm-tab-dn-pt-wt-pt-wt-wr-br-rs, var(--_ctm-dn-pt-wt-pt-wt-wr-br-rs))
1432
- );
1109
+ background-color: var(--_ctm-mob-dn-pt-wt-pt-wt-wr-bd-cr,
1110
+ var(--_ctm-tab-dn-pt-wt-pt-wt-wr-bd-cr, var(--_ctm-dn-pt-wt-pt-wt-wr-bd-cr)));
1111
+ margin: var(--_ctm-mob-dn-pt-wt-pt-wt-wr-mn,
1112
+ var(--_ctm-tab-dn-pt-wt-pt-wt-wr-mn, var(--_ctm-dn-pt-wt-pt-wt-wr-mn)));
1113
+ padding: var(--_ctm-mob-dn-pt-wt-pt-wt-wr-pg,
1114
+ var(--_ctm-tab-dn-pt-wt-pt-wt-wr-pg, var(--_ctm-dn-pt-wt-pt-wt-wr-pg)));
1115
+ border-color: var(--_ctm-mob-dn-pt-wt-pt-wt-wr-br-cr,
1116
+ var(--_ctm-tab-dn-pt-wt-pt-wt-wr-br-cr, var(--_ctm-dn-pt-wt-pt-wt-wr-br-cr)));
1117
+ border-style: var(--_ctm-mob-dn-pt-wt-pt-wt-wr-br-se,
1118
+ var(--_ctm-tab-dn-pt-wt-pt-wt-wr-br-se, var(--_ctm-dn-pt-wt-pt-wt-wr-br-se)));
1119
+ border-width: var(--_ctm-mob-dn-pt-wt-pt-wt-wr-br-wh,
1120
+ var(--_ctm-tab-dn-pt-wt-pt-wt-wr-br-wh, var(--_ctm-dn-pt-wt-pt-wt-wr-br-wh)));
1121
+
1122
+ border-radius: var(--_ctm-mob-dn-pt-wt-pt-wt-wr-br-rs,
1123
+ var(--_ctm-tab-dn-pt-wt-pt-wt-wr-br-rs, var(--_ctm-dn-pt-wt-pt-wt-wr-br-rs)));
1433
1124
  margin-bottom: 24px;
1434
1125
  }
1435
1126
 
1436
1127
  .item-card {
1437
1128
  // border-radius: 6px;
1438
- gap: var(
1439
- --_ctm-mob-dn-pt-wt-pt-wt-im-im-gp,
1440
- var(--_ctm-tab-dn-pt-wt-pt-wt-im-im-gp, var(--_ctm-dn-pt-wt-pt-wt-im-im-gp))
1441
- );
1442
- background-color: var(
1443
- --_ctm-mob-dn-pt-wt-pt-wt-im-bd-cr,
1444
- var(--_ctm-tab-dn-pt-wt-pt-wt-im-bd-cr, var(--_ctm-dn-pt-wt-pt-wt-im-bd-cr))
1445
- );
1446
- margin: var(
1447
- --_ctm-mob-dn-pt-wt-pt-wt-im-mn,
1448
- var(--_ctm-tab-dn-pt-wt-pt-wt-im-mn, var(--_ctm-dn-pt-wt-pt-wt-im-mn))
1449
- );
1450
- padding: var(
1451
- --_ctm-mob-dn-pt-wt-pt-wt-im-pg,
1452
- var(--_ctm-tab-dn-pt-wt-pt-wt-im-pg, var(--_ctm-dn-pt-wt-pt-wt-im-pg))
1453
- );
1454
- border-color: var(
1455
- --_ctm-mob-dn-pt-wt-pt-wt-im-br-cr,
1456
- var(--_ctm-tab-dn-pt-wt-pt-wt-im-br-cr, var(--_ctm-dn-pt-wt-pt-wt-im-br-cr))
1457
- );
1458
- border-style: var(
1459
- --_ctm-mob-dn-pt-wt-pt-wt-im-br-se,
1460
- var(--_ctm-tab-dn-pt-wt-pt-wt-im-br-se, var(--_ctm-dn-pt-wt-pt-wt-im-br-se))
1461
- );
1462
- border-width: var(
1463
- --_ctm-mob-dn-pt-wt-pt-wt-im-br-wh,
1464
- var(--_ctm-tab-dn-pt-wt-pt-wt-im-br-wh, var(--_ctm-dn-pt-wt-pt-wt-im-br-wh))
1465
- );
1466
-
1467
- border-radius: var(
1468
- --_ctm-mob-dn-pt-wt-pt-wt-im-br-rs,
1469
- var(--_ctm-tab-dn-pt-wt-pt-wt-im-br-rs, var(--_ctm-dn-pt-wt-pt-wt-im-br-rs))
1470
- );
1129
+ gap: var(--_ctm-mob-dn-pt-wt-pt-wt-im-im-gp,
1130
+ var(--_ctm-tab-dn-pt-wt-pt-wt-im-im-gp, var(--_ctm-dn-pt-wt-pt-wt-im-im-gp)));
1131
+ background-color: var(--_ctm-mob-dn-pt-wt-pt-wt-im-bd-cr,
1132
+ var(--_ctm-tab-dn-pt-wt-pt-wt-im-bd-cr, var(--_ctm-dn-pt-wt-pt-wt-im-bd-cr)));
1133
+ margin: var(--_ctm-mob-dn-pt-wt-pt-wt-im-mn,
1134
+ var(--_ctm-tab-dn-pt-wt-pt-wt-im-mn, var(--_ctm-dn-pt-wt-pt-wt-im-mn)));
1135
+ padding: var(--_ctm-mob-dn-pt-wt-pt-wt-im-pg,
1136
+ var(--_ctm-tab-dn-pt-wt-pt-wt-im-pg, var(--_ctm-dn-pt-wt-pt-wt-im-pg)));
1137
+ border-color: var(--_ctm-mob-dn-pt-wt-pt-wt-im-br-cr,
1138
+ var(--_ctm-tab-dn-pt-wt-pt-wt-im-br-cr, var(--_ctm-dn-pt-wt-pt-wt-im-br-cr)));
1139
+ border-style: var(--_ctm-mob-dn-pt-wt-pt-wt-im-br-se,
1140
+ var(--_ctm-tab-dn-pt-wt-pt-wt-im-br-se, var(--_ctm-dn-pt-wt-pt-wt-im-br-se)));
1141
+ border-width: var(--_ctm-mob-dn-pt-wt-pt-wt-im-br-wh,
1142
+ var(--_ctm-tab-dn-pt-wt-pt-wt-im-br-wh, var(--_ctm-dn-pt-wt-pt-wt-im-br-wh)));
1143
+
1144
+ border-radius: var(--_ctm-mob-dn-pt-wt-pt-wt-im-br-rs,
1145
+ var(--_ctm-tab-dn-pt-wt-pt-wt-im-br-rs, var(--_ctm-dn-pt-wt-pt-wt-im-br-rs)));
1471
1146
  display: flex;
1472
1147
  align-items: flex-start;
1473
1148
  flex-wrap: wrap;
1149
+
1474
1150
  .cart_item_img {
1475
1151
  background-color: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ie-bd-cr);
1476
1152
  border-radius: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ie-br-rs);
@@ -1509,6 +1185,9 @@ $defaultValues: (
1509
1185
  .cart_item_accordion_title {
1510
1186
  color: var(--_thm-ty-p1-tt-cr);
1511
1187
  font-family: var(--_thm-ty-p2-ft-fy);
1188
+ text-transform: var(--_thm-ty-p2-tt-tm);
1189
+ word-wrap: var(--_thm-ty-p2-wd-wp);
1190
+ word-break: var(--_thm-ty-p2-wd-bk);
1512
1191
  font-size: var(--_thm-ty-p2-ft-se);
1513
1192
  font-weight: var(--_thm-ty-p2-bd);
1514
1193
  font-style: var(--_thm-ty-p2-ic);
@@ -1526,10 +1205,12 @@ $defaultValues: (
1526
1205
  display: flex;
1527
1206
  align-items: center;
1528
1207
  justify-content: center;
1208
+
1529
1209
  svg {
1530
1210
  path {
1531
1211
  stroke: var(--_thm-ty-p1-tt-cr);
1532
1212
  }
1213
+
1533
1214
  width: 18px;
1534
1215
  height: 18px;
1535
1216
  transition: transform 400ms linear;
@@ -1549,25 +1230,24 @@ $defaultValues: (
1549
1230
 
1550
1231
  .cart_item_accordion_price {
1551
1232
  white-space: nowrap;
1552
- color: var(
1553
- --_ctm-mob-dn-pt-pe-ss-cr,
1554
- var(--_ctm-tab-dn-pt-pe-ss-cr, var(--_ctm-dn-pt-pe-ss-cr))
1555
- );
1556
- font-family: var(
1557
- --_sf-hr-ff,
1558
- var(
1559
- --_ctm-mob-dn-pt-pe-ss-ft-fy,
1560
- var(--_ctm-tab-dn-pt-pe-ss-ft-fy, var(--_ctm-dn-pt-pe-ss-ft-fy))
1561
- )
1562
- );
1563
- font-size: var(
1564
- --_ctm-mob-dn-pt-pe-ss-ft-se,
1565
- var(--_ctm-tab-dn-pt-pe-ss-ft-se, var(--_ctm-dn-pt-pe-ss-ft-se, 14px))
1566
- );
1567
- font-weight: var(
1568
- --_ctm-mob-dn-pt-pe-ss-ft-wt,
1569
- var(--_ctm-tab-dn-pt-pe-ss-ft-wt, var(--_ctm-dn-pt-pe-ss-ft-wt))
1570
- );
1233
+ color: var(--_ctm-mob-dn-pt-pe-ss-cr,
1234
+ var(--_ctm-tab-dn-pt-pe-ss-cr, var(--_ctm-dn-pt-pe-ss-cr)));
1235
+ font-family: var(--_sf-hr-ff,
1236
+ var(--_ctm-mob-dn-pt-pe-ss-ft-fy,
1237
+ var(--_ctm-tab-dn-pt-pe-ss-ft-fy, var(--_ctm-dn-pt-pe-ss-ft-fy))));
1238
+ text-transform: var(--_sf-hr-tt-tm,
1239
+ var(--_ctm-mob-dn-pt-pe-ss-tt-tm,
1240
+ var(--_ctm-tab-dn-pt-pe-ss-tt-tm, var(--_ctm-dn-pt-pe-ss-tt-tm))));
1241
+ word-wrap: var(--_sf-hr-wd-wp,
1242
+ var(--_ctm-mob-dn-pt-pe-ss-wd-wp,
1243
+ var(--_ctm-tab-dn-pt-pe-ss-wd-wp, var(--_ctm-dn-pt-pe-ss-wd-wp))));
1244
+ word-break: var(--_sf-hr-wd-bk,
1245
+ var(--_ctm-mob-dn-pt-pe-ss-wd-bk,
1246
+ var(--_ctm-tab-dn-pt-pe-ss-wd-bk, var(--_ctm-dn-pt-pe-ss-wd-bk))));
1247
+ font-size: var(--_ctm-mob-dn-pt-pe-ss-ft-se,
1248
+ var(--_ctm-tab-dn-pt-pe-ss-ft-se, var(--_ctm-dn-pt-pe-ss-ft-se, 14px)));
1249
+ font-weight: var(--_ctm-mob-dn-pt-pe-ss-ft-wt,
1250
+ var(--_ctm-tab-dn-pt-pe-ss-ft-wt, var(--_ctm-dn-pt-pe-ss-ft-wt)));
1571
1251
  }
1572
1252
  }
1573
1253
  }
@@ -1581,6 +1261,7 @@ $defaultValues: (
1581
1261
  gap: 16px;
1582
1262
  border: 1px solid var(--_thm-cs-be-se-3);
1583
1263
  border-radius: 4px;
1264
+
1584
1265
  .bundle-product-item {
1585
1266
  .product_qty_price_wrapper {
1586
1267
  gap: 8px;
@@ -1590,6 +1271,7 @@ $defaultValues: (
1590
1271
  }
1591
1272
  }
1592
1273
  }
1274
+
1593
1275
  margin-top: 8px;
1594
1276
 
1595
1277
  // img {
@@ -1648,45 +1330,28 @@ $defaultValues: (
1648
1330
  // color: var(--_gray-900);
1649
1331
  // line-height: 20px;
1650
1332
  padding: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ne-pg, 0);
1651
- font-family: var(
1652
- --_ctm-mob-dn-pt-wt-pt-ne-ft-fy,
1653
- var(--_ctm-tab-dn-pt-wt-pt-ne-ft-fy, var(--_ctm-dn-pt-wt-pt-ne-ft-fy))
1654
- );
1655
- font-size: var(
1656
- --_ctm-mob-dn-pt-wt-pt-ne-ft-se,
1657
- var(--_ctm-tab-dn-pt-wt-pt-ne-ft-se, var(--_ctm-dn-pt-wt-pt-ne-ft-se))
1658
- );
1659
- color: var(
1660
- --_ctm-mob-dn-pt-wt-pt-ne-cr,
1661
- var(--_ctm-tab-dn-pt-wt-pt-ne-cr, var(--_ctm-dn-pt-wt-pt-ne-cr))
1662
- );
1663
- font-weight: var(
1664
- --_ctm-mob-dn-pt-wt-pt-ne-ft-wt,
1665
- var(--_ctm-tab-dn-pt-wt-pt-ne-ft-wt, var(--_ctm-dn-pt-wt-pt-ne-ft-wt))
1666
- );
1667
- text-decoration: var(
1668
- --_ctm-mob-dn-pt-wt-pt-ne-ue,
1669
- var(--_ctm-tab-dn-pt-wt-pt-ne-ue, var(--_ctm-dn-pt-wt-pt-ne-ue))
1670
- );
1671
- letter-spacing: var(
1672
- --_ctm-mob-dn-pt-wt-pt-ne-lr-sg,
1673
- var(--_ctm-tab-dn-pt-wt-pt-ne-lr-sg, var(--_ctm-dn-pt-wt-pt-ne-lr-sg))
1674
- );
1675
- line-height: var(
1676
- --_ctm-mob-dn-pt-wt-pt-ne-le-ht,
1677
- var(--_ctm-tab-dn-pt-wt-pt-ne-le-ht, var(--_ctm-dn-pt-wt-pt-ne-le-ht))
1678
- );
1679
- font-style: var(
1680
- --_ctm-mob-dn-pt-wt-pt-ne-ft-se-ic,
1681
- var(--_ctm-tab-dn-pt-wt-pt-ne-ft-se-ic, var(--_ctm-dn-pt-wt-pt-ne-ft-se-ic))
1682
- );
1683
- text-align: var(
1684
- --_ctm-mob-dn-pt-wt-pt-ne-tt-an,
1685
- var(--_ctm-tab-dn-pt-wt-pt-ne-tt-an, var(--_ctm-dn-pt-wt-pt-ne-tt-an))
1686
- );
1333
+ font-family: var(--_ctm-mob-dn-pt-wt-pt-ne-ft-fy,
1334
+ var(--_ctm-tab-dn-pt-wt-pt-ne-ft-fy, var(--_ctm-dn-pt-wt-pt-ne-ft-fy)));
1335
+ font-size: var(--_ctm-mob-dn-pt-wt-pt-ne-ft-se,
1336
+ var(--_ctm-tab-dn-pt-wt-pt-ne-ft-se, var(--_ctm-dn-pt-wt-pt-ne-ft-se)));
1337
+ color: var(--_ctm-mob-dn-pt-wt-pt-ne-cr,
1338
+ var(--_ctm-tab-dn-pt-wt-pt-ne-cr, var(--_ctm-dn-pt-wt-pt-ne-cr)));
1339
+ font-weight: var(--_ctm-mob-dn-pt-wt-pt-ne-ft-wt,
1340
+ var(--_ctm-tab-dn-pt-wt-pt-ne-ft-wt, var(--_ctm-dn-pt-wt-pt-ne-ft-wt)));
1341
+ text-decoration: var(--_ctm-mob-dn-pt-wt-pt-ne-ue,
1342
+ var(--_ctm-tab-dn-pt-wt-pt-ne-ue, var(--_ctm-dn-pt-wt-pt-ne-ue)));
1343
+ letter-spacing: var(--_ctm-mob-dn-pt-wt-pt-ne-lr-sg,
1344
+ var(--_ctm-tab-dn-pt-wt-pt-ne-lr-sg, var(--_ctm-dn-pt-wt-pt-ne-lr-sg)));
1345
+ line-height: var(--_ctm-mob-dn-pt-wt-pt-ne-le-ht,
1346
+ var(--_ctm-tab-dn-pt-wt-pt-ne-le-ht, var(--_ctm-dn-pt-wt-pt-ne-le-ht)));
1347
+ font-style: var(--_ctm-mob-dn-pt-wt-pt-ne-ft-se-ic,
1348
+ var(--_ctm-tab-dn-pt-wt-pt-ne-ft-se-ic, var(--_ctm-dn-pt-wt-pt-ne-ft-se-ic)));
1349
+ text-align: var(--_ctm-mob-dn-pt-wt-pt-ne-tt-an,
1350
+ var(--_ctm-tab-dn-pt-wt-pt-ne-tt-an, var(--_ctm-dn-pt-wt-pt-ne-tt-an)));
1687
1351
  text-transform: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ne-tt-tm);
1688
1352
  word-wrap: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ne-wd-wr);
1689
1353
  word-break: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ne-wd-bk);
1354
+
1690
1355
  &#{$overflowSelector} {
1691
1356
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1692
1357
  }
@@ -1695,196 +1360,125 @@ $defaultValues: (
1695
1360
  .item-specs,
1696
1361
  .item-sku-code,
1697
1362
  .item-options {
1698
- padding: var(
1699
- --_ctm-mob-dn-pt-wt-pt-ce-pg,
1700
- var(--_ctm-tab-dn-pt-wt-pt-ce-im-pg, var(--_ctm-dn-pt-wt-pt-ce-pg))
1701
- );
1702
- font-family: var(
1703
- --_ctm-mob-dn-pt-wt-pt-ce-ft-fy,
1704
- var(--_ctm-tab-dn-pt-wt-pt-ce-ft-fy, var(--_ctm-dn-pt-wt-pt-ce-ft-fy))
1705
- );
1706
- font-size: var(
1707
- --_ctm-mob-dn-pt-wt-pt-ce-ft-se,
1708
- var(--_ctm-tab-dn-pt-wt-pt-ce-ft-se, var(--_ctm-dn-pt-wt-pt-ce-ft-se))
1709
- );
1363
+ padding: var(--_ctm-mob-dn-pt-wt-pt-ce-pg,
1364
+ var(--_ctm-tab-dn-pt-wt-pt-ce-im-pg, var(--_ctm-dn-pt-wt-pt-ce-pg)));
1365
+ font-family: var(--_ctm-mob-dn-pt-wt-pt-ce-ft-fy,
1366
+ var(--_ctm-tab-dn-pt-wt-pt-ce-ft-fy, var(--_ctm-dn-pt-wt-pt-ce-ft-fy)));
1367
+ font-size: var(--_ctm-mob-dn-pt-wt-pt-ce-ft-se,
1368
+ var(--_ctm-tab-dn-pt-wt-pt-ce-ft-se, var(--_ctm-dn-pt-wt-pt-ce-ft-se)));
1710
1369
  // font-size: 12px;
1711
- color: var(
1712
- --_ctm-mob-dn-pt-wt-pt-ce-cr,
1713
- var(--_ctm-tab-dn-pt-wt-pt-ce-cr, var(--_ctm-dn-pt-wt-pt-ce-cr))
1714
- );
1715
- font-weight: var(
1716
- --_ctm-mob-dn-pt-wt-pt-ce-ft-wt,
1717
- var(--_ctm-tab-dn-pt-wt-pt-ce-ft-wt, var(--_ctm-dn-pt-wt-pt-ce-ft-wt))
1718
- );
1719
- text-decoration: var(
1720
- --_ctm-mob-dn-pt-wt-pt-ce-ue,
1721
- var(--_ctm-tab-dn-pt-wt-pt-ce-ue, var(--_ctm-dn-pt-wt-pt-ce-ue))
1722
- );
1723
- letter-spacing: var(
1724
- --_ctm-mob-dn-pt-wt-pt-ce-lr-sg,
1725
- var(--_ctm-tab-dn-pt-wt-pt-ce-lr-sg, var(--_ctm-dn-pt-wt-pt-ce-lr-sg))
1726
- );
1727
- line-height: var(
1728
- --_ctm-mob-dn-pt-wt-pt-ce-le-ht,
1729
- var(--_ctm-tab-dn-pt-wt-pt-ce-le-ht, var(--_ctm-dn-pt-wt-pt-ce-le-ht))
1730
- );
1731
- font-style: var(
1732
- --_ctm-mob-dn-pt-wt-pt-ce-ft-se-ic,
1733
- var(--_ctm-tab-dn-pt-wt-pt-ce-ft-se-ic, var(--_ctm-dn-pt-wt-pt-ce-ft-se-ic))
1734
- );
1735
- text-align: var(
1736
- --_ctm-mob-dn-pt-wt-pt-ce-tt-an,
1737
- var(--_ctm-tab-dn-pt-wt-pt-ce-tt-an, var(--_ctm-dn-pt-wt-pt-ce-tt-an))
1738
- );
1370
+ color: var(--_ctm-mob-dn-pt-wt-pt-ce-cr,
1371
+ var(--_ctm-tab-dn-pt-wt-pt-ce-cr, var(--_ctm-dn-pt-wt-pt-ce-cr)));
1372
+ font-weight: var(--_ctm-mob-dn-pt-wt-pt-ce-ft-wt,
1373
+ var(--_ctm-tab-dn-pt-wt-pt-ce-ft-wt, var(--_ctm-dn-pt-wt-pt-ce-ft-wt)));
1374
+ text-decoration: var(--_ctm-mob-dn-pt-wt-pt-ce-ue,
1375
+ var(--_ctm-tab-dn-pt-wt-pt-ce-ue, var(--_ctm-dn-pt-wt-pt-ce-ue)));
1376
+ letter-spacing: var(--_ctm-mob-dn-pt-wt-pt-ce-lr-sg,
1377
+ var(--_ctm-tab-dn-pt-wt-pt-ce-lr-sg, var(--_ctm-dn-pt-wt-pt-ce-lr-sg)));
1378
+ line-height: var(--_ctm-mob-dn-pt-wt-pt-ce-le-ht,
1379
+ var(--_ctm-tab-dn-pt-wt-pt-ce-le-ht, var(--_ctm-dn-pt-wt-pt-ce-le-ht)));
1380
+ font-style: var(--_ctm-mob-dn-pt-wt-pt-ce-ft-se-ic,
1381
+ var(--_ctm-tab-dn-pt-wt-pt-ce-ft-se-ic, var(--_ctm-dn-pt-wt-pt-ce-ft-se-ic)));
1382
+ text-align: var(--_ctm-mob-dn-pt-wt-pt-ce-tt-an,
1383
+ var(--_ctm-tab-dn-pt-wt-pt-ce-tt-an, var(--_ctm-dn-pt-wt-pt-ce-tt-an)));
1739
1384
  text-transform: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ce-tt-tm);
1740
1385
  word-wrap: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ce-wd-wr);
1741
1386
  word-break: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ce-wd-bk);
1387
+
1742
1388
  &#{$overflowSelector} {
1743
1389
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1744
1390
  }
1745
1391
  }
1392
+
1746
1393
  .item-qty {
1747
- padding: var(
1748
- --_ctm-mob-dn-pt-wt-pt-qy-pg,
1749
- var(--_ctm-tab-dn-pt-wt-pt-qy-pg, var(--_ctm-dn-pt-wt-pt-qy-pg))
1750
- );
1751
- font-family: var(
1752
- --_ctm-mob-dn-pt-wt-pt-qy-ft-fy,
1753
- var(--_ctm-tab-dn-pt-wt-pt-qy-ft-fy, var(--_ctm-dn-pt-wt-pt-qy-ft-fy))
1754
- );
1755
- font-size: var(
1756
- --_ctm-mob-dn-pt-wt-pt-qy-ft-se,
1757
- var(--_ctm-tab-dn-pt-wt-pt-qy-ft-se, var(--_ctm-dn-pt-wt-pt-qy-ft-se))
1758
- );
1394
+ padding: var(--_ctm-mob-dn-pt-wt-pt-qy-pg,
1395
+ var(--_ctm-tab-dn-pt-wt-pt-qy-pg, var(--_ctm-dn-pt-wt-pt-qy-pg)));
1396
+ font-family: var(--_ctm-mob-dn-pt-wt-pt-qy-ft-fy,
1397
+ var(--_ctm-tab-dn-pt-wt-pt-qy-ft-fy, var(--_ctm-dn-pt-wt-pt-qy-ft-fy)));
1398
+ font-size: var(--_ctm-mob-dn-pt-wt-pt-qy-ft-se,
1399
+ var(--_ctm-tab-dn-pt-wt-pt-qy-ft-se, var(--_ctm-dn-pt-wt-pt-qy-ft-se)));
1759
1400
  // font-size: 12px;
1760
- color: var(
1761
- --_ctm-mob-dn-pt-wt-pt-qy-cr,
1762
- var(--_ctm-tab-dn-pt-wt-pt-qy-cr, var(--_ctm-dn-pt-wt-pt-qy-cr))
1763
- );
1764
- font-weight: var(
1765
- --_ctm-mob-dn-pt-wt-pt-qy-ft-wt,
1766
- var(--_ctm-tab-dn-pt-wt-pt-qy-ft-wt, var(--_ctm-dn-pt-wt-pt-qy-ft-wt))
1767
- );
1768
- text-decoration: var(
1769
- --_ctm-mob-dn-pt-wt-pt-qy-ue,
1770
- var(--_ctm-tab-dn-pt-wt-pt-qy-ue, var(--_ctm-dn-pt-wt-pt-qy-ue))
1771
- );
1772
- letter-spacing: var(
1773
- --_ctm-mob-dn-pt-wt-pt-qy-lr-sg,
1774
- var(--_ctm-tab-dn-pt-wt-pt-qy-lr-sg, var(--_ctm-dn-pt-wt-pt-qy-lr-sg))
1775
- );
1776
- line-height: var(
1777
- --_ctm-mob-dn-pt-wt-pt-qy-le-ht,
1778
- var(--_ctm-tab-dn-pt-wt-pt-qy-le-ht, var(--_ctm-dn-pt-wt-pt-qy-le-ht))
1779
- );
1780
- font-style: var(
1781
- --_ctm-mob-dn-pt-wt-pt-qy-ft-se-ic,
1782
- var(--_ctm-tab-dn-pt-wt-pt-qy-ft-se-ic, var(--_ctm-dn-pt-wt-pt-qy-ft-se-ic))
1783
- );
1784
- text-align: var(
1785
- --_ctm-mob-dn-pt-wt-pt-qy-tt-an,
1786
- var(--_ctm-tab-dn-pt-wt-pt-qy-tt-an, var(--_ctm-dn-pt-wt-pt-qy-tt-an))
1787
- );
1401
+ color: var(--_ctm-mob-dn-pt-wt-pt-qy-cr,
1402
+ var(--_ctm-tab-dn-pt-wt-pt-qy-cr, var(--_ctm-dn-pt-wt-pt-qy-cr)));
1403
+ font-weight: var(--_ctm-mob-dn-pt-wt-pt-qy-ft-wt,
1404
+ var(--_ctm-tab-dn-pt-wt-pt-qy-ft-wt, var(--_ctm-dn-pt-wt-pt-qy-ft-wt)));
1405
+ text-decoration: var(--_ctm-mob-dn-pt-wt-pt-qy-ue,
1406
+ var(--_ctm-tab-dn-pt-wt-pt-qy-ue, var(--_ctm-dn-pt-wt-pt-qy-ue)));
1407
+ letter-spacing: var(--_ctm-mob-dn-pt-wt-pt-qy-lr-sg,
1408
+ var(--_ctm-tab-dn-pt-wt-pt-qy-lr-sg, var(--_ctm-dn-pt-wt-pt-qy-lr-sg)));
1409
+ line-height: var(--_ctm-mob-dn-pt-wt-pt-qy-le-ht,
1410
+ var(--_ctm-tab-dn-pt-wt-pt-qy-le-ht, var(--_ctm-dn-pt-wt-pt-qy-le-ht)));
1411
+ font-style: var(--_ctm-mob-dn-pt-wt-pt-qy-ft-se-ic,
1412
+ var(--_ctm-tab-dn-pt-wt-pt-qy-ft-se-ic, var(--_ctm-dn-pt-wt-pt-qy-ft-se-ic)));
1413
+ text-align: var(--_ctm-mob-dn-pt-wt-pt-qy-tt-an,
1414
+ var(--_ctm-tab-dn-pt-wt-pt-qy-tt-an, var(--_ctm-dn-pt-wt-pt-qy-tt-an)));
1788
1415
  text-transform: prepareMediaVariable(--_ctm-dn-pt-wt-pt-qy-tt-tm);
1789
1416
  word-wrap: prepareMediaVariable(--_ctm-dn-pt-wt-pt-qy-wd-wr);
1790
1417
  word-break: prepareMediaVariable(--_ctm-dn-pt-wt-pt-qy-wd-bk);
1418
+
1791
1419
  &#{$overflowSelector} {
1792
1420
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1793
1421
  }
1422
+
1794
1423
  span {
1795
- font-family: var(
1796
- --_ctm-mob-dn-pt-wt-pt-qy-ft-fy-dc,
1797
- var(--_ctm-tab-dn-pt-wt-pt-qy-ft-fy-dc, var(--_ctm-dn-pt-wt-pt-qy-ft-fy-dc))
1798
- );
1799
- font-size: var(
1800
- --_ctm-mob-dn-pt-wt-pt-qy-ft-se-dc,
1801
- var(--_ctm-tab-dn-pt-wt-pt-qy-ft-se-dc, var(--_ctm-dn-pt-wt-pt-qy-ft-se-dc))
1802
- );
1803
- color: var(
1804
- --_ctm-mob-dn-pt-wt-pt-qy-cr-dc,
1805
- var(--_ctm-tab-dn-pt-wt-pt-qy-cr-dc, var(--_ctm-dn-pt-wt-pt-qy-cr-dc))
1806
- );
1807
- font-weight: var(
1808
- --_ctm-mob-dn-pt-wt-pt-qy-ft-wt-dc,
1809
- var(--_ctm-tab-dn-pt-wt-pt-qy-ft-wt-dc, var(--_ctm-dn-pt-wt-pt-qy-ft-wt-dc))
1810
- );
1811
- text-decoration: var(
1812
- --_ctm-mob-dn-pt-wt-pt-qy-ue-dc,
1813
- var(--_ctm-tab-dn-pt-wt-pt-qy-ue-dc, var(--_ctm-dn-pt-wt-pt-qy-ue-dc))
1814
- );
1815
- letter-spacing: var(
1816
- --_ctm-mob-dn-pt-wt-pt-qy-lr-sg-dc,
1817
- var(--_ctm-tab-dn-pt-wt-pt-qy-lr-sg-dc, var(--_ctm-dn-pt-wt-pt-qy-lr-sg-dc))
1818
- );
1819
- line-height: var(
1820
- --_ctm-mob-dn-pt-wt-pt-qy-le-ht-dc,
1821
- var(--_ctm-tab-dn-pt-wt-pt-qy-le-ht-dc, var(--_ctm-dn-pt-wt-pt-qy-le-ht-dc))
1822
- );
1823
- font-style: var(
1824
- --_ctm-mob-dn-pt-wt-pt-qy-ft-se-ic-dc,
1825
- var(--_ctm-tab-dn-pt-wt-pt-qy-ft-se-ic-dc, var(--_ctm-dn-pt-wt-pt-qy-ft-se-ic-dc))
1826
- );
1827
- text-align: var(
1828
- --_ctm-mob-dn-pt-wt-pt-qy-tt-an-dc,
1829
- var(--_ctm-tab-dn-pt-wt-pt-qy-tt-an-dc, var(--_ctm-dn-pt-wt-pt-qy-tt-an-dc))
1830
- );
1424
+ font-family: var(--_ctm-mob-dn-pt-wt-pt-qy-ft-fy-dc,
1425
+ var(--_ctm-tab-dn-pt-wt-pt-qy-ft-fy-dc, var(--_ctm-dn-pt-wt-pt-qy-ft-fy-dc)));
1426
+ font-size: var(--_ctm-mob-dn-pt-wt-pt-qy-ft-se-dc,
1427
+ var(--_ctm-tab-dn-pt-wt-pt-qy-ft-se-dc, var(--_ctm-dn-pt-wt-pt-qy-ft-se-dc)));
1428
+ color: var(--_ctm-mob-dn-pt-wt-pt-qy-cr-dc,
1429
+ var(--_ctm-tab-dn-pt-wt-pt-qy-cr-dc, var(--_ctm-dn-pt-wt-pt-qy-cr-dc)));
1430
+ font-weight: var(--_ctm-mob-dn-pt-wt-pt-qy-ft-wt-dc,
1431
+ var(--_ctm-tab-dn-pt-wt-pt-qy-ft-wt-dc, var(--_ctm-dn-pt-wt-pt-qy-ft-wt-dc)));
1432
+ text-decoration: var(--_ctm-mob-dn-pt-wt-pt-qy-ue-dc,
1433
+ var(--_ctm-tab-dn-pt-wt-pt-qy-ue-dc, var(--_ctm-dn-pt-wt-pt-qy-ue-dc)));
1434
+ letter-spacing: var(--_ctm-mob-dn-pt-wt-pt-qy-lr-sg-dc,
1435
+ var(--_ctm-tab-dn-pt-wt-pt-qy-lr-sg-dc, var(--_ctm-dn-pt-wt-pt-qy-lr-sg-dc)));
1436
+ line-height: var(--_ctm-mob-dn-pt-wt-pt-qy-le-ht-dc,
1437
+ var(--_ctm-tab-dn-pt-wt-pt-qy-le-ht-dc, var(--_ctm-dn-pt-wt-pt-qy-le-ht-dc)));
1438
+ font-style: var(--_ctm-mob-dn-pt-wt-pt-qy-ft-se-ic-dc,
1439
+ var(--_ctm-tab-dn-pt-wt-pt-qy-ft-se-ic-dc, var(--_ctm-dn-pt-wt-pt-qy-ft-se-ic-dc)));
1440
+ text-align: var(--_ctm-mob-dn-pt-wt-pt-qy-tt-an-dc,
1441
+ var(--_ctm-tab-dn-pt-wt-pt-qy-tt-an-dc, var(--_ctm-dn-pt-wt-pt-qy-tt-an-dc)));
1831
1442
  text-transform: prepareMediaVariable(--_ctm-dn-pt-wt-pt-qy-tt-tm-dc);
1832
1443
  word-wrap: prepareMediaVariable(--_ctm-dn-pt-wt-pt-qy-wd-wr-dc);
1833
1444
  word-break: prepareMediaVariable(--_ctm-dn-pt-wt-pt-qy-wd-bk-dc);
1445
+
1834
1446
  &#{$overflowSelector} {
1835
1447
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1836
1448
  }
1837
1449
  }
1838
1450
  }
1451
+
1839
1452
  .estimated-delivery {
1840
1453
  margin: 0;
1841
1454
  // font-size: 12px;
1842
1455
  // color: var(--_gray-600);
1843
1456
  // line-height: 18px;
1844
- padding: var(
1845
- --_ctm-mob-dn-pt-wt-pt-ed-de-pg,
1846
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-pg, var(--_ctm-dn-pt-wt-pt-ed-de-pg))
1847
- );
1848
- font-family: var(
1849
- --_ctm-mob-dn-pt-wt-pt-ed-de-ft-fy,
1850
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-fy, var(--_ctm-dn-pt-wt-pt-ed-de-ft-fy))
1851
- );
1852
- font-size: var(
1853
- --_ctm-mob-dn-pt-wt-pt-ed-de-ft-se,
1854
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-se, var(--_ctm-dn-pt-wt-pt-ed-de-ft-se))
1855
- );
1457
+ padding: var(--_ctm-mob-dn-pt-wt-pt-ed-de-pg,
1458
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-pg, var(--_ctm-dn-pt-wt-pt-ed-de-pg)));
1459
+ font-family: var(--_ctm-mob-dn-pt-wt-pt-ed-de-ft-fy,
1460
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-fy, var(--_ctm-dn-pt-wt-pt-ed-de-ft-fy)));
1461
+ font-size: var(--_ctm-mob-dn-pt-wt-pt-ed-de-ft-se,
1462
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-se, var(--_ctm-dn-pt-wt-pt-ed-de-ft-se)));
1856
1463
  // font-size: 12px;
1857
- color: var(
1858
- --_ctm-mob-dn-pt-wt-pt-ed-de-cr,
1859
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-cr, var(--_ctm-dn-pt-wt-pt-ed-de-cr))
1860
- );
1861
- font-weight: var(
1862
- --_ctm-mob-dn-pt-wt-pt-ed-de-ft-wt,
1863
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-wt, var(--_ctm-dn-pt-wt-pt-ed-de-ft-wt))
1864
- );
1865
- text-decoration: var(
1866
- --_ctm-mob-dn-pt-wt-pt-ed-de-ue,
1867
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-ue, var(--_ctm-dn-pt-wt-pt-ed-de-ue))
1868
- );
1869
- letter-spacing: var(
1870
- --_ctm-mob-dn-pt-wt-pt-ed-de-lr-sg,
1871
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-lr-sg, var(--_ctm-dn-pt-wt-pt-ed-de-lr-sg))
1872
- );
1873
- line-height: var(
1874
- --_ctm-mob-dn-pt-wt-pt-ed-de-le-ht,
1875
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-le-ht, var(--_ctm-dn-pt-wt-pt-ed-de-le-ht))
1876
- );
1877
- font-style: var(
1878
- --_ctm-mob-dn-pt-wt-pt-ed-de-ft-se-ic,
1879
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-se-ic, var(--_ctm-dn-pt-wt-pt-ed-de-ft-se-ic))
1880
- );
1881
- text-align: var(
1882
- --_ctm-mob-dn-pt-wt-pt-ed-de-tt-an,
1883
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-tt-an, var(--_ctm-dn-pt-wt-pt-ed-de-tt-an))
1884
- );
1464
+ color: var(--_ctm-mob-dn-pt-wt-pt-ed-de-cr,
1465
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-cr, var(--_ctm-dn-pt-wt-pt-ed-de-cr)));
1466
+ font-weight: var(--_ctm-mob-dn-pt-wt-pt-ed-de-ft-wt,
1467
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-wt, var(--_ctm-dn-pt-wt-pt-ed-de-ft-wt)));
1468
+ text-decoration: var(--_ctm-mob-dn-pt-wt-pt-ed-de-ue,
1469
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-ue, var(--_ctm-dn-pt-wt-pt-ed-de-ue)));
1470
+ letter-spacing: var(--_ctm-mob-dn-pt-wt-pt-ed-de-lr-sg,
1471
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-lr-sg, var(--_ctm-dn-pt-wt-pt-ed-de-lr-sg)));
1472
+ line-height: var(--_ctm-mob-dn-pt-wt-pt-ed-de-le-ht,
1473
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-le-ht, var(--_ctm-dn-pt-wt-pt-ed-de-le-ht)));
1474
+ font-style: var(--_ctm-mob-dn-pt-wt-pt-ed-de-ft-se-ic,
1475
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-se-ic, var(--_ctm-dn-pt-wt-pt-ed-de-ft-se-ic)));
1476
+ text-align: var(--_ctm-mob-dn-pt-wt-pt-ed-de-tt-an,
1477
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-tt-an, var(--_ctm-dn-pt-wt-pt-ed-de-tt-an)));
1885
1478
  text-transform: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ed-de-tt-tm);
1886
1479
  word-wrap: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ed-de-wd-wr);
1887
1480
  word-break: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ed-de-wd-bk);
1481
+
1888
1482
  &#{$overflowSelector} {
1889
1483
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1890
1484
  }
@@ -1892,53 +1486,32 @@ $defaultValues: (
1892
1486
 
1893
1487
  .delivery-date {
1894
1488
  margin: 0;
1895
- padding: var(
1896
- --_ctm-mob-dn-pt-wt-pt-ed-de-pg-dc,
1897
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-pg-dc, var(--_ctm-dn-pt-wt-pt-ed-de-pg-dc))
1898
- );
1899
- font-family: var(
1900
- --_ctm-mob-dn-pt-wt-pt-ed-de-ft-fy-dc,
1901
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-fy-dc, var(--_ctm-dn-pt-wt-pt-ed-de-ft-fy-dc))
1902
- );
1903
- font-size: var(
1904
- --_ctm-mob-dn-pt-wt-pt-ed-de-ft-se-dc,
1905
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-se-dc, var(--_ctm-dn-pt-wt-pt-ed-de-ft-se-dc))
1906
- );
1489
+ padding: var(--_ctm-mob-dn-pt-wt-pt-ed-de-pg-dc,
1490
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-pg-dc, var(--_ctm-dn-pt-wt-pt-ed-de-pg-dc)));
1491
+ font-family: var(--_ctm-mob-dn-pt-wt-pt-ed-de-ft-fy-dc,
1492
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-fy-dc, var(--_ctm-dn-pt-wt-pt-ed-de-ft-fy-dc)));
1493
+ font-size: var(--_ctm-mob-dn-pt-wt-pt-ed-de-ft-se-dc,
1494
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-se-dc, var(--_ctm-dn-pt-wt-pt-ed-de-ft-se-dc)));
1907
1495
  // font-size: 12px;
1908
- color: var(
1909
- --_ctm-mob-dn-pt-wt-pt-ed-de-cr-dc,
1910
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-cr-dc, var(--_ctm-dn-pt-wt-pt-ed-de-cr-dc))
1911
- );
1912
- font-weight: var(
1913
- --_ctm-mob-dn-pt-wt-pt-ed-de-ft-wt-dc,
1914
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-wt-dc, var(--_ctm-dn-pt-wt-pt-ed-de-ft-wt-dc))
1915
- );
1916
- text-decoration: var(
1917
- --_ctm-mob-dn-pt-wt-pt-ed-de-ue-dc,
1918
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-ue-dc, var(--_ctm-dn-pt-wt-pt-ed-de-ue-dc))
1919
- );
1920
- letter-spacing: var(
1921
- --_ctm-mob-dn-pt-wt-pt-ed-de-lr-sg-dc,
1922
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-lr-sg-dc, var(--_ctm-dn-pt-wt-pt-ed-de-lr-sg-dc))
1923
- );
1924
- line-height: var(
1925
- --_ctm-mob-dn-pt-wt-pt-ed-de-le-ht-dc,
1926
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-le-ht-dc, var(--_ctm-dn-pt-wt-pt-ed-de-le-ht-dc))
1927
- );
1928
- font-style: var(
1929
- --_ctm-mob-dn-pt-wt-pt-ed-de-ft-se-ic-dc,
1930
- var(
1931
- --_ctm-tab-dn-pt-wt-pt-ed-de-ft-se-ic-dc,
1932
- var(--_ctm-dn-pt-wt-pt-ed-de-ft-se-ic-dc)
1933
- )
1934
- );
1935
- text-align: var(
1936
- --_ctm-mob-dn-pt-wt-pt-ed-de-tt-an-dc,
1937
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-tt-an-dc, var(--_ctm-dn-pt-wt-pt-ed-de-tt-an-dc))
1938
- );
1496
+ color: var(--_ctm-mob-dn-pt-wt-pt-ed-de-cr-dc,
1497
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-cr-dc, var(--_ctm-dn-pt-wt-pt-ed-de-cr-dc)));
1498
+ font-weight: var(--_ctm-mob-dn-pt-wt-pt-ed-de-ft-wt-dc,
1499
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-wt-dc, var(--_ctm-dn-pt-wt-pt-ed-de-ft-wt-dc)));
1500
+ text-decoration: var(--_ctm-mob-dn-pt-wt-pt-ed-de-ue-dc,
1501
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-ue-dc, var(--_ctm-dn-pt-wt-pt-ed-de-ue-dc)));
1502
+ letter-spacing: var(--_ctm-mob-dn-pt-wt-pt-ed-de-lr-sg-dc,
1503
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-lr-sg-dc, var(--_ctm-dn-pt-wt-pt-ed-de-lr-sg-dc)));
1504
+ line-height: var(--_ctm-mob-dn-pt-wt-pt-ed-de-le-ht-dc,
1505
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-le-ht-dc, var(--_ctm-dn-pt-wt-pt-ed-de-le-ht-dc)));
1506
+ font-style: var(--_ctm-mob-dn-pt-wt-pt-ed-de-ft-se-ic-dc,
1507
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-se-ic-dc,
1508
+ var(--_ctm-dn-pt-wt-pt-ed-de-ft-se-ic-dc)));
1509
+ text-align: var(--_ctm-mob-dn-pt-wt-pt-ed-de-tt-an-dc,
1510
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-tt-an-dc, var(--_ctm-dn-pt-wt-pt-ed-de-tt-an-dc)));
1939
1511
  text-transform: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ed-de-tt-tm-dc);
1940
1512
  word-wrap: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ed-de-wd-wr-dc);
1941
1513
  word-break: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ed-de-wd-bk-dc);
1514
+
1942
1515
  &#{$overflowSelector} {
1943
1516
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1944
1517
  }
@@ -1949,60 +1522,46 @@ $defaultValues: (
1949
1522
  // font-size: 0.85rem;
1950
1523
  // font-weight: 600;
1951
1524
  // color: #1e293b;
1952
- font-family: var(
1953
- --_ctm-mob-dn-pt-wt-pt-pe-ft-fy,
1954
- var(--_ctm-tab-dn-pt-wt-pt-pe-ft-fy, var(--_ctm-dn-pt-wt-pt-pe-ft-fy))
1955
- );
1956
- font-size: var(
1957
- --_ctm-mob-dn-pt-wt-pt-pe-ft-se,
1958
- var(--_ctm-tab-dn-pt-wt-pt-pe-ft-se, var(--_ctm-dn-pt-wt-pt-pe-ft-se))
1959
- );
1960
- color: var(
1961
- --_ctm-mob-dn-pt-wt-pt-pe-cr,
1962
- var(--_ctm-tab-dn-pt-wt-pt-pe-cr, var(--_ctm-dn-pt-wt-pt-pe-cr))
1963
- );
1964
- font-weight: var(
1965
- --_ctm-mob-dn-pt-wt-pt-pe-ft-wt,
1966
- var(--_ctm-tab-dn-pt-wt-pt-pe-ft-wt, var(--_ctm-dn-pt-wt-pt-pe-ft-wt))
1967
- );
1968
- text-decoration: var(
1969
- --_ctm-mob-dn-pt-wt-pt-pe-ue,
1970
- var(--_ctm-tab-dn-pt-wt-pt-pe-ue, var(--_ctm-dn-pt-wt-pt-pe-ue))
1971
- );
1972
- letter-spacing: var(
1973
- --_ctm-mob-dn-pt-wt-pt-pe-lr-sg,
1974
- var(--_ctm-tab-dn-pt-wt-pt-pe-lr-sg, var(--_ctm-dn-pt-wt-pt-pe-lr-sg))
1975
- );
1976
- line-height: var(
1977
- --_ctm-mob-dn-pt-wt-pt-pe-le-ht,
1978
- var(--_ctm-tab-dn-pt-wt-pt-pe-le-ht, var(--_ctm-dn-pt-wt-pt-pe-le-ht))
1979
- );
1980
- font-style: var(
1981
- --_ctm-mob-dn-pt-wt-pt-pe-ft-se-ic,
1982
- var(--_ctm-tab-dn-pt-wt-pt-pe-ft-se-ic, var(--_ctm-dn-pt-wt-pt-pe-ft-se-ic))
1983
- );
1984
- text-align: var(
1985
- --_ctm-mob-dn-pt-wt-pt-pe-tt-an,
1986
- var(--_ctm-tab-dn-pt-wt-pt-pe-tt-an, var(--_ctm-dn-pt-wt-pt-pe-tt-an))
1987
- );
1525
+ font-family: var(--_ctm-mob-dn-pt-wt-pt-pe-ft-fy,
1526
+ var(--_ctm-tab-dn-pt-wt-pt-pe-ft-fy, var(--_ctm-dn-pt-wt-pt-pe-ft-fy)));
1527
+ font-size: var(--_ctm-mob-dn-pt-wt-pt-pe-ft-se,
1528
+ var(--_ctm-tab-dn-pt-wt-pt-pe-ft-se, var(--_ctm-dn-pt-wt-pt-pe-ft-se)));
1529
+ color: var(--_ctm-mob-dn-pt-wt-pt-pe-cr,
1530
+ var(--_ctm-tab-dn-pt-wt-pt-pe-cr, var(--_ctm-dn-pt-wt-pt-pe-cr)));
1531
+ font-weight: var(--_ctm-mob-dn-pt-wt-pt-pe-ft-wt,
1532
+ var(--_ctm-tab-dn-pt-wt-pt-pe-ft-wt, var(--_ctm-dn-pt-wt-pt-pe-ft-wt)));
1533
+ text-decoration: var(--_ctm-mob-dn-pt-wt-pt-pe-ue,
1534
+ var(--_ctm-tab-dn-pt-wt-pt-pe-ue, var(--_ctm-dn-pt-wt-pt-pe-ue)));
1535
+ letter-spacing: var(--_ctm-mob-dn-pt-wt-pt-pe-lr-sg,
1536
+ var(--_ctm-tab-dn-pt-wt-pt-pe-lr-sg, var(--_ctm-dn-pt-wt-pt-pe-lr-sg)));
1537
+ line-height: var(--_ctm-mob-dn-pt-wt-pt-pe-le-ht,
1538
+ var(--_ctm-tab-dn-pt-wt-pt-pe-le-ht, var(--_ctm-dn-pt-wt-pt-pe-le-ht)));
1539
+ font-style: var(--_ctm-mob-dn-pt-wt-pt-pe-ft-se-ic,
1540
+ var(--_ctm-tab-dn-pt-wt-pt-pe-ft-se-ic, var(--_ctm-dn-pt-wt-pt-pe-ft-se-ic)));
1541
+ text-align: var(--_ctm-mob-dn-pt-wt-pt-pe-tt-an,
1542
+ var(--_ctm-tab-dn-pt-wt-pt-pe-tt-an, var(--_ctm-dn-pt-wt-pt-pe-tt-an)));
1988
1543
  text-transform: prepareMediaVariable(--_ctm-dn-pt-wt-pt-pe-tt-tm);
1989
1544
  word-wrap: prepareMediaVariable(--_ctm-dn-pt-wt-pt-pe-wd-wr);
1990
1545
  word-break: prepareMediaVariable(--_ctm-dn-pt-wt-pt-pe-wd-bk);
1546
+
1991
1547
  &#{$overflowSelector} {
1992
1548
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1993
1549
  }
1550
+
1994
1551
  // margin-left: 12px;
1995
1552
  }
1996
1553
  }
1997
1554
 
1998
1555
  .show-more-wrapper {
1999
1556
  margin: 32px 16px 16px 0px;
1557
+
2000
1558
  button {
2001
1559
  padding: 12px 16px;
2002
1560
  // color: var(--_primary-400);
2003
1561
  color: var(--_thm-cs-tt-ls-as);
2004
1562
  font-weight: 600;
2005
1563
  border-radius: 6px;
1564
+
2006
1565
  &:hover {
2007
1566
  background-color: var(--_primary-25);
2008
1567
  }
@@ -2014,6 +1573,7 @@ $defaultValues: (
2014
1573
  .order-attributes {
2015
1574
  border-top: 1px solid var(--_thm-cs-be-se-3);
2016
1575
  padding-top: 24px;
1576
+
2017
1577
  .order_attribute_text {
2018
1578
  font-weight: 700;
2019
1579
  color: var(--_thm-ty-p1-tt-cr);
@@ -2064,23 +1624,29 @@ $defaultValues: (
2064
1624
  max-width: 200px;
2065
1625
  font-size: 12px;
2066
1626
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
1627
+
2067
1628
  ul {
2068
1629
  display: flex;
2069
1630
  flex-direction: column;
2070
1631
  gap: 8px;
1632
+
2071
1633
  li {
2072
1634
  display: flex;
2073
1635
  justify-content: space-between;
2074
1636
  font-size: 12px;
1637
+
2075
1638
  .key_label {
2076
1639
  color: var(--_gray-600);
2077
1640
  }
1641
+
2078
1642
  .key_label {
2079
1643
  color: var(--_gray-900);
2080
1644
  }
1645
+
2081
1646
  .total {
2082
1647
  color: var(--_gray-600);
2083
1648
  }
1649
+
2084
1650
  .price {
2085
1651
  color: var(--_gray-900);
2086
1652
  font-weight: 600;
@@ -2095,6 +1661,7 @@ $defaultValues: (
2095
1661
  justify-content: space-between;
2096
1662
  gap: 12px;
2097
1663
  white-space: nowrap;
1664
+
2098
1665
  .breakup-label {
2099
1666
  line-height: prepareMediaVariable(--_ctm-dn-or-io-bk-up-ds-le-ht);
2100
1667
  font-family: prepareMediaVariable(--_ctm-dn-or-io-bk-up-ds-ft-fy);
@@ -2111,10 +1678,12 @@ $defaultValues: (
2111
1678
  text-transform: prepareMediaVariable(--_ctm-dn-or-io-bk-up-ds-tt-tm);
2112
1679
  word-wrap: prepareMediaVariable(--_ctm-dn-or-io-bk-up-ds-wd-wr);
2113
1680
  word-break: prepareMediaVariable(--_ctm-dn-or-io-bk-up-ds-wd-bk);
1681
+
2114
1682
  &#{$overflowSelector} {
2115
1683
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
2116
1684
  }
2117
1685
  }
1686
+
2118
1687
  .break_up_amount {
2119
1688
  line-height: prepareMediaVariable(--_ctm-dn-or-io-bk-up-ds-le-ht-dc);
2120
1689
  font-family: prepareMediaVariable(--_ctm-dn-or-io-bk-up-ds-ft-fy-dc);
@@ -2138,6 +1707,7 @@ $defaultValues: (
2138
1707
  display: block;
2139
1708
  }
2140
1709
  }
1710
+
2141
1711
  .bg-gray-100 {
2142
1712
  background-color: var(--_gray-100) !important;
2143
- }
1713
+ }