update

kedo/default.css

@@ -692,7 +692,7 @@ input[type="text"]:not(.ReportTypo input):not(.ReportTypo-comment) {
     display: block;
     position: absolute;
     left: 0;
-    top: 0;
+    top: -8px;
     height: 72px;
     padding: 12px 15px;
     display: flex;
@@ -705,11 +705,6 @@ input[type="text"]:not(.ReportTypo input):not(.ReportTypo-comment) {
       background 0.1s cubic-bezier(0.77, 0.2, 0.05, 1);
   }
 
-  .hero__search-form.show-search-panel,
-  .ya-site-form.show-search-panel {
-    transform: none;
-  }
-
   .hero__search-form form {
     padding: 0;
     width: 100%;
@@ -735,6 +730,40 @@ input[type="text"]:not(.ReportTypo input):not(.ReportTypo-comment) {
   }
 }
 
+@media (min-width: 768px) and (max-width: 1101px) {
+  .hero__search {
+    margin-top: -1px;
+    position: relative;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    background-color: transparent;
+    padding: 18px 6px 8px 20px;
+    transition: background 0.1s cubic-bezier(0.77, 0.2, 0.05, 1);
+    order: 3;
+  }
+
+  .hero__search-icon {
+    display: block;
+  }
+
+  .hero__search-form,
+  .header .ya-site-form {
+    display: block;
+    position: absolute;
+    left: 0;
+    top: 8px;
+    height: 80px;
+    padding: 12px 15px;
+    width: 100%;
+    max-width: 100%;
+    z-index: 1;
+    transform: translateY(-100%);
+    transition: transform 0.1s cubic-bezier(0.77, 0.2, 0.05, 1),
+      background 0.1s cubic-bezier(0.77, 0.2, 0.05, 1);
+  }
+}
+
 @media (max-width: 580px) {
   input[type="text"] {
     width: auto;
@@ -2096,3 +2125,8 @@ code {
 .header__list-item-url {
   height: 20px;
 }
+
+.hero__search-form.show-search-panel,
+.ya-site-form.show-search-panel {
+  transform: none !important;
+}