design: upgrade typography, shadows, spacing, empty states, 404 page, focus rings, noise overlay

client/src/entities/product/ui/ProductCard.tsx

@@ -58,14 +58,14 @@ const ProductCardInner = ({ product, mediaHeight = 200, actions }: Props) => {
         display: 'flex',
         flexDirection: 'column',
         overflow: 'hidden',
-        borderRadius: 3,
-        border: '1px solid',
-        borderColor: 'divider',
+        borderRadius: '16px 16px 12px 12px',
+        border: 'none',
         bgcolor: 'background.paper',
-        transition: 'transform 200ms ease, box-shadow 250ms ease',
+        boxShadow: '0 2px 8px rgba(0,0,0,0.06)',
+        transition: 'transform 250ms ease, box-shadow 300ms ease',
         '&:hover': {
-          transform: 'translateY(-4px)',
-          boxShadow: '0 8px 30px rgba(0,0,0,0.10)',
+          transform: 'translateY(-6px)',
+          boxShadow: '0 12px 40px rgba(0,0,0,0.12)',
         },
         '&:hover .product-card__media': { transform: 'scale(1.06)' },
         '&:hover .product-card__title': { color: 'primary.main' },
@@ -236,7 +236,11 @@ const ProductCardInner = ({ product, mediaHeight = 200, actions }: Props) => {
         </Stack>
 
         <Box sx={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', pt: 1.5 }}>
-          <Typography variant="h6" color="primary" sx={{ fontWeight: 700, fontSize: '1.1rem' }}>
+          <Typography
+            variant="h6"
+            color="primary"
+            sx={{ fontWeight: 700, fontSize: '1.1rem', fontVariantNumeric: 'tabular-nums' }}
+          >
             {formatPriceRub(product.priceCents)}
           </Typography>
           {actions}