Refactor SCSS for product page layout and styling

- Removed unnecessary selector for product styles.
- Added new styles for the product page wrapper, including background color and padding.
- Enhanced blog article styling with background color and padding.
- Introduced border and padding for extra blogs section.

themes/leo_lulandia/assets/css/dr_materac.scss

@@ -4808,7 +4808,6 @@ body#checkout .modal-content li {
 body {
 	overflow-x: hidden;
 
-	&#product,
 	&#module-leoblog-blog {
 		#wrapper {
 			background: #f8f9fa;
@@ -4828,6 +4827,26 @@ body {
 			}
 		}
 	}
+
+	&#product {
+		#wrapper {
+			background: #fff;
+			padding-top: 50px;
+			padding-bottom: 50px;
+
+			#blogpage {
+				article {
+					background: #fff;
+					padding: 50px;
+				}
+
+				.extra-blogs {
+					border: 1px solid #eee;
+					padding: 25px;
+				}
+			}
+		}
+	}
 }
 
 .leoproductsearch-content {