Cart: show variant label

src/pages/cart/components/CartMobileTabletLayout.tsx

@@ -42,6 +42,7 @@ export default function CartMobileTabletLayout({
 }: CartMobileTabletLayoutProps) {
   const { t } = useTranslation();
   const { items, collectionMethod, orderType } = useAppSelector(selectCart);
+  const { isRTL } = useAppSelector((state) => state.locale);
   const { subdomain } = useParams();
   const { isMobile, isTablet } = useBreakPoint();
 
@@ -146,7 +147,16 @@ export default function CartMobileTabletLayout({
                               fontWeight: 600,
                             }}
                           >
-                            {item.name}
+                            {item.name}{" "}
+                            <span
+                              style={{
+                                fontWeight: 400,
+                              }}
+                            >
+                              {isRTL
+                                ? item.variant?.optionsAR[0].value
+                                : item.variant?.options[0].value}
+                            </span>
                           </ProText>
                           <br />
                           <ProText