Update UI for the Cymbal Shops Rebrand (GoogleCloudPlatform#593)

* Style <footer>

* Style ads

Some HTML restructuring is needed to be able to use a background-color
that's different from the "Other Products You Might Like" section.

* Crop product images for 1:1 square ratios

* Style recommendation section

This commit is for the "Other Products You Might Like" section.

* Style header

* Narrow the 'You May Also Like' section

* Style product section

* Show currency symbol, not text (e.g., $, not USD)

This change impacts all pages.

* Style empty cart section

* Style cart sections

* Style order complete section

* Style home page

* Fix Cymbal button styles

* Style product page quantity dropdown

* Fix casing in 'Add to Cart'

* Tidy and remove unused CSS

* Fix height/overflow of mobile hot products section

* Fix .order-complete-section padding

* Darken background color

This commit also fixes the bottom padding/margin of
.recommendations such that the background color below
.recommendations is its own background color.

* Update home bicycle/wall image to clothes/chair

* Increase left/right padding of <header> white bar

* Remove circle around (and fix) currency symbol

* Fix small gap below field labels

* Adjust width of Month/Year/CVV fields

* Change "Add to cart" to "Add To Cart"

* Fix cart size circle/square

* Fix product description max width

Author: NimJay

src/frontend/handlers.go

@@ -476,7 +476,8 @@ func cartSize(c []*pb.CartItem) int {
 }
 
 func renderMoney(money pb.Money) string {
-	return fmt.Sprintf("%s %d.%02d", money.GetCurrencyCode(), money.GetUnits(), money.GetNanos()/10000000)
+	currencyLogo := renderCurrencyLogo(money.GetCurrencyCode())
+	return fmt.Sprintf("%s%d.%02d", currencyLogo, money.GetUnits(), money.GetNanos()/10000000)
 }
 
 func renderCurrencyLogo(currencyCode string) string {