Add color pallet

wp-content/themes/hello-elementor/assets/css/custom.css

@@ -9,10 +9,10 @@
 }
 
 #hero-slider-new {
-  height: 540px;
+  height: calc(100svh - 199px);
 }
 #hero-slider-new > .swiper {
-  height: 540px;
+  height: calc(100svh - 199px);
 }
 @media (max-width: 1024px) {
   #hero-slider-new > .swiper > .swiper-wrapper .swiper-slide > .elementor-element {
@@ -554,6 +554,12 @@
   background: #f1f1f1;
 }
 
+@media (max-width: 900px) {
+  #header-contact .elementor-icon-list-items {
+    flex-direction: column;
+    row-gap: 5px;
+  }
+}
 #header-contact .elementor-icon-list-items .elementor-icon-list-item a .elementor-icon-list-icon {
   padding: 7px;
   border: 1px solid black;
@@ -1134,4 +1140,52 @@
 
 figure figcaption {
   text-align: center;
+}
+
+.kolorystyka-block {
+  margin-top: 100px;
+  background: #22a9e1;
+}
+.kolorystyka-block .c-row {
+  display: flex;
+  flex-direction: row;
+}
+.kolorystyka-block .c-row .c-col-1 {
+  width: 33.333%;
+}
+.kolorystyka-block .c-row .c-col-1 img {
+  height: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+.kolorystyka-block .c-row .c-col-2 {
+  width: 66.666%;
+  display: flex;
+  flex-direction: column;
+  row-gap: 20px;
+  padding: 30px 40px;
+}
+.kolorystyka-block .c-row .c-col-2 h3 {
+  color: #fff;
+  margin: 0;
+}
+.kolorystyka-block .c-row .c-col-2 p {
+  color: #fff;
+  margin: 0;
+}
+.kolorystyka-block .c-row .c-col-2 a.kolorystyka-button {
+  display: inline-block;
+  color: #22a9e1;
+  font-size: 15px;
+  font-weight: 500;
+  line-height: 1;
+  padding: 12px 24px;
+  border-radius: 100px;
+  background: #fff;
+  width: -moz-fit-content;
+  width: fit-content;
+  transition: all 250ms ease-in-out;
+}
+.kolorystyka-block .c-row .c-col-2 a.kolorystyka-button:hover {
+  color: #000;
 }/*# sourceMappingURL=custom.css.map */

wp-content/themes/hello-elementor/assets/css/custom.scss

@@ -17,10 +17,12 @@
 }
 
 #hero-slider-new {
-	height: 540px;
+	// height: 540px;
+	height: calc(100svh - 199px);
 
 	> .swiper {
-		height: 540px;
+		// height: 540px;
+		height: calc(100svh - 199px);
 
 		> .swiper-wrapper {
 			.swiper-slide {
@@ -735,6 +737,10 @@
 
 #header-contact {
 	.elementor-icon-list-items {
+		@media (max-width: 900px) {
+			flex-direction: column;
+			row-gap: 5px;
+		}
 		.elementor-icon-list-item {
 			a {
 				.elementor-icon-list-icon {
@@ -1491,3 +1497,56 @@ figure {
 		text-align: center;
 	}
 }
+
+.kolorystyka-block {
+	margin-top: 100px;
+	background: #22a9e1;
+
+	.c-row {
+		display: flex;
+		flex-direction: row;
+
+		.c-col-1 {
+			width: 33.333%;
+
+			img {
+				height: 100%;
+				object-fit: cover;
+			}
+		}
+		.c-col-2 {
+			width: 66.666%;
+			display: flex;
+			flex-direction: column;
+			row-gap: 20px;
+			padding: 30px 40px;
+
+			h3 {
+				color: #fff;
+				margin: 0;
+			}
+
+			p {
+				color: #fff;
+				margin: 0;
+			}
+
+			a.kolorystyka-button {
+				display: inline-block;
+				color: #22a9e1;
+				font-size: 15px;
+				font-weight: 500;
+				line-height: 1;
+				padding: 12px 24px;
+				border-radius: 100px;
+				background: #fff;
+				width: fit-content;
+				transition: all 250ms ease-in-out;
+
+				&:hover {
+					color: #000;
+				}
+			}
+		}
+	}
+}

wp-content/themes/hello-elementor/functions.php

@@ -395,3 +395,29 @@ add_action('wp_enqueue_scripts', function () {
 });
 
 require_once get_template_directory() . '/plugins/CookieNoticePro/cookies.php';
+
+function kolorystyka_block_shortcode() {
+    ob_start();
+    ?>
+    <div class="kolorystyka-block">
+		<div class="c-row">
+			<div class="c-col-1">
+				<img src="/wp-content/uploads/2026/01/kolorystyka.jpg" alt="">
+			</div>
+			<div class="c-col-2">
+				<h3>Kolorystyka</h3>
+				<p>
+					Jedna z kluczowych kwestii w aranżacji domu. Nadaje styl i charakter
+					zarówno elewacji, jak i wnętrzom budynku. Oferujemy szeroką paletę kolorów,
+					która pozwala idealnie dopasować nasze okna do designu inwestycji.
+				</p>
+				<a href="/kolory-aluplast/" class="kolorystyka-button">
+					Zobacz paletę kolorów
+				</a>
+			</div>
+		</div>
+    </div>
+    <?php
+    return ob_get_clean();
+}
+add_shortcode('kolorystyka_block', 'kolorystyka_block_shortcode');