chore: create Multica handoff checkpoint

app/frontend/pages/themes/foundation.css

@@ -117,7 +117,7 @@
   border-right: 0px;
 }
 
-@media (max-width: 720px) {
+@media (max-width: 767px) {
   .theme-detail-empty {
     min-height: 260px;
   }
@@ -231,7 +231,7 @@
   border-color: var(--border);
 }
 
-@media (max-width: 720px) {
+@media (max-width: 767px) {
 
   .theme-directory {
     max-height: 300px;
@@ -1100,7 +1100,7 @@
   }
 }
 
-@media (min-width: 721px) and (max-width: 1180px) {
+@media (min-width: 768px) and (max-width: 1180px) {
   body[data-active-view="themeLibraryView"] .app-main {
     overflow: hidden auto;
   }
@@ -1128,7 +1128,7 @@
   }
 }
 
-@media (min-width: 721px) and (max-height: 900px) {
+@media (min-width: 768px) and (max-height: 900px) {
   .redesigned-theme-view {
     padding-top: 9px;
 
@@ -1192,7 +1192,7 @@
   }
 }
 
-@media (max-width: 720px) {
+@media (max-width: 767px) {
   .redesigned-theme-view {
     padding: 10px;
   }
@@ -1404,7 +1404,7 @@
   grid-template-columns: var(--right-rail-wide) minmax(0,1fr);
 }
 
-@media (min-width: 721px) {
+@media (min-width: 768px) {
   #themeLibraryView .theme-page-head-v2,
   #themeLibraryView .theme-summary-v2 {
     flex: 0 0 auto;
@@ -1452,7 +1452,7 @@
   }
 }
 
-@media (max-width: 720px), (max-width: 1023px) and (max-height: 600px) {
+@media (max-width: 767px), (max-width: 1023px) and (max-height: 600px) {
   #themeLibraryView .theme-library-workspace-v2 {
     height: auto;
 
@@ -1534,3 +1534,21 @@
     transition: none;
   }
 }
+
+@media (max-width: 767px) {
+  #themeLibraryView {
+    padding-inline: 0;
+  }
+
+  #themeLibraryView :is(.theme-directory-v2, .theme-detail-column-v2, .theme-detail-stack-v2) {
+    max-height: none;
+    overflow: visible;
+  }
+
+  #themeLibraryView .theme-members-frame-v2 {
+    min-height: var(--mobile-table-min-height);
+    max-height: none;
+    overflow-x: auto;
+    overflow-y: visible;
+  }
+}