Change filters, product lists, ...

themes/classic/assets/css/custom.scss

@@ -2536,22 +2536,6 @@ body {
 				}
 			}
 		}
-
-		#search_filters {
-			.h6 {
-				color: $cBlack;
-				font-size: 20px;
-				font-weight: 400;
-			}
-
-			.facet {
-				.h6 {
-					color: $cBlack;
-					font-size: 16px;
-					font-weight: 400;
-				}
-			}
-		}
 	}
 }
 
@@ -3735,11 +3719,14 @@ body#authentication {
 	border-top: 1px solid #110e0c1a;
 	border-bottom: 1px solid #110e0c1a;
 	border-radius: 0 !important;
+	padding-left: 0;
+	padding-right: 0;
 
 	.head {
 		display: flex;
 		justify-content: space-between;
 		align-items: center;
+		margin-bottom: 20px;
 
 		.h6 {
 			font-size: 16px;
@@ -3747,7 +3734,7 @@ body#authentication {
 			font-family: 'Inter';
 			text-transform: uppercase;
 			color: #462d26;
-			cursor: pointer;
+			// cursor: pointer;
 			margin-bottom: 0;
 
 			display: flex;
@@ -3761,29 +3748,38 @@ body#authentication {
 		}
 	}
 
-	&.active {
-		background: #fff;
-		border: 0;
-		border-radius: 10px !important;
+	// &.active {
+	// 	background: #fff;
+	// 	border: 0;
+	// 	border-radius: 10px !important;
 
-		.content {
-			display: grid;
-		}
-	}
+	// 	.content {
+	// 		display: grid;
+	// 	}
+	// }
 
 	.content {
-		display: grid;
-		grid-template-columns: 1fr 1fr 1fr 1fr;
+		// display: grid;
+		// grid-template-columns: 1fr 1fr 1fr 1fr;
 		gap: 20px;
 		background: #fff;
 		padding: 25px;
-		display: none;
+		// display: none;
+
+		section.facet {
+			&:first-child {
+				padding-top: 0;
+			}
+			&:not(:first-child) {
+				padding-top: 1.625rem;
+			}
+		}
 
 		.h6 {
 			font-weight: 700;
 			font-size: 16px;
 			font-family: 'Inter';
-			margin-bottom: 25px;
+			margin-bottom: 15px;
 		}
 
 		.custom-checkbox {
@@ -3801,6 +3797,17 @@ body#authentication {
 				margin-top: 0;
 			}
 		}
+
+		.faceted-slider {
+			> li {
+				> p {
+					color: #462d26;
+					font-family: 'Inter', sans-serif;
+					font-size: 14px;
+					font-weight: 700;
+				}
+			}
+		}
 	}
 }
 
@@ -4287,3 +4294,54 @@ form {
 	inset: 0;
 	z-index: 1;
 }
+
+.filter-block-all {
+	display: inline-block;
+	margin-right: 0.625rem;
+	margin-bottom: 0.625rem;
+
+	button {
+		margin: 0 !important;
+
+		.material-icons {
+			margin: 0;
+		}
+	}
+}
+
+.scroll-brn-box {
+	position: fixed;
+	bottom: 40px;
+	right: 40px;
+	z-index: 100000000000;
+	opacity: 0;
+	visibility: hidden;
+	transition: all 250ms ease-in-out;
+
+	&.active {
+		opacity: 1;
+		visibility: visible;
+	}
+
+	a {
+		width: 50px;
+		height: 50px;
+		background: #e79332;
+		border-radius: 100%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		line-height: 0;
+
+		svg {
+			width: 16px;
+			height: 16px;
+		}
+	}
+
+	@media (max-width: 767px) {
+		left: 50%;
+		right: auto;
+		transform: translateX(-50%);
+	}
+}