Save

layout/style-scss/style.scss

@@ -5340,20 +5340,13 @@ footer {
 }
 
 //* navigation to 'product-preview-box' component
+
 #nav_tabs {
-	position: relative;
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-	justify-content: center;
-	flex-wrap: wrap;
-	gap: 17px;
 	max-width: 980px;
 	padding-bottom: 120px;
 	margin-bottom: 90px;
 	margin-left: auto;
 	margin-right: auto;
-	// width: fit-content;
 
 	&::before {
 		content: '';
@@ -5364,6 +5357,18 @@ footer {
 		width: 100vw;
 		background-color: $cBlack;
 	}
+}
+
+#nav_tabs,
+#nav_tabs_colors {
+	position: relative;
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	justify-content: center;
+	flex-wrap: wrap;
+	gap: 17px;
+	// width: fit-content;
 
 	li {
 		position: relative;
@@ -6534,3 +6539,17 @@ footer {
 		}
 	}
 }
+
+#product-colors-preview-box {
+	margin-bottom: 70px;
+
+	.scontainer-content {
+		.colors-preview {
+			display: none;
+
+			&.active {
+				display: block;
+			}
+		}
+	}
+}