Update app.py

app.py

@@ -451,6 +451,86 @@ div[data-testid="stVerticalBlock"] > div[data-testid="stHorizontalBlock"] > div
         font-size: 16px !important;
     }
 }
+
+/* ======== تنظیمات پایه واکنش‌گرا ======== */
+:root {
+    /* اندازه‌های پایه بر اساس عرض 375px (آیفون X) */
+    --base-font-size: 14px;
+    --base-heading1-size: 24px;
+    --base-heading2-size: 20px;
+    --base-heading3-size: 18px;
+    --base-input-font: 16px;
+    --base-button-font: 16px;
+}
+
+/* ======== تنظیمات پویا بر اساس عرض دستگاه ======== */
+@media (max-width: 400px) {
+    :root {
+        --base-font-size: 13px;
+        --base-heading1-size: 22px;
+        --base-heading2-size: 18px;
+        --base-heading3-size: 16px;
+        --base-input-font: 14px;
+        --base-button-font: 14px;
+    }
+}
+
+@media (min-width: 401px) and (max-width: 768px) {
+    :root {
+        --base-font-size: 14px;
+        --base-heading1-size: 24px;
+        --base-heading2-size: 20px;
+        --base-heading3-size: 18px;
+        --base-input-font: 16px;
+        --base-button-font: 16px;
+    }
+}
+
+/* ======== اعمال اندازه‌های پویا ======== */
+* {
+    font-size: var(--base-font-size) !important;
+}
+
+h1 {
+    font-size: var(--base-heading1-size) !important;
+}
+
+h2 {
+    font-size: var(--base-heading2-size) !important;
+}
+
+h3 {
+    font-size: var(--base-heading3-size) !important;
+}
+
+.stTextInput input,
+.stNumberInput input,
+.stSelectbox select,
+.stTextArea textarea {
+    font-size: var(--base-input-font) !important;
+}
+
+.stButton>button {
+    font-size: var(--base-button-font) !important;
+}
+
+/* ======== تنظیمات نقشه واکنش‌گرا ======== */
+.folium-map {
+    height: calc(100vw * 0.8) !important; /* ارتفاع متناسب با عرض */
+    max-height: 400px !important;
+}
+
+/* ======== تنظیمات کانتینرها ======== */
+.price-container,
+.explanation-item {
+    padding: calc(var(--base-font-size) * 0.8) !important;
+    margin: calc(var(--base-font-size) * 0.5) 0 !important;
+}
+
+/* ======== تنظیمات دکمه‌ها ======== */
+.stButton>button {
+    padding: calc(var(--base-font-size) * 0.7) calc(var(--base-font-size) * 1.2) !important;
+}
 </style>
 """, unsafe_allow_html=True)