responsive base v1

src/app/globals.css

@@ -1,6 +1,23 @@
 @import "tailwindcss";
 @import "tw-animate-css";
 
+/* بهبود responsive design برای موبایل */
+html {
+  overflow-x: hidden;
+}
+
+body {
+  overflow-x: hidden;
+  max-width: 100vw;
+}
+
+/* اطمینان از عدم overflow در container ها */
+.container,
+.max-w-full {
+  max-width: 100vw;
+  overflow-x: hidden;
+}
+
 @custom-variant dark (&:is(.dark *));
 
 @theme inline {
@@ -131,6 +148,13 @@ body {
   font-feature-settings: "lnum"; /* اطمینان از نمایش اعداد انگلیسی */
 }
 
+/* Add bottom padding for mobile bottom menu */
+@media (max-width: 768px) {
+  body {
+    padding-bottom: 80px;
+  }
+}
+
 html,
 body {
   height: 100%;