fix(header): 1:1 zibll overlay icon cards for top multifunc component

Rebuild header-slider card DOM/CSS against zib_header_slide + zib_icon_cover_card so shared/individual backgrounds, flex gutters, and badge icons match the reference theme.

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

@@ -100,48 +100,16 @@
         margin-top: -35px;
     }
 
-    .header-components-card__container {
-        padding: 0 10px;
+
+    .header-slider-card .icon-cover-card.zib-widget,
+    .header-components-card .icon-cover-card.zib-widget {
+        padding: 10px;
+    }
+    .header-slider-card .icon-cover-card.padding-10,
+    .header-components-card .icon-cover-card.padding-10 {
+        padding: 2px;
     }
 
-    .header-components-card__row {
-        flex-wrap: wrap;
-        gap: 6px;
-    }
-
-    .header-components-card__item {
-        flex: 0 0 calc(50% - 3px);
-    }
-
-    .header-components-card__item-bg {
-        padding: 8px 10px;
-    }
-
-    .header-components-card__wrap--shared {
-        padding: 6px;
-    }
-
-    .icon-cover-card {
-        gap: 6px;
-        padding: 4px;
-        min-height: 52px;
-        border-radius: 6px;
-    }
-
-    .icon-cover-icon {
-        width: 30px;
-        height: 30px;
-        min-width: 30px;
-        font-size: 14px;
-    }
-
-    .icon-cover-title {
-        font-size: 12px;
-    }
-
-    .icon-cover-subtitle {
-        display: none;
-    }
 
     /* zibll ~640px: slide-header text padding 52px */
     .header-components.slide-header .slide-text,