Varia: Cleaning up styles

varia/sass/vendors/woocommerce/components/_cart-sidebar.scss

@@ -11,6 +11,11 @@ body[class*="woocommerce"] #page { // adding #page here to override default wc s
 	ul.product_list_widget {
 
 		li {
+
+			a:not(.remove) {
+				font-family: $font_family_primary;
+			}
+
 			img {
 				margin-left: 4px;
 				width: #{2 * $spacing_vertical};

varia/sass/vendors/woocommerce/components/_product-loops.scss

@@ -2,7 +2,10 @@
  * Product loops
  */
 
-#woocommerce-wrapper {
+#woocommerce-wrapper,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells {
+
 
 	.products ul,
 	ul.products {
@@ -16,6 +19,7 @@
 		}
 
 		.star-rating {
+			font-size: $fontsize_small;
 			margin: inherit;
 		}
 
@@ -23,7 +27,6 @@
 		.woocommerce-loop-product__title,
 		.woocommerce-loop-category__title {
 			padding: inherit;
-			margin: inherit;
 			font-size: $fontsize_base;
 		}
 
@@ -38,18 +41,14 @@
 			border-color: $color_border_default;
 		}
 
-		.star-rating {
-			font-size: $fontsize_small;
-		}
-
 		.button {
 			margin-top: inherit;
 		}
 
 		.price {
 			color: $color_foreground_dark;
-			margin-bottom: inherit;
 			font-size: $fontsize_medium;
+			line-height: $font_line_height_heading;
 
 			del {
 				color: inherit;

varia/sass/vendors/woocommerce/components/_reviews.scss

@@ -2,7 +2,7 @@
  * Reviews
  */
 
-.woocommerce #content { // adding #content here to override default wc styles without !important
+body[class*="woocommerce"] #page { // adding #content here to override default wc styles without !important
 
 	/**
 	 * Reviews

varia/sass/vendors/woocommerce/layout/_structure.scss

@@ -5,15 +5,15 @@
 /**
  * Vertical Space - 32px
  */
-.woocommerce #content div.summary,
-.woocommerce #content div.product .woocommerce-tabs .panel,
-.woocommerce #content .products.related,
-.woocommerce .woocommerce-MyAccount-content,
-.woocommerce .woocommerce-EditAccountForm,
-.woocommerce .woocommerce-billing-fields,
-.woocommerce .woocommerce-shipping-fields,
-.woocommerce .woocommerce-checkout,
-.woocommerce .up-sells {
+body[class*="woocommerce"] #page div.summary,
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel,
+body[class*="woocommerce"] #page .products.related,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm,
+body[class*="woocommerce"] #page .woocommerce-billing-fields,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields,
+body[class*="woocommerce"] #page .woocommerce-checkout,
+body[class*="woocommerce"] #page .up-sells {
 
 	& > *:not(:first-child) {
 		margin-top: $spacing_vertical;
@@ -38,6 +38,8 @@
  */
 #woocommerce-wrapper ul.products li.product a,
 #woocommerce-wrapper ul.products li.product-category a,
+body[class*="woocommerce"] #page ul.products li.product a,
+body[class*="woocommerce"] #page ul.products li.product-category a,
 body[class*="woocommerce"] #page .cart-collaterals .cross-sells,
 body[class*="woocommerce"] #page .cart-collaterals .cart_totals,
 body[class*="woocommerce"] #page .widget_shopping_cart,

varia/sass/vendors/woocommerce/pages/_cart.scss

@@ -35,6 +35,9 @@ body[class*="woocommerce"] #page { // adding #page here to override default wc s
 
 	td.product-name {
 
+		font-family: $font_family_primary;
+		font-weight: 700;
+
 		dl.variation,
 		.wc-item-meta {
 

varia/sass/vendors/woocommerce/pages/_product-page.scss

@@ -9,6 +9,7 @@
 		p.price {
 			color: $color_primary;
 			font-size: $fontsize_xl;
+			line-height: $font_line_height_heading;
 		}
 
 		p.stock {

varia/style-woocommerce.css

@@ -501,6 +501,11 @@ body[class*="woocommerce"] #page {
 	 */
 }
 
+body[class*="woocommerce"] #page ul.cart_list li a:not(.remove),
+body[class*="woocommerce"] #page ul.product_list_widget li a:not(.remove) {
+	font-family: sans-serif;
+}
+
 body[class*="woocommerce"] #page ul.cart_list li img,
 body[class*="woocommerce"] #page ul.product_list_widget li img {
 	margin-left: 4px;
@@ -596,83 +601,117 @@ body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .shipping
  * Product loops
  */
 #woocommerce-wrapper .products ul,
-#woocommerce-wrapper ul.products {
+#woocommerce-wrapper ul.products,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells .products ul,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells .products ul,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products {
 	margin: 0;
 	padding: 0;
 }
 
-#woocommerce-wrapper ul.products li.product .star-rating {
+#woocommerce-wrapper ul.products li.product .star-rating,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .star-rating,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .star-rating {
+	font-size: 0.83333rem;
 	margin: inherit;
 }
 
 #woocommerce-wrapper ul.products li.product h3,
 #woocommerce-wrapper ul.products li.product .woocommerce-loop-product__title,
-#woocommerce-wrapper ul.products li.product .woocommerce-loop-category__title {
+#woocommerce-wrapper ul.products li.product .woocommerce-loop-category__title,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product h3,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-product__title,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-category__title,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product h3,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-product__title,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-category__title {
 	padding: inherit;
-	margin: inherit;
 	font-size: 1rem;
 }
 
-#woocommerce-wrapper ul.products li.product a img {
+#woocommerce-wrapper ul.products li.product a img,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product a img,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product a img {
 	margin: inherit;
 }
 
-#woocommerce-wrapper ul.products li.product .woocommerce-placeholder {
+#woocommerce-wrapper ul.products li.product .woocommerce-placeholder,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-placeholder,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-placeholder {
 	border-color: #DDDDDD;
 }
 
-#woocommerce-wrapper ul.products li.product .star-rating {
-	font-size: 0.83333rem;
-}
-
-#woocommerce-wrapper ul.products li.product .button {
+#woocommerce-wrapper ul.products li.product .button,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .button,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .button {
 	margin-top: inherit;
 }
 
-#woocommerce-wrapper ul.products li.product .price {
+#woocommerce-wrapper ul.products li.product .price,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price {
 	color: #111111;
-	margin-bottom: inherit;
 	font-size: 1.2rem;
+	line-height: 1.125;
 }
 
-#woocommerce-wrapper ul.products li.product .price del {
+#woocommerce-wrapper ul.products li.product .price del,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price del,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price del {
 	color: inherit;
 	opacity: 0.5;
 	display: inline-block;
 }
 
-#woocommerce-wrapper ul.products li.product .price ins {
+#woocommerce-wrapper ul.products li.product .price ins,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price ins,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price ins {
 	background: none;
 	font-weight: 700;
 	display: inline-block;
 }
 
-#woocommerce-wrapper ul.products li.product .price .from {
+#woocommerce-wrapper ul.products li.product .price .from,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price .from,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price .from {
 	font-size: 0.69444rem;
 	color: gold;
 }
 
-#woocommerce-wrapper ul.products li.product.sale a > .price ins {
+#woocommerce-wrapper ul.products li.product.sale a > .price ins,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product.sale a > .price ins,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product.sale a > .price ins {
 	color: yellowgreen;
 }
 
-#woocommerce-wrapper .woocommerce-result-count {
+#woocommerce-wrapper .woocommerce-result-count,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells .woocommerce-result-count,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells .woocommerce-result-count {
 	margin-bottom: 16px;
 }
 
-#woocommerce-wrapper .woocommerce-ordering {
+#woocommerce-wrapper .woocommerce-ordering,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells .woocommerce-ordering,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells .woocommerce-ordering {
 	margin-bottom: 16px;
 }
 
-#woocommerce-wrapper .woocommerce-ordering select {
+#woocommerce-wrapper .woocommerce-ordering select,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells .woocommerce-ordering select,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells .woocommerce-ordering select {
 	vertical-align: top;
 }
 
-#woocommerce-wrapper nav.woocommerce-pagination {
+#woocommerce-wrapper nav.woocommerce-pagination,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells nav.woocommerce-pagination,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells nav.woocommerce-pagination {
 	text-align: center;
 }
 
-#woocommerce-wrapper nav.woocommerce-pagination ul {
+#woocommerce-wrapper nav.woocommerce-pagination ul,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells nav.woocommerce-pagination ul,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells nav.woocommerce-pagination ul {
 	display: inline-block;
 	white-space: nowrap;
 	padding: 0;
@@ -682,7 +721,9 @@ body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .shipping
 	margin: 1px;
 }
 
-#woocommerce-wrapper nav.woocommerce-pagination ul li {
+#woocommerce-wrapper nav.woocommerce-pagination ul li,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells nav.woocommerce-pagination ul li,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells nav.woocommerce-pagination ul li {
 	border-color: #DDDDDD;
 	padding: 0;
 	margin: 0;
@@ -692,7 +733,11 @@ body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .shipping
 }
 
 #woocommerce-wrapper nav.woocommerce-pagination ul li a,
-#woocommerce-wrapper nav.woocommerce-pagination ul li span {
+#woocommerce-wrapper nav.woocommerce-pagination ul li span,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells nav.woocommerce-pagination ul li a,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells nav.woocommerce-pagination ul li span,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells nav.woocommerce-pagination ul li a,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells nav.woocommerce-pagination ul li span {
 	margin: 0;
 	text-decoration: none;
 	padding: 0;
@@ -706,7 +751,13 @@ body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .shipping
 
 #woocommerce-wrapper nav.woocommerce-pagination ul li span.current,
 #woocommerce-wrapper nav.woocommerce-pagination ul li a:hover,
-#woocommerce-wrapper nav.woocommerce-pagination ul li a:focus {
+#woocommerce-wrapper nav.woocommerce-pagination ul li a:focus,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells nav.woocommerce-pagination ul li span.current,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells nav.woocommerce-pagination ul li a:hover,
+body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells nav.woocommerce-pagination ul li a:focus,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells nav.woocommerce-pagination ul li span.current,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells nav.woocommerce-pagination ul li a:hover,
+body[class*="woocommerce"] #page .cart-collaterals .cross-sells nav.woocommerce-pagination ul li a:focus {
 	background: #DDDDDD;
 	color: #767676;
 }
@@ -714,32 +765,32 @@ body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .shipping
 /**
  * Reviews
  */
-.woocommerce #content {
+body[class*="woocommerce"] #page {
 	/**
 	 * Reviews
 	 */
 }
 
-.woocommerce #content #reviews h2 small {
+body[class*="woocommerce"] #page #reviews h2 small {
 	color: #767676;
 	font-size: 0.83333rem;
 	margin: inherit;
 }
 
-.woocommerce #content #reviews h2 small a {
+body[class*="woocommerce"] #page #reviews h2 small a {
 	color: currentColor;
 }
 
-.woocommerce #content #reviews #comments ol.commentlist li {
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li {
 	margin-bottom: 16px;
 }
 
-.woocommerce #content #reviews #comments ol.commentlist li .meta {
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .meta {
 	color: #767676;
 	font-size: 0.83333rem;
 }
 
-.woocommerce #content #reviews #comments ol.commentlist li img.avatar {
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li img.avatar {
 	float: left;
 	position: absolute;
 	top: 0;
@@ -753,38 +804,38 @@ body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .shipping
 	box-shadow: none;
 }
 
-.woocommerce #content #reviews #comments ol.commentlist li .comment-text {
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text {
 	margin: 0 0 0 50px;
 	border: 1px solid #f00000;
 	border-radius: 4px;
 	padding: 1em 1em 0;
 }
 
-.woocommerce #content #reviews #comments ol.commentlist li .comment-text p {
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text p {
 	margin: 0 0 1em;
 }
 
-.woocommerce #content #reviews #comments ol.commentlist li .comment-text p.meta {
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text p.meta {
 	font-size: 0.83em;
 }
 
-.woocommerce #content #reviews #comments ol.commentlist ul.children {
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist ul.children {
 	list-style: none outside;
 	margin: 20px 0 0 50px;
 }
 
-.woocommerce #content #reviews #comments ol.commentlist ul.children .star-rating {
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist ul.children .star-rating {
 	display: none;
 }
 
-.woocommerce #content #reviews #comments ol.commentlist #respond {
+body[class*="woocommerce"] #page #reviews #comments ol.commentlist #respond {
 	border: 1px solid #f00000;
 	border-radius: 4px;
 	padding: 1em 1em 0;
 	margin: 20px 0 0 50px;
 }
 
-.woocommerce #content #reviews #comments .commentlist > li::before {
+body[class*="woocommerce"] #page #reviews #comments .commentlist > li::before {
 	content: "";
 }
 
@@ -794,60 +845,60 @@ body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .shipping
 /**
  * Vertical Space - 32px
  */
-.woocommerce #content div.summary > *:not(:first-child),
-.woocommerce #content div.product .woocommerce-tabs .panel > *:not(:first-child),
-.woocommerce #content .products.related > *:not(:first-child),
-.woocommerce .woocommerce-MyAccount-content > *:not(:first-child),
-.woocommerce .woocommerce-EditAccountForm > *:not(:first-child),
-.woocommerce .woocommerce-billing-fields > *:not(:first-child),
-.woocommerce .woocommerce-shipping-fields > *:not(:first-child),
-.woocommerce .woocommerce-checkout > *:not(:first-child),
-.woocommerce .up-sells > *:not(:first-child) {
+body[class*="woocommerce"] #page div.summary > *:not(:first-child),
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(:first-child),
+body[class*="woocommerce"] #page .products.related > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-checkout > *:not(:first-child),
+body[class*="woocommerce"] #page .up-sells > *:not(:first-child) {
 	margin-top: 32px;
 }
 
-.woocommerce #content div.summary > *:not(:last-child),
-.woocommerce #content div.product .woocommerce-tabs .panel > *:not(:last-child),
-.woocommerce #content .products.related > *:not(:last-child),
-.woocommerce .woocommerce-MyAccount-content > *:not(:last-child),
-.woocommerce .woocommerce-EditAccountForm > *:not(:last-child),
-.woocommerce .woocommerce-billing-fields > *:not(:last-child),
-.woocommerce .woocommerce-shipping-fields > *:not(:last-child),
-.woocommerce .woocommerce-checkout > *:not(:last-child),
-.woocommerce .up-sells > *:not(:last-child) {
+body[class*="woocommerce"] #page div.summary > *:not(:last-child),
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(:last-child),
+body[class*="woocommerce"] #page .products.related > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-checkout > *:not(:last-child),
+body[class*="woocommerce"] #page .up-sells > *:not(:last-child) {
 	margin-bottom: 32px;
 }
 
-.woocommerce #content div.summary > *:empty + *,
-.woocommerce #content div.summary > .form-row-last,
-.woocommerce #content div.product .woocommerce-tabs .panel > *:empty + *,
-.woocommerce #content div.product .woocommerce-tabs .panel > .form-row-last,
-.woocommerce #content .products.related > *:empty + *,
-.woocommerce #content .products.related > .form-row-last,
-.woocommerce .woocommerce-MyAccount-content > *:empty + *,
-.woocommerce .woocommerce-MyAccount-content > .form-row-last,
-.woocommerce .woocommerce-EditAccountForm > *:empty + *,
-.woocommerce .woocommerce-EditAccountForm > .form-row-last,
-.woocommerce .woocommerce-billing-fields > *:empty + *,
-.woocommerce .woocommerce-billing-fields > .form-row-last,
-.woocommerce .woocommerce-shipping-fields > *:empty + *,
-.woocommerce .woocommerce-shipping-fields > .form-row-last,
-.woocommerce .woocommerce-checkout > *:empty + *,
-.woocommerce .woocommerce-checkout > .form-row-last,
-.woocommerce .up-sells > *:empty + *,
-.woocommerce .up-sells > .form-row-last {
+body[class*="woocommerce"] #page div.summary > *:empty + *,
+body[class*="woocommerce"] #page div.summary > .form-row-last,
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:empty + *,
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > .form-row-last,
+body[class*="woocommerce"] #page .products.related > *:empty + *,
+body[class*="woocommerce"] #page .products.related > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:empty + *,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:empty + *,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:empty + *,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:empty + *,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-checkout > *:empty + *,
+body[class*="woocommerce"] #page .woocommerce-checkout > .form-row-last,
+body[class*="woocommerce"] #page .up-sells > *:empty + *,
+body[class*="woocommerce"] #page .up-sells > .form-row-last {
 	margin-top: 0;
 }
 
-.woocommerce #content div.summary > *:empty,
-.woocommerce #content div.product .woocommerce-tabs .panel > *:empty,
-.woocommerce #content .products.related > *:empty,
-.woocommerce .woocommerce-MyAccount-content > *:empty,
-.woocommerce .woocommerce-EditAccountForm > *:empty,
-.woocommerce .woocommerce-billing-fields > *:empty,
-.woocommerce .woocommerce-shipping-fields > *:empty,
-.woocommerce .woocommerce-checkout > *:empty,
-.woocommerce .up-sells > *:empty {
+body[class*="woocommerce"] #page div.summary > *:empty,
+body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:empty,
+body[class*="woocommerce"] #page .products.related > *:empty,
+body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:empty,
+body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:empty,
+body[class*="woocommerce"] #page .woocommerce-billing-fields > *:empty,
+body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:empty,
+body[class*="woocommerce"] #page .woocommerce-checkout > *:empty,
+body[class*="woocommerce"] #page .up-sells > *:empty {
 	margin: 0;
 }
 
@@ -856,6 +907,8 @@ body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .shipping
  */
 #woocommerce-wrapper ul.products li.product a > *:not(:first-child),
 #woocommerce-wrapper ul.products li.product-category a > *:not(:first-child),
+body[class*="woocommerce"] #page ul.products li.product a > *:not(:first-child),
+body[class*="woocommerce"] #page ul.products li.product-category a > *:not(:first-child),
 body[class*="woocommerce"] #page .cart-collaterals .cross-sells > *:not(:first-child),
 body[class*="woocommerce"] #page .cart-collaterals .cart_totals > *:not(:first-child),
 body[class*="woocommerce"] #page .widget_shopping_cart > *:not(:first-child),
@@ -867,6 +920,10 @@ body[class*="woocommerce"] #page .widget_shopping_cart_content > *:not(:first-ch
 #woocommerce-wrapper ul.products li.product a > .price,
 #woocommerce-wrapper ul.products li.product-category a > *:not(:last-child),
 #woocommerce-wrapper ul.products li.product-category a > .price,
+body[class*="woocommerce"] #page ul.products li.product a > *:not(:last-child),
+body[class*="woocommerce"] #page ul.products li.product a > .price,
+body[class*="woocommerce"] #page ul.products li.product-category a > *:not(:last-child),
+body[class*="woocommerce"] #page ul.products li.product-category a > .price,
 body[class*="woocommerce"] #page .cart-collaterals .cross-sells > *:not(:last-child),
 body[class*="woocommerce"] #page .cart-collaterals .cross-sells > .price,
 body[class*="woocommerce"] #page .cart-collaterals .cart_totals > *:not(:last-child),
@@ -880,6 +937,8 @@ body[class*="woocommerce"] #page .widget_shopping_cart_content > .price {
 
 #woocommerce-wrapper ul.products li.product a > *:not(img):empty + *,
 #woocommerce-wrapper ul.products li.product-category a > *:not(img):empty + *,
+body[class*="woocommerce"] #page ul.products li.product a > *:not(img):empty + *,
+body[class*="woocommerce"] #page ul.products li.product-category a > *:not(img):empty + *,
 body[class*="woocommerce"] #page .cart-collaterals .cross-sells > *:not(img):empty + *,
 body[class*="woocommerce"] #page .cart-collaterals .cart_totals > *:not(img):empty + *,
 body[class*="woocommerce"] #page .widget_shopping_cart > *:not(img):empty + *,
@@ -889,6 +948,8 @@ body[class*="woocommerce"] #page .widget_shopping_cart_content > *:not(img):empt
 
 #woocommerce-wrapper ul.products li.product a > *:empty,
 #woocommerce-wrapper ul.products li.product-category a > *:empty,
+body[class*="woocommerce"] #page ul.products li.product a > *:empty,
+body[class*="woocommerce"] #page ul.products li.product-category a > *:empty,
 body[class*="woocommerce"] #page .cart-collaterals .cross-sells > *:empty,
 body[class*="woocommerce"] #page .cart-collaterals .cart_totals > *:empty,
 body[class*="woocommerce"] #page .widget_shopping_cart > *:empty,
@@ -949,6 +1010,11 @@ body[class*="woocommerce"] #page table.my_account_orders td {
 	padding: 4px 8px;
 }
 
+body[class*="woocommerce"] #page td.product-name {
+	font-family: sans-serif;
+	font-weight: 700;
+}
+
 body[class*="woocommerce"] #page td.product-name dl.variation dt,
 body[class*="woocommerce"] #page td.product-name dl.variation .wc-item-meta-label,
 body[class*="woocommerce"] #page td.product-name .wc-item-meta dt,
@@ -1109,6 +1175,7 @@ body[class*="woocommerce"] #page .woocommerce-invalid #terms {
 .woocommerce #content div.product p.price {
 	color: blue;
 	font-size: 1.728rem;
+	line-height: 1.125;
 }
 
 .woocommerce #content div.product p.stock {

varia/style.css

@@ -2420,11 +2420,6 @@ table th,
 	z-index: 99999;
 }
 
-.main-navigation > div > ul li:hover, .main-navigation > div > ul li[focus-within] {
-	cursor: pointer;
-	z-index: 99999;
-}
-
 .main-navigation > div > ul li:hover, .main-navigation > div > ul li:focus-within {
 	cursor: pointer;
 	z-index: 99999;
@@ -2445,14 +2440,6 @@ table th,
 		display: block;
 	}
 	.main-navigation > div > ul li:hover > ul,
-	.main-navigation > div > ul li[focus-within] > ul,
-	.main-navigation > div > ul li ul:hover,
-	.main-navigation > div > ul li ul:focus {
-		visibility: visible;
-		opacity: 1;
-		display: block;
-	}
-	.main-navigation > div > ul li:hover > ul,
 	.main-navigation > div > ul li:focus-within > ul,
 	.main-navigation > div > ul li ul:hover,
 	.main-navigation > div > ul li ul:focus {