fix(footer): restore inline QR code layout

assets/css/frontend/footer/zibll-shell.css

@@ -1,5 +1,5 @@
 /**
- * Footer — Zibll template_1 shell (list-inline + float third column)
+ * Footer — Zibll template_1 shell
  * Contract: zibll/css/main.css footer block + zib_footer_con markup
  */
 .footer {
@@ -24,21 +24,26 @@
   width: 100%;
 }
 
-/* Bootstrap-like list-inline — NOT flex (Zibll uses float for third col) */
 .footer .list-inline {
+  display: flex;
+  align-items: center;
+  gap: 20px;
   list-style: none;
   margin: 0 0 12px;
   padding: 0;
 }
 
 .footer .list-inline > li {
+  flex: 1;
   margin: 5px 15px;
-  vertical-align: top;
-  display: inline-block;
 }
 
 .footer .list-inline > li + li + li {
   float: right;
+  display: flex;
+  align-items: flex-end;
+  flex-direction: column;
+  gap: 10px;
 }
 
 .footer a.footer-logo img,
@@ -175,27 +180,28 @@
   background: #fff;
 }
 
-.footer .footer-miniimg {
-  width: 90px;
-  margin: 0 10px;
-  text-align: center;
-  vertical-align: text-top;
-  display: inline-block;
-}
-
-.footer .footer-miniimg p {
-  margin: 0 0 4px;
-}
-
 .footer .footer-miniimg img {
   width: 90px;
+  margin: 0 6px;
   height: auto;
   max-width: 100%;
   display: block;
-  margin: 0 auto;
   border-radius: 4px;
 }
 
+.footer .footer-miniimg-2 {
+  justify-content: flex-end;
+}
+
+.footer .footer-miniimg-2 img {
+  height: 36px;
+  border-radius: var(--main-radius);
+}
+
+.footer .footer-miniimg-2 .opacity8 {
+  display: none;
+}
+
 .footer .footer-conter {
   margin: 8px 0 0;
   line-height: 1.8;
@@ -215,7 +221,7 @@
   }
 
   .footer {
-    padding: 20px 0;
+    padding: 10px 0;
   }
 
   .footer .container-footer {
@@ -223,16 +229,27 @@
     padding: 0 16px;
   }
 
+  .footer .list-inline {
+    gap: 10px;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+  }
+
   .footer .list-inline > li + li + li {
     float: none;
+    align-items: center;
   }
 
   .footer .list-inline > li {
-    display: block;
     margin: 12px 0;
     max-width: none !important;
   }
 
+  .footer .footer-miniimg-2 {
+    justify-content: center;
+  }
+
   .footer .title-h-left:before {
     left: 50%;
     transform: translateX(-50%);