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/widget-batch5.css

@@ -1862,31 +1862,21 @@
   display: flex;
   align-items: center;
   gap: 0;
-  padding: 12px;
-  border-radius: 8px;
-  background: var(--surface-1, #fff);
-  border: 1px solid var(--color-line, #e5e7eb);
-  transition: box-shadow .2s ease, transform .2s ease;
+  /* Surface: .zib-widget / .padding-10 on same node (zibll). Do not re-box. */
 }
-a.main-color > .icon-cover-card:hover,
-.icon-cover-card:hover {
-  box-shadow: 0 6px 18px rgba(0,0,0,.06);
-  transform: translateY(-1px);
+a.main-color > .icon-cover-card:hover {
+  opacity: 0.92;
 }
+/* Icon badge uses .badg.cir (+ c-* / jb-*); only ensure flex centering. */
 .icon-cover-icon.badg.cir {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: 2.4em;
-  height: 2.4em;
-  min-width: 2.4em;
-  border-radius: 50%;
-  background: rgba(59, 130, 246, 0.12);
-  color: #2563eb;
   flex-shrink: 0;
 }
-.icon-cover-icon.radius4 {
-  border-radius: 10px !important;
+.icon-cover-icon.radius4,
+.icon-cover-icon.badg.cir.radius4 {
+  border-radius: 4px !important;
 }
 .icon-cover-icon img {
   width: 70%;
@@ -1895,9 +1885,10 @@ a.main-color > .icon-cover-card:hover,
 }
 .icon-cover-desc {
   min-width: 0;
+  overflow: hidden;
 }
 .icon-cover-desc .font-bold {
-  font-weight: 700;
+  font-weight: bold;
 }
 
 /* Buttons wrap (zibll flex hh) */