diff --git a/frontend/src/index.css b/frontend/src/index.css
index 18e78c9..9fbdb4d 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -7,6 +7,12 @@
 
 /* END TAILWIND IMPORTS — ALL OTHER CSS MUST GO BELOW THIS LINE */
 
+/* CSS پایهٔ مپ‌لیبر در شیت اصلی می‌ماند (نه در چانک تنبل نقشه).
+   اگر با خودِ کامپوننت نقشه بار شود، روی موبایل/اتصال کند ممکن است کد نقشه
+   پیش از رسیدن این فایل اجرا شود و .maplibregl-map (position/overflow) اعمال
+   نشود — نتیجه: ظرف با ارتفاع صفر و نقشهٔ نامرئی. */
+@import 'maplibre-gl/dist/maplibre-gl.css';
+
 /* فونت سایت سلف‌هاست است (public/fonts) — هیچ وابستگی خارجی وجود ندارد.
    Pinar فونت اصلی است (۵ وزن) و Vazirmatn به‌عنوان جایگزین پشتیبان می‌ماند.
    نسخه انگلیسی از پشته فونت سیستمی لاتین استفاده می‌کند (Inter در صورت نصب بودن). */
diff --git a/frontend/src/map/MapViewport.tsx b/frontend/src/map/MapViewport.tsx
index 22a7609..ecb633b 100644
--- a/frontend/src/map/MapViewport.tsx
+++ b/frontend/src/map/MapViewport.tsx
@@ -2,7 +2,6 @@ import * as maplibregl from 'maplibre-gl'
 import { useEffect, useState, type MutableRefObject, type ReactNode } from 'react'
 import { Loader2Icon } from 'lucide-react'
 import { MdClose, MdFullscreen } from 'react-icons/md'
-import 'maplibre-gl/dist/maplibre-gl.css'
 import { useLang } from '../i18n/lang'
 import type { MapStatus } from './types'