fix(header): align header-slider DOM/height with zibll demo

Match demo.zibll.com slide markup (a/span wrap, data-* attrs, --pc/--m height on .new-swiper), keyword chip classes, and height CSS so the top multifunc block renders like the official demo.

assets/css/frontend/header-components/search-keywords-row.css

@@ -58,7 +58,12 @@
 
 /* zibll mobile (max-width: 767px) search / card offsets */
 @media (max-width: 767px) {
-    .header-components {
+    .header-slider-container .new-swiper.slide-header .swiper-wrapper,
+    .new-swiper.slide-index.slide-header .swiper-wrapper {
+        height: var(--m-height);
+    }
+
+    .header-components:not(.new-swiper) {
         height: var(--m-height);
     }