figma_adp_tablet_final

style.css

@@ -35,6 +35,10 @@ html, body, * {
 .header_top_list {
     display: flex;  
     width: 100%;
+    margin: 20px 0;
+}
+.header_nav_item-empty {
+  display: block;
 }
 .logo_link {
     margin: 0;
@@ -125,9 +129,6 @@ html, body, * {
 .header_call_text {
     color: #fff;
 }
-.header_top_list {
-    margin: 20px 0;
-}
 .header_nav {
     margin: 0;
     display: flex;
@@ -143,8 +144,7 @@ html, body, * {
     justify-content: space-between;
     align-items: center;
     white-space: nowrap;
-    padding: 10px;
-    width: 500px;
+    padding: 10px 0;
 }
 .header_nav_item-reverse {
   display: none;
@@ -227,9 +227,6 @@ html, body, * {
 .header_top_list_active {
   display: none;
 }
-.header_top_list {
-  display: block;
-}
 /* --------------------------------------------------------------------------------------------- */
 .header_row_info {
     display: flex;
@@ -1133,10 +1130,6 @@ html, body, * {
   .wrapper {
   max-width: 1200px;
 }
-.header_nav_item-empty {
-  display: none;
-}
-
 .header_nav_item-reverse {
   display: block;
 }
@@ -1248,7 +1241,9 @@ html, body, * {
 }
 .header_nav_item-show {
   margin: 0;
-  padding: 10px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 .dropdown-list_wrapper {
   display: flex;
@@ -1292,6 +1287,12 @@ html, body, * {
 .accordion-item.active .blue-square {
   margin: 15px;
 }
+.header_nav_item-empty {
+  display: none;
+}
+.header_nav_item-show {
+  display: block;
+}
 
 }
 
@@ -1629,17 +1630,6 @@ body.lock {
   padding: 15px;
   border-radius: 33px;
 }
-.top_list_btn {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 5px;
-  background-color: #F4F4F4;
-  padding: 13px 0px;
-  width: 100%;
-  border-radius: 33px;
-  font-weight: 500;
-}
 .top_list_btn svg {
   margin: 0;
 }
@@ -1668,8 +1658,8 @@ body.lock {
 
 .header_nav_burger.open {
   margin: 0;
-  width: 500px;
-  max-height: 500px; /* подстрой под контент */
+  max-height: 500px;
+  padding: 10px 0; /* подстрой под контент */
 }
 .header_nav {
   display: none;
@@ -1680,18 +1670,37 @@ body.lock {
   align-items: center;
 }
 .top_list_btn_burger {
-  margin: 0;
   width: 100%;
-  margin-bottom: 20px;
+}
+
+.top_list_btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 5px;
+  width: 100%;
+  height: 100%;
+  padding: 15px 0;
+  background: #F4F4F4;
+  border: none;
+  border-radius: 33px;
+  font-weight: 500;
+  cursor: pointer;
+}
+
+.top_list_btn svg {
+  pointer-events: none; /* чтобы клик шел по кнопке, а не по svg */
 }
 .header_nav_item {
   display: flex;
   border-radius: 33px;
-  padding: 13px 0px;
-  background-color: #F4F4F4;
-  margin-bottom: 20px;
+}
+.dropdown-list {
+  display: none;
 }
 .header_top_list_active {
+  width: 100%;
+  margin: 0;
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -1707,5 +1716,19 @@ body.lock {
 .footer_chart_content {
   width: 71%;
 }
+.header_nav_item {
+  margin: 0;
+  padding: 10px 0;
+}
+.header_nav_link {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 13px 0px;
+  width: 500px;
+  background-color: #F4F4F4;
+  border-radius: 33px;
+
+}
 
 }