@sc-360-v2/storefront-cms-library 0.5.59 → 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 (201) hide show
  1. package/dist/add-existing-form.scss +13 -5
  2. package/dist/add-order.scss +129 -245
  3. package/dist/add-products-tab-details.scss +1048 -2097
  4. package/dist/add-products-tab.scss +666 -1204
  5. package/dist/allocation-header-quota-details.scss +198 -411
  6. package/dist/allocationDetails.scss +1645 -2126
  7. package/dist/allocations-quota-details.scss +168 -327
  8. package/dist/allocations.scss +476 -797
  9. package/dist/amount-estimator.scss +405 -743
  10. package/dist/animation-control.scss +23 -23
  11. package/dist/badge.scss +43 -18
  12. package/dist/brand-basic-elements.scss +76 -124
  13. package/dist/brand.scss +28 -55
  14. package/dist/breadcrumbs.scss +356 -718
  15. package/dist/builder.js +1 -1
  16. package/dist/bulk-variant-picker.scss +1133 -2034
  17. package/dist/bundle copy.scss +235 -0
  18. package/dist/bundle.scss +843 -1479
  19. package/dist/bundleDetails.scss +3774 -5063
  20. package/dist/button copy.scss +28 -0
  21. package/dist/button.scss +78 -103
  22. package/dist/buy-for-tab-container.scss +77 -106
  23. package/dist/buy-for-tabs-container-item.scss +80 -80
  24. package/dist/buyForHeaders.scss +1725 -2988
  25. package/dist/cart-details.scss +491 -1012
  26. package/dist/cart-products-sidebar.scss +211 -211
  27. package/dist/cart-summary.scss +559 -1152
  28. package/dist/cart-wrapper.scss +85 -127
  29. package/dist/cart.scss +115 -223
  30. package/dist/cartAttributes.scss +367 -647
  31. package/dist/cartGrouping.scss +89 -89
  32. package/dist/category-groups-element.scss +127 -108
  33. package/dist/category-groups-product-grid.scss +40 -79
  34. package/dist/category-groups-product-image.scss +457 -1390
  35. package/dist/category-groups-product-options.scss +224 -693
  36. package/dist/category-groups-product-price.scss +1326 -4859
  37. package/dist/category-groups-quota-details.scss +217 -466
  38. package/dist/category.scss +26 -50
  39. package/dist/categoryDetails.scss +61 -61
  40. package/dist/categoryWidget.scss +34 -34
  41. package/dist/checkbox-radio.scss +124 -124
  42. package/dist/checkout.scss +1858 -4170
  43. package/dist/common-element.scss +35 -35
  44. package/dist/confirm-modal.scss +22 -2
  45. package/dist/confirmationModal.scss +139 -139
  46. package/dist/container.scss +32 -54
  47. package/dist/countdown.scss +256 -443
  48. package/dist/coupon.scss +355 -714
  49. package/dist/custom-fonts.scss +100 -100
  50. package/dist/default-dropdown.scss +12 -1
  51. package/dist/embroider-preview-element.scss +94 -94
  52. package/dist/embroider-template-1-v2.scss +123 -172
  53. package/dist/embroider-template-1.scss +68 -104
  54. package/dist/embroidery.scss +30 -31
  55. package/dist/employee-bulk-order.scss +418 -142
  56. package/dist/emtpy-templates.scss +165 -165
  57. package/dist/faq.scss +235 -419
  58. package/dist/filter-results.scss +125 -265
  59. package/dist/filters.scss +831 -1682
  60. package/dist/flex-text-editor.scss +271 -271
  61. package/dist/functions.scss +36 -0
  62. package/dist/gallery-slider-temp.scss +435 -758
  63. package/dist/global-styles.scss +23 -7
  64. package/dist/grid.scss +25 -33
  65. package/dist/hotspot.scss +69 -119
  66. package/dist/icon-list.scss +30 -59
  67. package/dist/image-for-product.scss +21 -21
  68. package/dist/image-temp.scss +21 -20
  69. package/dist/item-stock.scss +9 -16
  70. package/dist/kitDetails.scss +2719 -4299
  71. package/dist/kits.scss +24 -19
  72. package/dist/language-selector.scss +233 -375
  73. package/dist/last-x-orders.scss +101 -187
  74. package/dist/layouter-item.scss +75 -103
  75. package/dist/layouter-pro-item.scss +89 -95
  76. package/dist/layouter-pro.scss +87 -92
  77. package/dist/layouter.scss +67 -117
  78. package/dist/light-box-v2.scss +89 -104
  79. package/dist/lightbox.scss +78 -78
  80. package/dist/line.scss +29 -70
  81. package/dist/loader.scss +37 -37
  82. package/dist/login.scss +291 -572
  83. package/dist/map.scss +220 -369
  84. package/dist/marchandiserSets.scss +95 -104
  85. package/dist/mega-menu-container.scss +96 -109
  86. package/dist/mega-menu.scss +624 -734
  87. package/dist/menu-item.scss +19 -19
  88. package/dist/menu-v2.scss +507 -619
  89. package/dist/multi-select-dropdown.scss +27 -3
  90. package/dist/my-templates.scss +38 -9
  91. package/dist/myTemplates.scss +3 -0
  92. package/dist/option-bar.scss +215 -375
  93. package/dist/order-processing.scss +61 -61
  94. package/dist/order-status.scss +643 -1117
  95. package/dist/overflow-module.scss +62 -63
  96. package/dist/past-orders.scss +118 -149
  97. package/dist/payment-methods.scss +46 -30
  98. package/dist/pickup-locations.scss +564 -1121
  99. package/dist/position-module.scss +98 -95
  100. package/dist/prefix-list.scss +97 -86
  101. package/dist/product-actions.scss +1230 -1783
  102. package/dist/product-basic-elements.scss +108 -169
  103. package/dist/product-highlights.scss +116 -157
  104. package/dist/product-image-bundles.scss +345 -671
  105. package/dist/product-image.scss +341 -724
  106. package/dist/product-inventory.scss +673 -1357
  107. package/dist/product-labels.scss +94 -113
  108. package/dist/product-options.scss +288 -486
  109. package/dist/product-price.scss +1284 -2556
  110. package/dist/product-promotions.scss +1388 -2830
  111. package/dist/product-sizechart.scss +516 -905
  112. package/dist/product.scss +28 -61
  113. package/dist/productDetails.scss +19 -38
  114. package/dist/profile.scss +231 -447
  115. package/dist/quantity-selector.scss +313 -550
  116. package/dist/quick-inventory-check.scss +101 -187
  117. package/dist/quick-links.scss +56 -133
  118. package/dist/quick-order-pad.scss +216 -269
  119. package/dist/quota-details.scss +163 -297
  120. package/dist/quotes.scss +82 -121
  121. package/dist/repeater copy.scss +24 -0
  122. package/dist/repeater-embla-controls.scss +34 -14
  123. package/dist/repeater-grid-toggle.scss +156 -166
  124. package/dist/repeater-item.scss +41 -64
  125. package/dist/repeater.scss +579 -688
  126. package/dist/request-for-quotes.scss +66 -16
  127. package/dist/responsive-behaviour.scss +31 -29
  128. package/dist/rfqs.scss +118 -181
  129. package/dist/scroll.scss +89 -167
  130. package/dist/search.scss +179 -326
  131. package/dist/section.scss +27 -51
  132. package/dist/shareCartSideBar.scss +254 -254
  133. package/dist/shipping-estimator.scss +41 -41
  134. package/dist/shipping-payments.scss +198 -58
  135. package/dist/simple-list.scss +65 -135
  136. package/dist/social.scss +78 -143
  137. package/dist/sort.scss +89 -89
  138. package/dist/stack.scss +23 -34
  139. package/dist/static-global.scss +44 -26
  140. package/dist/static-text.scss +52 -52
  141. package/dist/stockStatus.scss +11 -19
  142. package/dist/store-locations.scss +587 -1113
  143. package/dist/sub-category.scss +74 -74
  144. package/dist/submit-quote.scss +275 -275
  145. package/dist/tab-container-item.scss +80 -80
  146. package/dist/tab-container.scss +81 -108
  147. package/dist/tab-v2.scss +277 -604
  148. package/dist/table-common.scss +215 -406
  149. package/dist/table.scss +267 -509
  150. package/dist/text-temp-v2.scss +12 -23
  151. package/dist/text-temp.scss +110 -109
  152. package/dist/theme-classes.scss +17 -13
  153. package/dist/toggle-button.scss +32 -32
  154. package/dist/transform-properties-module.scss +20 -20
  155. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +108 -0
  156. package/dist/types/builder/tools/element-edit/breadcrumbs.d.ts +6 -0
  157. package/dist/types/builder/tools/element-edit/bundle.d.ts +22 -0
  158. package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +64 -0
  159. package/dist/types/builder/tools/element-edit/buttonInstance.d.ts +10 -0
  160. package/dist/types/builder/tools/element-edit/buyForWithTab.d.ts +84 -0
  161. package/dist/types/builder/tools/element-edit/cart.d.ts +6 -0
  162. package/dist/types/builder/tools/element-edit/cartAttributes.d.ts +60 -0
  163. package/dist/types/builder/tools/element-edit/cartDetails.d.ts +16 -0
  164. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +202 -0
  165. package/dist/types/builder/tools/element-edit/categoryGroups.d.ts +158 -0
  166. package/dist/types/builder/tools/element-edit/checkout.d.ts +172 -0
  167. package/dist/types/builder/tools/element-edit/common.d.ts +2 -0
  168. package/dist/types/builder/tools/element-edit/countdown.d.ts +44 -0
  169. package/dist/types/builder/tools/element-edit/coupon.d.ts +28 -0
  170. package/dist/types/builder/tools/element-edit/embroidery.d.ts +37 -0
  171. package/dist/types/builder/tools/element-edit/filterResults.d.ts +4 -0
  172. package/dist/types/builder/tools/element-edit/icon-list.d.ts +11 -0
  173. package/dist/types/builder/tools/element-edit/itemStock.d.ts +2 -0
  174. package/dist/types/builder/tools/element-edit/kitDetails.d.ts +66 -0
  175. package/dist/types/builder/tools/element-edit/kits.d.ts +4 -0
  176. package/dist/types/builder/tools/element-edit/map.d.ts +5 -1
  177. package/dist/types/builder/tools/element-edit/marchandiserSets.d.ts +2 -0
  178. package/dist/types/builder/tools/element-edit/orderStatus.d.ts +17 -0
  179. package/dist/types/builder/tools/element-edit/paymentMethods.d.ts +6 -0
  180. package/dist/types/builder/tools/element-edit/productCustomizations.d.ts +14 -0
  181. package/dist/types/builder/tools/element-edit/quickLinks.d.ts +26 -0
  182. package/dist/types/builder/tools/element-edit/scroll.d.ts +2 -11
  183. package/dist/types/builder/tools/element-edit/search.d.ts +1 -0
  184. package/dist/types/builder/tools/element-edit/searchResultsHeading.d.ts +6 -0
  185. package/dist/types/builder/tools/element-edit/shipping-payments.d.ts +72 -0
  186. package/dist/types/builder/tools/element-edit/shippingEstimator.d.ts +4 -0
  187. package/dist/types/builder/tools/element-edit/social.d.ts +2 -0
  188. package/dist/types/builder/tools/element-edit/spotlight.d.ts +2 -0
  189. package/dist/types/builder/tools/element-edit/table.d.ts +10 -0
  190. package/dist/types/builder/tools/element-edit/tabs.d.ts +6 -0
  191. package/dist/types/builder/tools/element-edit/typographyInstance.d.ts +110 -0
  192. package/dist/types/builder/tools/element-edit/userElements.d.ts +50 -11
  193. package/dist/types/builder/tools/element-edit/variantPicker.d.ts +4 -0
  194. package/dist/types/builder/tools/element-edit/video.d.ts +22 -0
  195. package/dist/uom-selector.scss +489 -943
  196. package/dist/user-elements.scss +537 -826
  197. package/dist/variant-picker.scss +1282 -2559
  198. package/dist/video.scss +147 -325
  199. package/dist/volume-pricing.scss +539 -1035
  200. package/dist/wishlist-overlay.scss +48 -48
  201. package/package.json +131 -131
@@ -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,60 +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
- );
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
+
720
580
  &.flex__overflow {
721
581
  white-space: normal;
722
582
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
723
583
  }
724
- font-size: var(
725
- --_ctm-mob-dn-or-io-or-ne-ft-se,
726
- var(--_ctm-tab-dn-or-io-or-ne-ft-se, var(--_ctm-dn-or-io-or-ne-ft-se))
727
- );
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)));
728
587
  // font-size: 14px;
729
- color: var(
730
- --_ctm-mob-dn-or-io-or-ne-cr,
731
- var(--_ctm-tab-dn-or-io-or-ne-cr, var(--_ctm-dn-or-io-or-ne-cr))
732
- );
733
- font-weight: var(
734
- --_ctm-mob-dn-or-io-or-ne-ft-wt,
735
- var(--_ctm-tab-dn-or-io-or-ne-ft-wt, var(--_ctm-dn-or-io-or-ne-ft-wt))
736
- );
737
- text-decoration: var(
738
- --_ctm-mob-dn-or-io-or-ne-ue,
739
- var(--_ctm-tab-dn-or-io-or-ne-ue, var(--_ctm-dn-or-io-or-ne-ue))
740
- );
741
- letter-spacing: var(
742
- --_ctm-mob-dn-or-io-or-ne-lr-sg,
743
- var(--_ctm-tab-dn-or-io-or-ne-lr-sg, var(--_ctm-dn-or-io-or-ne-lr-sg))
744
- );
745
- line-height: var(
746
- --_ctm-mob-dn-or-io-or-ne-le-ht,
747
- var(--_ctm-tab-dn-or-io-or-ne-le-ht, var(--_ctm-dn-or-io-or-ne-le-ht))
748
- );
749
- font-style: var(
750
- --_ctm-mob-dn-or-io-or-ne-ft-se-ic,
751
- var(--_ctm-tab-dn-or-io-or-ne-ft-se-ic, var(--_ctm-dn-or-io-or-ne-ft-se-ic))
752
- );
753
- text-align: var(
754
- --_ctm-mob-dn-or-io-or-ne-tt-an,
755
- var(--_ctm-tab-dn-or-io-or-ne-tt-an, var(--_ctm-dn-or-io-or-ne-tt-an))
756
- );
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)));
757
602
  text-transform: prepareMediaVariable(--_ctm-dn-or-io-or-ne-tt-tm);
758
603
  word-wrap: prepareMediaVariable(--_ctm-dn-or-io-or-ne-wd-wr);
759
604
  word-break: prepareMediaVariable(--_ctm-dn-or-io-or-ne-wd-bk);
760
605
  padding: prepareMediaVariable(--_ctm-dn-or-io-or-ne-pg, 0);
606
+
761
607
  &#{$overflowSelector} {
762
608
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
763
609
  }
764
610
  }
611
+
765
612
  .order_number_skeleton {
766
613
  display: inline-flex;
767
614
  gap: 4px;
768
615
  align-items: flex-end;
769
616
  }
617
+
770
618
  .delivery-date,
771
619
  .order_number_id {
772
620
  margin: 0;
@@ -775,54 +623,41 @@ $defaultValues: (
775
623
  // color: var(--_gray-900);
776
624
  // line-height: 30px;
777
625
  line-height: prepareMediaVariable(--_ctm-dn-or-io-or-id-le-ht, 24px);
778
- font-family: var(
779
- --_ctm-mob-dn-or-io-or-id-ft-fy,
780
- var(--_ctm-tab-dn-or-io-or-id-ft-fy, var(--_ctm-dn-or-io-or-id-ft-fy))
781
- );
782
- font-size: var(
783
- --_ctm-mob-dn-or-io-or-id-ft-se,
784
- var(--_ctm-tab-dn-or-io-or-id-ft-se, var(--_ctm-dn-or-io-or-id-ft-se))
785
- );
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)));
786
630
  // font-size: 16px;
787
- color: var(
788
- --_ctm-mob-dn-or-io-or-id-cr,
789
- var(--_ctm-tab-dn-or-io-or-id-cr, var(--_ctm-dn-or-io-or-id-cr))
790
- );
791
- font-weight: var(
792
- --_ctm-mob-dn-or-io-or-id-ft-wt,
793
- var(--_ctm-tab-dn-or-io-or-id-ft-wt, var(--_ctm-dn-or-io-or-id-ft-wt))
794
- );
795
- text-decoration: var(
796
- --_ctm-mob-dn-or-io-or-id-ue,
797
- var(--_ctm-tab-dn-or-io-or-id-ue, var(--_ctm-dn-or-io-or-id-ue))
798
- );
799
- letter-spacing: var(
800
- --_ctm-mob-dn-or-io-or-id-lr-sg,
801
- var(--_ctm-tab-dn-or-io-or-id-lr-sg, var(--_ctm-dn-or-io-or-id-lr-sg))
802
- );
803
-
804
- font-style: var(
805
- --_ctm-mob-dn-or-io-or-id-ft-se-ic,
806
- var(--_ctm-tab-dn-or-io-or-id-ft-se-ic, var(--_ctm-dn-or-io-or-id-ft-se-ic))
807
- );
808
- text-align: var(
809
- --_ctm-mob-dn-or-io-or-id-tt-an,
810
- var(--_ctm-tab-dn-or-io-or-id-tt-an, var(--_ctm-dn-or-io-or-id-tt-an))
811
- );
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)));
812
644
  text-transform: prepareMediaVariable(--_ctm-dn-or-io-or-id-tt-tm);
813
645
  word-wrap: prepareMediaVariable(--_ctm-dn-or-io-or-id-wd-wr);
814
646
  word-break: prepareMediaVariable(--_ctm-dn-or-io-or-id-wd-bk);
815
647
  padding: prepareMediaVariable(--_ctm-dn-or-io-or-id-pg, 0);
648
+
816
649
  &#{$overflowSelector} {
817
650
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
818
651
  }
819
652
  }
653
+
820
654
  .delivery_address {
821
655
  font-size: 14px;
822
656
  font-weight: 400;
823
657
  color: var(--_gray-400);
824
658
  line-height: 20px;
825
659
  }
660
+
826
661
  .shipping-type {
827
662
  font-size: 14px;
828
663
  font-weight: 400;
@@ -850,6 +685,7 @@ $defaultValues: (
850
685
  display: inline-flex;
851
686
  align-items: center;
852
687
  gap: 6px;
688
+
853
689
  &::before {
854
690
  content: "";
855
691
  display: inline-block;
@@ -858,16 +694,20 @@ $defaultValues: (
858
694
  border-radius: 50%;
859
695
  background-color: currentColor;
860
696
  }
697
+
861
698
  &.success {
862
699
  background-color: var(--_success-50);
863
700
  color: var(--_success-600);
701
+
864
702
  &::before {
865
703
  background-color: var(--_success-700);
866
704
  }
867
705
  }
706
+
868
707
  &.failed {
869
708
  background-color: var(--_error-50);
870
709
  color: var(--_error-700);
710
+
871
711
  &::before {
872
712
  background-color: var(--_error-700);
873
713
  }
@@ -891,6 +731,7 @@ $defaultValues: (
891
731
  color: #0040c1;
892
732
  display: inline-block;
893
733
  height: 22px;
734
+
894
735
  &::before {
895
736
  content: "";
896
737
  display: inline-block;
@@ -909,47 +750,31 @@ $defaultValues: (
909
750
  // font-weight: 400;
910
751
  // color: var(--_gray-400);
911
752
  // line-height: 20px;
912
- font-family: var(
913
- --_ctm-mob-dn-or-io-or-de-ft-fy,
914
- var(--_ctm-tab-dn-or-io-or-de-ft-fy, var(--_ctm-dn-or-io-or-de-ft-fy))
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
+
916
756
  &.flex__overflow {
917
757
  white-space: normal;
918
758
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
919
759
  }
920
- font-size: var(
921
- --_ctm-mob-dn-or-io-or-de-ft-se,
922
- var(--_ctm-tab-dn-or-io-or-de-ft-se, var(--_ctm-dn-or-io-or-de-ft-se))
923
- );
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)));
924
763
  // font-size: 14px;
925
- color: var(
926
- --_ctm-mob-dn-or-io-or-de-cr,
927
- var(--_ctm-tab-dn-or-io-or-de-cr, var(--_ctm-dn-or-io-or-de-cr))
928
- );
929
- font-weight: var(
930
- --_ctm-mob-dn-or-io-or-de-ft-wt,
931
- var(--_ctm-tab-dn-or-io-or-de-ft-wt, var(--_ctm-dn-or-io-or-de-ft-wt))
932
- );
933
- text-decoration: var(
934
- --_ctm-mob-dn-or-io-or-de-ue,
935
- var(--_ctm-tab-dn-or-io-or-de-ue, var(--_ctm-dn-or-io-or-de-ue))
936
- );
937
- letter-spacing: var(
938
- --_ctm-mob-dn-or-io-or-de-lr-sg,
939
- var(--_ctm-tab-dn-or-io-or-de-lr-sg, var(--_ctm-dn-or-io-or-de-lr-sg))
940
- );
941
- line-height: var(
942
- --_ctm-mob-dn-or-io-or-de-le-ht,
943
- var(--_ctm-tab-dn-or-io-or-de-le-ht, var(--_ctm-dn-or-io-or-de-le-ht))
944
- );
945
- font-style: var(
946
- --_ctm-mob-dn-or-io-or-de-ft-se-ic,
947
- var(--_ctm-tab-dn-or-io-or-de-ft-se-ic, var(--_ctm-dn-or-io-or-de-ft-se-ic))
948
- );
949
- text-align: var(
950
- --_ctm-mob-dn-or-io-or-de-tt-an,
951
- var(--_ctm-tab-dn-or-io-or-de-tt-an, var(--_ctm-dn-or-io-or-de-tt-an))
952
- );
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)));
953
778
  text-transform: prepareMediaVariable(--_ctm-dn-or-io-or-de-tt-tm);
954
779
  word-wrap: prepareMediaVariable(--_ctm-dn-or-io-or-de-wd-wr);
955
780
  word-break: prepareMediaVariable(--_ctm-dn-or-io-or-de-wd-bk);
@@ -957,17 +782,21 @@ $defaultValues: (
957
782
  display: flex;
958
783
  align-items: center;
959
784
  gap: prepareMediaVariable(--_ctm-dn-or-io-or-de-im-gp, 0);
785
+
960
786
  &#{$overflowSelector} {
961
787
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
962
788
  }
963
789
  }
790
+
964
791
  .expected_delivery {
965
792
  line-height: prepareMediaVariable(--_ctm-dn-or-io-sg-md-le-ht);
966
793
  font-family: prepareMediaVariable(--_ctm-dn-or-io-sg-md-ft-fy);
794
+
967
795
  &.flex__overflow {
968
796
  white-space: normal;
969
797
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
970
798
  }
799
+
971
800
  font-size: prepareMediaVariable(--_ctm-dn-or-io-sg-md-ft-se);
972
801
  // font-size: 16px;
973
802
  color: prepareMediaVariable(--_ctm-dn-or-io-sg-md-cr);
@@ -984,17 +813,21 @@ $defaultValues: (
984
813
  display: flex;
985
814
  align-items: center;
986
815
  gap: prepareMediaVariable(--_ctm-dn-or-io-sg-md-im-gp, 0);
816
+
987
817
  &#{$overflowSelector} {
988
818
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
989
819
  }
990
820
  }
821
+
991
822
  .total_amount {
992
823
  line-height: prepareMediaVariable(--_ctm-dn-or-io-sg-md-le-ht, 24px);
993
824
  font-family: prepareMediaVariable(--_ctm-dn-or-io-sg-md-ft-fy);
825
+
994
826
  &.flex__overflow {
995
827
  white-space: normal;
996
828
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
997
829
  }
830
+
998
831
  font-size: prepareMediaVariable(--_ctm-dn-or-io-sg-md-ft-se);
999
832
  // font-size: 16px;
1000
833
  color: prepareMediaVariable(--_ctm-dn-or-io-sg-md-cr);
@@ -1011,10 +844,12 @@ $defaultValues: (
1011
844
  display: inline-flex;
1012
845
  align-items: center;
1013
846
  gap: prepareMediaVariable(--_ctm-dn-or-io-sg-md-im-gp, 0);
847
+
1014
848
  &#{$overflowSelector} {
1015
849
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1016
850
  }
1017
851
  }
852
+
1018
853
  .inclusive-tax {
1019
854
  margin-left: 4px;
1020
855
  font-size: 12px;
@@ -1032,58 +867,44 @@ $defaultValues: (
1032
867
  // --_ctm-mob-dn-or-io-or-io-hr-cr,
1033
868
  // var(--_ctm-tab-dn-or-io-or-io-hr-cr, var(--_ctm-dn-or-io-or-io-hr-cr))
1034
869
  // );
1035
- font-family: var(
1036
- --_ctm-mob-dn-or-io-or-ne-ft-fy,
1037
- var(--_ctm-tab-dn-or-io-or-ne-ft-fy, var(--_ctm-dn-or-io-or-ne-ft-fy))
1038
- );
1039
- font-size: var(
1040
- --_ctm-mob-dn-or-io-or-ne-ft-se,
1041
- var(--_ctm-tab-dn-or-io-or-ne-ft-se, var(--_ctm-dn-or-io-or-ne-ft-se))
1042
- );
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)));
1043
874
  // font-size: 14px;
1044
- color: var(
1045
- --_ctm-mob-dn-or-io-or-ne-cr,
1046
- var(--_ctm-tab-dn-or-io-or-ne-cr, var(--_ctm-dn-or-io-or-ne-cr))
1047
- );
1048
- font-weight: var(
1049
- --_ctm-mob-dn-or-io-or-ne-ft-wt,
1050
- var(--_ctm-tab-dn-or-io-or-ne-ft-wt, var(--_ctm-dn-or-io-or-ne-ft-wt))
1051
- );
1052
- text-decoration: var(
1053
- --_ctm-mob-dn-or-io-or-ne-ue,
1054
- var(--_ctm-tab-dn-or-io-or-ne-ue, var(--_ctm-dn-or-io-or-ne-ue))
1055
- );
1056
- letter-spacing: var(
1057
- --_ctm-mob-dn-or-io-or-ne-lr-sg,
1058
- var(--_ctm-tab-dn-or-io-or-ne-lr-sg, var(--_ctm-dn-or-io-or-ne-lr-sg))
1059
- );
1060
- line-height: var(
1061
- --_ctm-mob-dn-or-io-or-ne-le-ht,
1062
- var(--_ctm-tab-dn-or-io-or-ne-le-ht, var(--_ctm-dn-or-io-or-ne-le-ht))
1063
- );
1064
- font-style: var(
1065
- --_ctm-mob-dn-or-io-or-ne-ft-se-ic,
1066
- var(--_ctm-tab-dn-or-io-or-ne-ft-se-ic, var(--_ctm-dn-or-io-or-ne-ft-se-ic))
1067
- );
1068
- text-align: var(
1069
- --_ctm-mob-dn-or-io-or-ne-tt-an,
1070
- var(--_ctm-tab-dn-or-io-or-ne-tt-an, var(--_ctm-dn-or-io-or-ne-tt-an))
1071
- );
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)));
1072
889
  text-transform: prepareMediaVariable(--_ctm-dn-or-io-or-ne-tt-tm);
1073
890
  word-wrap: prepareMediaVariable(--_ctm-dn-or-io-or-ne-wd-wr);
1074
891
  word-break: prepareMediaVariable(--_ctm-dn-or-io-or-ne-wd-bk);
1075
892
  padding: prepareMediaVariable(--_ctm-dn-or-io-or-ne-pg, 0);
893
+
1076
894
  &#{$overflowSelector} {
1077
895
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1078
896
  }
1079
897
  }
898
+
1080
899
  .sgmd_details {
1081
900
  line-height: prepareMediaVariable(--_ctm-dn-or-io-sg-md-le-ht, 24px);
1082
901
  font-family: prepareMediaVariable(--_ctm-dn-or-io-sg-md-ft-fy);
902
+
1083
903
  &.flex__overflow {
1084
904
  white-space: normal;
1085
905
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1086
906
  }
907
+
1087
908
  font-size: prepareMediaVariable(--_ctm-dn-or-io-sg-md-ft-se);
1088
909
  // font-size: 16px;
1089
910
  color: prepareMediaVariable(--_ctm-dn-or-io-sg-md-cr);
@@ -1100,6 +921,7 @@ $defaultValues: (
1100
921
  display: flex;
1101
922
  align-items: center;
1102
923
  gap: prepareMediaVariable(--_ctm-dn-or-io-sg-md-im-gp, 0);
924
+
1103
925
  &#{$overflowSelector} {
1104
926
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1105
927
  }
@@ -1112,10 +934,8 @@ $defaultValues: (
1112
934
  display: flex;
1113
935
  flex-direction: column;
1114
936
 
1115
- gap: var(
1116
- --_ctm-mob-dn-qk-as-qk-as-cr-im-gp,
1117
- var(--_ctm-tab-dn-qk-as-qk-as-cr-im-gp, var(--_ctm-dn-qk-as-qk-as-cr-im-gp))
1118
- );
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)));
1119
939
 
1120
940
  background-color: prepareMediaVariable(--_ctm-dn-qk-as-qk-as-cr-bd-cr);
1121
941
  padding: prepareMediaVariable(--_ctm-dn-qk-as-qk-as-cr-pg);
@@ -1127,96 +947,53 @@ $defaultValues: (
1127
947
 
1128
948
  .action-button {
1129
949
  width: fit-content;
1130
- padding: var(
1131
- --_ctm-mob-dn-qk-as-as-dt-se-pg,
1132
- var(--_ctm-tab-dn-qk-as-as-dt-se-pg, var(--_ctm-dn-qk-as-as-dt-se-pg))
1133
- );
1134
- border-color: var(
1135
- --_ctm-mob-dn-qk-as-as-dt-se-br-cr,
1136
- var(--_ctm-tab-dn-qk-as-as-dt-se-br-cr, var(--_ctm-dn-qk-as-as-dt-se-br-cr))
1137
- );
1138
- border-style: var(
1139
- --_ctm-mob-dn-qk-as-as-dt-se-br-se,
1140
- var(--_ctm-tab-dn-qk-as-as-dt-se-br-se, var(--_ctm-dn-qk-as-as-dt-se-br-se))
1141
- );
1142
- border-width: var(
1143
- --_ctm-mob-dn-qk-as-as-dt-se-br-wh,
1144
- var(--_ctm-tab-dn-qk-as-as-dt-se-br-wh, var(--_ctm-dn-qk-as-as-dt-se-br-wh))
1145
- );
1146
- border-radius: var(
1147
- --_ctm-mob-dn-qk-as-as-dt-se-br-rs,
1148
- var(--_ctm-tab-dn-qk-as-as-dt-se-br-rs, var(--_ctm-dn-qk-as-as-dt-se-br-rs))
1149
- );
1150
- box-shadow: var(
1151
- --_show-shadow,
1152
- var(
1153
- --_ctm-mob-dn-bd-ad-fl-sw-ae,
1154
- var(--_ctm-dn-qk-as-as-dt-se-sw-ae, var(--_ctm-dn-bd-ad-fl-sw-ae))
1155
- )
1156
- var(
1157
- --_ctm-mob-dn-bd-ad-fl-sw-br,
1158
- var(--_ctm-dn-qk-as-as-dt-se-sw-br, var(--_ctm-dn-bd-ad-fl-sw-br))
1159
- )
1160
- var(
1161
- --_ctm-mob-dn-bd-ad-fl-sw-sd,
1162
- var(--_ctm-dn-qk-as-as-dt-se-sw-sd, var(--_ctm-dn-bd-ad-fl-sw-sd))
1163
- )
1164
- var(
1165
- --_ctm-mob-dn-bd-ad-fl-sw-cr,
1166
- var(--_ctm-dn-qk-as-as-dt-se-sw-cr, var(--_ctm-dn-bd-ad-fl-sw-cr))
1167
- )
1168
- );
1169
- background-color: var(
1170
- --_ctm-mob-dn-qk-as-as-dt-se-bd-cr,
1171
- var(--_ctm-tab-dn-qk-as-as-dt-se-bd-cr, var(--_ctm-dn-qk-as-as-dt-se-bd-cr))
1172
- );
1173
- font-family: var(
1174
- --_ctm-mob-dn-qk-as-as-dt-se-ft-fy,
1175
- var(--_ctm-tab-dn-qk-as-as-dt-se-ft-fy, var(--_ctm-dn-qk-as-as-dt-se-ft-fy))
1176
- );
1177
- font-size: var(
1178
- --_ctm-mob-dn-qk-as-as-dt-se-ft-se,
1179
- var(--_ctm-tab-dn-qk-as-as-dt-se-ft-se, var(--_ctm-dn-qk-as-as-dt-se-ft-se))
1180
- );
1181
- color: var(
1182
- --_ctm-mob-dn-qk-as-as-dt-se-cr,
1183
- var(--_ctm-tab-dn-qk-as-as-dt-se-cr, var(--_ctm-dn-qk-as-as-dt-se-cr))
1184
- );
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)));
1185
974
  // color: var(--_thm-cs-tt-ls-as);
1186
- font-weight: var(
1187
- --_ctm-mob-dn-qk-as-as-dt-se-ft-wt,
1188
- var(--_ctm-tab-dn-qk-as-as-dt-se-ft-wt, var(--_ctm-dn-qk-as-as-dt-se-ft-wt))
1189
- );
1190
- text-decoration: var(
1191
- --_ctm-mob-dn-qk-as-as-dt-se-ue,
1192
- var(--_ctm-tab-dn-qk-as-as-dt-se-ue, var(--_ctm-dn-qk-as-as-dt-se-ue))
1193
- );
1194
- letter-spacing: var(
1195
- --_ctm-mob-dn-qk-as-as-dt-se-lr-sg,
1196
- var(--_ctm-tab-dn-qk-as-as-dt-se-lr-sg, var(--_ctm-dn-qk-as-as-dt-se-lr-sg))
1197
- );
1198
- line-height: var(
1199
- --_ctm-mob-dn-qk-as-as-dt-se-le-ht,
1200
- var(--_ctm-tab-dn-qk-as-as-dt-se-le-ht, var(--_ctm-dn-qk-as-as-dt-se-le-ht))
1201
- );
1202
- font-style: var(
1203
- --_ctm-mob-dn-qk-as-as-dt-se-ft-se-ic,
1204
- var(--_ctm-tab-dn-qk-as-as-dt-se-ft-se-ic, var(--_ctm-dn-qk-as-as-dt-se-ft-se-ic))
1205
- );
1206
- text-align: var(
1207
- --_ctm-mob-dn-qk-as-as-dt-se-tt-an,
1208
- var(--_ctm-tab-dn-qk-as-as-dt-se-tt-an, var(--_ctm-dn-qk-as-as-dt-se-tt-an))
1209
- );
1210
- padding: var(
1211
- --_ctm-mob-dn-qk-as-as-dt-se-pg,
1212
- var(--_ctm-tab-dn-qk-as-as-dt-se-pg, var(--_ctm-dn-qk-as-as-dt-se-pg))
1213
- );
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)));
1214
989
  text-transform: prepareMediaVariable(--_ctm-dn-qk-as-as-dt-se-tt-tm);
1215
990
  word-wrap: prepareMediaVariable(--_ctm-dn-qk-as-as-dt-se-wd-wr);
1216
991
  word-break: prepareMediaVariable(--_ctm-dn-qk-as-as-dt-se-wd-bk);
992
+
1217
993
  &#{$overflowSelector} {
1218
994
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1219
995
  }
996
+
1220
997
  cursor: pointer;
1221
998
  // text-align: start;
1222
999
 
@@ -1224,90 +1001,45 @@ $defaultValues: (
1224
1001
  // color: #0d60e5;
1225
1002
  // background-color: var(--_gray-100);
1226
1003
  // border-radius: 6px;
1227
- padding: var(
1228
- --_ctm-mob-dn-qk-as-as-hr-se-pg,
1229
- var(--_ctm-tab-dn-qk-as-as-hr-se-pg, var(--_ctm-dn-qk-as-as-hr-se-pg))
1230
- );
1231
- border-color: var(
1232
- --_ctm-mob-dn-qk-as-as-hr-se-br-cr,
1233
- var(--_ctm-tab-dn-qk-as-as-hr-se-br-cr, var(--_ctm-dn-qk-as-as-hr-se-br-cr))
1234
- );
1235
- border-style: var(
1236
- --_ctm-mob-dn-qk-as-as-hr-se-br-se,
1237
- var(--_ctm-tab-dn-qk-as-as-hr-se-br-se, var(--_ctm-dn-qk-as-as-hr-se-br-se))
1238
- );
1239
- border-width: var(
1240
- --_ctm-mob-dn-qk-as-as-hr-se-br-wh,
1241
- var(--_ctm-tab-dn-qk-as-as-hr-se-br-wh, var(--_ctm-dn-qk-as-as-hr-se-br-wh))
1242
- );
1243
- border-radius: var(
1244
- --_ctm-mob-dn-qk-as-as-hr-se-br-rs,
1245
- var(--_ctm-tab-dn-qk-as-as-hr-se-br-rs, var(--_ctm-dn-qk-as-as-hr-se-br-rs))
1246
- );
1247
- box-shadow: var(
1248
- --_show-shadow,
1249
- var(
1250
- --_ctm-mob-dn-bd-ad-fl-sw-ae,
1251
- var(--_ctm-dn-qk-as-as-hr-se-sw-ae, var(--_ctm-dn-bd-ad-fl-sw-ae))
1252
- )
1253
- var(
1254
- --_ctm-mob-dn-bd-ad-fl-sw-br,
1255
- var(--_ctm-dn-qk-as-as-hr-se-sw-br, var(--_ctm-dn-bd-ad-fl-sw-br))
1256
- )
1257
- var(
1258
- --_ctm-mob-dn-bd-ad-fl-sw-sd,
1259
- var(--_ctm-dn-qk-as-as-hr-se-sw-sd, var(--_ctm-dn-bd-ad-fl-sw-sd))
1260
- )
1261
- var(
1262
- --_ctm-mob-dn-bd-ad-fl-sw-cr,
1263
- var(--_ctm-dn-qk-as-as-hr-se-sw-cr, var(--_ctm-dn-bd-ad-fl-sw-cr))
1264
- )
1265
- );
1266
- background-color: var(
1267
- --_ctm-mob-dn-qk-as-as-hr-se-bd-cr,
1268
- var(--_ctm-tab-dn-qk-as-as-hr-se-bd-cr, var(--_ctm-dn-qk-as-as-hr-se-bd-cr))
1269
- );
1270
- font-family: var(
1271
- --_ctm-mob-dn-qk-as-as-hr-se-ft-fy,
1272
- var(--_ctm-tab-dn-qk-as-as-hr-se-ft-fy, var(--_ctm-dn-qk-as-as-hr-se-ft-fy))
1273
- );
1274
- font-size: var(
1275
- --_ctm-mob-dn-qk-as-as-hr-se-ft-se,
1276
- var(--_ctm-tab-dn-qk-as-as-hr-se-ft-se, var(--_ctm-dn-qk-as-as-hr-se-ft-se))
1277
- );
1278
- color: var(
1279
- --_ctm-mob-dn-qk-as-as-hr-se-cr,
1280
- var(--_ctm-tab-dn-qk-as-as-hr-se-cr, var(--_ctm-dn-qk-as-as-hr-se-cr))
1281
- );
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)));
1282
1028
  // color: var(--_thm-cs-tt-ls-as);
1283
- font-weight: var(
1284
- --_ctm-mob-dn-qk-as-as-hr-se-ft-wt,
1285
- var(--_ctm-tab-dn-qk-as-as-hr-se-ft-wt, var(--_ctm-dn-qk-as-as-hr-se-ft-wt))
1286
- );
1287
- text-decoration: var(
1288
- --_ctm-mob-dn-qk-as-as-hr-se-ue,
1289
- var(--_ctm-tab-dn-qk-as-as-hr-se-ue, var(--_ctm-dn-qk-as-as-hr-se-ue))
1290
- );
1291
- letter-spacing: var(
1292
- --_ctm-mob-dn-qk-as-as-hr-se-lr-sg,
1293
- var(--_ctm-tab-dn-qk-as-as-hr-se-lr-sg, var(--_ctm-dn-qk-as-as-hr-se-lr-sg))
1294
- );
1295
- line-height: var(
1296
- --_ctm-mob-dn-qk-as-as-hr-se-le-ht,
1297
- var(--_ctm-tab-dn-qk-as-as-hr-se-le-ht, var(--_ctm-dn-qk-as-as-hr-se-le-ht))
1298
- );
1299
- font-style: var(
1300
- --_ctm-mob-dn-qk-as-as-hr-se-ft-se-ic,
1301
- var(--_ctm-tab-dn-qk-as-as-hr-se-ft-se-ic, var(--_ctm-dn-qk-as-as-hr-se-ft-se-ic))
1302
- );
1303
- text-align: var(
1304
- --_ctm-mob-dn-qk-as-as-hr-se-tt-an,
1305
- var(--_ctm-tab-dn-qk-as-as-hr-se-tt-an, var(--_ctm-dn-qk-as-as-hr-se-tt-an))
1306
- );
1307
- padding: var(
1308
- --_ctm-mob-dn-qk-as-as-hr-se-pg,
1309
- var(--_ctm-tab-dn-qk-as-as-hr-se-pg, var(--_ctm-dn-qk-as-as-hr-se-pg))
1310
- );
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)));
1311
1043
  text-transform: prepareMediaVariable(--_ctm-dn-qk-as-as-hr-se-tt-tm);
1312
1044
  word-wrap: prepareMediaVariable(--_ctm-dn-qk-as-as-hr-se-wd-wr);
1313
1045
  word-break: prepareMediaVariable(--_ctm-dn-qk-as-as-hr-se-wd-bk);
@@ -1317,53 +1049,26 @@ $defaultValues: (
1317
1049
 
1318
1050
  /* ───────── Cart Items ───────── */
1319
1051
  .cart-items {
1320
- background-color: var(
1321
- --_ctm-mob-dn-dn-ct-is-bd-cr,
1322
- var(--_ctm-tab-dn-dn-ct-is-bd-cr, var(--_ctm-dn-dn-ct-is-bd-cr))
1323
- );
1324
- margin: var(
1325
- --_ctm-mob-dn-dn-ct-is-mn,
1326
- var(--_ctm-tab-dn-dn-ct-is-mn, var(--_ctm-dn-dn-ct-is-mn))
1327
- );
1328
- padding: var(
1329
- --_ctm-mob-dn-dn-ct-is-pg,
1330
- var(--_ctm-tab-dn-dn-ct-is-pg, var(--_ctm-dn-dn-ct-is-pg))
1331
- );
1332
- border-color: var(
1333
- --_ctm-mob-dn-dn-ct-is-br-cr,
1334
- var(--_ctm-tab-dn-dn-ct-is-br-cr, var(--_ctm-dn-dn-ct-is-br-cr))
1335
- );
1336
- border-style: var(
1337
- --_ctm-mob-dn-dn-ct-is-br-se,
1338
- var(--_ctm-tab-dn-dn-ct-is-br-se, var(--_ctm-dn-dn-ct-is-br-se))
1339
- );
1340
- border-width: var(
1341
- --_ctm-mob-dn-dn-ct-is-br-wh,
1342
- var(--_ctm-tab-dn-dn-ct-is-br-wh, var(--_ctm-dn-dn-ct-is-br-wh))
1343
- );
1344
- border-radius: var(
1345
- --_ctm-mob-dn-dn-ct-is-br-rs,
1346
- var(--_ctm-tab-dn-dn-ct-is-br-rs, var(--_ctm-dn-dn-ct-is-br-rs))
1347
- );
1348
- box-shadow: var(
1349
- --_show-shadow,
1350
- var(
1351
- --_ctm-mob-dn-bd-ad-fl-sw-ae,
1352
- var(--_ctm-dn-dn-ct-is-sw-ae, var(--_ctm-dn-bd-ad-fl-sw-ae))
1353
- )
1354
- var(
1355
- --_ctm-mob-dn-bd-ad-fl-sw-br,
1356
- var(--_ctm-dn-dn-ct-is-sw-br, var(--_ctm-dn-bd-ad-fl-sw-br))
1357
- )
1358
- var(
1359
- --_ctm-mob-dn-bd-ad-fl-sw-sd,
1360
- var(--_ctm-dn-dn-ct-is-sw-sd, var(--_ctm-dn-bd-ad-fl-sw-sd))
1361
- )
1362
- var(
1363
- --_ctm-mob-dn-bd-ad-fl-sw-cr,
1364
- var(--_ctm-dn-dn-ct-is-sw-cr, var(--_ctm-dn-bd-ad-fl-sw-cr))
1365
- )
1366
- );
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))));
1367
1072
 
1368
1073
  h3 {
1369
1074
  // font-size: 14px;
@@ -1371,46 +1076,26 @@ $defaultValues: (
1371
1076
  margin-bottom: 12px;
1372
1077
  // line-height: 20px;
1373
1078
  // font-weight: 400;
1374
- padding: var(
1375
- --_ctm-mob-dn-pt-wt-pt-te-pg,
1376
- var(--_ctm-tab-dn-pt-wt-pt-te-im-pg, var(--_ctm-dn-pt-wt-pt-te-pg))
1377
- );
1378
- font-family: var(
1379
- --_ctm-mob-dn-pt-wt-pt-te-ft-fy,
1380
- var(--_ctm-tab-dn-pt-wt-pt-te-ft-fy, var(--_ctm-dn-pt-wt-pt-te-ft-fy))
1381
- );
1382
- font-size: var(
1383
- --_ctm-mob-dn-pt-wt-pt-te-ft-se,
1384
- var(--_ctm-tab-dn-pt-wt-pt-te-ft-se, var(--_ctm-dn-pt-wt-pt-te-ft-se))
1385
- );
1386
- color: var(
1387
- --_ctm-mob-dn-pt-wt-pt-te-cr,
1388
- var(--_ctm-tab-dn-pt-wt-pt-te-cr, var(--_ctm-dn-pt-wt-pt-te-cr))
1389
- );
1390
- font-weight: var(
1391
- --_ctm-mob-dn-pt-wt-pt-te-ft-wt,
1392
- var(--_ctm-tab-dn-pt-wt-pt-te-ft-wt, var(--_ctm-dn-pt-wt-pt-te-ft-wt))
1393
- );
1394
- text-decoration: var(
1395
- --_ctm-mob-dn-pt-wt-pt-te-ue,
1396
- var(--_ctm-tab-dn-pt-wt-pt-te-ue, var(--_ctm-dn-pt-wt-pt-te-ue))
1397
- );
1398
- letter-spacing: var(
1399
- --_ctm-mob-dn-pt-wt-pt-te-lr-sg,
1400
- var(--_ctm-tab-dn-pt-wt-pt-te-lr-sg, var(--_ctm-dn-pt-wt-pt-te-lr-sg))
1401
- );
1402
- line-height: var(
1403
- --_ctm-mob-dn-pt-wt-pt-te-le-ht,
1404
- var(--_ctm-tab-dn-pt-wt-pt-te-le-ht, var(--_ctm-dn-pt-wt-pt-te-le-ht))
1405
- );
1406
- font-style: var(
1407
- --_ctm-mob-dn-pt-wt-pt-te-ft-se-ic,
1408
- var(--_ctm-tab-dn-pt-wt-pt-te-ft-se-ic, var(--_ctm-dn-pt-wt-pt-te-ft-se-ic))
1409
- );
1410
- text-align: var(
1411
- --_ctm-mob-dn-pt-wt-pt-te-tt-an,
1412
- var(--_ctm-tab-dn-pt-wt-pt-te-tt-an, var(--_ctm-dn-pt-wt-pt-te-tt-an))
1413
- );
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)));
1414
1099
  text-transform: prepareMediaVariable(--_ctm-dn-pt-wt-pt-te-tt-tm);
1415
1100
  word-wrap: prepareMediaVariable(--_ctm-dn-pt-wt-pt-te-wd-wr);
1416
1101
  word-break: prepareMediaVariable(--_ctm-dn-pt-wt-pt-te-wd-bk);
@@ -1421,76 +1106,47 @@ $defaultValues: (
1421
1106
  // grid-template-columns: repeat(3, 1fr);
1422
1107
  grid-template-columns: repeat(var(--_column-count-three, 3), 1fr);
1423
1108
  gap: prepareMediaVariable(--_ctm-dn-pt-wt-pt-wt-wr-im-gp, 16px);
1424
- background-color: var(
1425
- --_ctm-mob-dn-pt-wt-pt-wt-wr-bd-cr,
1426
- var(--_ctm-tab-dn-pt-wt-pt-wt-wr-bd-cr, var(--_ctm-dn-pt-wt-pt-wt-wr-bd-cr))
1427
- );
1428
- margin: var(
1429
- --_ctm-mob-dn-pt-wt-pt-wt-wr-mn,
1430
- var(--_ctm-tab-dn-pt-wt-pt-wt-wr-mn, var(--_ctm-dn-pt-wt-pt-wt-wr-mn))
1431
- );
1432
- padding: var(
1433
- --_ctm-mob-dn-pt-wt-pt-wt-wr-pg,
1434
- var(--_ctm-tab-dn-pt-wt-pt-wt-wr-pg, var(--_ctm-dn-pt-wt-pt-wt-wr-pg))
1435
- );
1436
- border-color: var(
1437
- --_ctm-mob-dn-pt-wt-pt-wt-wr-br-cr,
1438
- var(--_ctm-tab-dn-pt-wt-pt-wt-wr-br-cr, var(--_ctm-dn-pt-wt-pt-wt-wr-br-cr))
1439
- );
1440
- border-style: var(
1441
- --_ctm-mob-dn-pt-wt-pt-wt-wr-br-se,
1442
- var(--_ctm-tab-dn-pt-wt-pt-wt-wr-br-se, var(--_ctm-dn-pt-wt-pt-wt-wr-br-se))
1443
- );
1444
- border-width: var(
1445
- --_ctm-mob-dn-pt-wt-pt-wt-wr-br-wh,
1446
- var(--_ctm-tab-dn-pt-wt-pt-wt-wr-br-wh, var(--_ctm-dn-pt-wt-pt-wt-wr-br-wh))
1447
- );
1448
-
1449
- border-radius: var(
1450
- --_ctm-mob-dn-pt-wt-pt-wt-wr-br-rs,
1451
- var(--_ctm-tab-dn-pt-wt-pt-wt-wr-br-rs, var(--_ctm-dn-pt-wt-pt-wt-wr-br-rs))
1452
- );
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)));
1453
1124
  margin-bottom: 24px;
1454
1125
  }
1455
1126
 
1456
1127
  .item-card {
1457
1128
  // border-radius: 6px;
1458
- gap: var(
1459
- --_ctm-mob-dn-pt-wt-pt-wt-im-im-gp,
1460
- var(--_ctm-tab-dn-pt-wt-pt-wt-im-im-gp, var(--_ctm-dn-pt-wt-pt-wt-im-im-gp))
1461
- );
1462
- background-color: var(
1463
- --_ctm-mob-dn-pt-wt-pt-wt-im-bd-cr,
1464
- var(--_ctm-tab-dn-pt-wt-pt-wt-im-bd-cr, var(--_ctm-dn-pt-wt-pt-wt-im-bd-cr))
1465
- );
1466
- margin: var(
1467
- --_ctm-mob-dn-pt-wt-pt-wt-im-mn,
1468
- var(--_ctm-tab-dn-pt-wt-pt-wt-im-mn, var(--_ctm-dn-pt-wt-pt-wt-im-mn))
1469
- );
1470
- padding: var(
1471
- --_ctm-mob-dn-pt-wt-pt-wt-im-pg,
1472
- var(--_ctm-tab-dn-pt-wt-pt-wt-im-pg, var(--_ctm-dn-pt-wt-pt-wt-im-pg))
1473
- );
1474
- border-color: var(
1475
- --_ctm-mob-dn-pt-wt-pt-wt-im-br-cr,
1476
- var(--_ctm-tab-dn-pt-wt-pt-wt-im-br-cr, var(--_ctm-dn-pt-wt-pt-wt-im-br-cr))
1477
- );
1478
- border-style: var(
1479
- --_ctm-mob-dn-pt-wt-pt-wt-im-br-se,
1480
- var(--_ctm-tab-dn-pt-wt-pt-wt-im-br-se, var(--_ctm-dn-pt-wt-pt-wt-im-br-se))
1481
- );
1482
- border-width: var(
1483
- --_ctm-mob-dn-pt-wt-pt-wt-im-br-wh,
1484
- var(--_ctm-tab-dn-pt-wt-pt-wt-im-br-wh, var(--_ctm-dn-pt-wt-pt-wt-im-br-wh))
1485
- );
1486
-
1487
- border-radius: var(
1488
- --_ctm-mob-dn-pt-wt-pt-wt-im-br-rs,
1489
- var(--_ctm-tab-dn-pt-wt-pt-wt-im-br-rs, var(--_ctm-dn-pt-wt-pt-wt-im-br-rs))
1490
- );
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)));
1491
1146
  display: flex;
1492
1147
  align-items: flex-start;
1493
1148
  flex-wrap: wrap;
1149
+
1494
1150
  .cart_item_img {
1495
1151
  background-color: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ie-bd-cr);
1496
1152
  border-radius: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ie-br-rs);
@@ -1549,10 +1205,12 @@ $defaultValues: (
1549
1205
  display: flex;
1550
1206
  align-items: center;
1551
1207
  justify-content: center;
1208
+
1552
1209
  svg {
1553
1210
  path {
1554
1211
  stroke: var(--_thm-ty-p1-tt-cr);
1555
1212
  }
1213
+
1556
1214
  width: 18px;
1557
1215
  height: 18px;
1558
1216
  transition: transform 400ms linear;
@@ -1572,46 +1230,24 @@ $defaultValues: (
1572
1230
 
1573
1231
  .cart_item_accordion_price {
1574
1232
  white-space: nowrap;
1575
- color: var(
1576
- --_ctm-mob-dn-pt-pe-ss-cr,
1577
- var(--_ctm-tab-dn-pt-pe-ss-cr, var(--_ctm-dn-pt-pe-ss-cr))
1578
- );
1579
- font-family: var(
1580
- --_sf-hr-ff,
1581
- var(
1582
- --_ctm-mob-dn-pt-pe-ss-ft-fy,
1583
- var(--_ctm-tab-dn-pt-pe-ss-ft-fy, var(--_ctm-dn-pt-pe-ss-ft-fy))
1584
- )
1585
- );
1586
- text-transform: var(
1587
- --_sf-hr-tt-tm,
1588
- var(
1589
- --_ctm-mob-dn-pt-pe-ss-tt-tm,
1590
- var(--_ctm-tab-dn-pt-pe-ss-tt-tm, var(--_ctm-dn-pt-pe-ss-tt-tm))
1591
- )
1592
- );
1593
- word-wrap: var(
1594
- --_sf-hr-wd-wp,
1595
- var(
1596
- --_ctm-mob-dn-pt-pe-ss-wd-wp,
1597
- var(--_ctm-tab-dn-pt-pe-ss-wd-wp, var(--_ctm-dn-pt-pe-ss-wd-wp))
1598
- )
1599
- );
1600
- word-break: var(
1601
- --_sf-hr-wd-bk,
1602
- var(
1603
- --_ctm-mob-dn-pt-pe-ss-wd-bk,
1604
- var(--_ctm-tab-dn-pt-pe-ss-wd-bk, var(--_ctm-dn-pt-pe-ss-wd-bk))
1605
- )
1606
- );
1607
- font-size: var(
1608
- --_ctm-mob-dn-pt-pe-ss-ft-se,
1609
- var(--_ctm-tab-dn-pt-pe-ss-ft-se, var(--_ctm-dn-pt-pe-ss-ft-se, 14px))
1610
- );
1611
- font-weight: var(
1612
- --_ctm-mob-dn-pt-pe-ss-ft-wt,
1613
- var(--_ctm-tab-dn-pt-pe-ss-ft-wt, var(--_ctm-dn-pt-pe-ss-ft-wt))
1614
- );
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)));
1615
1251
  }
1616
1252
  }
1617
1253
  }
@@ -1625,6 +1261,7 @@ $defaultValues: (
1625
1261
  gap: 16px;
1626
1262
  border: 1px solid var(--_thm-cs-be-se-3);
1627
1263
  border-radius: 4px;
1264
+
1628
1265
  .bundle-product-item {
1629
1266
  .product_qty_price_wrapper {
1630
1267
  gap: 8px;
@@ -1634,6 +1271,7 @@ $defaultValues: (
1634
1271
  }
1635
1272
  }
1636
1273
  }
1274
+
1637
1275
  margin-top: 8px;
1638
1276
 
1639
1277
  // img {
@@ -1692,45 +1330,28 @@ $defaultValues: (
1692
1330
  // color: var(--_gray-900);
1693
1331
  // line-height: 20px;
1694
1332
  padding: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ne-pg, 0);
1695
- font-family: var(
1696
- --_ctm-mob-dn-pt-wt-pt-ne-ft-fy,
1697
- var(--_ctm-tab-dn-pt-wt-pt-ne-ft-fy, var(--_ctm-dn-pt-wt-pt-ne-ft-fy))
1698
- );
1699
- font-size: var(
1700
- --_ctm-mob-dn-pt-wt-pt-ne-ft-se,
1701
- var(--_ctm-tab-dn-pt-wt-pt-ne-ft-se, var(--_ctm-dn-pt-wt-pt-ne-ft-se))
1702
- );
1703
- color: var(
1704
- --_ctm-mob-dn-pt-wt-pt-ne-cr,
1705
- var(--_ctm-tab-dn-pt-wt-pt-ne-cr, var(--_ctm-dn-pt-wt-pt-ne-cr))
1706
- );
1707
- font-weight: var(
1708
- --_ctm-mob-dn-pt-wt-pt-ne-ft-wt,
1709
- var(--_ctm-tab-dn-pt-wt-pt-ne-ft-wt, var(--_ctm-dn-pt-wt-pt-ne-ft-wt))
1710
- );
1711
- text-decoration: var(
1712
- --_ctm-mob-dn-pt-wt-pt-ne-ue,
1713
- var(--_ctm-tab-dn-pt-wt-pt-ne-ue, var(--_ctm-dn-pt-wt-pt-ne-ue))
1714
- );
1715
- letter-spacing: var(
1716
- --_ctm-mob-dn-pt-wt-pt-ne-lr-sg,
1717
- var(--_ctm-tab-dn-pt-wt-pt-ne-lr-sg, var(--_ctm-dn-pt-wt-pt-ne-lr-sg))
1718
- );
1719
- line-height: var(
1720
- --_ctm-mob-dn-pt-wt-pt-ne-le-ht,
1721
- var(--_ctm-tab-dn-pt-wt-pt-ne-le-ht, var(--_ctm-dn-pt-wt-pt-ne-le-ht))
1722
- );
1723
- font-style: var(
1724
- --_ctm-mob-dn-pt-wt-pt-ne-ft-se-ic,
1725
- var(--_ctm-tab-dn-pt-wt-pt-ne-ft-se-ic, var(--_ctm-dn-pt-wt-pt-ne-ft-se-ic))
1726
- );
1727
- text-align: var(
1728
- --_ctm-mob-dn-pt-wt-pt-ne-tt-an,
1729
- var(--_ctm-tab-dn-pt-wt-pt-ne-tt-an, var(--_ctm-dn-pt-wt-pt-ne-tt-an))
1730
- );
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)));
1731
1351
  text-transform: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ne-tt-tm);
1732
1352
  word-wrap: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ne-wd-wr);
1733
1353
  word-break: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ne-wd-bk);
1354
+
1734
1355
  &#{$overflowSelector} {
1735
1356
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1736
1357
  }
@@ -1739,196 +1360,125 @@ $defaultValues: (
1739
1360
  .item-specs,
1740
1361
  .item-sku-code,
1741
1362
  .item-options {
1742
- padding: var(
1743
- --_ctm-mob-dn-pt-wt-pt-ce-pg,
1744
- var(--_ctm-tab-dn-pt-wt-pt-ce-im-pg, var(--_ctm-dn-pt-wt-pt-ce-pg))
1745
- );
1746
- font-family: var(
1747
- --_ctm-mob-dn-pt-wt-pt-ce-ft-fy,
1748
- var(--_ctm-tab-dn-pt-wt-pt-ce-ft-fy, var(--_ctm-dn-pt-wt-pt-ce-ft-fy))
1749
- );
1750
- font-size: var(
1751
- --_ctm-mob-dn-pt-wt-pt-ce-ft-se,
1752
- var(--_ctm-tab-dn-pt-wt-pt-ce-ft-se, var(--_ctm-dn-pt-wt-pt-ce-ft-se))
1753
- );
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)));
1754
1369
  // font-size: 12px;
1755
- color: var(
1756
- --_ctm-mob-dn-pt-wt-pt-ce-cr,
1757
- var(--_ctm-tab-dn-pt-wt-pt-ce-cr, var(--_ctm-dn-pt-wt-pt-ce-cr))
1758
- );
1759
- font-weight: var(
1760
- --_ctm-mob-dn-pt-wt-pt-ce-ft-wt,
1761
- var(--_ctm-tab-dn-pt-wt-pt-ce-ft-wt, var(--_ctm-dn-pt-wt-pt-ce-ft-wt))
1762
- );
1763
- text-decoration: var(
1764
- --_ctm-mob-dn-pt-wt-pt-ce-ue,
1765
- var(--_ctm-tab-dn-pt-wt-pt-ce-ue, var(--_ctm-dn-pt-wt-pt-ce-ue))
1766
- );
1767
- letter-spacing: var(
1768
- --_ctm-mob-dn-pt-wt-pt-ce-lr-sg,
1769
- var(--_ctm-tab-dn-pt-wt-pt-ce-lr-sg, var(--_ctm-dn-pt-wt-pt-ce-lr-sg))
1770
- );
1771
- line-height: var(
1772
- --_ctm-mob-dn-pt-wt-pt-ce-le-ht,
1773
- var(--_ctm-tab-dn-pt-wt-pt-ce-le-ht, var(--_ctm-dn-pt-wt-pt-ce-le-ht))
1774
- );
1775
- font-style: var(
1776
- --_ctm-mob-dn-pt-wt-pt-ce-ft-se-ic,
1777
- var(--_ctm-tab-dn-pt-wt-pt-ce-ft-se-ic, var(--_ctm-dn-pt-wt-pt-ce-ft-se-ic))
1778
- );
1779
- text-align: var(
1780
- --_ctm-mob-dn-pt-wt-pt-ce-tt-an,
1781
- var(--_ctm-tab-dn-pt-wt-pt-ce-tt-an, var(--_ctm-dn-pt-wt-pt-ce-tt-an))
1782
- );
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)));
1783
1384
  text-transform: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ce-tt-tm);
1784
1385
  word-wrap: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ce-wd-wr);
1785
1386
  word-break: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ce-wd-bk);
1387
+
1786
1388
  &#{$overflowSelector} {
1787
1389
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1788
1390
  }
1789
1391
  }
1392
+
1790
1393
  .item-qty {
1791
- padding: var(
1792
- --_ctm-mob-dn-pt-wt-pt-qy-pg,
1793
- var(--_ctm-tab-dn-pt-wt-pt-qy-pg, var(--_ctm-dn-pt-wt-pt-qy-pg))
1794
- );
1795
- font-family: var(
1796
- --_ctm-mob-dn-pt-wt-pt-qy-ft-fy,
1797
- var(--_ctm-tab-dn-pt-wt-pt-qy-ft-fy, var(--_ctm-dn-pt-wt-pt-qy-ft-fy))
1798
- );
1799
- font-size: var(
1800
- --_ctm-mob-dn-pt-wt-pt-qy-ft-se,
1801
- var(--_ctm-tab-dn-pt-wt-pt-qy-ft-se, var(--_ctm-dn-pt-wt-pt-qy-ft-se))
1802
- );
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)));
1803
1400
  // font-size: 12px;
1804
- color: var(
1805
- --_ctm-mob-dn-pt-wt-pt-qy-cr,
1806
- var(--_ctm-tab-dn-pt-wt-pt-qy-cr, var(--_ctm-dn-pt-wt-pt-qy-cr))
1807
- );
1808
- font-weight: var(
1809
- --_ctm-mob-dn-pt-wt-pt-qy-ft-wt,
1810
- var(--_ctm-tab-dn-pt-wt-pt-qy-ft-wt, var(--_ctm-dn-pt-wt-pt-qy-ft-wt))
1811
- );
1812
- text-decoration: var(
1813
- --_ctm-mob-dn-pt-wt-pt-qy-ue,
1814
- var(--_ctm-tab-dn-pt-wt-pt-qy-ue, var(--_ctm-dn-pt-wt-pt-qy-ue))
1815
- );
1816
- letter-spacing: var(
1817
- --_ctm-mob-dn-pt-wt-pt-qy-lr-sg,
1818
- var(--_ctm-tab-dn-pt-wt-pt-qy-lr-sg, var(--_ctm-dn-pt-wt-pt-qy-lr-sg))
1819
- );
1820
- line-height: var(
1821
- --_ctm-mob-dn-pt-wt-pt-qy-le-ht,
1822
- var(--_ctm-tab-dn-pt-wt-pt-qy-le-ht, var(--_ctm-dn-pt-wt-pt-qy-le-ht))
1823
- );
1824
- font-style: var(
1825
- --_ctm-mob-dn-pt-wt-pt-qy-ft-se-ic,
1826
- var(--_ctm-tab-dn-pt-wt-pt-qy-ft-se-ic, var(--_ctm-dn-pt-wt-pt-qy-ft-se-ic))
1827
- );
1828
- text-align: var(
1829
- --_ctm-mob-dn-pt-wt-pt-qy-tt-an,
1830
- var(--_ctm-tab-dn-pt-wt-pt-qy-tt-an, var(--_ctm-dn-pt-wt-pt-qy-tt-an))
1831
- );
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)));
1832
1415
  text-transform: prepareMediaVariable(--_ctm-dn-pt-wt-pt-qy-tt-tm);
1833
1416
  word-wrap: prepareMediaVariable(--_ctm-dn-pt-wt-pt-qy-wd-wr);
1834
1417
  word-break: prepareMediaVariable(--_ctm-dn-pt-wt-pt-qy-wd-bk);
1418
+
1835
1419
  &#{$overflowSelector} {
1836
1420
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1837
1421
  }
1422
+
1838
1423
  span {
1839
- font-family: var(
1840
- --_ctm-mob-dn-pt-wt-pt-qy-ft-fy-dc,
1841
- var(--_ctm-tab-dn-pt-wt-pt-qy-ft-fy-dc, var(--_ctm-dn-pt-wt-pt-qy-ft-fy-dc))
1842
- );
1843
- font-size: var(
1844
- --_ctm-mob-dn-pt-wt-pt-qy-ft-se-dc,
1845
- var(--_ctm-tab-dn-pt-wt-pt-qy-ft-se-dc, var(--_ctm-dn-pt-wt-pt-qy-ft-se-dc))
1846
- );
1847
- color: var(
1848
- --_ctm-mob-dn-pt-wt-pt-qy-cr-dc,
1849
- var(--_ctm-tab-dn-pt-wt-pt-qy-cr-dc, var(--_ctm-dn-pt-wt-pt-qy-cr-dc))
1850
- );
1851
- font-weight: var(
1852
- --_ctm-mob-dn-pt-wt-pt-qy-ft-wt-dc,
1853
- var(--_ctm-tab-dn-pt-wt-pt-qy-ft-wt-dc, var(--_ctm-dn-pt-wt-pt-qy-ft-wt-dc))
1854
- );
1855
- text-decoration: var(
1856
- --_ctm-mob-dn-pt-wt-pt-qy-ue-dc,
1857
- var(--_ctm-tab-dn-pt-wt-pt-qy-ue-dc, var(--_ctm-dn-pt-wt-pt-qy-ue-dc))
1858
- );
1859
- letter-spacing: var(
1860
- --_ctm-mob-dn-pt-wt-pt-qy-lr-sg-dc,
1861
- var(--_ctm-tab-dn-pt-wt-pt-qy-lr-sg-dc, var(--_ctm-dn-pt-wt-pt-qy-lr-sg-dc))
1862
- );
1863
- line-height: var(
1864
- --_ctm-mob-dn-pt-wt-pt-qy-le-ht-dc,
1865
- var(--_ctm-tab-dn-pt-wt-pt-qy-le-ht-dc, var(--_ctm-dn-pt-wt-pt-qy-le-ht-dc))
1866
- );
1867
- font-style: var(
1868
- --_ctm-mob-dn-pt-wt-pt-qy-ft-se-ic-dc,
1869
- var(--_ctm-tab-dn-pt-wt-pt-qy-ft-se-ic-dc, var(--_ctm-dn-pt-wt-pt-qy-ft-se-ic-dc))
1870
- );
1871
- text-align: var(
1872
- --_ctm-mob-dn-pt-wt-pt-qy-tt-an-dc,
1873
- var(--_ctm-tab-dn-pt-wt-pt-qy-tt-an-dc, var(--_ctm-dn-pt-wt-pt-qy-tt-an-dc))
1874
- );
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)));
1875
1442
  text-transform: prepareMediaVariable(--_ctm-dn-pt-wt-pt-qy-tt-tm-dc);
1876
1443
  word-wrap: prepareMediaVariable(--_ctm-dn-pt-wt-pt-qy-wd-wr-dc);
1877
1444
  word-break: prepareMediaVariable(--_ctm-dn-pt-wt-pt-qy-wd-bk-dc);
1445
+
1878
1446
  &#{$overflowSelector} {
1879
1447
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1880
1448
  }
1881
1449
  }
1882
1450
  }
1451
+
1883
1452
  .estimated-delivery {
1884
1453
  margin: 0;
1885
1454
  // font-size: 12px;
1886
1455
  // color: var(--_gray-600);
1887
1456
  // line-height: 18px;
1888
- padding: var(
1889
- --_ctm-mob-dn-pt-wt-pt-ed-de-pg,
1890
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-pg, var(--_ctm-dn-pt-wt-pt-ed-de-pg))
1891
- );
1892
- font-family: var(
1893
- --_ctm-mob-dn-pt-wt-pt-ed-de-ft-fy,
1894
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-fy, var(--_ctm-dn-pt-wt-pt-ed-de-ft-fy))
1895
- );
1896
- font-size: var(
1897
- --_ctm-mob-dn-pt-wt-pt-ed-de-ft-se,
1898
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-se, var(--_ctm-dn-pt-wt-pt-ed-de-ft-se))
1899
- );
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)));
1900
1463
  // font-size: 12px;
1901
- color: var(
1902
- --_ctm-mob-dn-pt-wt-pt-ed-de-cr,
1903
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-cr, var(--_ctm-dn-pt-wt-pt-ed-de-cr))
1904
- );
1905
- font-weight: var(
1906
- --_ctm-mob-dn-pt-wt-pt-ed-de-ft-wt,
1907
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-wt, var(--_ctm-dn-pt-wt-pt-ed-de-ft-wt))
1908
- );
1909
- text-decoration: var(
1910
- --_ctm-mob-dn-pt-wt-pt-ed-de-ue,
1911
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-ue, var(--_ctm-dn-pt-wt-pt-ed-de-ue))
1912
- );
1913
- letter-spacing: var(
1914
- --_ctm-mob-dn-pt-wt-pt-ed-de-lr-sg,
1915
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-lr-sg, var(--_ctm-dn-pt-wt-pt-ed-de-lr-sg))
1916
- );
1917
- line-height: var(
1918
- --_ctm-mob-dn-pt-wt-pt-ed-de-le-ht,
1919
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-le-ht, var(--_ctm-dn-pt-wt-pt-ed-de-le-ht))
1920
- );
1921
- font-style: var(
1922
- --_ctm-mob-dn-pt-wt-pt-ed-de-ft-se-ic,
1923
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-se-ic, var(--_ctm-dn-pt-wt-pt-ed-de-ft-se-ic))
1924
- );
1925
- text-align: var(
1926
- --_ctm-mob-dn-pt-wt-pt-ed-de-tt-an,
1927
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-tt-an, var(--_ctm-dn-pt-wt-pt-ed-de-tt-an))
1928
- );
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)));
1929
1478
  text-transform: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ed-de-tt-tm);
1930
1479
  word-wrap: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ed-de-wd-wr);
1931
1480
  word-break: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ed-de-wd-bk);
1481
+
1932
1482
  &#{$overflowSelector} {
1933
1483
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1934
1484
  }
@@ -1936,53 +1486,32 @@ $defaultValues: (
1936
1486
 
1937
1487
  .delivery-date {
1938
1488
  margin: 0;
1939
- padding: var(
1940
- --_ctm-mob-dn-pt-wt-pt-ed-de-pg-dc,
1941
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-pg-dc, var(--_ctm-dn-pt-wt-pt-ed-de-pg-dc))
1942
- );
1943
- font-family: var(
1944
- --_ctm-mob-dn-pt-wt-pt-ed-de-ft-fy-dc,
1945
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-fy-dc, var(--_ctm-dn-pt-wt-pt-ed-de-ft-fy-dc))
1946
- );
1947
- font-size: var(
1948
- --_ctm-mob-dn-pt-wt-pt-ed-de-ft-se-dc,
1949
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-se-dc, var(--_ctm-dn-pt-wt-pt-ed-de-ft-se-dc))
1950
- );
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)));
1951
1495
  // font-size: 12px;
1952
- color: var(
1953
- --_ctm-mob-dn-pt-wt-pt-ed-de-cr-dc,
1954
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-cr-dc, var(--_ctm-dn-pt-wt-pt-ed-de-cr-dc))
1955
- );
1956
- font-weight: var(
1957
- --_ctm-mob-dn-pt-wt-pt-ed-de-ft-wt-dc,
1958
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-wt-dc, var(--_ctm-dn-pt-wt-pt-ed-de-ft-wt-dc))
1959
- );
1960
- text-decoration: var(
1961
- --_ctm-mob-dn-pt-wt-pt-ed-de-ue-dc,
1962
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-ue-dc, var(--_ctm-dn-pt-wt-pt-ed-de-ue-dc))
1963
- );
1964
- letter-spacing: var(
1965
- --_ctm-mob-dn-pt-wt-pt-ed-de-lr-sg-dc,
1966
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-lr-sg-dc, var(--_ctm-dn-pt-wt-pt-ed-de-lr-sg-dc))
1967
- );
1968
- line-height: var(
1969
- --_ctm-mob-dn-pt-wt-pt-ed-de-le-ht-dc,
1970
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-le-ht-dc, var(--_ctm-dn-pt-wt-pt-ed-de-le-ht-dc))
1971
- );
1972
- font-style: var(
1973
- --_ctm-mob-dn-pt-wt-pt-ed-de-ft-se-ic-dc,
1974
- var(
1975
- --_ctm-tab-dn-pt-wt-pt-ed-de-ft-se-ic-dc,
1976
- var(--_ctm-dn-pt-wt-pt-ed-de-ft-se-ic-dc)
1977
- )
1978
- );
1979
- text-align: var(
1980
- --_ctm-mob-dn-pt-wt-pt-ed-de-tt-an-dc,
1981
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-tt-an-dc, var(--_ctm-dn-pt-wt-pt-ed-de-tt-an-dc))
1982
- );
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)));
1983
1511
  text-transform: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ed-de-tt-tm-dc);
1984
1512
  word-wrap: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ed-de-wd-wr-dc);
1985
1513
  word-break: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ed-de-wd-bk-dc);
1514
+
1986
1515
  &#{$overflowSelector} {
1987
1516
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1988
1517
  }
@@ -1993,60 +1522,46 @@ $defaultValues: (
1993
1522
  // font-size: 0.85rem;
1994
1523
  // font-weight: 600;
1995
1524
  // color: #1e293b;
1996
- font-family: var(
1997
- --_ctm-mob-dn-pt-wt-pt-pe-ft-fy,
1998
- var(--_ctm-tab-dn-pt-wt-pt-pe-ft-fy, var(--_ctm-dn-pt-wt-pt-pe-ft-fy))
1999
- );
2000
- font-size: var(
2001
- --_ctm-mob-dn-pt-wt-pt-pe-ft-se,
2002
- var(--_ctm-tab-dn-pt-wt-pt-pe-ft-se, var(--_ctm-dn-pt-wt-pt-pe-ft-se))
2003
- );
2004
- color: var(
2005
- --_ctm-mob-dn-pt-wt-pt-pe-cr,
2006
- var(--_ctm-tab-dn-pt-wt-pt-pe-cr, var(--_ctm-dn-pt-wt-pt-pe-cr))
2007
- );
2008
- font-weight: var(
2009
- --_ctm-mob-dn-pt-wt-pt-pe-ft-wt,
2010
- var(--_ctm-tab-dn-pt-wt-pt-pe-ft-wt, var(--_ctm-dn-pt-wt-pt-pe-ft-wt))
2011
- );
2012
- text-decoration: var(
2013
- --_ctm-mob-dn-pt-wt-pt-pe-ue,
2014
- var(--_ctm-tab-dn-pt-wt-pt-pe-ue, var(--_ctm-dn-pt-wt-pt-pe-ue))
2015
- );
2016
- letter-spacing: var(
2017
- --_ctm-mob-dn-pt-wt-pt-pe-lr-sg,
2018
- var(--_ctm-tab-dn-pt-wt-pt-pe-lr-sg, var(--_ctm-dn-pt-wt-pt-pe-lr-sg))
2019
- );
2020
- line-height: var(
2021
- --_ctm-mob-dn-pt-wt-pt-pe-le-ht,
2022
- var(--_ctm-tab-dn-pt-wt-pt-pe-le-ht, var(--_ctm-dn-pt-wt-pt-pe-le-ht))
2023
- );
2024
- font-style: var(
2025
- --_ctm-mob-dn-pt-wt-pt-pe-ft-se-ic,
2026
- var(--_ctm-tab-dn-pt-wt-pt-pe-ft-se-ic, var(--_ctm-dn-pt-wt-pt-pe-ft-se-ic))
2027
- );
2028
- text-align: var(
2029
- --_ctm-mob-dn-pt-wt-pt-pe-tt-an,
2030
- var(--_ctm-tab-dn-pt-wt-pt-pe-tt-an, var(--_ctm-dn-pt-wt-pt-pe-tt-an))
2031
- );
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)));
2032
1543
  text-transform: prepareMediaVariable(--_ctm-dn-pt-wt-pt-pe-tt-tm);
2033
1544
  word-wrap: prepareMediaVariable(--_ctm-dn-pt-wt-pt-pe-wd-wr);
2034
1545
  word-break: prepareMediaVariable(--_ctm-dn-pt-wt-pt-pe-wd-bk);
1546
+
2035
1547
  &#{$overflowSelector} {
2036
1548
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
2037
1549
  }
1550
+
2038
1551
  // margin-left: 12px;
2039
1552
  }
2040
1553
  }
2041
1554
 
2042
1555
  .show-more-wrapper {
2043
1556
  margin: 32px 16px 16px 0px;
1557
+
2044
1558
  button {
2045
1559
  padding: 12px 16px;
2046
1560
  // color: var(--_primary-400);
2047
1561
  color: var(--_thm-cs-tt-ls-as);
2048
1562
  font-weight: 600;
2049
1563
  border-radius: 6px;
1564
+
2050
1565
  &:hover {
2051
1566
  background-color: var(--_primary-25);
2052
1567
  }
@@ -2058,6 +1573,7 @@ $defaultValues: (
2058
1573
  .order-attributes {
2059
1574
  border-top: 1px solid var(--_thm-cs-be-se-3);
2060
1575
  padding-top: 24px;
1576
+
2061
1577
  .order_attribute_text {
2062
1578
  font-weight: 700;
2063
1579
  color: var(--_thm-ty-p1-tt-cr);
@@ -2108,23 +1624,29 @@ $defaultValues: (
2108
1624
  max-width: 200px;
2109
1625
  font-size: 12px;
2110
1626
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
1627
+
2111
1628
  ul {
2112
1629
  display: flex;
2113
1630
  flex-direction: column;
2114
1631
  gap: 8px;
1632
+
2115
1633
  li {
2116
1634
  display: flex;
2117
1635
  justify-content: space-between;
2118
1636
  font-size: 12px;
1637
+
2119
1638
  .key_label {
2120
1639
  color: var(--_gray-600);
2121
1640
  }
1641
+
2122
1642
  .key_label {
2123
1643
  color: var(--_gray-900);
2124
1644
  }
1645
+
2125
1646
  .total {
2126
1647
  color: var(--_gray-600);
2127
1648
  }
1649
+
2128
1650
  .price {
2129
1651
  color: var(--_gray-900);
2130
1652
  font-weight: 600;
@@ -2139,6 +1661,7 @@ $defaultValues: (
2139
1661
  justify-content: space-between;
2140
1662
  gap: 12px;
2141
1663
  white-space: nowrap;
1664
+
2142
1665
  .breakup-label {
2143
1666
  line-height: prepareMediaVariable(--_ctm-dn-or-io-bk-up-ds-le-ht);
2144
1667
  font-family: prepareMediaVariable(--_ctm-dn-or-io-bk-up-ds-ft-fy);
@@ -2155,10 +1678,12 @@ $defaultValues: (
2155
1678
  text-transform: prepareMediaVariable(--_ctm-dn-or-io-bk-up-ds-tt-tm);
2156
1679
  word-wrap: prepareMediaVariable(--_ctm-dn-or-io-bk-up-ds-wd-wr);
2157
1680
  word-break: prepareMediaVariable(--_ctm-dn-or-io-bk-up-ds-wd-bk);
1681
+
2158
1682
  &#{$overflowSelector} {
2159
1683
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
2160
1684
  }
2161
1685
  }
1686
+
2162
1687
  .break_up_amount {
2163
1688
  line-height: prepareMediaVariable(--_ctm-dn-or-io-bk-up-ds-le-ht-dc);
2164
1689
  font-family: prepareMediaVariable(--_ctm-dn-or-io-bk-up-ds-ft-fy-dc);
@@ -2182,6 +1707,7 @@ $defaultValues: (
2182
1707
  display: block;
2183
1708
  }
2184
1709
  }
1710
+
2185
1711
  .bg-gray-100 {
2186
1712
  background-color: var(--_gray-100) !important;
2187
- }
1713
+ }