@sc-360-v2/storefront-cms-library 0.3.94 → 0.3.96

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 (14) hide show
  1. package/dist/builder.js +1 -1
  2. package/dist/cart-summary.scss +19 -16
  3. package/dist/checkout.scss +13 -64
  4. package/dist/embroider-template-1.scss +56 -0
  5. package/dist/mega-menu-container.scss +28 -25
  6. package/dist/mega-menu.scss +1 -1
  7. package/dist/my-templates.scss +4 -3
  8. package/dist/order-status.scss +633 -626
  9. package/dist/position-module.scss +21 -1
  10. package/dist/request-for-quotes.scss +27 -8
  11. package/dist/tab-v2.scss +7 -2
  12. package/dist/types/builder/tools/element-edit/common.d.ts +1 -0
  13. package/dist/types/builder/tools/element-edit/tabsV2.d.ts +53 -1
  14. package/package.json +1 -1
package/dist/order-status.scss CHANGED
@@ -914,738 +914,745 @@
914
914
  }
915
915
  }
916
916
  }
917
+ }
917
918
 
918
- .shipping-method,
919
- .payment-mode {
920
- p {
921
- font-size: 16px;
922
- line-height: 24px;
923
- }
919
+ .shipping-method,
920
+ .payment-mode {
921
+ .sgmd_title {
922
+ font-size: 14px;
923
+ color: var(
924
+ --_ctm-mob-dn-or-io-or-io-hr-cr,
925
+ var(--_ctm-tab-dn-or-io-or-io-hr-cr, var(--_ctm-dn-or-io-or-io-hr-cr))
926
+ );
927
+ }
928
+ .sgmd_details {
929
+ font-size: 16px;
930
+ color: var(
931
+ --_ctm-mob-dn-or-io-or-id-cr,
932
+ var(--_ctm-tab-dn-or-io-or-id-cr, var(--_ctm-dn-or-io-or-id-cr))
933
+ );
924
934
  }
925
935
  }
936
+ }
926
937
 
927
- /* ───────── Quick Actions ───────── */
928
- .quick-actions {
929
- display: flex;
930
- flex-direction: column;
938
+ /* ───────── Quick Actions ───────── */
939
+ .quick-actions {
940
+ display: flex;
941
+ flex-direction: column;
942
+
943
+ gap: 12px;
931
944
 
932
- gap: 12px;
945
+ background-color: var(--_ctm-dn-dn-qk-as-bd-cr);
946
+ margin: var(--_ctm-dn-dn-qk-as-mn);
947
+ padding: var(--_ctm-dn-dn-qk-as-pg);
948
+ border-color: var(--_ctm-dn-dn-qk-as-br-cr);
933
949
 
934
- background-color: var(--_ctm-dn-dn-qk-as-bd-cr);
935
- margin: var(--_ctm-dn-dn-qk-as-mn);
936
- padding: var(--_ctm-dn-dn-qk-as-pg);
937
- border-color: var(--_ctm-dn-dn-qk-as-br-cr);
950
+ border-style: var(--_ctm-dn-dn-qk-as-br-se);
951
+ border-width: var(--_ctm-dn-dn-qk-as-br-wh);
952
+ border-radius: var(--_ctm-dn-dn-qk-as-br-rs);
938
953
 
939
- border-style: var(--_ctm-dn-dn-qk-as-br-se);
940
- border-width: var(--_ctm-dn-dn-qk-as-br-wh);
941
- border-radius: var(--_ctm-dn-dn-qk-as-br-rs);
954
+ box-shadow: var(
955
+ --_show-shadow,
956
+ var(
957
+ --_ctm-mob-dn-bd-ad-fl-sw-ae,
958
+ var(--_ctm-dn-dn-qk-as-sw-ae, var(--_ctm-dn-bd-ad-fl-sw-ae))
959
+ )
960
+ var(
961
+ --_ctm-mob-dn-bd-ad-fl-sw-br,
962
+ var(--_ctm-dn-dn-qk-as-sw-br, var(--_ctm-dn-bd-ad-fl-sw-br))
963
+ )
964
+ var(
965
+ --_ctm-mob-dn-bd-ad-fl-sw-sd,
966
+ var(--_ctm-dn-dn-qk-as-sw-sd, var(--_ctm-dn-bd-ad-fl-sw-sd))
967
+ )
968
+ var(
969
+ --_ctm-mob-dn-bd-ad-fl-sw-cr,
970
+ var(--_ctm-dn-dn-qk-as-sw-cr, var(--_ctm-dn-bd-ad-fl-sw-cr))
971
+ )
972
+ );
942
973
 
974
+ .action-button {
975
+ width: fit-content;
976
+ margin: var(
977
+ --_ctm-mob-dn-qk-as-as-mn,
978
+ var(--_ctm-tab-dn-qk-as-as-mn, var(--_ctm-dn-qk-as-as-mn))
979
+ );
980
+ padding: var(
981
+ --_ctm-mob-dn-qk-as-as-pg,
982
+ var(--_ctm-tab-dn-qk-as-as-pg, var(--_ctm-dn-qk-as-as-pg))
983
+ );
984
+ border-color: var(
985
+ --_ctm-mob-dn-qk-as-as-br-cr,
986
+ var(--_ctm-tab-dn-qk-as-as-br-cr, var(--_ctm-dn-qk-as-as-br-cr))
987
+ );
988
+ border-style: var(
989
+ --_ctm-mob-dn-qk-as-as-br-se,
990
+ var(--_ctm-tab-dn-qk-as-as-br-se, var(--_ctm-dn-qk-as-as-br-se))
991
+ );
992
+ border-width: var(
993
+ --_ctm-mob-dn-qk-as-as-br-wh,
994
+ var(--_ctm-tab-dn-qk-as-as-br-wh, var(--_ctm-dn-qk-as-as-br-wh))
995
+ );
996
+ border-radius: var(
997
+ --_ctm-mob-dn-qk-as-as-br-rs,
998
+ var(--_ctm-mob-dn-qk-as-as-br-rs, var(--_ctm-mob-dn-qk-as-as-br-rs))
999
+ );
943
1000
  box-shadow: var(
944
1001
  --_show-shadow,
945
1002
  var(
946
1003
  --_ctm-mob-dn-bd-ad-fl-sw-ae,
947
- var(--_ctm-dn-dn-qk-as-sw-ae, var(--_ctm-dn-bd-ad-fl-sw-ae))
1004
+ var(--_ctm-dn-qk-as-as-sw-ae, var(--_ctm-dn-bd-ad-fl-sw-ae))
948
1005
  )
949
1006
  var(
950
1007
  --_ctm-mob-dn-bd-ad-fl-sw-br,
951
- var(--_ctm-dn-dn-qk-as-sw-br, var(--_ctm-dn-bd-ad-fl-sw-br))
1008
+ var(--_ctm-dn-qk-as-as-sw-br, var(--_ctm-dn-bd-ad-fl-sw-br))
952
1009
  )
953
1010
  var(
954
1011
  --_ctm-mob-dn-bd-ad-fl-sw-sd,
955
- var(--_ctm-dn-dn-qk-as-sw-sd, var(--_ctm-dn-bd-ad-fl-sw-sd))
1012
+ var(--_ctm-dn-qk-as-as-sw-sd, var(--_ctm-dn-bd-ad-fl-sw-sd))
956
1013
  )
957
1014
  var(
958
1015
  --_ctm-mob-dn-bd-ad-fl-sw-cr,
959
- var(--_ctm-dn-dn-qk-as-sw-cr, var(--_ctm-dn-bd-ad-fl-sw-cr))
1016
+ var(--_ctm-dn-qk-as-as-sw-cr, var(--_ctm-dn-bd-ad-fl-sw-cr))
960
1017
  )
961
1018
  );
1019
+ background-color: var(
1020
+ --_ctm-mob-dn-qk-as-as-bd-cr,
1021
+ var(--_ctm-tab-dn-qk-as-as-bd-cr, var(--_ctm-dn-qk-as-as-bd-cr))
1022
+ );
1023
+ font-family: var(
1024
+ --_ctm-mob-dn-qk-as-as-ft-fy,
1025
+ var(--_ctm-tab-dn-qk-as-as-ft-fy, var(--_ctm-dn-qk-as-as-ft-fy))
1026
+ );
1027
+ font-size: var(
1028
+ --_ctm-mob-dn-qk-as-as-ft-se,
1029
+ var(--_ctm-tab-dn-qk-as-as-ft-se, var(--_ctm-dn-qk-as-as-ft-se))
1030
+ );
1031
+ // color: var(
1032
+ // --_ctm-mob-dn-qk-as-as-cr,
1033
+ // var(--_ctm-tab-dn-qk-as-as-cr, var(--_ctm-dn-qk-as-as-cr))
1034
+ // );
1035
+ color: var(--_thm-cs-tt-ls-as);
1036
+ font-weight: var(
1037
+ --_ctm-mob-dn-qk-as-as-ft-wt,
1038
+ var(--_ctm-tab-dn-qk-as-as-ft-wt, var(--_ctm-dn-qk-as-as-ft-wt))
1039
+ );
1040
+ text-decoration: var(
1041
+ --_ctm-mob-dn-qk-as-as-ue,
1042
+ var(--_ctm-tab-dn-qk-as-as-ue, var(--_ctm-dn-qk-as-as-ue))
1043
+ );
1044
+ letter-spacing: var(
1045
+ --_ctm-mob-dn-qk-as-as-lr-sg,
1046
+ var(--_ctm-tab-dn-qk-as-as-lr-sg, var(--_ctm-dn-qk-as-as-lr-sg))
1047
+ );
1048
+ line-height: var(
1049
+ --_ctm-mob-dn-qk-as-as-le-ht,
1050
+ var(--_ctm-tab-dn-qk-as-as-le-ht, var(--_ctm-dn-qk-as-as-le-ht))
1051
+ );
1052
+ font-style: var(
1053
+ --_ctm-mob-dn-qk-as-as-ft-se-ic,
1054
+ var(--_ctm-tab-dn-qk-as-as-ft-se-ic, var(--_ctm-dn-qk-as-as-ft-se-ic))
1055
+ );
1056
+ text-align: var(
1057
+ --_ctm-mob-dn-qk-as-as-tt-an,
1058
+ var(--_ctm-tab-dn-qk-as-as-tt-an, var(--_ctm-dn-qk-as-as-tt-an))
1059
+ );
1060
+ padding: var(
1061
+ --_ctm-mob-dn-qk-as-as-pg,
1062
+ var(--_ctm-tab-dn-qk-as-as-pg, var(--_ctm-dn-qk-as-as-pg))
1063
+ );
1064
+ cursor: pointer;
1065
+ // text-align: start;
962
1066
 
963
- .action-button {
964
- width: fit-content;
965
- margin: var(
966
- --_ctm-mob-dn-qk-as-as-mn,
967
- var(--_ctm-tab-dn-qk-as-as-mn, var(--_ctm-dn-qk-as-as-mn))
968
- );
969
- padding: var(
970
- --_ctm-mob-dn-qk-as-as-pg,
971
- var(--_ctm-tab-dn-qk-as-as-pg, var(--_ctm-dn-qk-as-as-pg))
972
- );
973
- border-color: var(
974
- --_ctm-mob-dn-qk-as-as-br-cr,
975
- var(--_ctm-tab-dn-qk-as-as-br-cr, var(--_ctm-dn-qk-as-as-br-cr))
976
- );
977
- border-style: var(
978
- --_ctm-mob-dn-qk-as-as-br-se,
979
- var(--_ctm-tab-dn-qk-as-as-br-se, var(--_ctm-dn-qk-as-as-br-se))
980
- );
981
- border-width: var(
982
- --_ctm-mob-dn-qk-as-as-br-wh,
983
- var(--_ctm-tab-dn-qk-as-as-br-wh, var(--_ctm-dn-qk-as-as-br-wh))
984
- );
985
- border-radius: var(
986
- --_ctm-mob-dn-qk-as-as-br-rs,
987
- var(--_ctm-mob-dn-qk-as-as-br-rs, var(--_ctm-mob-dn-qk-as-as-br-rs))
988
- );
989
- box-shadow: var(
990
- --_show-shadow,
991
- var(
992
- --_ctm-mob-dn-bd-ad-fl-sw-ae,
993
- var(--_ctm-dn-qk-as-as-sw-ae, var(--_ctm-dn-bd-ad-fl-sw-ae))
994
- )
995
- var(
996
- --_ctm-mob-dn-bd-ad-fl-sw-br,
997
- var(--_ctm-dn-qk-as-as-sw-br, var(--_ctm-dn-bd-ad-fl-sw-br))
998
- )
999
- var(
1000
- --_ctm-mob-dn-bd-ad-fl-sw-sd,
1001
- var(--_ctm-dn-qk-as-as-sw-sd, var(--_ctm-dn-bd-ad-fl-sw-sd))
1002
- )
1003
- var(
1004
- --_ctm-mob-dn-bd-ad-fl-sw-cr,
1005
- var(--_ctm-dn-qk-as-as-sw-cr, var(--_ctm-dn-bd-ad-fl-sw-cr))
1006
- )
1007
- );
1008
- background-color: var(
1009
- --_ctm-mob-dn-qk-as-as-bd-cr,
1010
- var(--_ctm-tab-dn-qk-as-as-bd-cr, var(--_ctm-dn-qk-as-as-bd-cr))
1011
- );
1012
- font-family: var(
1013
- --_ctm-mob-dn-qk-as-as-ft-fy,
1014
- var(--_ctm-tab-dn-qk-as-as-ft-fy, var(--_ctm-dn-qk-as-as-ft-fy))
1015
- );
1016
- font-size: var(
1017
- --_ctm-mob-dn-qk-as-as-ft-se,
1018
- var(--_ctm-tab-dn-qk-as-as-ft-se, var(--_ctm-dn-qk-as-as-ft-se))
1019
- );
1020
- // color: var(
1021
- // --_ctm-mob-dn-qk-as-as-cr,
1022
- // var(--_ctm-tab-dn-qk-as-as-cr, var(--_ctm-dn-qk-as-as-cr))
1023
- // );
1024
- color: var(--_thm-cs-tt-ls-as);
1025
- font-weight: var(
1026
- --_ctm-mob-dn-qk-as-as-ft-wt,
1027
- var(--_ctm-tab-dn-qk-as-as-ft-wt, var(--_ctm-dn-qk-as-as-ft-wt))
1028
- );
1029
- text-decoration: var(
1030
- --_ctm-mob-dn-qk-as-as-ue,
1031
- var(--_ctm-tab-dn-qk-as-as-ue, var(--_ctm-dn-qk-as-as-ue))
1032
- );
1033
- letter-spacing: var(
1034
- --_ctm-mob-dn-qk-as-as-lr-sg,
1035
- var(--_ctm-tab-dn-qk-as-as-lr-sg, var(--_ctm-dn-qk-as-as-lr-sg))
1036
- );
1037
- line-height: var(
1038
- --_ctm-mob-dn-qk-as-as-le-ht,
1039
- var(--_ctm-tab-dn-qk-as-as-le-ht, var(--_ctm-dn-qk-as-as-le-ht))
1040
- );
1041
- font-style: var(
1042
- --_ctm-mob-dn-qk-as-as-ft-se-ic,
1043
- var(--_ctm-tab-dn-qk-as-as-ft-se-ic, var(--_ctm-dn-qk-as-as-ft-se-ic))
1044
- );
1045
- text-align: var(
1046
- --_ctm-mob-dn-qk-as-as-tt-an,
1047
- var(--_ctm-tab-dn-qk-as-as-tt-an, var(--_ctm-dn-qk-as-as-tt-an))
1048
- );
1049
- padding: var(
1050
- --_ctm-mob-dn-qk-as-as-pg,
1051
- var(--_ctm-tab-dn-qk-as-as-pg, var(--_ctm-dn-qk-as-as-pg))
1052
- );
1053
- cursor: pointer;
1054
- // text-align: start;
1055
-
1056
- &:hover {
1057
- color: #0d60e5;
1058
- background-color: var(--_gray-100);
1059
- border-radius: 6px;
1060
- }
1067
+ &:hover {
1068
+ color: #0d60e5;
1069
+ background-color: var(--_gray-100);
1070
+ border-radius: 6px;
1061
1071
  }
1062
1072
  }
1073
+ }
1074
+
1075
+ /* ───────── Cart Items ───────── */
1076
+ .cart-items {
1077
+ background-color: var(
1078
+ --_ctm-mob-dn-dn-ct-is-bd-cr,
1079
+ var(--_ctm-tab-dn-dn-ct-is-bd-cr, var(--_ctm-dn-dn-ct-is-bd-cr))
1080
+ );
1081
+ margin: var(
1082
+ --_ctm-mob-dn-dn-ct-is-mn,
1083
+ var(--_ctm-tab-dn-dn-ct-is-mn, var(--_ctm-dn-dn-ct-is-mn))
1084
+ );
1085
+ padding: var(
1086
+ --_ctm-mob-dn-dn-ct-is-pg,
1087
+ var(--_ctm-tab-dn-dn-ct-is-pg, var(--_ctm-dn-dn-ct-is-pg))
1088
+ );
1089
+ border-color: var(
1090
+ --_ctm-mob-dn-dn-ct-is-br-cr,
1091
+ var(--_ctm-tab-dn-dn-ct-is-br-cr, var(--_ctm-dn-dn-ct-is-br-cr))
1092
+ );
1093
+ border-style: var(
1094
+ --_ctm-mob-dn-dn-ct-is-br-se,
1095
+ var(--_ctm-tab-dn-dn-ct-is-br-se, var(--_ctm-dn-dn-ct-is-br-se))
1096
+ );
1097
+ border-width: var(
1098
+ --_ctm-mob-dn-dn-ct-is-br-wh,
1099
+ var(--_ctm-tab-dn-dn-ct-is-br-wh, var(--_ctm-dn-dn-ct-is-br-wh))
1100
+ );
1101
+ border-radius: var(
1102
+ --_ctm-mob-dn-dn-ct-is-br-rs,
1103
+ var(--_ctm-tab-dn-dn-ct-is-br-rs, var(--_ctm-dn-dn-ct-is-br-rs))
1104
+ );
1105
+ box-shadow: var(
1106
+ --_show-shadow,
1107
+ var(
1108
+ --_ctm-mob-dn-bd-ad-fl-sw-ae,
1109
+ var(--_ctm-dn-dn-ct-is-sw-ae, var(--_ctm-dn-bd-ad-fl-sw-ae))
1110
+ )
1111
+ var(
1112
+ --_ctm-mob-dn-bd-ad-fl-sw-br,
1113
+ var(--_ctm-dn-dn-ct-is-sw-br, var(--_ctm-dn-bd-ad-fl-sw-br))
1114
+ )
1115
+ var(
1116
+ --_ctm-mob-dn-bd-ad-fl-sw-sd,
1117
+ var(--_ctm-dn-dn-ct-is-sw-sd, var(--_ctm-dn-bd-ad-fl-sw-sd))
1118
+ )
1119
+ var(
1120
+ --_ctm-mob-dn-bd-ad-fl-sw-cr,
1121
+ var(--_ctm-dn-dn-ct-is-sw-cr, var(--_ctm-dn-bd-ad-fl-sw-cr))
1122
+ )
1123
+ );
1124
+
1125
+ h3 {
1126
+ // font-size: 14px;
1127
+ // color: #667085;
1128
+ margin-bottom: 24px;
1129
+ // line-height: 20px;
1130
+ // font-weight: 400;
1131
+ padding: var(
1132
+ --_ctm-mob-dn-pt-wt-pt-te-pg,
1133
+ var(--_ctm-tab-dn-pt-wt-pt-te-im-pg, var(--_ctm-dn-pt-wt-pt-te-pg))
1134
+ );
1135
+ font-family: var(
1136
+ --_ctm-mob-dn-pt-wt-pt-te-ft-fy,
1137
+ var(--_ctm-tab-dn-pt-wt-pt-te-ft-fy, var(--_ctm-dn-pt-wt-pt-te-ft-fy))
1138
+ );
1139
+ font-size: var(
1140
+ --_ctm-mob-dn-pt-wt-pt-te-ft-se,
1141
+ var(--_ctm-tab-dn-pt-wt-pt-te-ft-se, var(--_ctm-dn-pt-wt-pt-te-ft-se))
1142
+ );
1143
+ color: var(
1144
+ --_ctm-mob-dn-pt-wt-pt-te-cr,
1145
+ var(--_ctm-tab-dn-pt-wt-pt-te-cr, var(--_ctm-dn-pt-wt-pt-te-cr))
1146
+ );
1147
+ font-weight: var(
1148
+ --_ctm-mob-dn-pt-wt-pt-te-ft-wt,
1149
+ var(--_ctm-tab-dn-pt-wt-pt-te-ft-wt, var(--_ctm-dn-pt-wt-pt-te-ft-wt))
1150
+ );
1151
+ text-decoration: var(
1152
+ --_ctm-mob-dn-pt-wt-pt-te-ue,
1153
+ var(--_ctm-tab-dn-pt-wt-pt-te-ue, var(--_ctm-dn-pt-wt-pt-te-ue))
1154
+ );
1155
+ letter-spacing: var(
1156
+ --_ctm-mob-dn-pt-wt-pt-te-lr-sg,
1157
+ var(--_ctm-tab-dn-pt-wt-pt-te-lr-sg, var(--_ctm-dn-pt-wt-pt-te-lr-sg))
1158
+ );
1159
+ line-height: var(
1160
+ --_ctm-mob-dn-pt-wt-pt-te-le-ht,
1161
+ var(--_ctm-tab-dn-pt-wt-pt-te-le-ht, var(--_ctm-dn-pt-wt-pt-te-le-ht))
1162
+ );
1163
+ font-style: var(
1164
+ --_ctm-mob-dn-pt-wt-pt-te-ft-se-ic,
1165
+ var(--_ctm-tab-dn-pt-wt-pt-te-ft-se-ic, var(--_ctm-dn-pt-wt-pt-te-ft-se-ic))
1166
+ );
1167
+ text-align: var(
1168
+ --_ctm-mob-dn-pt-wt-pt-te-tt-an,
1169
+ var(--_ctm-tab-dn-pt-wt-pt-te-tt-an, var(--_ctm-dn-pt-wt-pt-te-tt-an))
1170
+ );
1171
+ }
1063
1172
 
1064
- /* ───────── Cart Items ───────── */
1065
- .cart-items {
1173
+ .items-grid {
1174
+ display: grid;
1175
+ grid-template-columns: repeat(3, 1fr);
1176
+ gap: var(
1177
+ --_ctm-mob-dn-pt-wt-pt-wt-wr-im-gp,
1178
+ var(--_ctm-tab-dn-pt-wt-pt-wt-wr-im-gp, var(--_ctm-dn-pt-wt-pt-wt-wr-im-gp))
1179
+ );
1066
1180
  background-color: var(
1067
- --_ctm-mob-dn-dn-ct-is-bd-cr,
1068
- var(--_ctm-tab-dn-dn-ct-is-bd-cr, var(--_ctm-dn-dn-ct-is-bd-cr))
1181
+ --_ctm-mob-dn-pt-wt-pt-wt-wr-bd-cr,
1182
+ var(--_ctm-tab-dn-pt-wt-pt-wt-wr-bd-cr, var(--_ctm-dn-pt-wt-pt-wt-wr-bd-cr))
1069
1183
  );
1070
1184
  margin: var(
1071
- --_ctm-mob-dn-dn-ct-is-mn,
1072
- var(--_ctm-tab-dn-dn-ct-is-mn, var(--_ctm-dn-dn-ct-is-mn))
1185
+ --_ctm-mob-dn-pt-wt-pt-wt-wr-mn,
1186
+ var(--_ctm-tab-dn-pt-wt-pt-wt-wr-mn, var(--_ctm-dn-pt-wt-pt-wt-wr-mn))
1073
1187
  );
1074
1188
  padding: var(
1075
- --_ctm-mob-dn-dn-ct-is-pg,
1076
- var(--_ctm-tab-dn-dn-ct-is-pg, var(--_ctm-dn-dn-ct-is-pg))
1189
+ --_ctm-mob-dn-pt-wt-pt-wt-wr-pg,
1190
+ var(--_ctm-tab-dn-pt-wt-pt-wt-wr-pg, var(--_ctm-dn-pt-wt-pt-wt-wr-pg))
1077
1191
  );
1078
1192
  border-color: var(
1079
- --_ctm-mob-dn-dn-ct-is-br-cr,
1080
- var(--_ctm-tab-dn-dn-ct-is-br-cr, var(--_ctm-dn-dn-ct-is-br-cr))
1193
+ --_ctm-mob-dn-pt-wt-pt-wt-wr-br-cr,
1194
+ var(--_ctm-tab-dn-pt-wt-pt-wt-wr-br-cr, var(--_ctm-dn-pt-wt-pt-wt-wr-br-cr))
1081
1195
  );
1082
1196
  border-style: var(
1083
- --_ctm-mob-dn-dn-ct-is-br-se,
1084
- var(--_ctm-tab-dn-dn-ct-is-br-se, var(--_ctm-dn-dn-ct-is-br-se))
1197
+ --_ctm-mob-dn-pt-wt-pt-wt-wr-br-se,
1198
+ var(--_ctm-tab-dn-pt-wt-pt-wt-wr-br-se, var(--_ctm-dn-pt-wt-pt-wt-wr-br-se))
1085
1199
  );
1086
1200
  border-width: var(
1087
- --_ctm-mob-dn-dn-ct-is-br-wh,
1088
- var(--_ctm-tab-dn-dn-ct-is-br-wh, var(--_ctm-dn-dn-ct-is-br-wh))
1201
+ --_ctm-mob-dn-pt-wt-pt-wt-wr-br-wh,
1202
+ var(--_ctm-tab-dn-pt-wt-pt-wt-wr-br-wh, var(--_ctm-dn-pt-wt-pt-wt-wr-br-wh))
1089
1203
  );
1204
+
1090
1205
  border-radius: var(
1091
- --_ctm-mob-dn-dn-ct-is-br-rs,
1092
- var(--_ctm-tab-dn-dn-ct-is-br-rs, var(--_ctm-dn-dn-ct-is-br-rs))
1093
- );
1094
- box-shadow: var(
1095
- --_show-shadow,
1096
- var(
1097
- --_ctm-mob-dn-bd-ad-fl-sw-ae,
1098
- var(--_ctm-dn-dn-ct-is-sw-ae, var(--_ctm-dn-bd-ad-fl-sw-ae))
1099
- )
1100
- var(
1101
- --_ctm-mob-dn-bd-ad-fl-sw-br,
1102
- var(--_ctm-dn-dn-ct-is-sw-br, var(--_ctm-dn-bd-ad-fl-sw-br))
1103
- )
1104
- var(
1105
- --_ctm-mob-dn-bd-ad-fl-sw-sd,
1106
- var(--_ctm-dn-dn-ct-is-sw-sd, var(--_ctm-dn-bd-ad-fl-sw-sd))
1107
- )
1108
- var(
1109
- --_ctm-mob-dn-bd-ad-fl-sw-cr,
1110
- var(--_ctm-dn-dn-ct-is-sw-cr, var(--_ctm-dn-bd-ad-fl-sw-cr))
1111
- )
1206
+ --_ctm-mob-dn-pt-wt-pt-wt-wr-br-rs,
1207
+ var(--_ctm-tab-dn-pt-wt-pt-wt-wr-br-rs, var(--_ctm-dn-pt-wt-pt-wt-wr-br-rs))
1112
1208
  );
1209
+ margin-bottom: 24px;
1210
+ }
1113
1211
 
1114
- h3 {
1115
- // font-size: 14px;
1116
- // color: #667085;
1117
- margin-bottom: 24px;
1118
- // line-height: 20px;
1119
- // font-weight: 400;
1120
- padding: var(
1121
- --_ctm-mob-dn-pt-wt-pt-te-pg,
1122
- var(--_ctm-tab-dn-pt-wt-pt-te-im-pg, var(--_ctm-dn-pt-wt-pt-te-pg))
1123
- );
1124
- font-family: var(
1125
- --_ctm-mob-dn-pt-wt-pt-te-ft-fy,
1126
- var(--_ctm-tab-dn-pt-wt-pt-te-ft-fy, var(--_ctm-dn-pt-wt-pt-te-ft-fy))
1127
- );
1128
- font-size: var(
1129
- --_ctm-mob-dn-pt-wt-pt-te-ft-se,
1130
- var(--_ctm-tab-dn-pt-wt-pt-te-ft-se, var(--_ctm-dn-pt-wt-pt-te-ft-se))
1131
- );
1132
- color: var(
1133
- --_ctm-mob-dn-pt-wt-pt-te-cr,
1134
- var(--_ctm-tab-dn-pt-wt-pt-te-cr, var(--_ctm-dn-pt-wt-pt-te-cr))
1135
- );
1136
- font-weight: var(
1137
- --_ctm-mob-dn-pt-wt-pt-te-ft-wt,
1138
- var(--_ctm-tab-dn-pt-wt-pt-te-ft-wt, var(--_ctm-dn-pt-wt-pt-te-ft-wt))
1139
- );
1140
- text-decoration: var(
1141
- --_ctm-mob-dn-pt-wt-pt-te-ue,
1142
- var(--_ctm-tab-dn-pt-wt-pt-te-ue, var(--_ctm-dn-pt-wt-pt-te-ue))
1143
- );
1144
- letter-spacing: var(
1145
- --_ctm-mob-dn-pt-wt-pt-te-lr-sg,
1146
- var(--_ctm-tab-dn-pt-wt-pt-te-lr-sg, var(--_ctm-dn-pt-wt-pt-te-lr-sg))
1147
- );
1148
- line-height: var(
1149
- --_ctm-mob-dn-pt-wt-pt-te-le-ht,
1150
- var(--_ctm-tab-dn-pt-wt-pt-te-le-ht, var(--_ctm-dn-pt-wt-pt-te-le-ht))
1151
- );
1152
- font-style: var(
1153
- --_ctm-mob-dn-pt-wt-pt-te-ft-se-ic,
1154
- var(--_ctm-tab-dn-pt-wt-pt-te-ft-se-ic, var(--_ctm-dn-pt-wt-pt-te-ft-se-ic))
1155
- );
1156
- text-align: var(
1157
- --_ctm-mob-dn-pt-wt-pt-te-tt-an,
1158
- var(--_ctm-tab-dn-pt-wt-pt-te-tt-an, var(--_ctm-dn-pt-wt-pt-te-tt-an))
1159
- );
1160
- }
1212
+ .item-card {
1213
+ // border-radius: 6px;
1214
+ gap: var(
1215
+ --_ctm-mob-dn-pt-wt-pt-wt-im-im-gp,
1216
+ var(--_ctm-tab-dn-pt-wt-pt-wt-im-im-gp, var(--_ctm-dn-pt-wt-pt-wt-im-im-gp))
1217
+ );
1218
+ background-color: var(
1219
+ --_ctm-mob-dn-pt-wt-pt-wt-im-bd-cr,
1220
+ var(--_ctm-tab-dn-pt-wt-pt-wt-im-bd-cr, var(--_ctm-dn-pt-wt-pt-wt-im-bd-cr))
1221
+ );
1222
+ margin: var(
1223
+ --_ctm-mob-dn-pt-wt-pt-wt-im-mn,
1224
+ var(--_ctm-tab-dn-pt-wt-pt-wt-im-mn, var(--_ctm-dn-pt-wt-pt-wt-im-mn))
1225
+ );
1226
+ padding: var(
1227
+ --_ctm-mob-dn-pt-wt-pt-wt-im-pg,
1228
+ var(--_ctm-tab-dn-pt-wt-pt-wt-im-pg, var(--_ctm-dn-pt-wt-pt-wt-im-pg))
1229
+ );
1230
+ border-color: var(
1231
+ --_ctm-mob-dn-pt-wt-pt-wt-im-br-cr,
1232
+ var(--_ctm-tab-dn-pt-wt-pt-wt-im-br-cr, var(--_ctm-dn-pt-wt-pt-wt-im-br-cr))
1233
+ );
1234
+ border-style: var(
1235
+ --_ctm-mob-dn-pt-wt-pt-wt-im-br-se,
1236
+ var(--_ctm-tab-dn-pt-wt-pt-wt-im-br-se, var(--_ctm-dn-pt-wt-pt-wt-im-br-se))
1237
+ );
1238
+ border-width: var(
1239
+ --_ctm-mob-dn-pt-wt-pt-wt-im-br-wh,
1240
+ var(--_ctm-tab-dn-pt-wt-pt-wt-im-br-wh, var(--_ctm-dn-pt-wt-pt-wt-im-br-wh))
1241
+ );
1161
1242
 
1162
- .items-grid {
1163
- display: grid;
1164
- grid-template-columns: repeat(3, 1fr);
1165
- gap: var(
1166
- --_ctm-mob-dn-pt-wt-pt-wt-wr-im-gp,
1167
- var(--_ctm-tab-dn-pt-wt-pt-wt-wr-im-gp, var(--_ctm-dn-pt-wt-pt-wt-wr-im-gp))
1168
- );
1169
- background-color: var(
1170
- --_ctm-mob-dn-pt-wt-pt-wt-wr-bd-cr,
1171
- var(--_ctm-tab-dn-pt-wt-pt-wt-wr-bd-cr, var(--_ctm-dn-pt-wt-pt-wt-wr-bd-cr))
1172
- );
1173
- margin: var(
1174
- --_ctm-mob-dn-pt-wt-pt-wt-wr-mn,
1175
- var(--_ctm-tab-dn-pt-wt-pt-wt-wr-mn, var(--_ctm-dn-pt-wt-pt-wt-wr-mn))
1176
- );
1177
- padding: var(
1178
- --_ctm-mob-dn-pt-wt-pt-wt-wr-pg,
1179
- var(--_ctm-tab-dn-pt-wt-pt-wt-wr-pg, var(--_ctm-dn-pt-wt-pt-wt-wr-pg))
1180
- );
1181
- border-color: var(
1182
- --_ctm-mob-dn-pt-wt-pt-wt-wr-br-cr,
1183
- var(--_ctm-tab-dn-pt-wt-pt-wt-wr-br-cr, var(--_ctm-dn-pt-wt-pt-wt-wr-br-cr))
1184
- );
1185
- border-style: var(
1186
- --_ctm-mob-dn-pt-wt-pt-wt-wr-br-se,
1187
- var(--_ctm-tab-dn-pt-wt-pt-wt-wr-br-se, var(--_ctm-dn-pt-wt-pt-wt-wr-br-se))
1188
- );
1189
- border-width: var(
1190
- --_ctm-mob-dn-pt-wt-pt-wt-wr-br-wh,
1191
- var(--_ctm-tab-dn-pt-wt-pt-wt-wr-br-wh, var(--_ctm-dn-pt-wt-pt-wt-wr-br-wh))
1192
- );
1243
+ border-radius: var(
1244
+ --_ctm-mob-dn-pt-wt-pt-wt-im-br-rs,
1245
+ var(--_ctm-tab-dn-pt-wt-pt-wt-im-br-rs, var(--_ctm-dn-pt-wt-pt-wt-im-br-rs))
1246
+ );
1247
+ display: flex;
1248
+ align-items: flex-start;
1193
1249
 
1194
- border-radius: var(
1195
- --_ctm-mob-dn-pt-wt-pt-wt-wr-br-rs,
1196
- var(--_ctm-tab-dn-pt-wt-pt-wt-wr-br-rs, var(--_ctm-dn-pt-wt-pt-wt-wr-br-rs))
1197
- );
1198
- margin-bottom: 24px;
1199
- }
1250
+ // img {
1251
+ // width: 69px;
1252
+ // height: 80px;
1253
+ // object-fit: cover;
1254
+ // // border-radius: 4px;
1255
+ // // margin-right: 12px;
1256
+ // gap: var(
1257
+ // --_ctm-mob-dn-pt-wt-pt-ie-im-gp,
1258
+ // var(--_ctm-tab-dn-pt-wt-pt-ie-im-gp, var(--_ctm-dn-pt-wt-pt-ie-im-gp))
1259
+ // );
1260
+ // background-color: var(
1261
+ // --_ctm-mob-dn-pt-wt-pt-ie-bd-cr,
1262
+ // var(--_ctm-tab-dn-pt-wt-pt-ie-bd-cr, var(--_ctm-dn-pt-wt-pt-ie-bd-cr))
1263
+ // );
1264
+ // margin: var(
1265
+ // --_ctm-mob-dn-pt-wt-pt-ie-mn,
1266
+ // var(--_ctm-tab-dn-pt-wt-pt-ie-mn, var(--_ctm-dn-pt-wt-pt-ie-mn))
1267
+ // );
1268
+ // padding: var(
1269
+ // --_ctm-mob-dn-pt-wt-pt-ie-pg,
1270
+ // var(--_ctm-tab-dn-pt-wt-pt-ie-pg, var(--_ctm-dn-pt-wt-pt-ie-pg))
1271
+ // );
1272
+ // border-color: var(
1273
+ // --_ctm-mob-dn-pt-wt-pt-ie-br-cr,
1274
+ // var(--_ctm-tab-dn-pt-wt-pt-ie-br-cr, var(--_ctm-dn-pt-wt-pt-ie-br-cr))
1275
+ // );
1276
+ // border-style: var(
1277
+ // --_ctm-mob-dn-pt-wt-pt-ie-br-se,
1278
+ // var(--_ctm-tab-dn-pt-wt-pt-ie-br-se, var(--_ctm-dn-pt-wt-pt-ie-br-se))
1279
+ // );
1280
+ // border-width: var(
1281
+ // --_ctm-mob-dn-pt-wt-pt-ie-br-wh,
1282
+ // var(--_ctm-tab-dn-pt-wt-pt-ie-br-wh, var(--_ctm-dn-pt-wt-pt-ie-br-wh))
1283
+ // );
1200
1284
 
1201
- .item-card {
1202
- // border-radius: 6px;
1203
- gap: var(
1204
- --_ctm-mob-dn-pt-wt-pt-wt-im-im-gp,
1205
- var(--_ctm-tab-dn-pt-wt-pt-wt-im-im-gp, var(--_ctm-dn-pt-wt-pt-wt-im-im-gp))
1206
- );
1207
- background-color: var(
1208
- --_ctm-mob-dn-pt-wt-pt-wt-im-bd-cr,
1209
- var(--_ctm-tab-dn-pt-wt-pt-wt-im-bd-cr, var(--_ctm-dn-pt-wt-pt-wt-im-bd-cr))
1210
- );
1211
- margin: var(
1212
- --_ctm-mob-dn-pt-wt-pt-wt-im-mn,
1213
- var(--_ctm-tab-dn-pt-wt-pt-wt-im-mn, var(--_ctm-dn-pt-wt-pt-wt-im-mn))
1214
- );
1215
- padding: var(
1216
- --_ctm-mob-dn-pt-wt-pt-wt-im-pg,
1217
- var(--_ctm-tab-dn-pt-wt-pt-wt-im-pg, var(--_ctm-dn-pt-wt-pt-wt-im-pg))
1218
- );
1219
- border-color: var(
1220
- --_ctm-mob-dn-pt-wt-pt-wt-im-br-cr,
1221
- var(--_ctm-tab-dn-pt-wt-pt-wt-im-br-cr, var(--_ctm-dn-pt-wt-pt-wt-im-br-cr))
1222
- );
1223
- border-style: var(
1224
- --_ctm-mob-dn-pt-wt-pt-wt-im-br-se,
1225
- var(--_ctm-tab-dn-pt-wt-pt-wt-im-br-se, var(--_ctm-dn-pt-wt-pt-wt-im-br-se))
1226
- );
1227
- border-width: var(
1228
- --_ctm-mob-dn-pt-wt-pt-wt-im-br-wh,
1229
- var(--_ctm-tab-dn-pt-wt-pt-wt-im-br-wh, var(--_ctm-dn-pt-wt-pt-wt-im-br-wh))
1230
- );
1285
+ // border-radius: var(
1286
+ // --_ctm-mob-dn-pt-wt-pt-ie-br-rs,
1287
+ // var(--_ctm-tab-dn-pt-wt-pt-ie-br-rs, var(--_ctm-dn-pt-wt-pt-ie-br-rs))
1288
+ // );
1289
+ // display: flex;
1290
+ // align-items: flex-start;
1291
+ // }
1231
1292
 
1232
- border-radius: var(
1233
- --_ctm-mob-dn-pt-wt-pt-wt-im-br-rs,
1234
- var(--_ctm-tab-dn-pt-wt-pt-wt-im-br-rs, var(--_ctm-dn-pt-wt-pt-wt-im-br-rs))
1235
- );
1236
- display: flex;
1237
- align-items: flex-start;
1293
+ .item-details {
1294
+ flex: 1;
1238
1295
 
1239
- img {
1240
- width: 69px;
1241
- height: 80px;
1242
- object-fit: cover;
1243
- // border-radius: 4px;
1244
- // margin-right: 12px;
1245
- gap: var(
1246
- --_ctm-mob-dn-pt-wt-pt-ie-im-gp,
1247
- var(--_ctm-tab-dn-pt-wt-pt-ie-im-gp, var(--_ctm-dn-pt-wt-pt-ie-im-gp))
1296
+ .item-name {
1297
+ display: -webkit-box;
1298
+ -webkit-line-clamp: 1;
1299
+ -webkit-box-orient: vertical;
1300
+ overflow: hidden;
1301
+ text-overflow: ellipsis;
1302
+ margin: 0 0 4px;
1303
+ // font-size: 14px;
1304
+ // font-weight: 600;
1305
+ // color: var(--_gray-900);
1306
+ // line-height: 20px;
1307
+ padding: var(
1308
+ --_ctm-mob-dn-pt-wt-pt-ne-pg,
1309
+ var(--_ctm-tab-dn-pt-wt-pt-ne-im-pg, var(--_ctm-dn-pt-wt-pt-ne-pg))
1248
1310
  );
1249
- background-color: var(
1250
- --_ctm-mob-dn-pt-wt-pt-ie-bd-cr,
1251
- var(--_ctm-tab-dn-pt-wt-pt-ie-bd-cr, var(--_ctm-dn-pt-wt-pt-ie-bd-cr))
1311
+ font-family: var(
1312
+ --_ctm-mob-dn-pt-wt-pt-ne-ft-fy,
1313
+ var(--_ctm-tab-dn-pt-wt-pt-ne-ft-fy, var(--_ctm-dn-pt-wt-pt-ne-ft-fy))
1252
1314
  );
1253
- margin: var(
1254
- --_ctm-mob-dn-pt-wt-pt-ie-mn,
1255
- var(--_ctm-tab-dn-pt-wt-pt-ie-mn, var(--_ctm-dn-pt-wt-pt-ie-mn))
1315
+ font-size: var(
1316
+ --_ctm-mob-dn-pt-wt-pt-ne-ft-se,
1317
+ var(--_ctm-tab-dn-pt-wt-pt-ne-ft-se, var(--_ctm-dn-pt-wt-pt-ne-ft-se))
1256
1318
  );
1257
- padding: var(
1258
- --_ctm-mob-dn-pt-wt-pt-ie-pg,
1259
- var(--_ctm-tab-dn-pt-wt-pt-ie-pg, var(--_ctm-dn-pt-wt-pt-ie-pg))
1319
+ color: var(
1320
+ --_ctm-mob-dn-pt-wt-pt-ne-cr,
1321
+ var(--_ctm-tab-dn-pt-wt-pt-ne-cr, var(--_ctm-dn-pt-wt-pt-ne-cr))
1322
+ );
1323
+ font-weight: var(
1324
+ --_ctm-mob-dn-pt-wt-pt-ne-ft-wt,
1325
+ var(--_ctm-tab-dn-pt-wt-pt-ne-ft-wt, var(--_ctm-dn-pt-wt-pt-ne-ft-wt))
1260
1326
  );
1261
- border-color: var(
1262
- --_ctm-mob-dn-pt-wt-pt-ie-br-cr,
1263
- var(--_ctm-tab-dn-pt-wt-pt-ie-br-cr, var(--_ctm-dn-pt-wt-pt-ie-br-cr))
1327
+ text-decoration: var(
1328
+ --_ctm-mob-dn-pt-wt-pt-ne-ue,
1329
+ var(--_ctm-tab-dn-pt-wt-pt-ne-ue, var(--_ctm-dn-pt-wt-pt-ne-ue))
1264
1330
  );
1265
- border-style: var(
1266
- --_ctm-mob-dn-pt-wt-pt-ie-br-se,
1267
- var(--_ctm-tab-dn-pt-wt-pt-ie-br-se, var(--_ctm-dn-pt-wt-pt-ie-br-se))
1331
+ letter-spacing: var(
1332
+ --_ctm-mob-dn-pt-wt-pt-ne-lr-sg,
1333
+ var(--_ctm-tab-dn-pt-wt-pt-ne-lr-sg, var(--_ctm-dn-pt-wt-pt-ne-lr-sg))
1268
1334
  );
1269
- border-width: var(
1270
- --_ctm-mob-dn-pt-wt-pt-ie-br-wh,
1271
- var(--_ctm-tab-dn-pt-wt-pt-ie-br-wh, var(--_ctm-dn-pt-wt-pt-ie-br-wh))
1335
+ line-height: var(
1336
+ --_ctm-mob-dn-pt-wt-pt-ne-le-ht,
1337
+ var(--_ctm-tab-dn-pt-wt-pt-ne-le-ht, var(--_ctm-dn-pt-wt-pt-ne-le-ht))
1272
1338
  );
1273
-
1274
- border-radius: var(
1275
- --_ctm-mob-dn-pt-wt-pt-ie-br-rs,
1276
- var(--_ctm-tab-dn-pt-wt-pt-ie-br-rs, var(--_ctm-dn-pt-wt-pt-ie-br-rs))
1339
+ font-style: var(
1340
+ --_ctm-mob-dn-pt-wt-pt-ne-ft-se-ic,
1341
+ var(--_ctm-tab-dn-pt-wt-pt-ne-ft-se-ic, var(--_ctm-dn-pt-wt-pt-ne-ft-se-ic))
1342
+ );
1343
+ text-align: var(
1344
+ --_ctm-mob-dn-pt-wt-pt-ne-tt-an,
1345
+ var(--_ctm-tab-dn-pt-wt-pt-ne-tt-an, var(--_ctm-dn-pt-wt-pt-ne-tt-an))
1277
1346
  );
1278
- display: flex;
1279
- align-items: flex-start;
1280
1347
  }
1281
1348
 
1282
- .item-details {
1283
- flex: 1;
1284
-
1285
- .item-name {
1286
- display: -webkit-box;
1287
- -webkit-line-clamp: 1;
1288
- -webkit-box-orient: vertical;
1289
- overflow: hidden;
1290
- text-overflow: ellipsis;
1291
- margin: 0 0 4px;
1292
- // font-size: 14px;
1293
- // font-weight: 600;
1294
- // color: var(--_gray-900);
1295
- // line-height: 20px;
1296
- padding: var(
1297
- --_ctm-mob-dn-pt-wt-pt-ne-pg,
1298
- var(--_ctm-tab-dn-pt-wt-pt-ne-im-pg, var(--_ctm-dn-pt-wt-pt-ne-pg))
1299
- );
1349
+ .item-specs {
1350
+ padding: var(
1351
+ --_ctm-mob-dn-pt-wt-pt-ce-pg,
1352
+ var(--_ctm-tab-dn-pt-wt-pt-ce-im-pg, var(--_ctm-dn-pt-wt-pt-ce-pg))
1353
+ );
1354
+ font-family: var(
1355
+ --_ctm-mob-dn-pt-wt-pt-ce-ft-fy,
1356
+ var(--_ctm-tab-dn-pt-wt-pt-ce-ft-fy, var(--_ctm-dn-pt-wt-pt-ce-ft-fy))
1357
+ );
1358
+ // font-size: var(
1359
+ // --_ctm-mob-dn-pt-wt-pt-ce-ft-se,
1360
+ // var(--_ctm-tab-dn-pt-wt-pt-ce-ft-se, var(--_ctm-dn-pt-wt-pt-ce-ft-se))
1361
+ // );
1362
+ font-size: 12px;
1363
+ color: var(
1364
+ --_ctm-mob-dn-pt-wt-pt-ce-cr,
1365
+ var(--_ctm-tab-dn-pt-wt-pt-ce-cr, var(--_ctm-dn-pt-wt-pt-ce-cr))
1366
+ );
1367
+ font-weight: var(
1368
+ --_ctm-mob-dn-pt-wt-pt-ce-ft-wt,
1369
+ var(--_ctm-tab-dn-pt-wt-pt-ce-ft-wt, var(--_ctm-dn-pt-wt-pt-ce-ft-wt))
1370
+ );
1371
+ text-decoration: var(
1372
+ --_ctm-mob-dn-pt-wt-pt-ce-ue,
1373
+ var(--_ctm-tab-dn-pt-wt-pt-ce-ue, var(--_ctm-dn-pt-wt-pt-ce-ue))
1374
+ );
1375
+ letter-spacing: var(
1376
+ --_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
+ );
1379
+ line-height: var(
1380
+ --_ctm-mob-dn-pt-wt-pt-ce-le-ht,
1381
+ var(--_ctm-tab-dn-pt-wt-pt-ce-le-ht, var(--_ctm-dn-pt-wt-pt-ce-le-ht))
1382
+ );
1383
+ font-style: var(
1384
+ --_ctm-mob-dn-pt-wt-pt-ce-ft-se-ic,
1385
+ var(--_ctm-tab-dn-pt-wt-pt-ce-ft-se-ic, var(--_ctm-dn-pt-wt-pt-ce-ft-se-ic))
1386
+ );
1387
+ text-align: var(
1388
+ --_ctm-mob-dn-pt-wt-pt-ce-tt-an,
1389
+ var(--_ctm-tab-dn-pt-wt-pt-ce-tt-an, var(--_ctm-dn-pt-wt-pt-ce-tt-an))
1390
+ );
1391
+ }
1392
+ .item-qty {
1393
+ padding: var(
1394
+ --_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
+ );
1397
+ font-family: var(
1398
+ --_ctm-mob-dn-pt-wt-pt-qy-ft-fy,
1399
+ var(--_ctm-tab-dn-pt-wt-pt-qy-ft-fy, var(--_ctm-dn-pt-wt-pt-qy-ft-fy))
1400
+ );
1401
+ // font-size: var(
1402
+ // --_ctm-mob-dn-pt-wt-pt-qy-ft-se,
1403
+ // var(--_ctm-tab-dn-pt-wt-pt-qy-ft-se, var(--_ctm-dn-pt-wt-pt-qy-ft-se))
1404
+ // );
1405
+ font-size: 12px;
1406
+ color: var(
1407
+ --_ctm-mob-dn-pt-wt-pt-qy-cr,
1408
+ var(--_ctm-tab-dn-pt-wt-pt-qy-cr, var(--_ctm-dn-pt-wt-pt-qy-cr))
1409
+ );
1410
+ font-weight: var(
1411
+ --_ctm-mob-dn-pt-wt-pt-qy-ft-wt,
1412
+ var(--_ctm-tab-dn-pt-wt-pt-qy-ft-wt, var(--_ctm-dn-pt-wt-pt-qy-ft-wt))
1413
+ );
1414
+ text-decoration: var(
1415
+ --_ctm-mob-dn-pt-wt-pt-qy-ue,
1416
+ var(--_ctm-tab-dn-pt-wt-pt-qy-ue, var(--_ctm-dn-pt-wt-pt-qy-ue))
1417
+ );
1418
+ letter-spacing: var(
1419
+ --_ctm-mob-dn-pt-wt-pt-qy-lr-sg,
1420
+ var(--_ctm-tab-dn-pt-wt-pt-qy-lr-sg, var(--_ctm-dn-pt-wt-pt-qy-lr-sg))
1421
+ );
1422
+ line-height: var(
1423
+ --_ctm-mob-dn-pt-wt-pt-qy-le-ht,
1424
+ var(--_ctm-tab-dn-pt-wt-pt-qy-le-ht, var(--_ctm-dn-pt-wt-pt-qy-le-ht))
1425
+ );
1426
+ font-style: var(
1427
+ --_ctm-mob-dn-pt-wt-pt-qy-ft-se-ic,
1428
+ var(--_ctm-tab-dn-pt-wt-pt-qy-ft-se-ic, var(--_ctm-dn-pt-wt-pt-qy-ft-se-ic))
1429
+ );
1430
+ text-align: var(
1431
+ --_ctm-mob-dn-pt-wt-pt-qy-tt-an,
1432
+ var(--_ctm-tab-dn-pt-wt-pt-qy-tt-an, var(--_ctm-dn-pt-wt-pt-qy-tt-an))
1433
+ );
1434
+ span {
1300
1435
  font-family: var(
1301
- --_ctm-mob-dn-pt-wt-pt-ne-ft-fy,
1302
- var(--_ctm-tab-dn-pt-wt-pt-ne-ft-fy, var(--_ctm-dn-pt-wt-pt-ne-ft-fy))
1436
+ --_ctm-mob-dn-pt-wt-pt-qy-ft-fy-dc,
1437
+ var(--_ctm-tab-dn-pt-wt-pt-qy-ft-fy-dc, var(--_ctm-dn-pt-wt-pt-qy-ft-fy-dc))
1303
1438
  );
1304
1439
  font-size: var(
1305
- --_ctm-mob-dn-pt-wt-pt-ne-ft-se,
1306
- var(--_ctm-tab-dn-pt-wt-pt-ne-ft-se, var(--_ctm-dn-pt-wt-pt-ne-ft-se))
1440
+ --_ctm-mob-dn-pt-wt-pt-qy-ft-se-dc,
1441
+ var(--_ctm-tab-dn-pt-wt-pt-qy-ft-se-dc, var(--_ctm-dn-pt-wt-pt-qy-ft-se-dc))
1307
1442
  );
1308
1443
  color: var(
1309
- --_ctm-mob-dn-pt-wt-pt-ne-cr,
1310
- var(--_ctm-tab-dn-pt-wt-pt-ne-cr, var(--_ctm-dn-pt-wt-pt-ne-cr))
1444
+ --_ctm-mob-dn-pt-wt-pt-qy-cr-dc,
1445
+ var(--_ctm-tab-dn-pt-wt-pt-qy-cr-dc, var(--_ctm-dn-pt-wt-pt-qy-cr-dc))
1311
1446
  );
1312
1447
  font-weight: var(
1313
- --_ctm-mob-dn-pt-wt-pt-ne-ft-wt,
1314
- var(--_ctm-tab-dn-pt-wt-pt-ne-ft-wt, var(--_ctm-dn-pt-wt-pt-ne-ft-wt))
1448
+ --_ctm-mob-dn-pt-wt-pt-qy-ft-wt-dc,
1449
+ var(--_ctm-tab-dn-pt-wt-pt-qy-ft-wt-dc, var(--_ctm-dn-pt-wt-pt-qy-ft-wt-dc))
1315
1450
  );
1316
1451
  text-decoration: var(
1317
- --_ctm-mob-dn-pt-wt-pt-ne-ue,
1318
- var(--_ctm-tab-dn-pt-wt-pt-ne-ue, var(--_ctm-dn-pt-wt-pt-ne-ue))
1452
+ --_ctm-mob-dn-pt-wt-pt-qy-ue-dc,
1453
+ var(--_ctm-tab-dn-pt-wt-pt-qy-ue-dc, var(--_ctm-dn-pt-wt-pt-qy-ue-dc))
1319
1454
  );
1320
1455
  letter-spacing: var(
1321
- --_ctm-mob-dn-pt-wt-pt-ne-lr-sg,
1322
- var(--_ctm-tab-dn-pt-wt-pt-ne-lr-sg, var(--_ctm-dn-pt-wt-pt-ne-lr-sg))
1456
+ --_ctm-mob-dn-pt-wt-pt-qy-lr-sg-dc,
1457
+ var(--_ctm-tab-dn-pt-wt-pt-qy-lr-sg-dc, var(--_ctm-dn-pt-wt-pt-qy-lr-sg-dc))
1323
1458
  );
1324
1459
  line-height: var(
1325
- --_ctm-mob-dn-pt-wt-pt-ne-le-ht,
1326
- var(--_ctm-tab-dn-pt-wt-pt-ne-le-ht, var(--_ctm-dn-pt-wt-pt-ne-le-ht))
1460
+ --_ctm-mob-dn-pt-wt-pt-qy-le-ht-dc,
1461
+ var(--_ctm-tab-dn-pt-wt-pt-qy-le-ht-dc, var(--_ctm-dn-pt-wt-pt-qy-le-ht-dc))
1327
1462
  );
1328
1463
  font-style: var(
1329
- --_ctm-mob-dn-pt-wt-pt-ne-ft-se-ic,
1330
- var(--_ctm-tab-dn-pt-wt-pt-ne-ft-se-ic, var(--_ctm-dn-pt-wt-pt-ne-ft-se-ic))
1464
+ --_ctm-mob-dn-pt-wt-pt-qy-ft-se-ic-dc,
1465
+ var(--_ctm-tab-dn-pt-wt-pt-qy-ft-se-ic-dc, var(--_ctm-dn-pt-wt-pt-qy-ft-se-ic-dc))
1331
1466
  );
1332
1467
  text-align: var(
1333
- --_ctm-mob-dn-pt-wt-pt-ne-tt-an,
1334
- var(--_ctm-tab-dn-pt-wt-pt-ne-tt-an, var(--_ctm-dn-pt-wt-pt-ne-tt-an))
1335
- );
1336
- }
1337
-
1338
- .item-specs {
1339
- padding: var(
1340
- --_ctm-mob-dn-pt-wt-pt-ce-pg,
1341
- var(--_ctm-tab-dn-pt-wt-pt-ce-im-pg, var(--_ctm-dn-pt-wt-pt-ce-pg))
1342
- );
1343
- font-family: var(
1344
- --_ctm-mob-dn-pt-wt-pt-ce-ft-fy,
1345
- var(--_ctm-tab-dn-pt-wt-pt-ce-ft-fy, var(--_ctm-dn-pt-wt-pt-ce-ft-fy))
1346
- );
1347
- // font-size: var(
1348
- // --_ctm-mob-dn-pt-wt-pt-ce-ft-se,
1349
- // var(--_ctm-tab-dn-pt-wt-pt-ce-ft-se, var(--_ctm-dn-pt-wt-pt-ce-ft-se))
1350
- // );
1351
- font-size: 12px;
1352
- color: var(
1353
- --_ctm-mob-dn-pt-wt-pt-ce-cr,
1354
- var(--_ctm-tab-dn-pt-wt-pt-ce-cr, var(--_ctm-dn-pt-wt-pt-ce-cr))
1355
- );
1356
- font-weight: var(
1357
- --_ctm-mob-dn-pt-wt-pt-ce-ft-wt,
1358
- var(--_ctm-tab-dn-pt-wt-pt-ce-ft-wt, var(--_ctm-dn-pt-wt-pt-ce-ft-wt))
1359
- );
1360
- text-decoration: var(
1361
- --_ctm-mob-dn-pt-wt-pt-ce-ue,
1362
- var(--_ctm-tab-dn-pt-wt-pt-ce-ue, var(--_ctm-dn-pt-wt-pt-ce-ue))
1363
- );
1364
- letter-spacing: var(
1365
- --_ctm-mob-dn-pt-wt-pt-ce-lr-sg,
1366
- var(--_ctm-tab-dn-pt-wt-pt-ce-lr-sg, var(--_ctm-dn-pt-wt-pt-ce-lr-sg))
1367
- );
1368
- line-height: var(
1369
- --_ctm-mob-dn-pt-wt-pt-ce-le-ht,
1370
- var(--_ctm-tab-dn-pt-wt-pt-ce-le-ht, var(--_ctm-dn-pt-wt-pt-ce-le-ht))
1371
- );
1372
- font-style: var(
1373
- --_ctm-mob-dn-pt-wt-pt-ce-ft-se-ic,
1374
- var(--_ctm-tab-dn-pt-wt-pt-ce-ft-se-ic, var(--_ctm-dn-pt-wt-pt-ce-ft-se-ic))
1375
- );
1376
- text-align: var(
1377
- --_ctm-mob-dn-pt-wt-pt-ce-tt-an,
1378
- var(--_ctm-tab-dn-pt-wt-pt-ce-tt-an, var(--_ctm-dn-pt-wt-pt-ce-tt-an))
1379
- );
1380
- }
1381
- .item-qty {
1382
- padding: var(
1383
- --_ctm-mob-dn-pt-wt-pt-qy-pg,
1384
- var(--_ctm-tab-dn-pt-wt-pt-qy-pg, var(--_ctm-dn-pt-wt-pt-qy-pg))
1385
- );
1386
- font-family: var(
1387
- --_ctm-mob-dn-pt-wt-pt-qy-ft-fy,
1388
- var(--_ctm-tab-dn-pt-wt-pt-qy-ft-fy, var(--_ctm-dn-pt-wt-pt-qy-ft-fy))
1389
- );
1390
- // font-size: var(
1391
- // --_ctm-mob-dn-pt-wt-pt-qy-ft-se,
1392
- // var(--_ctm-tab-dn-pt-wt-pt-qy-ft-se, var(--_ctm-dn-pt-wt-pt-qy-ft-se))
1393
- // );
1394
- font-size: 12px;
1395
- color: var(
1396
- --_ctm-mob-dn-pt-wt-pt-qy-cr,
1397
- var(--_ctm-tab-dn-pt-wt-pt-qy-cr, var(--_ctm-dn-pt-wt-pt-qy-cr))
1398
- );
1399
- font-weight: var(
1400
- --_ctm-mob-dn-pt-wt-pt-qy-ft-wt,
1401
- var(--_ctm-tab-dn-pt-wt-pt-qy-ft-wt, var(--_ctm-dn-pt-wt-pt-qy-ft-wt))
1402
- );
1403
- text-decoration: var(
1404
- --_ctm-mob-dn-pt-wt-pt-qy-ue,
1405
- var(--_ctm-tab-dn-pt-wt-pt-qy-ue, var(--_ctm-dn-pt-wt-pt-qy-ue))
1406
- );
1407
- letter-spacing: var(
1408
- --_ctm-mob-dn-pt-wt-pt-qy-lr-sg,
1409
- var(--_ctm-tab-dn-pt-wt-pt-qy-lr-sg, var(--_ctm-dn-pt-wt-pt-qy-lr-sg))
1410
- );
1411
- line-height: var(
1412
- --_ctm-mob-dn-pt-wt-pt-qy-le-ht,
1413
- var(--_ctm-tab-dn-pt-wt-pt-qy-le-ht, var(--_ctm-dn-pt-wt-pt-qy-le-ht))
1414
- );
1415
- font-style: var(
1416
- --_ctm-mob-dn-pt-wt-pt-qy-ft-se-ic,
1417
- var(--_ctm-tab-dn-pt-wt-pt-qy-ft-se-ic, var(--_ctm-dn-pt-wt-pt-qy-ft-se-ic))
1418
- );
1419
- text-align: var(
1420
- --_ctm-mob-dn-pt-wt-pt-qy-tt-an,
1421
- var(--_ctm-tab-dn-pt-wt-pt-qy-tt-an, var(--_ctm-dn-pt-wt-pt-qy-tt-an))
1422
- );
1423
- span {
1424
- font-family: var(
1425
- --_ctm-mob-dn-pt-wt-pt-qy-ft-fy-dc,
1426
- var(--_ctm-tab-dn-pt-wt-pt-qy-ft-fy-dc, var(--_ctm-dn-pt-wt-pt-qy-ft-fy-dc))
1427
- );
1428
- font-size: var(
1429
- --_ctm-mob-dn-pt-wt-pt-qy-ft-se-dc,
1430
- var(--_ctm-tab-dn-pt-wt-pt-qy-ft-se-dc, var(--_ctm-dn-pt-wt-pt-qy-ft-se-dc))
1431
- );
1432
- color: var(
1433
- --_ctm-mob-dn-pt-wt-pt-qy-cr-dc,
1434
- var(--_ctm-tab-dn-pt-wt-pt-qy-cr-dc, var(--_ctm-dn-pt-wt-pt-qy-cr-dc))
1435
- );
1436
- font-weight: var(
1437
- --_ctm-mob-dn-pt-wt-pt-qy-ft-wt-dc,
1438
- var(--_ctm-tab-dn-pt-wt-pt-qy-ft-wt-dc, var(--_ctm-dn-pt-wt-pt-qy-ft-wt-dc))
1439
- );
1440
- text-decoration: var(
1441
- --_ctm-mob-dn-pt-wt-pt-qy-ue-dc,
1442
- var(--_ctm-tab-dn-pt-wt-pt-qy-ue-dc, var(--_ctm-dn-pt-wt-pt-qy-ue-dc))
1443
- );
1444
- letter-spacing: var(
1445
- --_ctm-mob-dn-pt-wt-pt-qy-lr-sg-dc,
1446
- var(--_ctm-tab-dn-pt-wt-pt-qy-lr-sg-dc, var(--_ctm-dn-pt-wt-pt-qy-lr-sg-dc))
1447
- );
1448
- line-height: var(
1449
- --_ctm-mob-dn-pt-wt-pt-qy-le-ht-dc,
1450
- var(--_ctm-tab-dn-pt-wt-pt-qy-le-ht-dc, var(--_ctm-dn-pt-wt-pt-qy-le-ht-dc))
1451
- );
1452
- font-style: var(
1453
- --_ctm-mob-dn-pt-wt-pt-qy-ft-se-ic-dc,
1454
- var(
1455
- --_ctm-tab-dn-pt-wt-pt-qy-ft-se-ic-dc,
1456
- var(--_ctm-dn-pt-wt-pt-qy-ft-se-ic-dc)
1457
- )
1458
- );
1459
- text-align: var(
1460
- --_ctm-mob-dn-pt-wt-pt-qy-tt-an-dc,
1461
- var(--_ctm-tab-dn-pt-wt-pt-qy-tt-an-dc, var(--_ctm-dn-pt-wt-pt-qy-tt-an-dc))
1462
- );
1463
- }
1464
- }
1465
- .estimated-delivery {
1466
- margin: 0;
1467
- // font-size: 12px;
1468
- // color: var(--_gray-600);
1469
- // line-height: 18px;
1470
- padding: var(
1471
- --_ctm-mob-dn-pt-wt-pt-ed-de-pg,
1472
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-pg, var(--_ctm-dn-pt-wt-pt-ed-de-pg))
1473
- );
1474
- font-family: var(
1475
- --_ctm-mob-dn-pt-wt-pt-ed-de-ft-fy,
1476
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-fy, var(--_ctm-dn-pt-wt-pt-ed-de-ft-fy))
1477
- );
1478
- // font-size: var(
1479
- // --_ctm-mob-dn-pt-wt-pt-ed-de-ft-se,
1480
- // var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-se, var(--_ctm-dn-pt-wt-pt-ed-de-ft-se))
1481
- // );
1482
- font-size: 12px;
1483
- color: var(
1484
- --_ctm-mob-dn-pt-wt-pt-ed-de-cr,
1485
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-cr, var(--_ctm-dn-pt-wt-pt-ed-de-cr))
1486
- );
1487
- font-weight: var(
1488
- --_ctm-mob-dn-pt-wt-pt-ed-de-ft-wt,
1489
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-wt, var(--_ctm-dn-pt-wt-pt-ed-de-ft-wt))
1490
- );
1491
- text-decoration: var(
1492
- --_ctm-mob-dn-pt-wt-pt-ed-de-ue,
1493
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-ue, var(--_ctm-dn-pt-wt-pt-ed-de-ue))
1494
- );
1495
- letter-spacing: var(
1496
- --_ctm-mob-dn-pt-wt-pt-ed-de-lr-sg,
1497
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-lr-sg, var(--_ctm-dn-pt-wt-pt-ed-de-lr-sg))
1498
- );
1499
- line-height: var(
1500
- --_ctm-mob-dn-pt-wt-pt-ed-de-le-ht,
1501
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-le-ht, var(--_ctm-dn-pt-wt-pt-ed-de-le-ht))
1502
- );
1503
- font-style: var(
1504
- --_ctm-mob-dn-pt-wt-pt-ed-de-ft-se-ic,
1505
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-se-ic, var(--_ctm-dn-pt-wt-pt-ed-de-ft-se-ic))
1506
- );
1507
- text-align: var(
1508
- --_ctm-mob-dn-pt-wt-pt-ed-de-tt-an,
1509
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-tt-an, var(--_ctm-dn-pt-wt-pt-ed-de-tt-an))
1510
- );
1511
- }
1512
-
1513
- .delivery-date {
1514
- margin: 0;
1515
- padding: var(
1516
- --_ctm-mob-dn-pt-wt-pt-ed-de-pg-dc,
1517
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-pg-dc, var(--_ctm-dn-pt-wt-pt-ed-de-pg-dc))
1518
- );
1519
- font-family: var(
1520
- --_ctm-mob-dn-pt-wt-pt-ed-de-ft-fy-dc,
1521
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-fy-dc, var(--_ctm-dn-pt-wt-pt-ed-de-ft-fy-dc))
1522
- );
1523
- // font-size: var(
1524
- // --_ctm-mob-dn-pt-wt-pt-ed-de-ft-se-dc,
1525
- // var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-se-dc, var(--_ctm-dn-pt-wt-pt-ed-de-ft-se-dc))
1526
- // );
1527
- font-size: 12px;
1528
- color: var(
1529
- --_ctm-mob-dn-pt-wt-pt-ed-de-cr-dc,
1530
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-cr-dc, var(--_ctm-dn-pt-wt-pt-ed-de-cr-dc))
1531
- );
1532
- font-weight: var(
1533
- --_ctm-mob-dn-pt-wt-pt-ed-de-ft-wt-dc,
1534
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-wt-dc, var(--_ctm-dn-pt-wt-pt-ed-de-ft-wt-dc))
1535
- );
1536
- text-decoration: var(
1537
- --_ctm-mob-dn-pt-wt-pt-ed-de-ue-dc,
1538
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-ue-dc, var(--_ctm-dn-pt-wt-pt-ed-de-ue-dc))
1539
- );
1540
- letter-spacing: var(
1541
- --_ctm-mob-dn-pt-wt-pt-ed-de-lr-sg-dc,
1542
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-lr-sg-dc, var(--_ctm-dn-pt-wt-pt-ed-de-lr-sg-dc))
1543
- );
1544
- line-height: var(
1545
- --_ctm-mob-dn-pt-wt-pt-ed-de-le-ht-dc,
1546
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-le-ht-dc, var(--_ctm-dn-pt-wt-pt-ed-de-le-ht-dc))
1547
- );
1548
- font-style: var(
1549
- --_ctm-mob-dn-pt-wt-pt-ed-de-ft-se-ic-dc,
1550
- var(
1551
- --_ctm-tab-dn-pt-wt-pt-ed-de-ft-se-ic-dc,
1552
- var(--_ctm-dn-pt-wt-pt-ed-de-ft-se-ic-dc)
1553
- )
1554
- );
1555
- text-align: var(
1556
- --_ctm-mob-dn-pt-wt-pt-ed-de-tt-an-dc,
1557
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-tt-an-dc, var(--_ctm-dn-pt-wt-pt-ed-de-tt-an-dc))
1468
+ --_ctm-mob-dn-pt-wt-pt-qy-tt-an-dc,
1469
+ var(--_ctm-tab-dn-pt-wt-pt-qy-tt-an-dc, var(--_ctm-dn-pt-wt-pt-qy-tt-an-dc))
1558
1470
  );
1559
1471
  }
1560
1472
  }
1561
-
1562
- .item-price {
1563
- // font-size: 0.85rem;
1564
- // font-weight: 600;
1565
- // color: #1e293b;
1473
+ .estimated-delivery {
1474
+ margin: 0;
1475
+ // font-size: 12px;
1476
+ // color: var(--_gray-600);
1477
+ // line-height: 18px;
1478
+ padding: var(
1479
+ --_ctm-mob-dn-pt-wt-pt-ed-de-pg,
1480
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-pg, var(--_ctm-dn-pt-wt-pt-ed-de-pg))
1481
+ );
1566
1482
  font-family: var(
1567
- --_ctm-mob-dn-pt-wt-pt-pe-ft-fy,
1568
- var(--_ctm-tab-dn-pt-wt-pt-pe-ft-fy, var(--_ctm-dn-pt-wt-pt-pe-ft-fy))
1483
+ --_ctm-mob-dn-pt-wt-pt-ed-de-ft-fy,
1484
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-fy, var(--_ctm-dn-pt-wt-pt-ed-de-ft-fy))
1569
1485
  );
1570
- font-size: var(
1571
- --_ctm-mob-dn-pt-wt-pt-pe-ft-se,
1572
- var(--_ctm-tab-dn-pt-wt-pt-pe-ft-se, var(--_ctm-dn-pt-wt-pt-pe-ft-se))
1486
+ // font-size: var(
1487
+ // --_ctm-mob-dn-pt-wt-pt-ed-de-ft-se,
1488
+ // var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-se, var(--_ctm-dn-pt-wt-pt-ed-de-ft-se))
1489
+ // );
1490
+ font-size: 12px;
1491
+ color: var(
1492
+ --_ctm-mob-dn-pt-wt-pt-ed-de-cr,
1493
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-cr, var(--_ctm-dn-pt-wt-pt-ed-de-cr))
1494
+ );
1495
+ font-weight: var(
1496
+ --_ctm-mob-dn-pt-wt-pt-ed-de-ft-wt,
1497
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-wt, var(--_ctm-dn-pt-wt-pt-ed-de-ft-wt))
1498
+ );
1499
+ text-decoration: var(
1500
+ --_ctm-mob-dn-pt-wt-pt-ed-de-ue,
1501
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-ue, var(--_ctm-dn-pt-wt-pt-ed-de-ue))
1502
+ );
1503
+ letter-spacing: var(
1504
+ --_ctm-mob-dn-pt-wt-pt-ed-de-lr-sg,
1505
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-lr-sg, var(--_ctm-dn-pt-wt-pt-ed-de-lr-sg))
1573
1506
  );
1507
+ line-height: var(
1508
+ --_ctm-mob-dn-pt-wt-pt-ed-de-le-ht,
1509
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-le-ht, var(--_ctm-dn-pt-wt-pt-ed-de-le-ht))
1510
+ );
1511
+ font-style: var(
1512
+ --_ctm-mob-dn-pt-wt-pt-ed-de-ft-se-ic,
1513
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-se-ic, var(--_ctm-dn-pt-wt-pt-ed-de-ft-se-ic))
1514
+ );
1515
+ text-align: var(
1516
+ --_ctm-mob-dn-pt-wt-pt-ed-de-tt-an,
1517
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-tt-an, var(--_ctm-dn-pt-wt-pt-ed-de-tt-an))
1518
+ );
1519
+ }
1520
+
1521
+ .delivery-date {
1522
+ margin: 0;
1523
+ padding: var(
1524
+ --_ctm-mob-dn-pt-wt-pt-ed-de-pg-dc,
1525
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-pg-dc, var(--_ctm-dn-pt-wt-pt-ed-de-pg-dc))
1526
+ );
1527
+ font-family: var(
1528
+ --_ctm-mob-dn-pt-wt-pt-ed-de-ft-fy-dc,
1529
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-fy-dc, var(--_ctm-dn-pt-wt-pt-ed-de-ft-fy-dc))
1530
+ );
1531
+ // font-size: var(
1532
+ // --_ctm-mob-dn-pt-wt-pt-ed-de-ft-se-dc,
1533
+ // var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-se-dc, var(--_ctm-dn-pt-wt-pt-ed-de-ft-se-dc))
1534
+ // );
1535
+ font-size: 12px;
1574
1536
  color: var(
1575
- --_ctm-mob-dn-pt-wt-pt-pe-cr,
1576
- var(--_ctm-tab-dn-pt-wt-pt-pe-cr, var(--_ctm-dn-pt-wt-pt-pe-cr))
1537
+ --_ctm-mob-dn-pt-wt-pt-ed-de-cr-dc,
1538
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-cr-dc, var(--_ctm-dn-pt-wt-pt-ed-de-cr-dc))
1577
1539
  );
1578
1540
  font-weight: var(
1579
- --_ctm-mob-dn-pt-wt-pt-pe-ft-wt,
1580
- var(--_ctm-tab-dn-pt-wt-pt-pe-ft-wt, var(--_ctm-dn-pt-wt-pt-pe-ft-wt))
1541
+ --_ctm-mob-dn-pt-wt-pt-ed-de-ft-wt-dc,
1542
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-wt-dc, var(--_ctm-dn-pt-wt-pt-ed-de-ft-wt-dc))
1581
1543
  );
1582
1544
  text-decoration: var(
1583
- --_ctm-mob-dn-pt-wt-pt-pe-ue,
1584
- var(--_ctm-tab-dn-pt-wt-pt-pe-ue, var(--_ctm-dn-pt-wt-pt-pe-ue))
1545
+ --_ctm-mob-dn-pt-wt-pt-ed-de-ue-dc,
1546
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-ue-dc, var(--_ctm-dn-pt-wt-pt-ed-de-ue-dc))
1585
1547
  );
1586
1548
  letter-spacing: var(
1587
- --_ctm-mob-dn-pt-wt-pt-pe-lr-sg,
1588
- var(--_ctm-tab-dn-pt-wt-pt-pe-lr-sg, var(--_ctm-dn-pt-wt-pt-pe-lr-sg))
1549
+ --_ctm-mob-dn-pt-wt-pt-ed-de-lr-sg-dc,
1550
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-lr-sg-dc, var(--_ctm-dn-pt-wt-pt-ed-de-lr-sg-dc))
1589
1551
  );
1590
1552
  line-height: var(
1591
- --_ctm-mob-dn-pt-wt-pt-pe-le-ht,
1592
- var(--_ctm-tab-dn-pt-wt-pt-pe-le-ht, var(--_ctm-dn-pt-wt-pt-pe-le-ht))
1553
+ --_ctm-mob-dn-pt-wt-pt-ed-de-le-ht-dc,
1554
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-le-ht-dc, var(--_ctm-dn-pt-wt-pt-ed-de-le-ht-dc))
1593
1555
  );
1594
1556
  font-style: var(
1595
- --_ctm-mob-dn-pt-wt-pt-pe-ft-se-ic,
1596
- var(--_ctm-tab-dn-pt-wt-pt-pe-ft-se-ic, var(--_ctm-dn-pt-wt-pt-pe-ft-se-ic))
1557
+ --_ctm-mob-dn-pt-wt-pt-ed-de-ft-se-ic-dc,
1558
+ var(
1559
+ --_ctm-tab-dn-pt-wt-pt-ed-de-ft-se-ic-dc,
1560
+ var(--_ctm-dn-pt-wt-pt-ed-de-ft-se-ic-dc)
1561
+ )
1597
1562
  );
1598
1563
  text-align: var(
1599
- --_ctm-mob-dn-pt-wt-pt-pe-tt-an,
1600
- var(--_ctm-tab-dn-pt-wt-pt-pe-tt-an, var(--_ctm-dn-pt-wt-pt-pe-tt-an))
1564
+ --_ctm-mob-dn-pt-wt-pt-ed-de-tt-an-dc,
1565
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-tt-an-dc, var(--_ctm-dn-pt-wt-pt-ed-de-tt-an-dc))
1601
1566
  );
1602
- margin-left: 12px;
1603
1567
  }
1604
1568
  }
1605
1569
 
1606
- .show-more-wrapper {
1607
- margin: 32px 16px 16px 0px;
1608
- button {
1609
- padding: 12px 16px;
1610
- color: var(--_primary-400);
1611
- font-weight: 600;
1612
- border-radius: 6px;
1613
- &:hover {
1614
- background-color: var(--_primary-25);
1615
- }
1570
+ .item-price {
1571
+ // font-size: 0.85rem;
1572
+ // font-weight: 600;
1573
+ // color: #1e293b;
1574
+ font-family: var(
1575
+ --_ctm-mob-dn-pt-wt-pt-pe-ft-fy,
1576
+ var(--_ctm-tab-dn-pt-wt-pt-pe-ft-fy, var(--_ctm-dn-pt-wt-pt-pe-ft-fy))
1577
+ );
1578
+ font-size: var(
1579
+ --_ctm-mob-dn-pt-wt-pt-pe-ft-se,
1580
+ var(--_ctm-tab-dn-pt-wt-pt-pe-ft-se, var(--_ctm-dn-pt-wt-pt-pe-ft-se))
1581
+ );
1582
+ color: var(
1583
+ --_ctm-mob-dn-pt-wt-pt-pe-cr,
1584
+ var(--_ctm-tab-dn-pt-wt-pt-pe-cr, var(--_ctm-dn-pt-wt-pt-pe-cr))
1585
+ );
1586
+ font-weight: var(
1587
+ --_ctm-mob-dn-pt-wt-pt-pe-ft-wt,
1588
+ var(--_ctm-tab-dn-pt-wt-pt-pe-ft-wt, var(--_ctm-dn-pt-wt-pt-pe-ft-wt))
1589
+ );
1590
+ text-decoration: var(
1591
+ --_ctm-mob-dn-pt-wt-pt-pe-ue,
1592
+ var(--_ctm-tab-dn-pt-wt-pt-pe-ue, var(--_ctm-dn-pt-wt-pt-pe-ue))
1593
+ );
1594
+ letter-spacing: var(
1595
+ --_ctm-mob-dn-pt-wt-pt-pe-lr-sg,
1596
+ var(--_ctm-tab-dn-pt-wt-pt-pe-lr-sg, var(--_ctm-dn-pt-wt-pt-pe-lr-sg))
1597
+ );
1598
+ line-height: var(
1599
+ --_ctm-mob-dn-pt-wt-pt-pe-le-ht,
1600
+ var(--_ctm-tab-dn-pt-wt-pt-pe-le-ht, var(--_ctm-dn-pt-wt-pt-pe-le-ht))
1601
+ );
1602
+ font-style: var(
1603
+ --_ctm-mob-dn-pt-wt-pt-pe-ft-se-ic,
1604
+ var(--_ctm-tab-dn-pt-wt-pt-pe-ft-se-ic, var(--_ctm-dn-pt-wt-pt-pe-ft-se-ic))
1605
+ );
1606
+ text-align: var(
1607
+ --_ctm-mob-dn-pt-wt-pt-pe-tt-an,
1608
+ var(--_ctm-tab-dn-pt-wt-pt-pe-tt-an, var(--_ctm-dn-pt-wt-pt-pe-tt-an))
1609
+ );
1610
+ margin-left: 12px;
1611
+ }
1612
+ }
1613
+
1614
+ .show-more-wrapper {
1615
+ margin: 32px 16px 16px 0px;
1616
+ button {
1617
+ padding: 12px 16px;
1618
+ color: var(--_primary-400);
1619
+ font-weight: 600;
1620
+ border-radius: 6px;
1621
+ &:hover {
1622
+ background-color: var(--_primary-25);
1616
1623
  }
1617
1624
  }
1618
1625
  }
1626
+ }
1619
1627
 
1620
- /* ───────── Order Attributes ───────── */
1621
- .order-attributes {
1622
- border-top: 1px solid #eaecf0;
1623
- padding-top: 24px;
1628
+ /* ───────── Order Attributes ───────── */
1629
+ .order-attributes {
1630
+ border-top: 1px solid #eaecf0;
1631
+ padding-top: 24px;
1624
1632
 
1625
- h4 {
1626
- font-size: 14px;
1627
- font-weight: 400;
1628
- color: var(--_gray-500);
1629
- line-height: 20px;
1630
- }
1633
+ h4 {
1634
+ font-size: 14px;
1635
+ font-weight: 400;
1636
+ color: var(--_gray-500);
1637
+ line-height: 20px;
1638
+ }
1631
1639
 
1632
- p {
1633
- font-size: 14px;
1634
- font-weight: 600;
1635
- line-height: 20px;
1636
- color: var(--_gray-900);
1637
- }
1640
+ p {
1641
+ font-size: 14px;
1642
+ font-weight: 600;
1643
+ line-height: 20px;
1644
+ color: var(--_gray-900);
1638
1645
  }
1646
+ }
1639
1647
 
1640
- /* ───────── Responsive ───────── */
1641
- @media (max-width: 768px) {
1642
- .order-details-wrapper {
1643
- grid-template-columns: 1fr;
1644
- }
1648
+ /* ───────── Responsive ───────── */
1649
+ @media (max-width: 768px) {
1650
+ .order-details-wrapper {
1651
+ grid-template-columns: 1fr;
1652
+ }
1645
1653
 
1646
- .items-grid {
1647
- grid-template-columns: 1fr;
1648
- }
1654
+ .items-grid {
1655
+ grid-template-columns: 1fr;
1649
1656
  }
1650
1657
  }
1651
1658
  }