Adjustments on "Search sidebar widget" component

[karolbzik]

Current state:

Desired state:

Adjustments:

1. We need to change a font, size and position of a search field, as a font we need to use Playfair Display 18px, the height of the search field should be 60px, the search field should be 60px height with 40px margin from left and right, search icon is the same as the one used in the top
   

2. We should apply styles for an inactive stage of the field
   and different styles for active field
   , changes are in color of fonts and color of the buttom line of the search field

3. Product boxes in the search sidebar widget should be presented with the same spacing as on the main grid, originally we have 30px gutter between columns in the grid on a desktop and 10px gutter on a mobile grid, 2 columns;
   ,
   

4. Product boxes should behave as with the grid, they should stick to the grid
   ,
   

5. We need to define a default height of a product box and product's photo should match this height

[karolbzik]

Please assign me for testing after this issue will be done.

[szafran89]

I'll take care about this issue