diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index ce97d4f..8586c14 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -12157,6 +12157,16 @@ p:last-child { margin-bottom: 0; }
    Used on the kiosks page – platform-row selfCheckInAnim
    ═══════════════════════════════════════════════════════════ */
 
+.platform-visual.has-checkin {
+  background: none !important;
+  border: none !important;
+  border-radius: 0;
+  aspect-ratio: unset;
+  padding: 0;
+  overflow: visible;
+  box-shadow: none;
+}
+
 .checkin-stage { width: 100%; max-width: 400px; margin: 0 auto; }
 .checkin-kiosk {
   background: #0f1117; border: 1px solid #1e2435; border-radius: 12px; overflow: hidden;
@@ -12284,6 +12294,16 @@ p:last-child { margin-bottom: 0; }
    Used on the kiosks page – platform-row selfOrderAnim
    ═══════════════════════════════════════════════════════════ */
 
+.platform-visual.has-selforder {
+  background: none !important;
+  border: none !important;
+  border-radius: 0;
+  aspect-ratio: unset;
+  padding: 0;
+  overflow: visible;
+  box-shadow: none;
+}
+
 .selforder-stage { width: 100%; max-width: 420px; margin: 0 auto; }
 .selforder-kiosk {
   background: #0f1117; border: 1px solid #1e2435; border-radius: 12px; overflow: hidden;