Update styles in SCSS and CSS map

- Changed background color of body from $cBlackLight to $cOnyx.
- Added new button styles for ._btn2 with hover effects.
- Enhanced alert styles with border and padding adjustments.
- Updated table styles for better visibility with borders.
- Introduced new styles for .menu-account and product details.
- Modified text colors for better contrast and readability.
- Added new styles for product-related boxes and basket.

juicedupmotorcycles.pl/style.scss

@@ -22,7 +22,7 @@ $fBebasNeueProExpanded: 'Bebas Neue Pro Expanded', sans-serif;
 
 body {
 	color: $cTxtWhite !important;
-	background-color: $cBlackLight !important;
+	background-color: $cOnyx !important;
 	font-family: 'Scandia', 'Poppins', sans-serif !important;
 
 	> .wrap {
@@ -68,6 +68,63 @@ p {
 		background: linear-gradient(119deg, #a48446 0%, #d0bf95 100%);
 	}
 }
+._btn2 {
+	display: inline-block;
+	color: $cBlack;
+	padding: 10px 26px;
+	background: linear-gradient(119deg, #d0bf95 0%, #a48446 100%);
+	border-radius: 100px;
+	transition: all 250ms ease;
+	border: none;
+
+	&:hover {
+		background: linear-gradient(119deg, #a48446 0%, #d0bf95 100%);
+	}
+
+	span {
+		color: $cBlackDark;
+		font-size: 20px;
+		font-family: $fBebasNeuePro;
+		font-weight: 500;
+		text-transform: uppercase;
+	}
+}
+
+.alert {
+	border-width: 1px !important;
+	border-radius: 10px !important;
+	padding: 10px 15px !important;
+
+	&.alert-info {
+		p {
+			color: $cBlack;
+		}
+		button.close {
+			color: $cBlack;
+		}
+	}
+
+	button.close {
+		top: 50% !important;
+		transform: translateY(-50%) !important;
+	}
+}
+
+table.table {
+	border-top: 2px solid #28282e !important;
+	border-left: 2px solid #28282e !important;
+	border-right: 2px solid #28282e !important;
+
+	tbody {
+		border-bottom: 2px solid #28282e !important;
+	}
+
+	td {
+		border-bottom: 2px solid #28282e !important;
+		border-right: 2px solid #28282e !important;
+	}
+}
+
 .breadcrumbs {
 	padding-top: 8px;
 	padding-bottom: 8px;
@@ -645,6 +702,20 @@ header {
 			}
 		}
 	}
+
+	.menu-account {
+		margin-right: 20px;
+
+		a.myaccount {
+			img {
+				display: inline-block;
+				width: 100%;
+				max-width: 20px;
+				height: 20px;
+				filter: invert(0.9);
+			}
+		}
+	}
 }
 
 div.menu {
@@ -816,7 +887,7 @@ body .products.viewphot .product {
 					}
 
 					span {
-						color: $cTxtWhite;
+						color: $cBlackDark;
 						font-size: 20px;
 						font-family: $fBebasNeuePro;
 						font-weight: 500;
@@ -955,7 +1026,7 @@ body .box .product {
 			}
 
 			span {
-				color: $cTxtWhite;
+				color: $cBlackDark;
 				font-size: 20px;
 				font-family: $fBebasNeuePro;
 				font-weight: 500;
@@ -1227,6 +1298,47 @@ body.shop_product {
 									display: none;
 								}
 							}
+
+							.productdetails-more-details {
+								border-color: #28282e;
+								ul {
+									display: flex;
+									flex-direction: row;
+									column-gap: 40px;
+
+									&::before,
+									&::after {
+										display: none;
+									}
+
+									li {
+										a {
+											&:hover {
+												span {
+													color: $cTxtWhite;
+
+													&::before {
+														color: $cTxtWhite;
+													}
+												}
+											}
+											span {
+												color: $cGolden;
+												font-size: 16px;
+												font-family: $fBebasNeuePro;
+												font-weight: 500;
+												text-transform: uppercase;
+												transition: all 250ms ease;
+
+												&::before {
+													color: $cGolden;
+													transition: all 250ms ease;
+												}
+											}
+										}
+									}
+								}
+							}
 						}
 					}
 				}
@@ -1268,6 +1380,10 @@ body.shop_product {
 					}
 				}
 			}
+
+			#box_productrelated {
+				margin-top: 50px;
+			}
 		}
 
 		div.bottom-footer {
@@ -1384,3 +1500,139 @@ body.shop_product {
 // 		margin-top: 25px;
 // 	}
 // }
+
+#box_mainproducts {
+	.boxhead {
+		border-bottom: none;
+		margin-bottom: 0;
+
+		.category-name {
+			color: $cGolden;
+			font-size: 16px;
+			font-family: $fScandia;
+			font-weight: 500;
+			text-transform: uppercase;
+		}
+
+		.sort-and-view {
+			.sortlinks {
+				margin: 0;
+
+				select {
+					color: $cTxtWhite;
+					font-size: 14px;
+					font-weight: 400;
+					font-family: $fScandia;
+					border-radius: 100px;
+					border-color: #28282e;
+					background-color: #0f0f11;
+					padding: 12px 20px;
+				}
+			}
+		}
+	}
+}
+
+#box_productrelated {
+	margin-bottom: 0;
+
+	.boxhead {
+		margin: 0 0 40px 0;
+		border: none;
+
+		h3 {
+			margin: 0;
+			color: $cTxtWhite;
+			font-size: 51px;
+			font-family: $fPlayfair;
+			font-weight: 700;
+			line-height: 1;
+		}
+	}
+	.innerbox {
+		.product {
+			border: 1px solid #28282e;
+			border-radius: 15px;
+			padding: 15px;
+
+			&:last-child {
+				margin-bottom: 0;
+			}
+
+			.f-row {
+			}
+
+			.productname {
+				color: $cTxtWhite;
+				font-family: $fBebasNeuePro;
+				font-size: 20px;
+				font-weight: 600;
+				margin: 0 0 20px 0;
+				padding-top: 0;
+				letter-spacing: 0.1px;
+				text-transform: uppercase;
+				display: block;
+				overflow: hidden;
+				white-space: nowrap;
+				text-overflow: ellipsis;
+			}
+			.js__prodcut-short-desc {
+				margin: 0;
+
+				p {
+					color: $cTxtWhite;
+					font-size: 14px;
+					font-family: $fScandia;
+					font-weight: 400;
+					line-height: 1.2;
+					margin-top: 0;
+				}
+				ul {
+					color: $cTxtWhite;
+					font-size: 14px;
+					font-family: $fScandia;
+					font-weight: 400;
+					line-height: 1.2;
+					padding-left: 15px;
+					margin-bottom: 0;
+				}
+			}
+			.price {
+				justify-content: flex-end;
+				margin-bottom: 20px;
+
+				em {
+					color: $cRed;
+					font-size: 20px;
+					font-family: $fScandia;
+					font-weight: 500;
+					text-transform: uppercase;
+					line-height: 1;
+				}
+			}
+			.basket {
+				.addtobasket {
+					@extend ._btn2;
+				}
+			}
+		}
+	}
+}
+
+// Koszyk
+body.shop_basket {
+	#box_basketlist {
+		.boxhead {
+			margin-bottom: 40px;
+			border-bottom: none;
+
+			h3 {
+				position: relative;
+				color: $cTxtWhite;
+				font-size: 28px;
+				font-family: $fPlayfair;
+				font-weight: 500;
+			}
+		}
+	}
+}