fix(footer): keep footer sections in one desktop row

Adjust footer grid and spacing so all footer sections stay in a single row on desktop while preserving responsive breakpoints for tablets and mobile.

Co-authored-by: Cursor <cursoragent@cursor.com>

public/assets/css/custom.css

@@ -110,3 +110,36 @@
     transition: none !important;
     animation: none !important;
 }
+
+/* Keep footer sections in one row on desktop */
+.footer-content {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+    gap: 1.5rem 1.25rem;
+    align-items: start;
+}
+
+.footer-section h4 {
+    margin-bottom: 0.65rem;
+}
+
+.footer-section ul li {
+    margin-bottom: 0.4rem;
+}
+
+@media (max-width: 1100px) {
+    .footer-content {
+        grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+}
+
+@media (max-width: 768px) {
+    .footer-content {
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+}
+
+@media (max-width: 520px) {
+    .footer-content {
+        grid-template-columns: 1fr;
+    }
+}