Add kolorystyka_drewno_block shortcode and FTP sync cache file

- Implemented a new shortcode 'kolorystyka_drewno_block' in functions.php to display a styled section with an image, heading, description, and a button linking to the color palette.
- Added a new FTP sync cache configuration file to track the state of files in the project directory.

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

@@ -499,6 +499,101 @@
   margin-bottom: 0;
 }
 
+.product-card2:hover > .e-con-inner .elementor-widget-image a::after {
+  height: 250%;
+  transition: all 600ms linear;
+  background-color: transparent;
+}
+.product-card2:hover > .e-con-inner .elementor-widget-image img {
+  transform: scale(1.1);
+  filter: brightness(0.6);
+}
+.product-card2:hover > .e-con-inner .product-card-data {
+  background: rgba(255, 255, 255, 0.95);
+  min-height: 250px;
+}
+.product-card2:hover > .e-con-inner .product-card-data .product-card-data-head {
+  padding-bottom: 20px;
+}
+.product-card2:hover > .e-con-inner .product-card-data .product-card-data-head .elementor-heading-title a {
+  color: #000;
+}
+.product-card2:hover > .e-con-inner .product-card-data .product-card-data-text {
+  height: 300px;
+}
+.product-card2:hover > .e-con-inner .product-card-data .product-card-data-text p {
+  color: #000;
+}
+.product-card2 > .e-con-inner .elementor-widget-image {
+  position: relative;
+  overflow: hidden;
+  height: 100%;
+}
+.product-card2 > .e-con-inner .elementor-widget-image img {
+  height: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
+  transition: all 0.3s ease-in-out;
+}
+.product-card2 > .e-con-inner .elementor-widget-image a::after {
+  content: "";
+  position: absolute;
+  width: 200%;
+  height: 0%;
+  left: 50%;
+  top: 50%;
+  background-color: rgba(255, 255, 255, 0.7);
+  transform: translate(-50%, -50%) rotate(-45deg);
+  z-index: 1;
+}
+.product-card2 > .e-con-inner .product-card-data {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 1;
+  padding: 35px;
+}
+.product-card2 > .e-con-inner .product-card-data .product-card-data-head {
+  padding-bottom: 0;
+  transition: all 250ms ease-in-out;
+}
+.product-card2 > .e-con-inner .product-card-data .product-card-data-head .elementor-heading-title {
+  position: relative;
+  margin-top: 0;
+  margin-bottom: 0;
+}
+.product-card2 > .e-con-inner .product-card-data .product-card-data-head .elementor-heading-title::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  bottom: -4px;
+  width: 40px;
+  height: 2px;
+  background: var(--e-global-color-accent);
+}
+.product-card2 > .e-con-inner .product-card-data .product-card-data-head .elementor-heading-title a {
+  transition: all 250ms ease-in-out;
+}
+.product-card2 > .e-con-inner .product-card-data .product-card-data-text {
+  padding-top: 0px;
+  margin-bottom: 0px;
+  height: 0;
+  max-height: -moz-fit-content;
+  max-height: fit-content;
+  overflow: hidden;
+  transition: all 250ms ease-in-out;
+}
+.product-card2 > .e-con-inner .product-card-data .product-card-data-text a {
+  display: block;
+}
+.product-card2 > .e-con-inner .product-card-data .product-card-data-text p {
+  transition: all 250ms ease-in-out;
+}
+.product-card2 > .e-con-inner .product-card-data .product-card-data-text p:last-child {
+  margin-bottom: 0;
+}
+
 #contact-map {
   position: absolute;
   inset: 0;

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

@@ -421,3 +421,29 @@ function kolorystyka_block_shortcode() {
     return ob_get_clean();
 }
 add_shortcode('kolorystyka_block', 'kolorystyka_block_shortcode');
+
+function kolorystyka_drewno_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-drewno/" class="kolorystyka-button">
+					Zobacz paletę kolorów
+				</a>
+			</div>
+		</div>
+    </div>
+    <?php
+    return ob_get_clean();
+}
+add_shortcode('kolorystyka_drewno_block', 'kolorystyka_drewno_block_shortcode');