Ui improvements and bug fixes

assets/stylesheets/community_landing/admin.css

@@ -448,3 +448,93 @@ html.dark-scheme .admin-detail:not(.cl-tabs-active) .row.setting[data-setting="f
   color: var(--primary-medium);
   font-style: italic;
 }
+
+/* ── Multi-image list (hero_image_urls) ── */
+
+.cl-multi-image-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  width: 100%;
+  margin-top: 8px;
+}
+
+.cl-multi-image-item {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 4px 8px;
+  background: var(--primary-very-low);
+  border: 1px solid var(--primary-low);
+  border-radius: 6px;
+  cursor: grab;
+  transition: box-shadow 0.15s ease, border-color 0.15s ease;
+}
+
+.cl-multi-image-item:hover {
+  border-color: var(--primary-low-mid);
+}
+
+.cl-multi-image-item.cl-dragging {
+  opacity: 0.4;
+}
+
+.cl-multi-image-item.cl-drag-over {
+  border-color: var(--tertiary);
+  box-shadow: 0 0 0 2px var(--tertiary-low);
+}
+
+.cl-multi-image-thumb {
+  width: 48px;
+  height: 36px;
+  object-fit: cover;
+  border-radius: 4px;
+  border: 1px solid var(--primary-low);
+  background: var(--secondary);
+}
+
+.cl-multi-image-label {
+  font-size: var(--font-down-2);
+  font-weight: 600;
+  color: var(--primary-medium);
+  min-width: 14px;
+  text-align: center;
+}
+
+.cl-multi-image-actions {
+  display: flex;
+  gap: 2px;
+}
+
+.cl-multi-image-move {
+  padding: 2px 5px;
+  font-size: 10px;
+  line-height: 1;
+  background: none;
+  border: 1px solid var(--primary-low);
+  border-radius: 3px;
+  cursor: pointer;
+  color: var(--primary-medium);
+  transition: background 0.1s ease;
+}
+
+.cl-multi-image-move:hover {
+  background: var(--primary-very-low);
+  color: var(--primary);
+}
+
+.cl-multi-image-remove {
+  padding: 2px 6px;
+  font-size: 14px;
+  line-height: 1;
+  background: none;
+  border: 1px solid var(--danger-low);
+  border-radius: 3px;
+  cursor: pointer;
+  color: var(--danger);
+  transition: background 0.1s ease;
+}
+
+.cl-multi-image-remove:hover {
+  background: var(--danger-low);
+}

assets/stylesheets/community_landing/landing.css

@@ -2096,4 +2096,43 @@ html {
   .cl-faq__answer {
     animation: none;
   }
+}
+
+/* ═══════════════════════════════════════════════════════════════════
+   MOBILE — tighter padding, no horizontal overflow
+   ═══════════════════════════════════════════════════════════════════ */
+@media (max-width: 767px) {
+  .cl-container {
+    padding: 0 1rem;
+  }
+
+  .cl-hero__inner {
+    padding: 0 1rem;
+  }
+
+  .cl-navbar__inner {
+    padding: 0 1rem;
+  }
+
+  .cl-about__left {
+    padding: 1.25rem 1rem;
+  }
+
+  .cl-about__right {
+    padding: 1.25rem 1.25rem;
+  }
+
+  .cl-app-cta__inner {
+    padding: 1.5rem 1.25rem;
+    align-items: center;
+    text-align: center;
+  }
+
+  .cl-app-cta__image {
+    display: none;
+  }
+
+  .cl-app-cta__badges {
+    justify-content: center;
+  }
 }