Upload big_sale.css

big_sale.css

@@ -1,4 +1,4 @@
-/* BIG SALE Floating Promotion CSS v1.0 */
+/* BIG SALE Floating Promotion CSS v1.1 — mobile: pill stacks ABOVE V.AISTUDIO button */
 /* Floating button — bottom-right, offset from V.AISTUDIO button */
 #big-sale-floating {
   position: fixed;
@@ -295,22 +295,23 @@
   box-shadow: 0 4px 12px rgba(0, 63, 98, 0.3);
 }
 
-/* Responsive */
+/* Responsive — mobile: the 170px pill would cover the 50px V.AISTUDIO button if
+   both sit at bottom:16px/right:16px. Stack the pill ABOVE it instead. */
 @media (max-width: 768px) {
   #big-sale-floating {
-    bottom: 16px;
+    bottom: calc(16px + 50px + 10px); /* 76px — just above V.AISTUDIO button */
     right: 16px;
     width: 170px;
     height: 50px;
   }
-  
+
   #big-sale-floating.open {
-    bottom: calc(420px + 16px);
+    bottom: calc(420px + 76px + 8px);
   }
-  
+
   #big-sale-panel,
   #big-sale-panel.open {
-    bottom: calc(420px + 16px);
+    bottom: calc(420px + 76px + 8px);
     right: 16px;
     width: calc(100vw - 32px);
     max-width: 320px;