From f44312fcb96517a8cc9709aff83108049c11ce38 Mon Sep 17 00:00:00 2001
From: Roman Pyrih <roman.pyrih@project-pro.pl>
Date: Mon, 4 Aug 2025 14:10:45 +0200
Subject: [PATCH 1/4] Save

---
 templates_user/components/nav-menu-2.php | 197 +++++++++++++++++++++++
 1 file changed, 197 insertions(+)
 create mode 100644 templates_user/components/nav-menu-2.php

diff --git a/templates_user/components/nav-menu-2.php b/templates_user/components/nav-menu-2.php
new file mode 100644
index 0000000..343f3ee
--- /dev/null
+++ b/templates_user/components/nav-menu-2.php
@@ -0,0 +1,197 @@
+<?
+    include 'templates_user/components/detect-language.php';
+    $language = \front\factory\Languages::active_languages();
+    $lang_id = $language[0]['id'];
+
+    function page_status($id, $lang) {
+        if(\front\factory\Pages::page_details($id, $lang)['status'] == 1){
+            return true;
+        } else {
+            return false;
+        }
+    }
+    function nav_item($id, $lang) {
+        $item_url = \front\factory\Pages::lang_url($id, $lang);
+        $item_title = \front\factory\Pages::page_details($id, $lang)['language']['title'];
+        return "<a href=\"{$item_url}\"><span>{$item_title}</span></a>";
+    }
+?>
+
+<header id="header" class="header-container">
+  <div class="container">
+    <div class="header-data">
+      <div class="header-logo">
+        <a href="/">
+          <img alt="" src="/upload/filemanager/images/vidok-logo-mini.svg" />
+        </a>
+      </div>
+
+      <div id="header-nav">
+        <nav id="header-mine-menu">
+            <ul class="lvl-1">
+                <!-- item 1 -->
+                <?php if(page_status(2, $lang_id)): ?>
+                <li>
+                    <?= nav_item(2, $lang_id); ?>
+
+                    <ul class="lvl-2">
+                        <!-- item 1-1 -->
+                        <?php if(page_status(9, $lang_id)): ?>
+                        <li>
+                            <?= nav_item(9, $lang_id); ?>
+
+                            <!-- item 1-1-1 -->
+                            <ul class="lvl-3">
+                                <?php if(page_status(34, $lang_id)): ?>
+                                <li>
+                                    <?= nav_item(34, $lang_id); ?>
+                                </li>
+                                <?php endif; ?>
+                                
+                                <?php if(page_status(32, $lang_id)): ?>
+                                <li>
+                                    <?= nav_item(32, $lang_id); ?>
+                                </li>
+                                <?php endif; ?>
+                                
+                                <?php if(page_status(33, $lang_id)): ?>
+                                <li>
+                                    <?= nav_item(33, $lang_id); ?>
+                                </li>
+                                <?php endif; ?>
+                                
+                                <?php if(page_status(34, $lang_id)): ?>
+                                <li>
+                                    <?= nav_item(34, $lang_id); ?>
+                                </li>
+                                <?php endif; ?>
+                                
+                                <?php if(page_status(34, $lang_id)): ?>
+                                <li>
+                                    <?= nav_item(34, $lang_id); ?>
+                                </li>
+                                <?php endif; ?>
+                            </ul>
+                        </li>
+                        <?php endif; ?>
+
+                        <!-- item 1-2 -->
+                        <?php if(page_status(41, $lang_id)): ?>
+                        <li>
+                            <?= nav_item(41, $lang_id); ?>
+                        </li>
+                        <?php endif; ?>
+
+                        <!-- item 1-3 -->
+                        <?php if(page_status(42, $lang_id)): ?>
+                        <li>
+                            <?= nav_item(42, $lang_id); ?>
+                        </li>
+                        <?php endif; ?>
+
+                        <!-- item 1-4 -->
+                        <?php if(page_status(11, $lang_id)): ?>
+                        <li>
+                            <?= nav_item(11, $lang_id); ?>
+                        </li>
+                        <?php endif; ?>
+
+                        <!-- item 1-5 -->
+                        <?php if(page_status(12, $lang_id)): ?>
+                        <li>
+                            <?= nav_item(12, $lang_id); ?>
+                        </li>
+                        <?php endif; ?>
+                        
+                        <!-- item 1-6 -->
+                        <li>
+                            <a href="#">
+                                <span>Fasady</span>
+                            </a>
+                        </li>
+                        
+                        <!-- item 1-7 -->
+                        <?php if(page_status(13, $lang_id)): ?>
+                        <li>
+                            <?= nav_item(13, $lang_id); ?>
+                        </li>
+                        <?php endif; ?>
+                        
+                        <!-- item 1-8 -->
+                        <?php if(page_status(14, $lang_id)): ?>
+                        <li>
+                            <?= nav_item(14, $lang_id); ?>
+                        </li>
+                        <?php endif; ?>
+
+                        <!-- item 1-9 -->
+                        <li>
+                            <a href="#">
+                                <span>BESTSELLER</span>
+                            </a>
+                        </li>
+                    </ul>
+                </li>
+                <?php endif; ?>
+
+                <!-- item 2 -->
+                <?php if(page_status(4, $lang_id)): ?>
+                <li>
+                    <?= nav_item(4, $lang_id); ?>
+                </li>
+                <?php endif; ?>
+
+                <!-- item 3 -->
+                <?php if(page_status(6, $lang_id)): ?>
+                <li>
+                    <?= nav_item(6, $lang_id); ?>
+                </li>
+                <?php endif; ?>
+
+                <!-- item 4 -->
+                <?php if(page_status(102, $lang_id)): ?>
+                <li>
+                    <?= nav_item(102, $lang_id); ?>
+                </li>
+                <?php endif; ?>
+
+                <!-- item 5 -->
+                <?php if(page_status(100, $lang_id)): ?>
+                <li>
+                    <?= nav_item(100, $lang_id); ?>
+                </li>
+                <?php endif; ?>
+
+                <!-- item 6 -->
+                <?php if(page_status(88, $lang_id)): ?>
+                <li>
+                    <?= nav_item(88, $lang_id); ?>
+                </li>
+                <?php endif; ?>
+            </ul>
+        </nav>
+      </div>
+
+      <div class="header-action">
+        <div id="header-action-btns">
+          <a class="search" href="#">
+            <img alt="" src="/upload/filemanager/icon/search-black.svg" />
+          </a>
+
+          <?= \front\view\Languages::languages(); ?>
+        </div>
+        <a href="#" class="btn1 hidden-below-xs btn-popup-oferta">
+          Bezpłatna wycena
+          <img src="/upload/filemanager/images/check-box-Vector.svg" alt="">
+        </a>
+      </div>
+    </div>
+  </div>
+  <div class="search-box">
+    <div class="search-box-wrapper">
+      <div class="container">
+        <?= \front\view\Search::search_form(); ?>
+      </div>
+    </div>
+  </div>
+</header>
\ No newline at end of file

From 5ea0b5507a13487441c0e699e5f8a0feb78e5418 Mon Sep 17 00:00:00 2001
From: Roman Pyrih <roman.pyrih@project-pro.pl>
Date: Thu, 7 Aug 2025 12:13:56 +0200
Subject: [PATCH 2/4] Save

---
 layout/style-css/nav-menu.css            |   1 +
 layout/style-css/nav-menu.css.map        |   1 +
 layout/style-scss/nav-menu.scss          | 108 ++++++++++++
 templates_user/components/nav-menu-2.php | 204 +++++++++++++----------
 4 files changed, 228 insertions(+), 86 deletions(-)
 create mode 100644 layout/style-css/nav-menu.css
 create mode 100644 layout/style-css/nav-menu.css.map
 create mode 100644 layout/style-scss/nav-menu.scss

diff --git a/layout/style-css/nav-menu.css b/layout/style-css/nav-menu.css
new file mode 100644
index 0000000..e0ff75e
--- /dev/null
+++ b/layout/style-css/nav-menu.css
@@ -0,0 +1 @@
+@import"https://fonts.googleapis.com/css2?family=Alegreya+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";@import"https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&display=swap";@import"http://fonts.cdnfonts.com/css/bahnschrift";@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/urw-font-wof/URWForm-ExtraBoldItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ExtraBoldItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-BoldItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-BoldItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Bold.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Bold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"URW Form Demi";src:url("/layout/fonts/urw-font-wof/URWForm-Demi.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Demi.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/urw-font-wof/URWForm-ExtraBoldItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ExtraBoldItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/urw-font-wof/URWForm-ExtraBold.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ExtraBold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"URW Form Demi";src:url("/layout/fonts/urw-font-wof/URWForm-Demi.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Demi.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-BoldItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-BoldItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/urw-font-wof/URWForm-ExtraBold.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ExtraBold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Bold.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Bold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Medium.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Italic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Italic.woff") format("woff");font-weight:normal;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Light.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-MediumItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-MediumItalic.woff") format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-LightItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-LightItalic.woff") format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Medium.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Regular.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Light.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/urw-font-wof/URWForm-ExtraLightItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ExtraLightItalic.woff") format("woff");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-LightItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-LightItalic.woff") format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/urw-font-wof/URWForm-ExtraLight.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ExtraLight.woff") format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-MediumItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-MediumItalic.woff") format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/urw-font-wof/URWForm-ExtraLightItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ExtraLightItalic.woff") format("woff");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/urw-font-wof/URWForm-ExtraLight.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ExtraLight.woff") format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Italic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Italic.woff") format("woff");font-weight:normal;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Regular.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Thin.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Thin.woff") format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-ThinItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ThinItalic.woff") format("woff");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-ThinItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ThinItalic.woff") format("woff");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Thin.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Thin.woff") format("woff");font-weight:100;font-style:normal;font-display:swap}header#header .header-data{height:54px}header#header #header-nav nav#header-mine-menu .submenu{position:absolute;left:0;right:0;top:calc(100% - 25px);background:#fff;border-bottom:1px solid #dcdcdc;box-shadow:0 1.5px 4px 0 rgba(0,0,0,.05);padding-top:25px;padding-bottom:25px;opacity:0;visibility:hidden}header#header #header-nav nav#header-mine-menu ul{list-style:none}header#header #header-nav nav#header-mine-menu ul:not(.container){padding:0;margin:0}header#header #header-nav nav#header-mine-menu ul.lvl-1{display:flex;flex-direction:row;-moz-column-gap:40px;column-gap:40px}header#header #header-nav nav#header-mine-menu ul.lvl-1>li{height:54px;align-content:center}header#header #header-nav nav#header-mine-menu ul.lvl-1>li:hover>.submenu{opacity:1;visibility:visible}header#header #header-nav nav#header-mine-menu ul.lvl-1>li>a{display:flex;flex-direction:row;align-items:center;-moz-column-gap:5px;column-gap:5px}header#header #header-nav nav#header-mine-menu ul.lvl-1>li>a span{color:#1d1d1e;font-size:15px;font-family:"URW Form",sans-serif;font-weight:700;letter-spacing:1px;text-transform:uppercase;line-height:1;margin-bottom:-4px}/*# sourceMappingURL=nav-menu.css.map */
\ No newline at end of file
diff --git a/layout/style-css/nav-menu.css.map b/layout/style-css/nav-menu.css.map
new file mode 100644
index 0000000..9c34727
--- /dev/null
+++ b/layout/style-css/nav-menu.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../style-scss/_variables.scss","../style-scss/nav-menu.scss"],"names":[],"mappings":"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","file":"nav-menu.css"}
\ No newline at end of file
diff --git a/layout/style-scss/nav-menu.scss b/layout/style-scss/nav-menu.scss
new file mode 100644
index 0000000..3da79aa
--- /dev/null
+++ b/layout/style-scss/nav-menu.scss
@@ -0,0 +1,108 @@
+@import 'variables';
+@import '_mixins';
+
+header#header {
+	.header-data {
+		// position: relative;
+		height: 54px;
+	}
+	#header-nav {
+		nav#header-mine-menu {
+			.submenu {
+				position: absolute;
+				left: 0;
+				right: 0;
+				top: calc(100% - 25px);
+				background: $cWhite;
+				border-bottom: 1px solid #dcdcdc;
+				box-shadow: 0 1.5px 4px 0 rgba(0, 0, 0, 0.05);
+				padding-top: 25px;
+				padding-bottom: 25px;
+
+				opacity: 0;
+				visibility: hidden;
+			}
+			ul {
+				list-style: none;
+
+				&:not(.container) {
+					padding: 0;
+					margin: 0;
+				}
+
+				&.lvl-1 {
+					display: flex;
+					flex-direction: row;
+					column-gap: 40px;
+
+					> li {
+						height: 54px;
+						align-content: center;
+
+						&:hover {
+							> .submenu {
+								opacity: 1;
+								visibility: visible;
+							}
+						}
+						> a {
+							display: flex;
+							flex-direction: row;
+							align-items: center;
+							column-gap: 5px;
+
+							span {
+								color: $cTxtBlack;
+								font-size: 15px;
+								font-family: $font3;
+								font-weight: 700;
+								letter-spacing: 1px;
+								text-transform: uppercase;
+								line-height: 1;
+								margin-bottom: -4px;
+							}
+						}
+					}
+				}
+				&.lvl-2 {
+					// position: absolute;
+					// top: 100%;
+					// top: calc(100% - 25px);
+					// left: 0;
+					// right: 0;
+					// width: 100%;
+					// padding-top: 25px;
+					// padding-bottom: 25px;
+					// margin-left: auto;
+					// margin-right: auto;
+
+					// opacity: 0;
+					// visibility: hidden;
+
+					&::after {
+						// content: '';
+						// position: absolute;
+						// left: 50%;
+						// top: 0;
+						// bottom: 0;
+						// width: 100svw;
+						// // background: rgba($cWhite, 0.5);
+						// background: $cWhite;
+						// transform: translateX(-50%);
+
+						// // backdrop-filter: blur(10px);
+						// border-bottom: 1px solid #dcdcdc;
+						// box-shadow: 0 1.5px 4px 0 rgba(0, 0, 0, 0.05);
+					}
+
+					// > * {
+					// 	position: relative;
+					// 	z-index: 1;
+					// }
+				}
+				&.lvl-3 {
+				}
+			}
+		}
+	}
+}
diff --git a/templates_user/components/nav-menu-2.php b/templates_user/components/nav-menu-2.php
index 343f3ee..9bb1d39 100644
--- a/templates_user/components/nav-menu-2.php
+++ b/templates_user/components/nav-menu-2.php
@@ -10,10 +10,11 @@
             return false;
         }
     }
-    function nav_item($id, $lang) {
+    function nav_item($id, $lang, $parent = false) {
         $item_url = \front\factory\Pages::lang_url($id, $lang);
         $item_title = \front\factory\Pages::page_details($id, $lang)['language']['title'];
-        return "<a href=\"{$item_url}\"><span>{$item_title}</span></a>";
+        $img = $parent ? "<img src='/upload/filemanager/icon/arrow-down.svg'>" : '';
+        return "<a href=\"{$item_url}\"><span>{$item_title}</span>{$img}</a>";
     }
 ?>
 
@@ -32,112 +33,143 @@
                 <!-- item 1 -->
                 <?php if(page_status(2, $lang_id)): ?>
                 <li>
-                    <?= nav_item(2, $lang_id); ?>
+                    <?= nav_item(2, $lang_id, true); ?>
 
-                    <ul class="lvl-2">
-                        <!-- item 1-1 -->
-                        <?php if(page_status(9, $lang_id)): ?>
-                        <li>
-                            <?= nav_item(9, $lang_id); ?>
+                    <div class="submenu">
+                        <div class="container">
+                            <ul class="lvl-2 ">
+                                <!-- item 1-1 -->
+                                <?php if(page_status(9, $lang_id)): ?>
+                                <li>
+                                    <?= nav_item(9, $lang_id); ?>
 
-                            <!-- item 1-1-1 -->
-                            <ul class="lvl-3">
-                                <?php if(page_status(34, $lang_id)): ?>
+                                    <!-- item 1-1-1 -->
+                                    <ul class="lvl-3">
+                                        <?php if(page_status(34, $lang_id)): ?>
+                                        <li>
+                                            <?= nav_item(34, $lang_id); ?>
+                                        </li>
+                                        <?php endif; ?>
+                                        
+                                        <?php if(page_status(32, $lang_id)): ?>
+                                        <li>
+                                            <?= nav_item(32, $lang_id); ?>
+                                        </li>
+                                        <?php endif; ?>
+                                        
+                                        <?php if(page_status(33, $lang_id)): ?>
+                                        <li>
+                                            <?= nav_item(33, $lang_id); ?>
+                                        </li>
+                                        <?php endif; ?>
+                                        
+                                        <?php if(page_status(34, $lang_id)): ?>
+                                        <li>
+                                            <?= nav_item(34, $lang_id); ?>
+                                        </li>
+                                        <?php endif; ?>
+                                        
+                                        <?php if(page_status(34, $lang_id)): ?>
+                                        <li>
+                                            <?= nav_item(34, $lang_id); ?>
+                                        </li>
+                                        <?php endif; ?>
+                                    </ul>
+                                </li>
+                                <?php endif; ?>
+
+                                <!-- item 1-2 -->
+                                <?php if(page_status(41, $lang_id)): ?>
                                 <li>
-                                    <?= nav_item(34, $lang_id); ?>
+                                    <?= nav_item(41, $lang_id); ?>
+                                </li>
+                                <?php endif; ?>
+
+                                <!-- item 1-3 -->
+                                <?php if(page_status(42, $lang_id)): ?>
+                                <li>
+                                    <?= nav_item(42, $lang_id); ?>
+                                </li>
+                                <?php endif; ?>
+
+                                <!-- item 1-4 -->
+                                <?php if(page_status(11, $lang_id)): ?>
+                                <li>
+                                    <?= nav_item(11, $lang_id); ?>
+                                </li>
+                                <?php endif; ?>
+
+                                <!-- item 1-5 -->
+                                <?php if(page_status(12, $lang_id)): ?>
+                                <li>
+                                    <?= nav_item(12, $lang_id); ?>
                                 </li>
                                 <?php endif; ?>
                                 
-                                <?php if(page_status(32, $lang_id)): ?>
+                                <!-- item 1-6 -->
                                 <li>
-                                    <?= nav_item(32, $lang_id); ?>
+                                    <a href="#">
+                                        <span>Fasady</span>
+                                    </a>
+                                </li>
+                                
+                                <!-- item 1-7 -->
+                                <?php if(page_status(13, $lang_id)): ?>
+                                <li>
+                                    <?= nav_item(13, $lang_id); ?>
                                 </li>
                                 <?php endif; ?>
                                 
-                                <?php if(page_status(33, $lang_id)): ?>
+                                <!-- item 1-8 -->
+                                <?php if(page_status(14, $lang_id)): ?>
                                 <li>
-                                    <?= nav_item(33, $lang_id); ?>
+                                    <?= nav_item(14, $lang_id); ?>
                                 </li>
                                 <?php endif; ?>
-                                
-                                <?php if(page_status(34, $lang_id)): ?>
+
+                                <!-- item 1-9 -->
                                 <li>
-                                    <?= nav_item(34, $lang_id); ?>
+                                    <a href="#">
+                                        <span>BESTSELLER</span>
+                                    </a>
                                 </li>
-                                <?php endif; ?>
-                                
-                                <?php if(page_status(34, $lang_id)): ?>
-                                <li>
-                                    <?= nav_item(34, $lang_id); ?>
-                                </li>
-                                <?php endif; ?>
                             </ul>
-                        </li>
-                        <?php endif; ?>
-
-                        <!-- item 1-2 -->
-                        <?php if(page_status(41, $lang_id)): ?>
-                        <li>
-                            <?= nav_item(41, $lang_id); ?>
-                        </li>
-                        <?php endif; ?>
-
-                        <!-- item 1-3 -->
-                        <?php if(page_status(42, $lang_id)): ?>
-                        <li>
-                            <?= nav_item(42, $lang_id); ?>
-                        </li>
-                        <?php endif; ?>
-
-                        <!-- item 1-4 -->
-                        <?php if(page_status(11, $lang_id)): ?>
-                        <li>
-                            <?= nav_item(11, $lang_id); ?>
-                        </li>
-                        <?php endif; ?>
-
-                        <!-- item 1-5 -->
-                        <?php if(page_status(12, $lang_id)): ?>
-                        <li>
-                            <?= nav_item(12, $lang_id); ?>
-                        </li>
-                        <?php endif; ?>
-                        
-                        <!-- item 1-6 -->
-                        <li>
-                            <a href="#">
-                                <span>Fasady</span>
-                            </a>
-                        </li>
-                        
-                        <!-- item 1-7 -->
-                        <?php if(page_status(13, $lang_id)): ?>
-                        <li>
-                            <?= nav_item(13, $lang_id); ?>
-                        </li>
-                        <?php endif; ?>
-                        
-                        <!-- item 1-8 -->
-                        <?php if(page_status(14, $lang_id)): ?>
-                        <li>
-                            <?= nav_item(14, $lang_id); ?>
-                        </li>
-                        <?php endif; ?>
-
-                        <!-- item 1-9 -->
-                        <li>
-                            <a href="#">
-                                <span>BESTSELLER</span>
-                            </a>
-                        </li>
-                    </ul>
+                        </div>
+                    </div>
                 </li>
                 <?php endif; ?>
 
                 <!-- item 2 -->
                 <?php if(page_status(4, $lang_id)): ?>
                 <li>
-                    <?= nav_item(4, $lang_id); ?>
+                    <?= nav_item(4, $lang_id, true); ?>
+
+                    <div class="submenu">
+                        <div class="container">
+                            <ul class="lvl-2">
+                                <li>
+                                    <a href="#">
+                                        <span>Lorem 1</span>
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="#">
+                                        <span>Lorem 2</span>
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="#">
+                                        <span>Lorem 3</span>
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="#">
+                                        <span>Lorem 4</span>
+                                    </a>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
                 </li>
                 <?php endif; ?>
 

From 4fa2877951183bc02342c211cdb1c65e2b355cfe Mon Sep 17 00:00:00 2001
From: Roman Pyrih <NoNTvonG@gmail.com>
Date: Fri, 8 Aug 2025 10:53:25 +0200
Subject: [PATCH 3/4] Save

---
 layout/style-css/nav-menu.css            |   2 +-
 layout/style-css/nav-menu.css.map        |   2 +-
 layout/style-scss/nav-menu.scss          | 151 ++++++++++++++++++-----
 templates_user/components/nav-menu-2.php |  62 +++++++++-
 4 files changed, 183 insertions(+), 34 deletions(-)

diff --git a/layout/style-css/nav-menu.css b/layout/style-css/nav-menu.css
index e0ff75e..c72fc9d 100644
--- a/layout/style-css/nav-menu.css
+++ b/layout/style-css/nav-menu.css
@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=Alegreya+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";@import"https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&display=swap";@import"http://fonts.cdnfonts.com/css/bahnschrift";@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/urw-font-wof/URWForm-ExtraBoldItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ExtraBoldItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-BoldItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-BoldItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Bold.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Bold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"URW Form Demi";src:url("/layout/fonts/urw-font-wof/URWForm-Demi.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Demi.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/urw-font-wof/URWForm-ExtraBoldItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ExtraBoldItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/urw-font-wof/URWForm-ExtraBold.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ExtraBold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"URW Form Demi";src:url("/layout/fonts/urw-font-wof/URWForm-Demi.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Demi.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-BoldItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-BoldItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/urw-font-wof/URWForm-ExtraBold.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ExtraBold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Bold.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Bold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Medium.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Italic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Italic.woff") format("woff");font-weight:normal;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Light.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-MediumItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-MediumItalic.woff") format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-LightItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-LightItalic.woff") format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Medium.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Regular.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Light.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/urw-font-wof/URWForm-ExtraLightItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ExtraLightItalic.woff") format("woff");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-LightItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-LightItalic.woff") format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/urw-font-wof/URWForm-ExtraLight.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ExtraLight.woff") format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-MediumItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-MediumItalic.woff") format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/urw-font-wof/URWForm-ExtraLightItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ExtraLightItalic.woff") format("woff");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/urw-font-wof/URWForm-ExtraLight.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ExtraLight.woff") format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Italic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Italic.woff") format("woff");font-weight:normal;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Regular.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Thin.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Thin.woff") format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-ThinItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ThinItalic.woff") format("woff");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-ThinItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ThinItalic.woff") format("woff");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Thin.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Thin.woff") format("woff");font-weight:100;font-style:normal;font-display:swap}header#header .header-data{height:54px}header#header #header-nav nav#header-mine-menu .submenu{position:absolute;left:0;right:0;top:calc(100% - 25px);background:#fff;border-bottom:1px solid #dcdcdc;box-shadow:0 1.5px 4px 0 rgba(0,0,0,.05);padding-top:25px;padding-bottom:25px;opacity:0;visibility:hidden}header#header #header-nav nav#header-mine-menu ul{list-style:none}header#header #header-nav nav#header-mine-menu ul:not(.container){padding:0;margin:0}header#header #header-nav nav#header-mine-menu ul.lvl-1{display:flex;flex-direction:row;-moz-column-gap:40px;column-gap:40px}header#header #header-nav nav#header-mine-menu ul.lvl-1>li{height:54px;align-content:center}header#header #header-nav nav#header-mine-menu ul.lvl-1>li:hover>.submenu{opacity:1;visibility:visible}header#header #header-nav nav#header-mine-menu ul.lvl-1>li>a{display:flex;flex-direction:row;align-items:center;-moz-column-gap:5px;column-gap:5px}header#header #header-nav nav#header-mine-menu ul.lvl-1>li>a span{color:#1d1d1e;font-size:15px;font-family:"URW Form",sans-serif;font-weight:700;letter-spacing:1px;text-transform:uppercase;line-height:1;margin-bottom:-4px}/*# sourceMappingURL=nav-menu.css.map */
\ No newline at end of file
+@import"https://fonts.googleapis.com/css2?family=Alegreya+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";@import"https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&display=swap";@import"http://fonts.cdnfonts.com/css/bahnschrift";@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/urw-font-wof/URWForm-ExtraBoldItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ExtraBoldItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-BoldItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-BoldItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Bold.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Bold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"URW Form Demi";src:url("/layout/fonts/urw-font-wof/URWForm-Demi.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Demi.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/urw-font-wof/URWForm-ExtraBoldItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ExtraBoldItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/urw-font-wof/URWForm-ExtraBold.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ExtraBold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"URW Form Demi";src:url("/layout/fonts/urw-font-wof/URWForm-Demi.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Demi.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-BoldItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-BoldItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/urw-font-wof/URWForm-ExtraBold.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ExtraBold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Bold.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Bold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Medium.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Italic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Italic.woff") format("woff");font-weight:normal;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Light.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-MediumItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-MediumItalic.woff") format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-LightItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-LightItalic.woff") format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Medium.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Regular.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Light.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/urw-font-wof/URWForm-ExtraLightItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ExtraLightItalic.woff") format("woff");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-LightItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-LightItalic.woff") format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/urw-font-wof/URWForm-ExtraLight.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ExtraLight.woff") format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-MediumItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-MediumItalic.woff") format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/urw-font-wof/URWForm-ExtraLightItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ExtraLightItalic.woff") format("woff");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/urw-font-wof/URWForm-ExtraLight.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ExtraLight.woff") format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Italic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Italic.woff") format("woff");font-weight:normal;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Regular.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Thin.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Thin.woff") format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-ThinItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ThinItalic.woff") format("woff");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-ThinItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ThinItalic.woff") format("woff");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Thin.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Thin.woff") format("woff");font-weight:100;font-style:normal;font-display:swap}header#header .header-data{height:54px}header#header #header-nav nav#header-mine-menu .submenu{position:absolute;left:0;right:0;top:calc(100% - 25px);background:#fff;border-bottom:1px solid #dcdcdc;box-shadow:0 1.5px 4px 0 rgba(0,0,0,.05);padding-top:25px;padding-bottom:25px;opacity:0;visibility:hidden}header#header #header-nav nav#header-mine-menu .submenu .container{position:relative}header#header #header-nav nav#header-mine-menu ul{list-style:none}header#header #header-nav nav#header-mine-menu ul:not(.container){padding:0;margin:0}header#header #header-nav nav#header-mine-menu ul.lvl-1{display:flex;flex-direction:row;-moz-column-gap:40px;column-gap:40px}header#header #header-nav nav#header-mine-menu ul.lvl-1>li{height:54px;align-content:center}header#header #header-nav nav#header-mine-menu ul.lvl-1>li:hover>.submenu{opacity:1;visibility:visible}header#header #header-nav nav#header-mine-menu ul.lvl-1>li>a{display:flex;flex-direction:row;align-items:center;-moz-column-gap:5px;column-gap:5px}header#header #header-nav nav#header-mine-menu ul.lvl-1>li>a span{color:#1d1d1e;font-size:15px;font-family:"URW Form",sans-serif;font-weight:700;letter-spacing:1px;text-transform:uppercase;line-height:1;margin-bottom:-4px}header#header #header-nav nav#header-mine-menu ul.lvl-2{width:150px}header#header #header-nav nav#header-mine-menu ul.lvl-2>li:not(:last-child){margin-bottom:20px}header#header #header-nav nav#header-mine-menu ul.lvl-2>li:hover>a span{text-shadow:0px .3px 0px #1d1d1e,0px -0.3px 0px #1d1d1e,.3px 0px 0px #1d1d1e,-0.3px 0px 0px #1d1d1e,-0.3px -0.3px 0px #1d1d1e,.3px .3px 0px #1d1d1e,.3px -0.3px 0px #1d1d1e,-0.3px .3px 0px #1d1d1e,-0.3px .3px 0px #1d1d1e}header#header #header-nav nav#header-mine-menu ul.lvl-2>li:hover>a span::before{width:100%;visibility:visible}header#header #header-nav nav#header-mine-menu ul.lvl-2>li:hover>a img{width:11px}header#header #header-nav nav#header-mine-menu ul.lvl-2>li:hover .lvl-3{opacity:1;visibility:visible}header#header #header-nav nav#header-mine-menu ul.lvl-2>li>a{position:relative;width:100%;display:inline-flex;flex-direction:row;align-items:center;-moz-column-gap:5px;column-gap:5px;text-decoration:none;transition:all 250ms ease-in-out}header#header #header-nav nav#header-mine-menu ul.lvl-2>li>a span{display:inline-block;position:relative;color:#1d1d1e;font-size:16px;font-family:"URW Form",sans-serif;font-weight:500;line-height:1;transition:all 250ms ease-in-out}header#header #header-nav nav#header-mine-menu ul.lvl-2>li>a span::before{content:"";position:absolute;bottom:-10px;left:0;width:0;height:3px;background:#1d1d1e;visibility:hidden;transition:all 250ms ease-in-out}header#header #header-nav nav#header-mine-menu ul.lvl-2>li>a img{transform:rotate(-90deg);width:0;transition:all 250ms ease-in-out}header#header #header-nav nav#header-mine-menu ul.lvl-3{position:absolute;left:225px;top:0;right:0;bottom:0;transition:all 250ms ease-in-out;opacity:0;visibility:hidden;display:flex;flex-direction:row;flex-wrap:wrap;-moz-column-gap:60px;column-gap:60px}header#header #header-nav nav#header-mine-menu ul.lvl-3>li>a{text-decoration:none}header#header #header-nav nav#header-mine-menu ul.lvl-3>li>a span{color:#1d1d1e;font-size:16px;font-family:"URW Form",sans-serif;font-weight:700;line-height:1}header#header #header-nav nav#header-mine-menu ul.lvl-4{margin-top:20px}header#header #header-nav nav#header-mine-menu ul.lvl-4>li:not(:last-child){margin-bottom:20px}header#header #header-nav nav#header-mine-menu ul.lvl-4>li>a{text-decoration:none}header#header #header-nav nav#header-mine-menu ul.lvl-4>li>a span{color:#1d1d1e;font-size:20px;font-family:"URW Form",sans-serif;font-weight:300;line-height:1}/*# sourceMappingURL=nav-menu.css.map */
\ No newline at end of file
diff --git a/layout/style-css/nav-menu.css.map b/layout/style-css/nav-menu.css.map
index 9c34727..0c56899 100644
--- a/layout/style-css/nav-menu.css.map
+++ b/layout/style-css/nav-menu.css.map
@@ -1 +1 @@
-{"version":3,"sources":["../style-scss/_variables.scss","../style-scss/nav-menu.scss"],"names":[],"mappings":"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","file":"nav-menu.css"}
\ No newline at end of file
+{"version":3,"sources":["../style-scss/_variables.scss","../style-scss/nav-menu.scss"],"names":[],"mappings":"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","file":"nav-menu.css"}
\ No newline at end of file
diff --git a/layout/style-scss/nav-menu.scss b/layout/style-scss/nav-menu.scss
index 3da79aa..bf29bf3 100644
--- a/layout/style-scss/nav-menu.scss
+++ b/layout/style-scss/nav-menu.scss
@@ -21,7 +21,12 @@ header#header {
 
 				opacity: 0;
 				visibility: hidden;
+
+				.container {
+					position: relative;
+				}
 			}
+
 			ul {
 				list-style: none;
 
@@ -65,42 +70,128 @@ header#header {
 					}
 				}
 				&.lvl-2 {
-					// position: absolute;
-					// top: 100%;
-					// top: calc(100% - 25px);
-					// left: 0;
-					// right: 0;
-					// width: 100%;
-					// padding-top: 25px;
-					// padding-bottom: 25px;
-					// margin-left: auto;
-					// margin-right: auto;
+					width: 150px;
 
-					// opacity: 0;
-					// visibility: hidden;
+					> li {
+						&:not(:last-child) {
+							margin-bottom: 20px;
+						}
 
-					&::after {
-						// content: '';
-						// position: absolute;
-						// left: 50%;
-						// top: 0;
-						// bottom: 0;
-						// width: 100svw;
-						// // background: rgba($cWhite, 0.5);
-						// background: $cWhite;
-						// transform: translateX(-50%);
+						&:hover {
+							> a {
+								span {
+									text-shadow: 0px 0.3px 0px $cTxtBlack,
+										0px -0.3px 0px $cTxtBlack, 0.3px 0px 0px $cTxtBlack,
+										-0.3px 0px 0px $cTxtBlack, -0.3px -0.3px 0px $cTxtBlack,
+										0.3px 0.3px 0px $cTxtBlack, 0.3px -0.3px 0px $cTxtBlack,
+										-0.3px 0.3px 0px $cTxtBlack, -0.3px 0.3px 0px $cTxtBlack;
 
-						// // backdrop-filter: blur(10px);
-						// border-bottom: 1px solid #dcdcdc;
-						// box-shadow: 0 1.5px 4px 0 rgba(0, 0, 0, 0.05);
+									&::before {
+										width: 100%;
+										visibility: visible;
+									}
+								}
+
+								img {
+									width: 11px;
+								}
+							}
+
+							.lvl-3 {
+								opacity: 1;
+								visibility: visible;
+							}
+						}
+
+						> a {
+							position: relative;
+							width: 100%;
+							display: inline-flex;
+							flex-direction: row;
+							align-items: center;
+							column-gap: 5px;
+							text-decoration: none;
+							transition: all 250ms ease-in-out;
+
+							span {
+								display: inline-block;
+								position: relative;
+								color: $cTxtBlack;
+								font-size: 16px;
+								font-family: $font3;
+								font-weight: 500;
+								line-height: 1;
+								transition: all 250ms ease-in-out;
+
+								&::before {
+									content: '';
+									position: absolute;
+									bottom: -10px;
+									left: 0;
+									width: 0;
+									height: 3px;
+									background: $cTxtBlack;
+									visibility: hidden;
+									transition: all 250ms ease-in-out;
+								}
+							}
+
+							img {
+								transform: rotate(-90deg);
+								width: 0;
+								transition: all 250ms ease-in-out;
+							}
+						}
 					}
-
-					// > * {
-					// 	position: relative;
-					// 	z-index: 1;
-					// }
 				}
 				&.lvl-3 {
+					position: absolute;
+					left: calc(150px + 15px + 60px);
+					top: 0;
+					right: 0;
+					bottom: 0;
+					transition: all 250ms ease-in-out;
+
+					opacity: 0;
+					visibility: hidden;
+
+					display: flex;
+					flex-direction: row;
+					flex-wrap: wrap;
+					column-gap: 60px;
+
+					> li {
+						> a {
+							text-decoration: none;
+
+							span {
+								color: $cTxtBlack;
+								font-size: 16px;
+								font-family: $font3;
+								font-weight: 700;
+								line-height: 1;
+							}
+						}
+					}
+				}
+
+				&.lvl-4 {
+					margin-top: 20px;
+					> li {
+						&:not(:last-child) {
+							margin-bottom: 20px;
+						}
+						> a {
+							text-decoration: none;
+							span {
+								color: $cTxtBlack;
+								font-size: 20px;
+								font-family: $font3;
+								font-weight: 300;
+								line-height: 1;
+							}
+						}
+					}
 				}
 			}
 		}
diff --git a/templates_user/components/nav-menu-2.php b/templates_user/components/nav-menu-2.php
index 9bb1d39..66e59f9 100644
--- a/templates_user/components/nav-menu-2.php
+++ b/templates_user/components/nav-menu-2.php
@@ -41,13 +41,52 @@
                                 <!-- item 1-1 -->
                                 <?php if(page_status(9, $lang_id)): ?>
                                 <li>
-                                    <?= nav_item(9, $lang_id); ?>
+                                    <?= nav_item(9, $lang_id, true); ?>
 
                                     <!-- item 1-1-1 -->
                                     <ul class="lvl-3">
                                         <?php if(page_status(34, $lang_id)): ?>
                                         <li>
                                             <?= nav_item(34, $lang_id); ?>
+
+                                            <!-- item 1-1-1-1 -->
+                                            <ul class="lvl-4">
+                                                <?php if(page_status(16, $lang_id)): ?>
+                                                <li>
+                                                    <?= nav_item(16, $lang_id); ?>
+                                                </li>
+                                                <?php endif; ?>
+
+                                                <?php if(page_status(73, $lang_id)): ?>
+                                                <li>
+                                                    <?= nav_item(73, $lang_id); ?>
+                                                </li>
+                                                <?php endif; ?>
+
+                                                <?php if(page_status(82, $lang_id)): ?>
+                                                <li>
+                                                    <?= nav_item(82, $lang_id); ?>
+                                                </li>
+                                                <?php endif; ?>
+
+                                                <?php if(page_status(36, $lang_id)): ?>
+                                                <li>
+                                                    <?= nav_item(36, $lang_id); ?>
+                                                </li>
+                                                <?php endif; ?>
+
+                                                <?php if(page_status(37, $lang_id)): ?>
+                                                <li>
+                                                    <?= nav_item(37, $lang_id); ?>
+                                                </li>
+                                                <?php endif; ?>
+
+                                                <?php if(page_status(39, $lang_id)): ?>
+                                                <li>
+                                                    <?= nav_item(39, $lang_id); ?>
+                                                </li>
+                                                <?php endif; ?>
+                                            </ul>
                                         </li>
                                         <?php endif; ?>
                                         
@@ -81,7 +120,26 @@
                                 <!-- item 1-2 -->
                                 <?php if(page_status(41, $lang_id)): ?>
                                 <li>
-                                    <?= nav_item(41, $lang_id); ?>
+                                    <?= nav_item(41, $lang_id, true); ?>
+
+                                    <!-- item 1-2-1 -->
+                                    <ul class="lvl-3">
+                                        <li>
+                                            <a href="#">
+                                                <span>Lorem ipsum 1</span>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="#">
+                                                <span>Lorem ipsum 2</span>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="#">
+                                                <span>Lorem ipsum 3</span>
+                                            </a>
+                                        </li>
+                                    </ul>
                                 </li>
                                 <?php endif; ?>
 

From d7244ac1afece01982994522d966fc0cf81ad569 Mon Sep 17 00:00:00 2001
From: Roman Pyrih <roman.pyrih@project-pro.pl>
Date: Mon, 11 Aug 2025 15:00:27 +0200
Subject: [PATCH 4/4] Save

---
 layout/js/main.js                        |  29 ++++
 layout/style-css/nav-menu.css            |   2 +-
 layout/style-css/nav-menu.css.map        |   2 +-
 layout/style-scss/nav-menu.scss          |  51 +++++--
 templates_user/components/nav-menu-2.php | 164 ++++++++++++++++++++---
 5 files changed, 212 insertions(+), 36 deletions(-)
 create mode 100644 layout/js/main.js

diff --git a/layout/js/main.js b/layout/js/main.js
new file mode 100644
index 0000000..df9397e
--- /dev/null
+++ b/layout/js/main.js
@@ -0,0 +1,29 @@
+$(document).ready(function() {
+    var hashValue = window.location.hash.substring(1);
+
+    if (hashValue) {
+        var hashText = hashValue.toUpperCase();
+
+        
+        setTimeout(function() {
+            var $tabsBlock = $('ul.nav.nav-tabs[role="tablist"]');
+
+            if ($tabsBlock.length) {
+                $tabsBlock.find('li a').each(function() {
+                    var tabText = $(this).text().trim().toUpperCase();
+                    if (tabText === hashText) {
+                        $(this).trigger('click');
+
+                        setTimeout(function() {
+                            $('html, body').animate({
+                                scrollTop: $tabsBlock.offset().top - 150
+                            }, 600);
+                        }, 1000);
+
+                        return false;
+                    }
+                });
+            }
+        }, 1000);
+    }
+});
\ No newline at end of file
diff --git a/layout/style-css/nav-menu.css b/layout/style-css/nav-menu.css
index c72fc9d..66b9fb9 100644
--- a/layout/style-css/nav-menu.css
+++ b/layout/style-css/nav-menu.css
@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=Alegreya+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";@import"https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&display=swap";@import"http://fonts.cdnfonts.com/css/bahnschrift";@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/urw-font-wof/URWForm-ExtraBoldItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ExtraBoldItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-BoldItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-BoldItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Bold.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Bold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"URW Form Demi";src:url("/layout/fonts/urw-font-wof/URWForm-Demi.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Demi.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/urw-font-wof/URWForm-ExtraBoldItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ExtraBoldItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/urw-font-wof/URWForm-ExtraBold.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ExtraBold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"URW Form Demi";src:url("/layout/fonts/urw-font-wof/URWForm-Demi.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Demi.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-BoldItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-BoldItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/urw-font-wof/URWForm-ExtraBold.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ExtraBold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Bold.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Bold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Medium.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Italic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Italic.woff") format("woff");font-weight:normal;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Light.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-MediumItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-MediumItalic.woff") format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-LightItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-LightItalic.woff") format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Medium.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Regular.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Light.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/urw-font-wof/URWForm-ExtraLightItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ExtraLightItalic.woff") format("woff");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-LightItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-LightItalic.woff") format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/urw-font-wof/URWForm-ExtraLight.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ExtraLight.woff") format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-MediumItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-MediumItalic.woff") format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/urw-font-wof/URWForm-ExtraLightItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ExtraLightItalic.woff") format("woff");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/urw-font-wof/URWForm-ExtraLight.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ExtraLight.woff") format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Italic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Italic.woff") format("woff");font-weight:normal;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Regular.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Thin.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Thin.woff") format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-ThinItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ThinItalic.woff") format("woff");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-ThinItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ThinItalic.woff") format("woff");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Thin.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Thin.woff") format("woff");font-weight:100;font-style:normal;font-display:swap}header#header .header-data{height:54px}header#header #header-nav nav#header-mine-menu .submenu{position:absolute;left:0;right:0;top:calc(100% - 25px);background:#fff;border-bottom:1px solid #dcdcdc;box-shadow:0 1.5px 4px 0 rgba(0,0,0,.05);padding-top:25px;padding-bottom:25px;opacity:0;visibility:hidden}header#header #header-nav nav#header-mine-menu .submenu .container{position:relative}header#header #header-nav nav#header-mine-menu ul{list-style:none}header#header #header-nav nav#header-mine-menu ul:not(.container){padding:0;margin:0}header#header #header-nav nav#header-mine-menu ul.lvl-1{display:flex;flex-direction:row;-moz-column-gap:40px;column-gap:40px}header#header #header-nav nav#header-mine-menu ul.lvl-1>li{height:54px;align-content:center}header#header #header-nav nav#header-mine-menu ul.lvl-1>li:hover>.submenu{opacity:1;visibility:visible}header#header #header-nav nav#header-mine-menu ul.lvl-1>li>a{display:flex;flex-direction:row;align-items:center;-moz-column-gap:5px;column-gap:5px}header#header #header-nav nav#header-mine-menu ul.lvl-1>li>a span{color:#1d1d1e;font-size:15px;font-family:"URW Form",sans-serif;font-weight:700;letter-spacing:1px;text-transform:uppercase;line-height:1;margin-bottom:-4px}header#header #header-nav nav#header-mine-menu ul.lvl-2{width:150px}header#header #header-nav nav#header-mine-menu ul.lvl-2>li:not(:last-child){margin-bottom:20px}header#header #header-nav nav#header-mine-menu ul.lvl-2>li:hover>a span{text-shadow:0px .3px 0px #1d1d1e,0px -0.3px 0px #1d1d1e,.3px 0px 0px #1d1d1e,-0.3px 0px 0px #1d1d1e,-0.3px -0.3px 0px #1d1d1e,.3px .3px 0px #1d1d1e,.3px -0.3px 0px #1d1d1e,-0.3px .3px 0px #1d1d1e,-0.3px .3px 0px #1d1d1e}header#header #header-nav nav#header-mine-menu ul.lvl-2>li:hover>a span::before{width:100%;visibility:visible}header#header #header-nav nav#header-mine-menu ul.lvl-2>li:hover>a img{width:11px}header#header #header-nav nav#header-mine-menu ul.lvl-2>li:hover .lvl-3{opacity:1;visibility:visible}header#header #header-nav nav#header-mine-menu ul.lvl-2>li>a{position:relative;width:100%;display:inline-flex;flex-direction:row;align-items:center;-moz-column-gap:5px;column-gap:5px;text-decoration:none;transition:all 250ms ease-in-out}header#header #header-nav nav#header-mine-menu ul.lvl-2>li>a span{display:inline-block;position:relative;color:#1d1d1e;font-size:16px;font-family:"URW Form",sans-serif;font-weight:500;line-height:1;transition:all 250ms ease-in-out}header#header #header-nav nav#header-mine-menu ul.lvl-2>li>a span::before{content:"";position:absolute;bottom:-10px;left:0;width:0;height:3px;background:#1d1d1e;visibility:hidden;transition:all 250ms ease-in-out}header#header #header-nav nav#header-mine-menu ul.lvl-2>li>a img{transform:rotate(-90deg);width:0;transition:all 250ms ease-in-out}header#header #header-nav nav#header-mine-menu ul.lvl-3{position:absolute;left:225px;top:0;right:0;bottom:0;transition:all 250ms ease-in-out;opacity:0;visibility:hidden;display:flex;flex-direction:row;flex-wrap:wrap;-moz-column-gap:60px;column-gap:60px}header#header #header-nav nav#header-mine-menu ul.lvl-3>li>a{text-decoration:none}header#header #header-nav nav#header-mine-menu ul.lvl-3>li>a span{color:#1d1d1e;font-size:16px;font-family:"URW Form",sans-serif;font-weight:700;line-height:1}header#header #header-nav nav#header-mine-menu ul.lvl-4{margin-top:20px}header#header #header-nav nav#header-mine-menu ul.lvl-4>li:not(:last-child){margin-bottom:20px}header#header #header-nav nav#header-mine-menu ul.lvl-4>li>a{text-decoration:none}header#header #header-nav nav#header-mine-menu ul.lvl-4>li>a span{color:#1d1d1e;font-size:20px;font-family:"URW Form",sans-serif;font-weight:300;line-height:1}/*# sourceMappingURL=nav-menu.css.map */
\ No newline at end of file
+@import"https://fonts.googleapis.com/css2?family=Alegreya+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";@import"https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&display=swap";@import"http://fonts.cdnfonts.com/css/bahnschrift";@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/urw-font-wof/URWForm-ExtraBoldItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ExtraBoldItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-BoldItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-BoldItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Bold.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Bold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"URW Form Demi";src:url("/layout/fonts/urw-font-wof/URWForm-Demi.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Demi.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/urw-font-wof/URWForm-ExtraBoldItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ExtraBoldItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/urw-font-wof/URWForm-ExtraBold.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ExtraBold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"URW Form Demi";src:url("/layout/fonts/urw-font-wof/URWForm-Demi.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Demi.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-BoldItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-BoldItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/urw-font-wof/URWForm-ExtraBold.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ExtraBold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Bold.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Bold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Medium.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Italic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Italic.woff") format("woff");font-weight:normal;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Light.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-MediumItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-MediumItalic.woff") format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-LightItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-LightItalic.woff") format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Medium.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Regular.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Light.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/urw-font-wof/URWForm-ExtraLightItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ExtraLightItalic.woff") format("woff");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-LightItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-LightItalic.woff") format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/urw-font-wof/URWForm-ExtraLight.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ExtraLight.woff") format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-MediumItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-MediumItalic.woff") format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/urw-font-wof/URWForm-ExtraLightItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ExtraLightItalic.woff") format("woff");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/urw-font-wof/URWForm-ExtraLight.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ExtraLight.woff") format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Italic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Italic.woff") format("woff");font-weight:normal;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Regular.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Thin.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Thin.woff") format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-ThinItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ThinItalic.woff") format("woff");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-ThinItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ThinItalic.woff") format("woff");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Thin.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Thin.woff") format("woff");font-weight:100;font-style:normal;font-display:swap}header#header .header-data{height:54px}header#header #header-nav nav#header-mine-menu .submenu{position:absolute;left:0;right:0;top:calc(100% - 25px);background:#fff;border-bottom:1px solid #dcdcdc;box-shadow:0 1.5px 4px 0 rgba(0,0,0,.05);padding-top:25px;padding-bottom:25px;opacity:0;visibility:hidden}header#header #header-nav nav#header-mine-menu .submenu .container{position:relative}header#header #header-nav nav#header-mine-menu ul{list-style:none}header#header #header-nav nav#header-mine-menu ul:not(.container){padding:0;margin:0}header#header #header-nav nav#header-mine-menu ul.lvl-1{display:flex;flex-direction:row;-moz-column-gap:40px;column-gap:40px}header#header #header-nav nav#header-mine-menu ul.lvl-1>li{height:54px;align-content:center}header#header #header-nav nav#header-mine-menu ul.lvl-1>li:hover>.submenu{opacity:1;visibility:visible}header#header #header-nav nav#header-mine-menu ul.lvl-1>li>a{display:flex;flex-direction:row;align-items:center;-moz-column-gap:5px;column-gap:5px}header#header #header-nav nav#header-mine-menu ul.lvl-1>li>a span{color:#1d1d1e;font-size:15px;font-family:"URW Form",sans-serif;font-weight:700;letter-spacing:1px;text-transform:uppercase;line-height:1;margin-bottom:-4px}header#header #header-nav nav#header-mine-menu ul.lvl-2{width:150px}header#header #header-nav nav#header-mine-menu ul.lvl-2>li:not(:last-child){margin-bottom:20px}header#header #header-nav nav#header-mine-menu ul.lvl-2>li:hover>a span{text-shadow:0px .3px 0px #1d1d1e,0px -0.3px 0px #1d1d1e,.3px 0px 0px #1d1d1e,-0.3px 0px 0px #1d1d1e,-0.3px -0.3px 0px #1d1d1e,.3px .3px 0px #1d1d1e,.3px -0.3px 0px #1d1d1e,-0.3px .3px 0px #1d1d1e,-0.3px .3px 0px #1d1d1e}header#header #header-nav nav#header-mine-menu ul.lvl-2>li:hover>a span::before{width:100%;visibility:visible}header#header #header-nav nav#header-mine-menu ul.lvl-2>li:hover>a img{width:11px}header#header #header-nav nav#header-mine-menu ul.lvl-2>li:hover .lvl-3{opacity:1;visibility:visible}header#header #header-nav nav#header-mine-menu ul.lvl-2>li>a{position:relative;width:100%;display:inline-flex;flex-direction:row;align-items:center;-moz-column-gap:5px;column-gap:5px;text-decoration:none;transition:all 250ms ease-in-out}header#header #header-nav nav#header-mine-menu ul.lvl-2>li>a span{display:inline-block;position:relative;color:#1d1d1e;font-size:16px;font-family:"URW Form",sans-serif;font-weight:500;line-height:1;transition:all 250ms ease-in-out}header#header #header-nav nav#header-mine-menu ul.lvl-2>li>a span::before{content:"";position:absolute;bottom:-10px;left:0;width:0;height:3px;background:#1d1d1e;visibility:hidden;transition:all 250ms ease-in-out}header#header #header-nav nav#header-mine-menu ul.lvl-2>li>a img{transform:rotate(-90deg);width:0;transition:all 250ms ease-in-out}header#header #header-nav nav#header-mine-menu ul.lvl-3{position:absolute;left:150px;top:0;right:0;bottom:0;transition:all 250ms ease-in-out;padding-left:75px;opacity:0;visibility:hidden}header#header #header-nav nav#header-mine-menu ul.lvl-3.lvl-3-big{display:flex;flex-direction:row;flex-wrap:wrap;-moz-column-gap:60px;column-gap:60px}header#header #header-nav nav#header-mine-menu ul.lvl-3.lvl-3-big>li>a{text-decoration:none}header#header #header-nav nav#header-mine-menu ul.lvl-3.lvl-3-big>li>a span{color:#1d1d1e;font-size:16px;font-family:"URW Form",sans-serif;font-weight:700;line-height:1}header#header #header-nav nav#header-mine-menu ul.lvl-3:not(.lvl-3-big)>li:not(:last-child){margin-bottom:20px}header#header #header-nav nav#header-mine-menu ul.lvl-3:not(.lvl-3-big)>li>a{text-decoration:none}header#header #header-nav nav#header-mine-menu ul.lvl-3:not(.lvl-3-big)>li>a span{color:#1d1d1e;font-size:20px;font-family:"URW Form",sans-serif;font-weight:300;line-height:1}header#header #header-nav nav#header-mine-menu ul.lvl-4{margin-top:20px}header#header #header-nav nav#header-mine-menu ul.lvl-4>li:not(:last-child){margin-bottom:20px}header#header #header-nav nav#header-mine-menu ul.lvl-4>li>a{text-decoration:none}header#header #header-nav nav#header-mine-menu ul.lvl-4>li>a span{color:#1d1d1e;font-size:20px;font-family:"URW Form",sans-serif;font-weight:300;line-height:1}/*# sourceMappingURL=nav-menu.css.map */
\ No newline at end of file
diff --git a/layout/style-css/nav-menu.css.map b/layout/style-css/nav-menu.css.map
index 0c56899..85274e3 100644
--- a/layout/style-css/nav-menu.css.map
+++ b/layout/style-css/nav-menu.css.map
@@ -1 +1 @@
-{"version":3,"sources":["../style-scss/_variables.scss","../style-scss/nav-menu.scss"],"names":[],"mappings":"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","file":"nav-menu.css"}
\ No newline at end of file
+{"version":3,"sources":["../style-scss/_variables.scss","../style-scss/nav-menu.scss"],"names":[],"mappings":"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","file":"nav-menu.css"}
\ No newline at end of file
diff --git a/layout/style-scss/nav-menu.scss b/layout/style-scss/nav-menu.scss
index bf29bf3..fe455ac 100644
--- a/layout/style-scss/nav-menu.scss
+++ b/layout/style-scss/nav-menu.scss
@@ -146,30 +146,53 @@ header#header {
 				}
 				&.lvl-3 {
 					position: absolute;
-					left: calc(150px + 15px + 60px);
+					// left: calc(150px + 15px + 60px);
+					left: 150px;
 					top: 0;
 					right: 0;
 					bottom: 0;
 					transition: all 250ms ease-in-out;
+					padding-left: 75px;
 
 					opacity: 0;
 					visibility: hidden;
 
-					display: flex;
-					flex-direction: row;
-					flex-wrap: wrap;
-					column-gap: 60px;
+					&.lvl-3-big {
+						display: flex;
+						flex-direction: row;
+						flex-wrap: wrap;
+						column-gap: 60px;
 
-					> li {
-						> a {
-							text-decoration: none;
+						> li {
+							> a {
+								text-decoration: none;
 
-							span {
-								color: $cTxtBlack;
-								font-size: 16px;
-								font-family: $font3;
-								font-weight: 700;
-								line-height: 1;
+								span {
+									color: $cTxtBlack;
+									font-size: 16px;
+									font-family: $font3;
+									font-weight: 700;
+									line-height: 1;
+								}
+							}
+						}
+					}
+
+					&:not(.lvl-3-big) {
+						> li {
+							&:not(:last-child) {
+								margin-bottom: 20px;
+							}
+							> a {
+								text-decoration: none;
+
+								span {
+									color: $cTxtBlack;
+									font-size: 20px;
+									font-family: $font3;
+									font-weight: 300;
+									line-height: 1;
+								}
 							}
 						}
 					}
diff --git a/templates_user/components/nav-menu-2.php b/templates_user/components/nav-menu-2.php
index 66e59f9..7a0fc6e 100644
--- a/templates_user/components/nav-menu-2.php
+++ b/templates_user/components/nav-menu-2.php
@@ -10,10 +10,33 @@
             return false;
         }
     }
-    function nav_item($id, $lang, $parent = false) {
-        $item_url = \front\factory\Pages::lang_url($id, $lang);
-        $item_title = \front\factory\Pages::page_details($id, $lang)['language']['title'];
-        $img = $parent ? "<img src='/upload/filemanager/icon/arrow-down.svg'>" : '';
+
+    // function nav_item(
+    //         $id = false,
+    //         $lang = false,
+    //         $parent = false,
+    //         $cURL = false,
+    //         $cTitle = false
+    //     ) {
+    //     $item_url = $cURL ?: \front\factory\Pages::lang_url($id, $lang);
+    //     $item_title = $cTitle ?: \front\factory\Pages::page_details($id, $lang)['language']['title'];
+    //     $img = $parent ? "<img src='/upload/filemanager/icon/arrow-down.svg'>" : '';
+    //     return "<a href=\"{$item_url}\"><span>{$item_title}</span>{$img}</a>";
+    // }
+    function nav_item($id = false, $lang = false, $parent = false, $cURL = false, $cTitle = false) {
+        if (is_array($id)) {
+            $args   = $id;
+            $id     = $args['id']     ?? false;
+            $lang   = $args['lang']   ?? false;
+            $parent = $args['parent'] ?? false;
+            $cURL   = $args['cURL']   ?? false;
+            $cTitle = $args['cTitle'] ?? false;
+        }
+
+        $item_url   = $cURL ?: \front\factory\Pages::lang_url($id, $lang);
+        $item_title = $cTitle ?: \front\factory\Pages::page_details($id, $lang)['language']['title'];
+        $img        = $parent ? "<img src='/upload/filemanager/icon/arrow-down.svg'>" : '';
+
         return "<a href=\"{$item_url}\"><span>{$item_title}</span>{$img}</a>";
     }
 ?>
@@ -29,6 +52,7 @@
 
       <div id="header-nav">
         <nav id="header-mine-menu">
+            
             <ul class="lvl-1">
                 <!-- item 1 -->
                 <?php if(page_status(2, $lang_id)): ?>
@@ -43,44 +67,49 @@
                                 <li>
                                     <?= nav_item(9, $lang_id, true); ?>
 
-                                    <!-- item 1-1-1 -->
-                                    <ul class="lvl-3">
+                                    <ul class="lvl-3 lvl-3-big">
+                                        <!-- item 1-1-1 -->
                                         <?php if(page_status(34, $lang_id)): ?>
                                         <li>
                                             <?= nav_item(34, $lang_id); ?>
 
-                                            <!-- item 1-1-1-1 -->
                                             <ul class="lvl-4">
+                                                <!-- item 1-1-1-1 -->
                                                 <?php if(page_status(16, $lang_id)): ?>
                                                 <li>
                                                     <?= nav_item(16, $lang_id); ?>
                                                 </li>
                                                 <?php endif; ?>
 
+                                                <!-- item 1-1-1-2 -->
                                                 <?php if(page_status(73, $lang_id)): ?>
                                                 <li>
                                                     <?= nav_item(73, $lang_id); ?>
                                                 </li>
                                                 <?php endif; ?>
 
+                                                <!-- item 1-1-1-3 -->
                                                 <?php if(page_status(82, $lang_id)): ?>
                                                 <li>
                                                     <?= nav_item(82, $lang_id); ?>
                                                 </li>
                                                 <?php endif; ?>
 
+                                                <!-- item 1-1-1-4 -->
                                                 <?php if(page_status(36, $lang_id)): ?>
                                                 <li>
                                                     <?= nav_item(36, $lang_id); ?>
                                                 </li>
                                                 <?php endif; ?>
 
+                                                <!-- item 1-1-1-5 -->
                                                 <?php if(page_status(37, $lang_id)): ?>
                                                 <li>
                                                     <?= nav_item(37, $lang_id); ?>
                                                 </li>
                                                 <?php endif; ?>
 
+                                                <!-- item 1-1-1-6 -->
                                                 <?php if(page_status(39, $lang_id)): ?>
                                                 <li>
                                                     <?= nav_item(39, $lang_id); ?>
@@ -90,24 +119,58 @@
                                         </li>
                                         <?php endif; ?>
                                         
+                                        <!-- item 1-1-2 -->
                                         <?php if(page_status(32, $lang_id)): ?>
                                         <li>
                                             <?= nav_item(32, $lang_id); ?>
+
+                                            <ul class="lvl-4">
+                                                <!-- item 1-1-2-1 -->
+                                                <li>
+                                                    <?= nav_item(['cURL' => '/okna-drewniane/#vd-68', 'cTitle' => 'VD-68']); ?>
+                                                </li>
+                                                <!-- item 1-1-2-2 -->
+                                                <li>
+                                                    <?= nav_item(['cURL' => '/okna-drewniane/#vd-78', 'cTitle' => 'VD-78']); ?>
+                                                </li>
+                                                <!-- item 1-1-2-3 -->
+                                                <li>
+                                                    <?= nav_item(['cURL' => '/okna-drewniane/#vd-92', 'cTitle' => 'VD-92']); ?>
+                                                </li>
+                                            </ul>
                                         </li>
                                         <?php endif; ?>
-                                        
+
+                                        <!-- item 1-1-3 -->
                                         <?php if(page_status(33, $lang_id)): ?>
                                         <li>
                                             <?= nav_item(33, $lang_id); ?>
+                                            
+                                            <ul class="lvl-4">
+                                                <!-- item 1-1-3-1 -->
+                                                <li>
+                                                    <?= nav_item(['cURL' => '/okna-drewniane/#vd-68', 'cTitle' => 'VD-68']); ?>
+                                                </li>
+                                                <!-- item 1-1-3-2 -->
+                                                <li>
+                                                    <?= nav_item(['cURL' => '/okna-drewniane/#vd-78', 'cTitle' => 'VD-78']); ?>
+                                                </li>
+                                                <!-- item 1-1-3-3 -->
+                                                <li>
+                                                    <?= nav_item(['cURL' => '/okna-drewniane/#vd-92', 'cTitle' => 'VD-92']); ?>
+                                                </li>
+                                            </ul>
                                         </li>
                                         <?php endif; ?>
-                                        
+
+                                        <!-- item 1-1-4 -->
                                         <?php if(page_status(34, $lang_id)): ?>
                                         <li>
                                             <?= nav_item(34, $lang_id); ?>
                                         </li>
                                         <?php endif; ?>
-                                        
+
+                                        <!-- item 1-1-5 -->
                                         <?php if(page_status(34, $lang_id)): ?>
                                         <li>
                                             <?= nav_item(34, $lang_id); ?>
@@ -122,22 +185,18 @@
                                 <li>
                                     <?= nav_item(41, $lang_id, true); ?>
 
-                                    <!-- item 1-2-1 -->
                                     <ul class="lvl-3">
+                                        <!-- item 1-2-1 -->
                                         <li>
-                                            <a href="#">
-                                                <span>Lorem ipsum 1</span>
-                                            </a>
+                                            <?= nav_item(['cURL' => '/drzwi-wejsciowe/#aluminiowe', 'cTitle' => 'Aluminiowe']); ?>
                                         </li>
+                                        <!-- item 1-2-2 -->
                                         <li>
-                                            <a href="#">
-                                                <span>Lorem ipsum 2</span>
-                                            </a>
+                                            <?= nav_item(['cURL' => '/drzwi-wejsciowe/#drewniane', 'cTitle' => 'Drewniane']); ?>
                                         </li>
+                                        <!-- item 1-2-3 -->
                                         <li>
-                                            <a href="#">
-                                                <span>Lorem ipsum 3</span>
-                                            </a>
+                                            <?= nav_item(['cURL' => '/drzwi-wejsciowe/#pvc', 'cTitle' => 'PVC']); ?>
                                         </li>
                                     </ul>
                                 </li>
@@ -147,6 +206,21 @@
                                 <?php if(page_status(42, $lang_id)): ?>
                                 <li>
                                     <?= nav_item(42, $lang_id); ?>
+                                    
+                                    <ul class="lvl-3 lvl-3-big">
+                                        <!-- item 1-3-1 -->
+                                        <li>
+                                            <a href="#">
+                                                <span>Lorem Ipsum</span>
+                                            </a>
+                                        </li>
+                                        <!-- item 1-3-2 -->
+                                        <li>
+                                            <a href="#">
+                                                <span>Lorem Ipsum</span>
+                                            </a>
+                                        </li>
+                                    </ul>
                                 </li>
                                 <?php endif; ?>
 
@@ -154,6 +228,29 @@
                                 <?php if(page_status(11, $lang_id)): ?>
                                 <li>
                                     <?= nav_item(11, $lang_id); ?>
+
+                                    <ul class="lvl-3">
+                                        <!-- item 1-4-1 -->
+                                        <?php if(page_status(43, $lang_id)): ?>
+                                        <li>
+                                            <?= nav_item(43, $lang_id); ?>
+                                        </li>
+                                        <?php endif; ?>
+
+                                        <!-- item 1-4-2 -->
+                                        <?php if(page_status(44, $lang_id)): ?>
+                                        <li>
+                                            <?= nav_item(44, $lang_id); ?>
+                                        </li>
+                                        <?php endif; ?>
+
+                                        <!-- item 1-4-3 -->
+                                        <?php if(page_status(45, $lang_id)): ?>
+                                        <li>
+                                            <?= nav_item(45, $lang_id); ?>
+                                        </li>
+                                        <?php endif; ?>
+                                    </ul>
                                 </li>
                                 <?php endif; ?>
 
@@ -190,6 +287,33 @@
                                     <a href="#">
                                         <span>BESTSELLER</span>
                                     </a>
+
+                                    <ul class="lvl-3">
+                                        <!-- item 1-9-1 -->
+                                        <?php if(page_status(16, $lang_id)): ?>
+                                        <li>
+                                            <?= nav_item(16, $lang_id); ?>
+                                        </li>
+                                        <?php endif; ?>
+                                        <!-- item 1-9-2 -->
+                                        <?php if(page_status(82, $lang_id)): ?>
+                                        <li>
+                                            <?= nav_item(82, $lang_id); ?>
+                                        </li>
+                                        <?php endif; ?>
+                                        <!-- item 1-9-3 -->
+                                        <?php if(page_status(15, $lang_id)): ?>
+                                        <li>
+                                            <?= nav_item(15, $lang_id); ?>
+                                        </li>
+                                        <?php endif; ?>
+                                        <!-- item 1-9-4 -->
+                                        <?php if(page_status(83, $lang_id)): ?>
+                                        <li>
+                                            <?= nav_item(83, $lang_id); ?>
+                                        </li>
+                                        <?php endif; ?>
+                                    </ul>
                                 </li>
                             </ul>
                         </div>