Kontakt page

layout/style-scss/salony-sprzedazy.scss

@@ -223,6 +223,12 @@ strong {
 				position: relative;
 				cursor: pointer;
 
+				&:hover {
+					.sidebar-item--wrapper {
+						background: #fff;
+						box-shadow: -2px 2px 4.6px rgb(180, 170, 162, 0.5);
+					}
+				}
 				&.active {
 					.sidebar-item--wrapper {
 						background: #fff;
@@ -234,7 +240,7 @@ strong {
 				.sidebar-item--wrapper {
 					display: grid;
 					grid-template-columns: 200px 1fr;
-					gap: 16px 32px;
+					gap: 48px 32px;
 					padding: 24px;
 					// border: 1px solid #b4aaa2;
 					border-radius: 10px;
@@ -408,8 +414,8 @@ strong {
 					.popup--body-info {
 						display: grid;
 						grid-template-columns: repeat(2, 1fr);
-						gap: 30px;
-						padding: 20px;
+						gap: 30px 40px;
+						padding: 42px 52px;
 
 						p,
 						a {
@@ -444,7 +450,7 @@ strong {
 								font-weight: 700;
 								font-size: 16px;
 								line-height: 1;
-								margin-bottom: 20px;
+								margin-bottom: 10px;
 							}
 							ul {
 								padding: 0;
@@ -452,16 +458,18 @@ strong {
 								list-style: none;
 								display: flex;
 								flex-direction: row;
-								column-gap: 30px;
-								max-width: 180px;
+								column-gap: 24px;
+								max-width: 200px;
 								align-items: center;
 
 								li {
 									display: flex;
-									flex-direction: column;
+									flex-direction: row;
 									align-items: center;
 									row-gap: 12px;
-									width: calc(100% / 3 - (30px - (30px / 3)));
+									column-gap: 5px;
+									width: calc(100% / 3 - (24px - (24px / 3)));
+									max-width: fit-content;
 
 									p {
 										color: $cTxtBlack;