make secondary grid use gray bg, made sidemenu sticky

components/product/ProductCard/ProductCard.tsx

@@ -8,7 +8,7 @@ interface Props {
   className?: string
   children?: ReactNode[] | Component[] | any[]
   node: ProductData
-  variant?: 'slim'
+  variant?: 'slim' | 'simple'
 }
 
 interface ProductData {
@@ -44,12 +44,12 @@ const ProductCard: FC<Props> = ({ className, node: p, variant }) => {
             src={p.images.edges[0].node.urlXL}
           />
         </div>
-        <div className={s.squareBg} />
+        <div className={cn(s.squareBg, { [s.gray]: variant === 'simple' })} />
         <div className="flex flex-row justify-between box-border w-full z-10 relative">
           <div className="">
-            <div className={s.productTitle}>
+            <p className={s.productTitle}>
               <span>{p.name}</span>
-            </div>
+            </p>
             <span className={s.productPrice}>${p.prices.price.value}</span>
           </div>
           <div className={s.wishlistButton}>