@plurix/ecom-components 1.14.1-bugfix.0 → 1.14.1-bugfix.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (155) hide show
  1. package/dist/constants/index.js +1 -1
  2. package/dist/main.d.ts +9 -2
  3. package/dist/main.js +18 -12
  4. package/dist/node_modules/@faststore/components/dist/esm/atoms/Button/Button.js +45 -0
  5. package/dist/node_modules/@faststore/components/dist/esm/atoms/Loader/Loader.js +34 -0
  6. package/dist/node_modules/@faststore/components/dist/esm/molecules/IconButton/IconButton.js +29 -0
  7. package/dist/packages/Carousel/Carousel.js +96 -92
  8. package/dist/packages/CartClubAlert/CartClubAlert.js +1 -1
  9. package/dist/packages/ChangeOrderModal/ChangeOrderModal.js +1 -1
  10. package/dist/packages/ChangeOrderModal/assets/icons.js +30 -19
  11. package/dist/packages/ContactCard/ContactCard.d.ts +22 -0
  12. package/dist/packages/ContactCard/ContactCard.js +40 -0
  13. package/dist/packages/Coupons/Coupons.js +31 -31
  14. package/dist/packages/Coupons/components/CouponCard.js +28 -28
  15. package/dist/packages/Coupons/components/Modal.js +60 -32
  16. package/dist/packages/Coupons/views/CouponsView.js +22 -22
  17. package/dist/packages/Modal/Modal.js +1 -1
  18. package/dist/packages/Onboarding/Onboarding.js +1 -1
  19. package/dist/packages/ProductCard/ProducCardUnavailable/index.d.ts +3 -0
  20. package/dist/packages/ProductCard/ProducCardUnavailable/index.js +67 -0
  21. package/dist/packages/ProductCard/ProductCardBadge/ProductCardBadgeClube.d.ts +5 -0
  22. package/dist/packages/ProductCard/ProductCardBadge/ProductCardBadgeClube.js +5 -0
  23. package/dist/packages/ProductCard/ProductCardBadge/ProductCardBadgeKg.d.ts +10 -0
  24. package/dist/packages/ProductCard/ProductCardBadge/ProductCardBadgeKg.js +15 -0
  25. package/dist/packages/ProductCard/ProductCardBadge/ProductCardDiscountBadge.d.ts +13 -0
  26. package/dist/packages/ProductCard/ProductCardBadge/ProductCardDiscountBadge.js +42 -0
  27. package/dist/packages/ProductCard/ProductCardButton/AddToCartButton.d.ts +5 -0
  28. package/dist/packages/ProductCard/ProductCardButton/AddToCartButton.js +16 -0
  29. package/dist/packages/ProductCard/ProductCardButton/CustomQuantitySelector/index.d.ts +12 -0
  30. package/dist/packages/ProductCard/ProductCardButton/CustomQuantitySelector/index.js +73 -0
  31. package/dist/packages/ProductCard/ProductCardButton/QuantitySelector.d.ts +12 -0
  32. package/dist/packages/ProductCard/ProductCardButton/QuantitySelector.js +74 -0
  33. package/dist/packages/ProductCard/ProductCardButton/index.d.ts +10 -0
  34. package/dist/packages/ProductCard/ProductCardButton/index.js +24 -0
  35. package/dist/packages/ProductCard/ProductCardHorizontal/index.d.ts +3 -0
  36. package/dist/packages/ProductCard/ProductCardHorizontal/index.js +156 -0
  37. package/dist/packages/ProductCard/ProductCardImage/index.d.ts +14 -0
  38. package/dist/packages/ProductCard/ProductCardImage/index.js +36 -0
  39. package/dist/packages/{ProductCardUi/ProductCardUiName/ProductCardUiName.d.ts → ProductCard/ProductCardName/index.d.ts} +0 -1
  40. package/dist/packages/ProductCard/ProductCardName/index.js +5 -0
  41. package/dist/packages/{ProductCardUi/ProductCardUiPrice/ProductCardUiPrice.d.ts → ProductCard/ProductCardPrice/index.d.ts} +3 -4
  42. package/dist/packages/ProductCard/ProductCardPrice/index.js +39 -0
  43. package/dist/packages/ProductCard/ProductCardPromotionFlag/index.d.ts +12 -0
  44. package/dist/packages/ProductCard/ProductCardPromotionFlag/index.js +21 -0
  45. package/dist/packages/ProductCard/ProductCardVertical/index.d.ts +3 -0
  46. package/dist/packages/ProductCard/ProductCardVertical/index.js +128 -0
  47. package/dist/packages/ProductCard/index.d.ts +3 -0
  48. package/dist/packages/ProductCard/index.js +61 -0
  49. package/dist/packages/{ProductCardUiSeeMore/ProductCardUiSeeMore.js → ProductCardSeeMore/ProductCardSeeMore.js} +4 -4
  50. package/dist/packages/ProductCardSeeMore/ProductCardSeeMoreHorizontal.d.ts +3 -0
  51. package/dist/packages/{ProductCardUiSeeMore/ProductCardUiSeeMoreHorizontal.js → ProductCardSeeMore/ProductCardSeeMoreHorizontal.js} +2 -2
  52. package/dist/packages/Regionalization/Regionalization.js +1 -1
  53. package/dist/packages/SearchSugestions/components/Button/index.d.ts +13 -0
  54. package/dist/packages/SearchSugestions/components/Button/index.js +53 -0
  55. package/dist/packages/SearchSugestions/components/Button/showMoreOrLess.d.ts +1 -0
  56. package/dist/packages/SearchSugestions/components/Button/showMoreOrLess.js +6 -0
  57. package/dist/packages/SearchSugestions/components/Link/index.d.ts +10 -0
  58. package/dist/packages/SearchSugestions/components/Link/index.js +39 -0
  59. package/dist/packages/SearchSugestions/components/Link/navigation.d.ts +1 -0
  60. package/dist/packages/SearchSugestions/components/Link/navigation.js +8 -0
  61. package/dist/packages/SearchSugestions/components/SearchSuggestions/index.d.ts +4 -0
  62. package/dist/packages/SearchSugestions/components/SearchSuggestions/index.js +91 -0
  63. package/dist/packages/SearchSugestions/components/SearchText/Index.d.ts +10 -0
  64. package/dist/packages/SearchSugestions/components/SearchText/Index.js +48 -0
  65. package/dist/packages/SearchSugestions/index.d.ts +3 -0
  66. package/dist/packages/SearchSugestions/index.js +4 -0
  67. package/dist/packages/SearchSugestions/mocks.d.ts +4 -0
  68. package/dist/packages/SearchSugestions/mocks.js +16 -0
  69. package/dist/packages/SearchSugestions/styles/baseAllSuggestionsContainerStyle.d.ts +3 -0
  70. package/dist/packages/SearchSugestions/styles/baseAllSuggestionsContainerStyle.js +10 -0
  71. package/dist/packages/SearchSugestions/styles/baseButtonHoveredStyle.d.ts +3 -0
  72. package/dist/packages/SearchSugestions/styles/baseButtonHoveredStyle.js +7 -0
  73. package/dist/packages/SearchSugestions/styles/baseButtonStyle.d.ts +3 -0
  74. package/dist/packages/SearchSugestions/styles/baseButtonStyle.js +13 -0
  75. package/dist/packages/SearchSugestions/styles/baseSearchForStyle.d.ts +3 -0
  76. package/dist/packages/SearchSugestions/styles/baseSearchForStyle.js +9 -0
  77. package/dist/packages/SearchSugestions/styles/baseSearchForTermStyle.d.ts +3 -0
  78. package/dist/packages/SearchSugestions/styles/baseSearchForTermStyle.js +8 -0
  79. package/dist/packages/SearchSugestions/styles/baseSuggestionLinkHoveredStyle.d.ts +3 -0
  80. package/dist/packages/SearchSugestions/styles/baseSuggestionLinkHoveredStyle.js +7 -0
  81. package/dist/packages/SearchSugestions/styles/baseSuggestionLinkStyle.d.ts +3 -0
  82. package/dist/packages/SearchSugestions/styles/baseSuggestionLinkStyle.js +14 -0
  83. package/dist/packages/SearchSugestions/styles/baseTitleStyle.d.ts +3 -0
  84. package/dist/packages/SearchSugestions/styles/baseTitleStyle.js +9 -0
  85. package/dist/packages/SearchSugestions/types/ResponseApi.d.ts +10 -0
  86. package/dist/packages/SearchSugestions/types/SearchSuggestionsProps.d.ts +24 -0
  87. package/dist/packages/Skeleton/components/SkeletonAnimation/SkeletonAnimation.d.ts +9 -0
  88. package/dist/packages/Skeleton/components/SkeletonAnimation/SkeletonAnimation.js +14 -0
  89. package/dist/packages/Skeleton/components/SkeletonContainer/SkeletonContainer.d.ts +15 -0
  90. package/dist/packages/Skeleton/components/SkeletonContainer/SkeletonContainer.js +22 -0
  91. package/dist/packages/Skeleton/components/SkeletonRender/SkeletonRender.d.ts +21 -0
  92. package/dist/packages/Skeleton/components/SkeletonRender/SkeletonRender.js +57 -0
  93. package/dist/packages/Skeleton/components/SkeletonTable/SkeletonTable.d.ts +12 -0
  94. package/dist/packages/Skeleton/components/SkeletonTable/SkeletonTable.js +18 -0
  95. package/dist/packages/Skeleton/components/SkeletonWrapper/SkeletonWrapper.d.ts +10 -0
  96. package/dist/packages/Skeleton/components/SkeletonWrapper/SkeletonWrapper.js +20 -0
  97. package/dist/packages/Skeleton/hooks/useResponsiveImages.d.ts +9 -0
  98. package/dist/packages/Skeleton/hooks/useResponsiveImages.js +34 -0
  99. package/dist/packages/Skeleton/index.d.ts +32 -0
  100. package/dist/packages/Skeleton/index.js +91 -0
  101. package/dist/packages/Skeleton/types/types.d.ts +42 -0
  102. package/dist/packages/Skeleton/types/types.js +1 -0
  103. package/dist/packages/Skeleton/utils/createStyleAnimation.d.ts +7 -0
  104. package/dist/packages/Skeleton/utils/createStyleAnimation.js +7 -0
  105. package/dist/packages/Skeleton/utils/createStyleCell.d.ts +18 -0
  106. package/dist/packages/Skeleton/utils/createStyleCell.js +19 -0
  107. package/dist/packages/Skeleton/utils/createStyleContainers.d.ts +33 -0
  108. package/dist/packages/Skeleton/utils/createStyleContainers.js +45 -0
  109. package/dist/packages/Skeleton/utils/createStyleTable.d.ts +12 -0
  110. package/dist/packages/Skeleton/utils/createStyleTable.js +9 -0
  111. package/dist/packages/Tour/Tour.js +1 -1
  112. package/dist/styles/change-order-modal.global.css +1 -1
  113. package/dist/styles/modal.global.css +1 -1
  114. package/dist/styles/onboarding.global.css +1 -1
  115. package/dist/styles/product-card-see-more-horizontal.global.css +1 -0
  116. package/dist/styles/product-card.global.css +1 -0
  117. package/dist/types/ProductCard.d.js +1 -0
  118. package/dist/types/{ProductCardUi.d.ts → ProductCard.d.ts} +21 -5
  119. package/dist/types/ProductCard.js +1 -0
  120. package/package.json +1 -1
  121. package/dist/packages/ProductCardUi/ProducCardUIUnavailable/ProductCardUnavailable.d.ts +0 -13
  122. package/dist/packages/ProductCardUi/ProducCardUIUnavailable/ProductCardUnavailable.js +0 -43
  123. package/dist/packages/ProductCardUi/ProducCardUIUnavailable/ProductCardUnavailableHorizontal.d.ts +0 -12
  124. package/dist/packages/ProductCardUi/ProducCardUIUnavailable/ProductCardUnavailableHorizontal.js +0 -36
  125. package/dist/packages/ProductCardUi/ProductCardUi.d.ts +0 -3
  126. package/dist/packages/ProductCardUi/ProductCardUi.js +0 -58
  127. package/dist/packages/ProductCardUi/ProductCardUiBadge/ProductCardUiBadgeClube.d.ts +0 -5
  128. package/dist/packages/ProductCardUi/ProductCardUiBadge/ProductCardUiBadgeClube.js +0 -7
  129. package/dist/packages/ProductCardUi/ProductCardUiBadge/ProductCardUiBadgeKg.d.ts +0 -9
  130. package/dist/packages/ProductCardUi/ProductCardUiBadge/ProductCardUiBadgeKg.js +0 -17
  131. package/dist/packages/ProductCardUi/ProductCardUiBadge/ProductCardUiDiscountBadge.d.ts +0 -12
  132. package/dist/packages/ProductCardUi/ProductCardUiBadge/ProductCardUiDiscountBadge.js +0 -35
  133. package/dist/packages/ProductCardUi/ProductCardUiButton/ProductCardUiButton.d.ts +0 -7
  134. package/dist/packages/ProductCardUi/ProductCardUiButton/ProductCardUiButton.js +0 -5
  135. package/dist/packages/ProductCardUi/ProductCardUiHorizontal/ProductCardUiHorizontal.d.ts +0 -3
  136. package/dist/packages/ProductCardUi/ProductCardUiHorizontal/ProductCardUiHorizontal.js +0 -132
  137. package/dist/packages/ProductCardUi/ProductCardUiImage/ProductCardUiImage.d.ts +0 -14
  138. package/dist/packages/ProductCardUi/ProductCardUiImage/ProductCardUiImage.js +0 -36
  139. package/dist/packages/ProductCardUi/ProductCardUiName/ProductCardUiName.js +0 -5
  140. package/dist/packages/ProductCardUi/ProductCardUiPrice/ProductCardUiPrice.js +0 -43
  141. package/dist/packages/ProductCardUi/ProductCardUiPromotionFlag/ProductCardUiPromotionFlag.d.ts +0 -12
  142. package/dist/packages/ProductCardUi/ProductCardUiPromotionFlag/ProductCardUiPromotionFlag.js +0 -18
  143. package/dist/packages/ProductCardUi/ProductCardUiVertical/ProductCardUiVertical.d.ts +0 -3
  144. package/dist/packages/ProductCardUi/ProductCardUiVertical/ProductCardUiVertical.js +0 -104
  145. package/dist/packages/ProductCardUiSeeMore/ProductCardUiSeeMoreHorizontal.d.ts +0 -3
  146. package/dist/styles/productCardUi.global.css +0 -1
  147. package/dist/styles/productCardUiSeeMoreHorizontal.global.css +0 -1
  148. package/dist/styles/styles.css +0 -1
  149. package/dist/styles/styles2.css +0 -1
  150. package/dist/styles/styles3.css +0 -1
  151. package/dist/styles/styles4.css +0 -1
  152. package/dist/styles/styles5.css +0 -1
  153. /package/dist/packages/{ProductCardUiSeeMore/ProductCardUiSeeMore.d.ts → ProductCardSeeMore/ProductCardSeeMore.d.ts} +0 -0
  154. /package/dist/{types/ProductCardUi.d.js → packages/SearchSugestions/types/ResponseApi.js} +0 -0
  155. /package/dist/{types/ProductCardUi.js → packages/SearchSugestions/types/SearchSuggestionsProps.js} +0 -0
@@ -1,104 +0,0 @@
1
- import { jsx as e, jsxs as r } from "react/jsx-runtime";
2
- import { ProductCardUnavailable as g } from "../ProducCardUIUnavailable/ProductCardUnavailable.js";
3
- import { ProductCardUiBadgeKg as v } from "../ProductCardUiBadge/ProductCardUiBadgeKg.js";
4
- import { ProductCardDiscountBadge as U } from "../ProductCardUiBadge/ProductCardUiDiscountBadge.js";
5
- import { ProductCardButton as k } from "../ProductCardUiButton/ProductCardUiButton.js";
6
- import { ProductCardImage as M } from "../ProductCardUiImage/ProductCardUiImage.js";
7
- import { ProductCardName as S } from "../ProductCardUiName/ProductCardUiName.js";
8
- import { ProductCardPrice as h } from "../ProductCardUiPrice/ProductCardUiPrice.js";
9
- const b = ({
10
- isMobile: f,
11
- hasPlusFriendBadge: a,
12
- promotion: l,
13
- product: i,
14
- hasPromotionalPrice: m,
15
- clubPrice: d,
16
- outOfStock: s,
17
- variant: o,
18
- defaultScListPrice: c,
19
- isClubClient: t,
20
- addToCartButton: P,
21
- hasClub: p,
22
- openModal: C
23
- }) => {
24
- var n, u;
25
- return s ? /* @__PURE__ */ e(
26
- g,
27
- {
28
- image: (n = i.image) == null ? void 0 : n[0],
29
- name: i.name,
30
- variant: o
31
- }
32
- ) : /* @__PURE__ */ r("div", { className: "product-card-ui", children: [
33
- /* @__PURE__ */ r("div", { onClick: C, children: [
34
- /* @__PURE__ */ e(
35
- M,
36
- {
37
- isClubClient: t,
38
- variant: o,
39
- hasPlusFriendBadge: a,
40
- promotion: l,
41
- image: (u = i.image) == null ? void 0 : u[0]
42
- }
43
- ),
44
- /* @__PURE__ */ r(
45
- "div",
46
- {
47
- className: "product-card-description",
48
- style: {
49
- backgroundColor: s ? "var( --color-grayScale-faded)" : t && !s ? "var(--color-secondary-faded)" : "var(--color-grayScale-faded)"
50
- },
51
- children: [
52
- /* @__PURE__ */ e(S, { name: i.name }),
53
- /* @__PURE__ */ r("div", { className: "product-card-ui-section-badge", children: [
54
- /* @__PURE__ */ e(
55
- v,
56
- {
57
- unitMultiplier: i.unitMultiplier,
58
- skuSpecifications: i.skuSpecifications,
59
- measurementUnit: i.measurementUnit
60
- }
61
- ),
62
- /* @__PURE__ */ e(
63
- U,
64
- {
65
- defaultScListPrice: c,
66
- nativeListPrice: i.customOffers.listPriceCustom,
67
- nativeSpotPrice: i.customOffers.spotPriceCustom,
68
- skuSpecifications: i.skuSpecifications,
69
- unitMultiplier: i.unitMultiplier,
70
- hasPromotionalPrice: m
71
- }
72
- )
73
- ] }),
74
- /* @__PURE__ */ e(
75
- h,
76
- {
77
- hasClub: p,
78
- isClubClient: t,
79
- unitMultiplier: i.unitMultiplier,
80
- hasPromotionalPrice: m,
81
- isMobile: f,
82
- measurementUnit: i.measurementUnit,
83
- skuSpecifications: i.skuSpecifications,
84
- customOffers: {
85
- listPriceCustom: i.customOffers.listPriceCustom,
86
- hasDiscount: i.customOffers.hasDiscount,
87
- spotPriceCustom: i.customOffers.spotPriceCustom,
88
- spotPriceKg: i.customOffers.spotPriceCustom
89
- },
90
- defaultScListPrice: c,
91
- clubPrice: d,
92
- hasPlusFriendBadge: a
93
- }
94
- )
95
- ]
96
- }
97
- )
98
- ] }),
99
- /* @__PURE__ */ e(k, { children: P })
100
- ] });
101
- };
102
- export {
103
- b as ProductCardUiVertical
104
- };
@@ -1,3 +0,0 @@
1
- import { ProductCardSeeMoreProps } from '../../types/ProductCardSeeMore';
2
-
3
- export declare const ProductCardUiSeeMoreHorizontal: ({ link, text, taggingEvent }: ProductCardSeeMoreProps) => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- .product-card-badge{display:flex;gap:4px}.product-card-badge-kg{width:fit-content;height:16px;padding:2px 4px;border-radius:2px;background-color:var(--color-main);color:var(--color-grayScale-white);font-family:DM Sans;font-weight:700;font-size:10px;line-height:13px;text-align:center;vertical-align:middle}.product-card-ui-discount-badge{width:42px;height:16px;border-radius:2px;background-color:var(--color-badge-main);display:flex;align-items:center;justify-content:center}.product-card-ui-discount-badge-value{font-family:DM Sans;font-weight:700;font-size:12px;line-height:16px;color:var(--color-badge-secondary)}.product-card-ui-badge-club{width:43px;border-radius:4px;background-color:var(--color-badge-main);text-align:center}.product-card-ui-badge-club-text{font-family:DM Sans;color:var(--color-badge-secondary);font-weight:700;font-size:12px;line-height:16px;padding:1px 0}@media (min-width: 769px){.product-card-ui-badge-club{width:57px}.product-card-ui-badge-club-text{font-size:14px;line-height:18px;padding:3px 0}}.product-card-button{font-family:DM Sans;width:100%;padding:14px 0;display:flex;justify-content:center;align-items:center;background-color:var(--color-main);color:var(--color-grayScale-white);font-weight:700;font-size:12px;line-height:20px;border:none;border-bottom-right-radius:8px;border-bottom-left-radius:8px}.product-card-button.unavailable{background-color:var(--color-grayScale-lightest);color:#545454;cursor:not-allowed}.product-card-ui-button{width:100%;border:none;padding:0;height:48px;justify-content:space-between;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.product-card-ui-button .button{border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding:12px;max-height:unset;font-size:20px;line-height:24px}@media (min-width: 769px){.product-card-button{font-size:20px;line-height:24px}}.product-card-image-container{position:relative;display:flex;justify-content:center;align-items:center;padding:8px;background-color:#fff}.product-card-image-container .image{max-width:96px;height:96px;object-fit:contain}.product-club-badge{width:50px;height:18px;position:absolute;top:8px;right:0;bottom:0;left:8px}.product-card-section-badge-container{width:100%;max-width:146px;height:18px;display:flex;border-radius:4px;position:absolute;bottom:8px;justify-content:center;align-items:center}.product-card-section-badge-text{font-family:DM Sans;font-weight:700;font-size:12px;line-height:16px;vertical-align:middle}.product-club-badge.horizontal{top:9px;right:0;bottom:0;left:9px}@media (min-width: 769px){.product-card-image-container{padding:16px 16px 8px}.product-card-image-container .image{max-width:144px;height:144px}.product-club-badge{width:67px;height:24px;top:16px;right:0;bottom:0;left:16px}.product-card-section-badge-container{max-width:194px;height:24px}.product-card-section-badge-text{font-size:14px;line-height:18px}}.product-card-name{min-height:36px;font-family:DM Sans;font-weight:400;font-size:14px;line-height:18px;vertical-align:middle;color:#545454;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media screen{.product-card-name{height:40px;font-size:16px;line-height:20px}}.product-card-price{display:flex;gap:4px;flex-direction:column}.product-card-club-price-container{height:24px}.product-card-club-price{width:fit-content;background-color:var(--color-secondary-lightest);border-radius:2px;padding:4px;color:var(--color-main);font-family:DM Sans;font-weight:700;font-size:12px;line-height:16px}.product-card-old-price{height:16px;font-family:DM Sans;font-weight:400;font-size:12px;line-height:16px;vertical-align:middle;text-decoration:line-through;color:#545454}.product-card-new-price{font-family:DM Sans;font-weight:700;font-size:20px;line-height:24px;vertical-align:middle;color:var(--color-main)}.product-card-price-container{display:flex;flex-direction:column;min-height:24px}.product-card-old-price .mobile{display:block}@media (min-width: 769px){.product-card-club-price-container{height:26px}.product-card-old-price .mobile{display:none}.product-card-old-price{padding-right:4px;border-right:2px solid var(--color-grayScale-light)}.product-card-new-price{padding-left:4px}.product-card-club-price{font-size:14px;line-height:18px}.product-card-price-container{display:flex;flex-direction:row;align-items:center}}.product-card-ui{min-width:150px;border:1px solid var(--color-grayScale-lightest);border-radius:8px;max-width:162px;cursor:pointer}.product-card-description{padding:8px;display:flex;flex-direction:column;gap:4px}.product-card-ui-section-badge{display:flex;gap:4px;height:16px}.product-card-ui-unavailable{height:88px}.product-card-see-more-text span{display:block;width:100%;font-weight:700;font-size:24px;line-height:28px}.product-card-see-more-link{width:100%;background-color:var(--color-main);padding:14px 0;border-bottom-right-radius:8px;border-bottom-left-radius:8px;font-family:DM Sans;font-weight:700;font-size:16px;line-height:20px;letter-spacing:0%;text-align:center;vertical-align:middle;color:var(--color-grayScale-white);text-decoration:none}.product-card-ui-horizontal{border:1px solid var(--color-grayScale-lightest);border-radius:8px;max-width:304px}.product-card-ui-horizontal .product-club-badge.horizontal{max-width:53px}.product-card-ui-section-product-horizontal{cursor:pointer;border-top-left-radius:8px;background-color:#fff;display:flex;align-items:center;position:relative}.product-card-ui-section-product-horizontal .product-card-image-container{position:unset;padding:0 8px}.product-card-ui.out-of-stock{height:100%;max-height:350px}.out-of-stock-description-content{display:flex;justify-content:space-between}.product-card-ui-section-product-horizontal.out-of-stock{background-color:var(--color-grayScale-faded)}.product-card-ui-horizontal-description.out-of-stock{min-height:104px}.product-card-ui-horizontal-description{width:100%;padding:8px;display:flex;flex-direction:column;gap:4px}.product-card-ui-section-product-horizontal .product-card-image-container{margin:8px;width:100px;height:100px}.product-card-ui-section-product-horizontal .product-card-image-container .image{width:100px;height:100px;object-fit:contain}.product-card-ui-section-product-horizontal .product-card-name{font-size:14px;line-height:18px;height:36px;max-width:172px}.product-card-ui-section-product-horizontal .product-card-ui-section-badge-horizontal{display:flex;gap:4px;height:16px}.product-card-ui-horizontal .product-card-club-price{font-size:14px;line-height:18px;width:fit-content}.product-card-ui-horizontal .product-card-price-container{flex-direction:row;align-items:center}.product-card-ui-horizontal .product-card-price-container .product-card-old-price{padding-right:4px;border-right:1px solid var(--color-grayScale-light)}.product-card-ui-horizontal .product-card-price-container .product-card-new-price{padding-left:4px;font-size:16px;line-height:20px}.product-card-ui-horizontal .product-card-button{font-size:20px;line-height:24px}.product-card-section-badge-container.horizontal{position:unset;height:24px}@media (min-width: 769px){.product-card-ui{width:226px}.product-card-ui{max-width:226px}.product-card-description{padding:8px 16px}.product-card-ui-unavailable{height:74px}.product-card-see-more{width:226px}.product-card-see-more-link{font-size:20px;line-height:24px}.product-card-see-more-text span{font-size:32px;line-height:36px}}
@@ -1 +0,0 @@
1
- .product-card-see-more{width:162px;height:100%;min-height:324px;border-radius:8px;display:flex;justify-content:center;align-items:center;flex-direction:column;justify-content:space-between;border:1px solid var(--color-grayScale-lightest)}.product-card-see-more-link-horizontal,.product-card-see-more-text{margin-top:74px;padding:0 16px;font-family:DM Sans;font-weight:400;font-size:16px;line-height:20px;color:#1c1c1c}.product-card-see-more-link-horizontal,.product-card-see-more-text span{display:block;width:100%;font-weight:700;font-size:24px;line-height:28px}.product-card-see-more-link-horizontal,.product-card-see-more-link{width:100%;background-color:var(--color-main);padding:14px 0;border-bottom-right-radius:8px;border-bottom-left-radius:8px;font-family:DM Sans;font-weight:700;font-size:16px;line-height:20px;letter-spacing:0%;text-align:center;vertical-align:middle;color:var(--color-grayScale-white);text-decoration:none}.product-card-see-more-horizontal{width:304px;border:1px solid var(--color-grayScale-lightest);border-radius:8px;height:100%;max-height:158px}.product-card-see-more-horizontal-container{height:100%}.product-card-see-more-horizontal div{padding:24px 16px}.product-card-see-more-link-horizontal{margin:0}@media (min-width: 769px){.product-card-see-more{width:226px}.product-card-see-more-link{font-size:20px;line-height:24px}.product-card-see-more-text span{font-size:32px;line-height:36px}}.product-card-see-more-text-horizontal{max-width:270px;font-weight:400;font-size:16px;line-height:20px;color:var(--color-grayScale)}.product-card-see-more-text-horizontal span{font-weight:700;font-size:24px;line-height:28px}
@@ -1 +0,0 @@
1
- .product-card-name{min-height:36px;font-family:DM Sans;font-weight:400;font-size:14px;line-height:18px;vertical-align:middle;color:#545454;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media screen{.product-card-name{height:40px;font-size:16px;line-height:20px}}
@@ -1 +0,0 @@
1
- .product-card-badge{display:flex;gap:4px}.product-card-badge-kg{width:fit-content;height:16px;padding:2px 4px;border-radius:2px;background-color:var(--color-main);color:var(--color-grayScale-white);font-family:DM Sans;font-weight:700;font-size:10px;line-height:13px;text-align:center;vertical-align:middle}.product-card-ui-discount-badge{width:42px;height:16px;border-radius:2px;background-color:var(--color-badge-main);display:flex;align-items:center;justify-content:center}.product-card-ui-discount-badge-value{font-family:DM Sans;font-weight:700;font-size:12px;line-height:16px;color:var(--color-badge-secondary)}.product-card-ui-badge-club{width:43px;border-radius:4px;background-color:var(--color-badge-main);text-align:center}.product-card-ui-badge-club-text{font-family:DM Sans;color:var(--color-badge-secondary);font-weight:700;font-size:12px;line-height:16px;padding:1px 0}@media (min-width: 769px){.product-card-ui-badge-club{width:57px}.product-card-ui-badge-club-text{font-size:14px;line-height:18px;padding:3px 0}}
@@ -1 +0,0 @@
1
- .product-card-image-container{position:relative;display:flex;justify-content:center;align-items:center;padding:8px;background-color:#fff}.product-card-image-container .image{max-width:96px;height:96px;object-fit:contain}.product-club-badge{width:50px;height:18px;position:absolute;top:8px;right:0;bottom:0;left:8px}.product-card-section-badge-container{width:100%;max-width:146px;height:18px;display:flex;border-radius:4px;position:absolute;bottom:8px;justify-content:center;align-items:center}.product-card-section-badge-text{font-family:DM Sans;font-weight:700;font-size:12px;line-height:16px;vertical-align:middle}.product-club-badge.horizontal{top:9px;right:0;bottom:0;left:9px}@media (min-width: 769px){.product-card-image-container{padding:16px 16px 8px}.product-card-image-container .image{max-width:144px;height:144px}.product-club-badge{width:67px;height:24px;top:16px;right:0;bottom:0;left:16px}.product-card-section-badge-container{max-width:194px;height:24px}.product-card-section-badge-text{font-size:14px;line-height:18px}}
@@ -1 +0,0 @@
1
- .product-card-button{font-family:DM Sans;width:100%;padding:14px 0;display:flex;justify-content:center;align-items:center;background-color:var(--color-main);color:var(--color-grayScale-white);font-weight:700;font-size:12px;line-height:20px;border:none;border-bottom-right-radius:8px;border-bottom-left-radius:8px}.product-card-button.unavailable{background-color:var(--color-grayScale-lightest);color:#545454;cursor:not-allowed}.product-card-ui-button{width:100%;border:none;padding:0;height:48px;justify-content:space-between;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.product-card-ui-button .button{border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding:12px;max-height:unset;font-size:20px;line-height:24px}@media (min-width: 769px){.product-card-button{font-size:20px;line-height:24px}}
@@ -1 +0,0 @@
1
- .product-card-price{display:flex;gap:4px;flex-direction:column}.product-card-club-price-container{height:24px}.product-card-club-price{width:fit-content;background-color:var(--color-secondary-lightest);border-radius:2px;padding:4px;color:var(--color-main);font-family:DM Sans;font-weight:700;font-size:12px;line-height:16px}.product-card-old-price{height:16px;font-family:DM Sans;font-weight:400;font-size:12px;line-height:16px;vertical-align:middle;text-decoration:line-through;color:#545454}.product-card-new-price{font-family:DM Sans;font-weight:700;font-size:20px;line-height:24px;vertical-align:middle;color:var(--color-main)}.product-card-price-container{display:flex;flex-direction:column;min-height:24px}.product-card-old-price .mobile{display:block}@media (min-width: 769px){.product-card-club-price-container{height:26px}.product-card-old-price .mobile{display:none}.product-card-old-price{padding-right:4px;border-right:2px solid var(--color-grayScale-light)}.product-card-new-price{padding-left:4px}.product-card-club-price{font-size:14px;line-height:18px}.product-card-price-container{display:flex;flex-direction:row;align-items:center}}