PageSourceSearch

https://khanehcinema.ir/fa/about-us

html khanehcinema.ir collected 2026-09-25 05:35:34 UTC 57,723 bytes, 952 lines download raw bytes

1<!DOCTYPE html>
2<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fa-ir" lang="fa-ir" dir="rtl">
3	<head profile="http://dublincore.org/documents/2008/08/04/dc-html/">
4		<meta charset="utf-8">
5	<title>خانه سینما - آشنایی با ما</title>
6	<link href="/fa/about-us?format=feed&amp;type=rss" rel="alternate" type="application/rss+xml" title="خانه سینما - آشنایی با ما">
7	<link href="/fa/about-us?format=feed&amp;type=atom" rel="alternate" type="application/atom+xml" title="خانه سینما - آشنایی با ما">
8
9		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=0.1,maximum-scale=10,users-calable=no,interactive-widget=resizes-visual" />
10				<meta property="og:locale" content="fa-ir" />
11		<meta property="og:type" content="website" />
12		<meta property="og:title" content="خانه سینما - آشنایی با ما" />
13		<meta property="og:description" content="" />
14		<meta property="og:site_name" content="خانه سینما" />
15		<meta property="og:image" content="" />
16						<meta name="twitter:card" content="summary_large_image"/>
17		<meta name="twitter:description" content=""/>
18		<meta name="twitter:title" content="خانه سینما - آشنایی با ما"/>
19		<meta name="twitter:domain" content="خانه سینما"/>
20		<meta name="twitter:image" content=""/>
21		<meta name="tweetmeme-title" content="خانه سینما" />
22						<meta name="theme-color" content="" />
23		<meta name="apple-mobile-web-app-capable" content="yes">
24		<meta name="msapplication-TileColor" content="">
25		<meta name="apple-touch-fullscreen" content="yes" />
26		<meta name="apple-mobile-web-app-status-bar-style" content="black">
27		<meta name="format-detection" content="telephone=no">
28				<link href="/images/favicon.png" rel="icon">
29		<link href="/images/favicon.png" rel="icon" type="image/png" />
30		<link href="/images/favicon.png" rel="apple-touch-icon" />
31		<link href="/images/favicon.png" rel="apple-touch-icon" sizes="76x76" />
32		<link href="/images/favicon.png" rel="apple-touch-icon" sizes="120x120" />
33		<link href="/images/favicon.png" rel="apple-touch-icon" sizes="152x152" />
34		<link href="/images/favicon.png" rel="apple-touch-icon" sizes="180x180" />
35		<link href="/images/favicon.png" rel="icon" sizes="192x192" />
36		<link href="/images/favicon.png" rel="icon" sizes="128x128" />
37		<link href="/images/favicon.png" rel="shortcut icon" type="image/vnd.microsoft.icon" />
38				<link rel="manifest" href="/manifest.json">
39				<link href="/media/vendor/joomla-custom-elements/css/joomla-alert.min.css?0.4.1" rel="stylesheet">
40	<link href="/templates/khanecinema_v3/css/theme.css?307997" rel="stylesheet">
41	<link href="/templates/khanecinema_v3/css/bootstrap.rtl.css?307997" rel="stylesheet">
42	<link href="/templates/khanecinema_v3/css/animation.css?307997" rel="stylesheet">
43	<link href="/templates/khanecinema_v3/css/responsive.rtl.css?307997" rel="stylesheet">
44	<link href="/templates/khanecinema_v3/css/template.rtl.css?307997" rel="stylesheet">
45	<link href="/templates/khanecinema_v3/css/color.css?307997" rel="stylesheet">
46	<link href="/templates/khanecinema_v3/css/owl.carousel.css?307997" rel="stylesheet">
47	<link href="/templates/khanecinema_v3/css/owl.theme.slide.css?307997" rel="stylesheet">
48	<link href="/templates/khanecinema_v3/css/all.min.css?307997" rel="stylesheet">
49	<link href="/templates/khanecinema_v3/css/vazir.css?307997" rel="stylesheet">
50
51		<link href="/media/system/css/joomla-fontawesome.min.css" rel="stylesheet">
52		
52<script type="application/json" class="joomla-script-options new">{"joomla.jtext":{"MOD_FINDER_SEARCH_VALUE":"جستجو &hellip;","ERROR":"خطا","MESSAGE":"پیام","NOTICE":"توجه","WARNING":"هشدار","SUCCESS":"موفق","JCLOSE":"بستن","JOK":"تایید","JOPEN":"باز"},"system.paths":{"root":"","rootFull":"https:\/\/khanehcinema.ir\/","base":"","baseFull":"https:\/\/khanehcinema.ir\/"},"csrf.token":"984849d4cf580c1671049e9400ed7b1b"}</script>
52
53	
53<script src="/media/system/js/core.min.js?a3d8f8"></script>
53
54	
54<script src="/media/vendor/webcomponentsjs/js/webcomponents-bundle.min.js?2.8.0" nomodule defer></script>
54
55	
55<script src="/media/system/js/joomla-hidden-mail.min.js?80d9c7" type="module"></script>
55
56	
56<script src="/media/com_finder/js/finder.min.js?755761" type="module"></script>
56
57	
57<script src="/media/mod_menu/js/menu.min.js?74de30" type="module"></script>
57
58	
58<script src="/media/system/js/messages.min.js?9a4811" type="module"></script>
58
59	
59<script src="/templates/khanecinema_v3/js/tailwind.js?307997"></script>
59
60	
60<script src="/templates/khanecinema_v3/js/jquery.min.js?307997"></script>
60
61	
61<script src="/templates/khanecinema_v3/js/bootstrap.min.js?307997"></script>
61
62	
62<script src="/templates/khanecinema_v3/js/jquery.effects.core.js?307997"></script>
62
63	
63<script src="/templates/khanecinema_v3/js/jquery.meanmenu.js?307997"></script>
63
64	
64<script src="/templates/khanecinema_v3/js/parallax.js?307997"></script>
64
65	
65<script src="/templates/khanecinema_v3/js/template.js?307997"></script>
65
66	
66<script src="/templates/khanecinema_v3/js/wow.js?307997"></script>
66
67	
67<script src="/templates/khanecinema_v3/js/owl.carousel.js?307997"></script>
67
68	
68<script src="/templates/khanecinema_v3/js/jquery.lazy.min.js?307997"></script>
68
69	
69<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","@id":"https://khanehcinema.ir/#/schema/BreadcrumbList/134","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https://khanehcinema.ir/fa/","name":"خانه"}},{"@type":"ListItem","position":2,"item":{"@id":"https://khanehcinema.ir/fa/about-us","name":"آشنایی با ما"}}]}</script>
69
70
71		
71<script type="application/ld+json" class="yoast-schema-graph">
72		{
73
74			"@context":"https://schema.org",
75			"@graph":[
76				{
77					"@type":"Organization",
78					"@id":"https://khanehcinema.ir/#organization",
79					"name":"خانه سینما",
80					"url":"https://khanehcinema.ir/",
81					"sameAs":[
82						""
83					],
84					"logo":{
85						"@type":"ImageObject",
86						"@id":"https://khanehcinema.ir/#logo",
87						"inLanguage":"fa-IR",
88						"url":"https://khanehcinema.ir/images/logo2-dark.png#joomlaImage://local-images/logo2-dark.png?width=252&height=76",
89						"width":150,
90						"height":145,
91						"caption":"خانه سینما"
92					},
93					"image":{
94						"@id":"https://khanehcinema.ir/#logo"
95					}
96				},
97				{
98					"@type":"WebSite",
99					"@id":"https://khanehcinema.ir/#website",
100					"url":"https://khanehcinema.ir/",
101					"name":"خانه سینما",
102					"description":"",
103					"publisher":{
104						"@id":"https://khanehcinema.ir/#organization"
105					},
106					"potentialAction":[
107						{
108							"@type":"SearchAction",
109							"target":"https://khanehcinema.ir/shop/search/result?search={search_term_string}",
110							"query-input":"required name=search_term_string"
111						}
112					],
113					"inLanguage":"fa-IR"
114				},
115				{
116					"@type":"WebPage",
117					"@id":"https://khanehcinema.ir/#webpage",
118					"url":"https://khanehcinema.ir/",
119					"name":"خانه سینما - آشنایی با ما خانه سینما",
120					"isPartOf":{
121						"@id":"https://khanehcinema.ir/#website"
122					},
123					"primaryImageOfPage":{
124						"@id":"https://khanehcinema.ir/#primaryimage"
125					},
126										"description":"",
127					"breadcrumb":{
128						"@id":"https://khanehcinema.ir/#breadcrumb"
129					},
130					"inLanguage":"fa-IR",
131					"potentialAction":[
132						{
133							"@type":"ReadAction",
134							"target":[
135								"https://khanehcinema.ir/"
136							]
137						}
138					]
139				},
140				{
141					"@type":"BreadcrumbList",
142					"@id":"https://khanehcinema.ir/#breadcrumb",
143					"itemListElement":[
144						{
145							"@type":"ListItem",
146							"position":1,
147							"item":{
148								"@type":"WebPage",
149								"@id":"https://khanehcinema.ir/",
150								"url":"https://khanehcinema.ir/",
151								"name":"خانه"
152							}
153						},
154						{
155							"@type":"ListItem",
156							"position":2,
157							"item":{
158								"@type":"WebPage",
159								"@id":"https://khanehcinema.ir/shop/",
160								"url":"https://khanehcinema.ir/shop/",
161								"name":"خانه سینما"
162							}
163						},
164						{
165							"@type":"ListItem",
166							"position":3,
167							"item":{
168								"@type":"WebPage",
169								"@id":"https://khanehcinema.ir/",
170								"url":"https://khanehcinema.ir/",
171								"name":"خانه سینما - آشنایی با ما"
172							}
173						}
174					]
175				}
176			]
177
178		}
179		</script>
179
180						    <meta charset="UTF-8">
181    
181<script>
182        tailwind.config = {
183            darkMode: 'class',
184            theme: {
185                extend: {
186                    fontFamily: { vazir: ['Vazir', 'sans-serif'] },
187                    colors: {
188                        cinema: {
189                            red: '#B91C1C',
190                            darkRed: '#7F1D1D',
191                            cream: '#F5F0EB',
192                            dark: '#1A1A1A',
193                            gray: '#6B7280',
194                            lightGray: '#E5E7EB',
195                        }
196                    }
197                }
198            }
199        }
200    </script>
200
201</head>
202<body class="bg-cinema-cream text-cinema-dark font-vazir transition-colors duration-300">
203    <!-- ==================== TOAST CONTAINER ==================== -->
204    <div id="toastContainer" class="fixed top-4 left-4 z-[60] flex flex-col gap-2"></div>
205    <!-- Overlay موبایل -->
206    <div class="mobile-overlay" id="mobileOverlay"></div>
207
208    <!-- منوی موبایل -->
209    <div class="mobile-menu" id="mobileMenu">
210                <div class="flex items-center gap-3">
211                    <img src="/images/favicon.png" class="w-16 h-16"/>
212                    <div class="hidden sm:block">
213                        <img src="/images/logo2-dark.png#joomlaImage://local-images/logo2-dark.png?width=252&height=76" class="w-auto h-16"/>
214                    </div>
215                </div>
216        <button class="mobile-close" id="mobileClose"><i class="fas fa-times"></i></button>
217        <ul class="nav-menu ">
218<li class="nav-item item-342 default"><a href="/fa/" >صفحه اصلی</a></li><li class="nav-item item-111 current active deeper has-dropdown"><a href="/fa/about-us" aria-current="page">آشنایی با ما</a><ul class="dropdown"><li class="nav-item item-118"><a href="/fa/about-us/cinema-people" > ارکان خانه سینما</a></li><li class="nav-item item-280"><a href="/fa/about-us/guilds" >اصناف خانه سینما</a></li></ul></li><li class="nav-item item-112 deeper has-dropdown"><a href="/fa/news" >اخبار</a><ul class="dropdown"><li class="nav-item item-338"><a href="https://www.iraniancinemahouse.ir/archive/" >آرشیو اخبار</a></li></ul></li><li class="nav-item item-117 deeper has-dropdown"><a href="/fa/script-bank" >بانک فیلمنامه</a><ul class="dropdown"><li class="nav-item item-269"><a href="/fa/script-bank/t-rfh-thbt-fylm-namh" >تعرفه ثبت فیلم نامه</a></li><li class="nav-item item-271"><a href="/fa/script-bank/qwanyn-thbt-fylmnamh" >قوانین ثبت فیلمنامه</a></li></ul></li><li class="nav-item item-303"><a href="/fa/gallery?sorting=ASC&amp;view_type=thumb&amp;view_column=3" >گالری تصاویر</a></li><li class="nav-item item-330 deeper has-dropdown"><a href="/fa/video?sorting=ASC&amp;view_type=thumb&amp;view_column=3" >گالری ویدیو</a><ul class="dropdown"><li class="nav-item item-339"><a href="/fa/video/aparat-videos" >ویدیوهای خانه سینما در آپارات</a></li></ul></li><li class="nav-item item-320"><a href="/fa/login" ><span class="p-2 fa fa-user" aria-hidden="true"></span>ورود/ثبت نام</a></li><li class="nav-item item-341"><a href="/fa/help" >راهنما</a></li><li class="nav-item item-349 deeper has-dropdown"><a href="/fa/law" >قوانین</a><ul class="dropdown"><li class="nav-item item-350"><a href="/fa/law/statute" >اساسنامه خانه سینما</a></li><li class="nav-item item-351"><a href="/fa/law/regulations" >آیین‌نامه‌ها</a></li><li class="nav-item item-352"><a href="/fa/law/others" >سایر مقررات مرتبط</a></li></ul></li></ul>
219
220        <div class="p-4 mt-4">
221            <a href="#" class="block text-center bg-brand-600 text-white py-3 rounded-xl font-bold hover:bg-brand-700 transition">
222                <i class="fas fa-user ml-2"></i>ورود به پنل
223            </a>
224        </div>
225    </div>
226    <!-- ==================== HEADER ==================== -->
227    <header class="bg-white dark:bg-gray-900 shadow-sm sticky top-0 z-40 transition-colors duration-300">
228        <div class="bg-cinema-red text-white">
229            <div class="container mx-auto px-4 py-2 flex items-center justify-between text-xs">
230                <div class="flex items-center gap-4">
231                    <div class="flex items-center gap-1 hover:text-cinema-cream transition">
232                        <i class="fas fa-phone-alt"></i>
233                        <span>Û°Û²Û±Û·Û·ÛµÛ³Û´Û¹Û²Û²</span>
234
235                    </div>
236                    <div class="hidden sm:inline flex items-center gap-1"> <div class="flex">خیابان بهار جنوبی، کوچه سمنان، پلاک 29 کد پستی: 37511-15617</div>
237</div>
238                </div>
239                <div class="flex items-center gap-3">
240                    <a href="#" class="hover:text-cinema-cream transition touch-feedback"><i class="fab fa-instagram text-sm"></i></a>
241                    <a href="#" class="hover:text-cinema-cream transition touch-feedback"><i class="fab fa-telegram-plane text-sm"></i></a>
242                    <a href="#" class="hover:text-cinema-cream transition touch-feedback"><i class="fab fa-twitter text-sm"></i></a>
243                    <a href="#" class="hover:text-cinema-cream transition touch-feedback"><i class="fab fa-youtube text-sm"></i></a>
244                </div>
245            </div>
246        </div>
247
248        <div class="container mx-auto px-4">
249            <div class="flex items-center justify-between py-3">
250                <div class="flex items-center gap-3">
251                    <img src="/images/favicon.png" class="w-16 h-16"/>
252                    <div class="hidden sm:block">
253                        <img src="/images/logo2-dark.png#joomlaImage://local-images/logo2-dark.png?width=252&height=76" class="w-auto h-16 dark:invert"/>
254                    </div>
255                </div>
256
257                <nav class="desktop-nav hidden lg:flex items-center gap-1 dar
257k:invert">
258                  <ul class="nav-menu ">
259<li class="nav-item item-342 default"><a href="/fa/" >صفحه اصلی</a></li><li class="nav-item item-111 current active deeper has-dropdown"><a href="/fa/about-us" aria-current="page">آشنایی با ما</a><ul class="dropdown"><li class="nav-item item-118"><a href="/fa/about-us/cinema-people" > ارکان خانه سینما</a></li><li class="nav-item item-280"><a href="/fa/about-us/guilds" >اصناف خانه سینما</a></li></ul></li><li class="nav-item item-112 deeper has-dropdown"><a href="/fa/news" >اخبار</a><ul class="dropdown"><li class="nav-item item-338"><a href="https://www.iraniancinemahouse.ir/archive/" >آرشیو اخبار</a></li></ul></li><li class="nav-item item-117 deeper has-dropdown"><a href="/fa/script-bank" >بانک فیلمنامه</a><ul class="dropdown"><li class="nav-item item-269"><a href="/fa/script-bank/t-rfh-thbt-fylm-namh" >تعرفه ثبت فیلم نامه</a></li><li class="nav-item item-271"><a href="/fa/script-bank/qwanyn-thbt-fylmnamh" >قوانین ثبت فیلمنامه</a></li></ul></li><li class="nav-item item-303"><a href="/fa/gallery?sorting=ASC&amp;view_type=thumb&amp;view_column=3" >گالری تصاویر</a></li><li class="nav-item item-330 deeper has-dropdown"><a href="/fa/video?sorting=ASC&amp;view_type=thumb&amp;view_column=3" >گالری ویدیو</a><ul class="dropdown"><li class="nav-item item-339"><a href="/fa/video/aparat-videos" >ویدیوهای خانه سینما در آپارات</a></li></ul></li><li class="nav-item item-320"><a href="/fa/login" ><span class="p-2 fa fa-user" aria-hidden="true"></span>ورود/ثبت نام</a></li><li class="nav-item item-341"><a href="/fa/help" >راهنما</a></li><li class="nav-item item-349 deeper has-dropdown"><a href="/fa/law" >قوانین</a><ul class="dropdown"><li class="nav-item item-350"><a href="/fa/law/statute" >اساسنامه خانه سینما</a></li><li class="nav-item item-351"><a href="/fa/law/regulations" >آیین‌نامه‌ها</a></li><li class="nav-item item-352"><a href="/fa/law/others" >سایر مقررات مرتبط</a></li></ul></li></ul>
260
261                </nav>
262
263                <div class="flex items-center gap-2">
264                    <button onclick="toggleDarkMode()" class="p-2 text-gray-500 hover:text-cinema-red transition touch-feedback rounded-xl hover:bg-gray-100 dark:hover:bg-gray-700" id="darkModeToggle" title="تغییر تم">
265                        <i class="fas fa-moon text-lg" id="darkModeIcon"></i>
266                    </button>
267                    <a href="/fa/movie-search" class="p-2 text-gray-500 hover:text-cinema-red transition touch-feedback rounded-xl hover:bg-gray-100 dark:hover:bg-gray-700 lg:hidden">
268                        <i class="fas fa-search text-lg"></i>
269                    </a>
270                    <div class="hidden lg:block relative">
271                        
272<form class="mod-finder js-finder-searchform form-search" action="/fa/news-search" method="get" role="search">
273    <label for="mod-finder-searchword129" class="visually-hidden finder">جستجو</label><div class="mod-finder__search input-group"><input type="text" name="q" id="mod-finder-searchword129" class="js-finder-search-query bg-gray-100 dark:bg-gray-800 rounded-full px-4 py-2 pr-10 text-sm w-56 focus:outline-none focus:ring-2 focus:ring-cinema-red focus:bg-white dark:focus:bg-gray-700 transition
274" value="" placeholder="جستجو &hellip;"><button class="fas fa-search absolute top-1/2 left-2 -translate-y-1/2 text-gray-400 text-sm" type="submit"></button></div>
275            </form>
276
277                    </div>
278                    <a  href="/fa/messages" class="p-2 text-gray-500 hover:text-cinema-red transition touch-feedback rounded-xl hover:bg-gray-100 dark:hover:bg-gray-700 hidden lg:block relative">
279                        <i class="fas fa-bell text-lg"></i>
280                    </a>
281                    <button id="mobileToggle" class="mobile-toggle p-2 text-gray-500 hover:text-cinema-red transition touch-feedback rounded-xl hover:bg-gray-100 dark:hover:bg-gray-700 lg:hidden">
282                        <i class="fas fa-bars text-lg"></i>
283                    </button>
284                    <a href="/fa/login" class=" lg:flex items-center gap-2 bg-cinema-red text-white px-4 py-2 rounded-xl text-sm font-bold hover:bg-cinema-darkRed transition touch-feedback">
285                        <i class="fas fa-user"></i><span class="hidden lg:flex">ورود</span>
286                    </a>
287                </div>
288            </div>
289        </div>
290
291        <div class="lg:hidden px-4 pb-3">
292            <div class="relative">
293               
294<form class="mod-finder js-finder-searchform form-search" action="/fa/news-search" method="get" role="search">
295    <label for="mod-finder-searchword129" class="visually-hidden finder">جستجو</label><div class="mod-finder__search input-group"><input type="text" name="q" id="mod-finder-searchword129" class="js-finder-search-query bg-gray-100 dark:bg-gray-800 rounded-full px-4 py-2 pr-10 text-sm w-56 focus:outline-none focus:ring-2 focus:ring-cinema-red focus:bg-white dark:focus:bg-gray-700 transition
296" value="" placeholder="جستجو &hellip;"><button class="fas fa-search absolute top-1/2 left-2 -translate-y-1/2 text-gray-400 text-sm" type="submit"></button></div>
297            </form>
298
299            </div>
300        </div>
301    </header>
302
303        <nav class="bg-white border-b py-3">
304        <div class="container mx-auto px-4 flex items-center gap-2 text-sm text-gray-500">
305            <nav class="mod-breadcrumbs__wrapper" aria-label=" مسیر سایت ">
306    <ul class="mod-breadcrumbs breadcrumb">
307                    <li class="mod-breadcrumbs__divider float-start">
308                <span class="divider icon-location icon-fw" aria-hidden="true"></span>
309            </li>
310        
311        <li class="mod-breadcrumbs__item breadcrumb-item"><a href="/fa/" class="pathway"><span>خانه</span></a></li><li class="mod-breadcrumbs__item breadcrumb-item active"><span>آشنایی با ما</span></li>    </ul>
312    </nav>
313
314        </div>
315    </nav>
316    <main class="py-8">
317        <div class="container mx-auto px-4">
318            <div id="system-message-container" aria-live="polite"></div>
319
320            
321<div class="container mx-auto px-4 py-8 sm:py-12">
322    
323    
324            
325        <!-- لیست آیتم‌ها -->
326        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
327                          <article class="bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-lg transition group border border-gray-100 animate-fade">
328    <div class="relative h-48 overflow-hidden">
329                    <div class="w-full h-full bg-gray-100 flex items-center justify-center text-gray-300"><i class="fas fa-image text-4xl"></i></div>
330                <span class="absolute top-3 right-3 bg-brand-600 text-white text-[10px] font-bold px-2.5 py-1 rounded-lg shadow">آشنایی با ما</span>
331    </div>
332    <div class="p-5">
333        <div class="flex items-center gap-3 text-xs text-gray-400 mb-3">
334            <span><i class="far fa-calendar ml-1"></i> 12 آذر 1404</span>
335            <span><i class="far fa-eye ml-1"></i> 429</span>
336        </div>
337        <h3 class="font-bold text-lg mb-2 line-clamp-2 group-hover:text-brand-600 transition">
338            <a href="/fa/about-us/aysfa">نمایش فیلم‌های مرحله‌ نهایی پانزدهمین دوره جوایز ایسفا در خانه سینما</a>
339        </h3>
340        <p class="text-gray-500 text-sm mb-4 line-clamp-3 leading-relaxed">فیلم‌های مرحله‌ نهایی پانزدهمین دوره جوایز ایسفا در خانه سینما به نمایش درمی‌آیند. </p>
341        <a href="/fa/about-us/aysfa" class="inline-flex items-center text-brand-600 text-sm font-medium hover:gap-3 transition-all gap-2">ادامه مطلب <i class="fas fa-arrow-left text-xs"></i></a>
342    </div>
343</article>
344                          <article class="bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-lg transition group border border-gray-100 animate-fade">
345    <div class="relative h-48 overflow-hidden">
346                    <div class="w-full h-full bg-gray-100 flex items-center justify-center text-gray-300"><i class="fas fa-image text-4xl"></i></div>
347                <span class="absolute top-3 right-3 bg-brand-600 text-white text-[10px] font-bold px-2.5 py-1 rounded-lg shadow">آشنایی با ما</span>
348    </div>
349    <div class="p-5">
350        <div class="flex items-center gap-3 text-xs text-gray-400 mb-3">
351            <span><i class="far fa-calendar ml-1"></i> 5 آذر 1404</span>
352            <span><i class="far fa-eye ml-1"></i> 486</span>
353        </div>
354        <h3 class="font-bold text-lg mb-2 line-clamp-2 group-hover:text-brand-600 transition">
355            <a href="/fa/about-us/test-alias">تست الیاس</a>
356        </h3>
357        <p class="text-gray-500 text-sm mb-4 line-clamp-3 leading-relaxed"></p>
358        <a href="/fa/about-us/test-alias" class="inline-flex items-center text-brand-600 text-sm font-medium hover:gap-3 transition-all gap-2">ادامه مطلب <i class="fas fa-arrow-left text-xs"></i></a>
359    </div>
360</article>
361                          <article class="bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-lg transition group border border-gray-100 animate-fade">
362    <div class="relative h-48 overflow-hidden">
363                    <div class="w-full h-full bg-gray-100 flex items-center justify-center text-gray-300"><i class="fas fa-image text-4xl"></i></div>
364                <span class="absolute top-3 right-3 bg-brand-600 text-white text-[10px] font-bold px-2.5 py-1 rounded-lg shadow">آشنایی با ما</span>
365    </div>
366    <div class="p-5">
367        <div class="flex items-center gap-3 text-xs text-gray-400 mb-3">
368            <span><i class="far fa-calendar ml-1"></i> 7 خرداد 1403</span>
369            <span><i class="far fa-eye ml-1"></i> 16810</span>
370        </div>
371        <h3 class="font-bold text-lg mb-2 line-clamp-2 group-hover:text-brand-600 transition">
372            <a href="/fa/script-bank/qwanyn-thbt-fylmnamh">قوانین ثبت فیلمنامه</a>
373        </h3>
374        <p class="text-gray-500 text-sm mb-4 line-clamp-3 leading-relaxed">قابل توجه کاربران، متقاضیان محترم ثبت فیلمنامه: لطفا با مطالعه و آگاهی از شرایط و تعرفه های جدید بان...</p>
375        <a href="/fa/script-bank/qwanyn-thbt-fylmnamh" class="inline-flex items-center text-brand-600 text-sm font-medium hover:gap-3 transition-all gap-2">ادامه مطلب <i class="fas fa-arrow-left text-xs"></i></a>
376    </div>
377</article>
378                          <article class="bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-lg transition group border border-gray-100 animate-fade">
379    <div class="relative h-48 overflow-hidden">
380                    <img src="/images/tarefeh-1405.jpg#joomlaImage://local-images/tarefeh-1405.jpg?width=612&amp;height=792" 
381                 class="w-full h-full object-cover group-hover:scale-105 transition duration-500" 
382                 alt="">
383                <span class="absolute top-3 right-3 bg-brand-600 text-white text-[10px] font-bold px-2.5 py-1 rounded-lg shadow">آشنایی با ما</span>
384    </div>
385    <div class="p-5">
386        <div class="flex items-center gap-3 text-xs text-gray-400 mb-3">
387            <span><i class="far fa-calendar ml-1"></i> 16 ارديبهشت 1403</span>
388            <span><i class="far fa-eye ml-1"></i> 11446</span>
389        </div>
390        <h3 class="font-bold text-lg mb-2 line-clamp-2 group-hover:text-brand-600 transition">
391            <a href="/fa/script-bank/t-rfh-thbt-fylm-namh">تعرفه ثبت فیلم نامه</a>
392        </h3>
393        <p class="text-gray-500 text-sm mb-4 line-clamp-3 leading-relaxed"></p>
394        <a href="/fa/script-bank/t-rfh-thbt-fylm-namh" class="inline-flex items-center text-brand-600 text-sm font-medium hover:gap-3 transition-all gap-2">ادامه مطلب <i class="fas fa-arrow-left text-xs"></i></a>
395    </div>
396</article>
397                          <article class="bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-lg transition group border border-gray-100 animate-fade">
398    <div class="relative h-48 overflow-hidden">
399                    <div class="w-full h-full bg-gray-100 flex items-center justify-center text-gray-300"><i class="fas fa-image text-4xl"></i></div>
400                <span class="absolute top-3 right-3 bg-brand-600 text-white text-[10px] font-bold px-2.5 py-1 rounded-lg shadow">آشنایی با ما</span>
401    </div>
402    <div class="p-5">
403        <div class="flex items-center gap-3 text-xs text-gray-400 mb-3">
404            <span><i class="far fa-calendar ml-1"></i> 15 دی 1402</span>
405            <span><i class="far fa-eye ml-1"></i> 666</span>
406        </div>
407        <h3 class="font-bold text-lg mb-2 line-clamp-2 group-hover:text-brand-600 transition">
408            <a href="/fa/about-us/identity-card-of-the-news-base-of-iranian-cinema-guilds"> شناسنامه پایگاه خبری جامعه اصناف سینمای ایران</a>
409        </h3>
410        <p class="text-gray-500 text-sm mb-4 line-clamp-3 leading-relaxed"><p dir="RTL"><span dir="LTR">مدیرعامل: علی دهکردی<br /></span></p>
411<p dir="RTL">مدیر روابط عمومی: م</p>...</p>
412        <a href="/fa/about-us/identity-card-of-the-news-base-of-iranian-cinema-guilds" class="inline-flex items-center text-brand-600 text-sm font-medium hover:gap-3 transition-all gap-2">ادامه مطلب <i class="fas fa-arrow-left text-xs"></i></a>
413    </div>
414</article>
415                          <article class="bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-lg transition group border border-gray-100 animate-fade">
416    <div class="relative h-48 overflow-hidden">
417                    <div class="w-full h-full bg-gray-100 flex items-center justify-center text-gray-300"><i class="fas fa-image text-4xl"></i></div>
418                <span class="absolute top-3 right-3 bg-brand-600 text-white text-[10px] font-bold px-2.5 py-1 rounded-lg shadow">آشنایی با ما</span>
419    </div>
420    <div class="p-5">
421        <div class="flex items-center gap-3 text-xs text-gray-400 mb-3">
422            <span><i class="far fa-calendar ml-1"></i> 15 دی 1402</span>
423            <span><i class="far fa-eye ml-1"></i> 3875</span>
424        </div>
425        <h3 class="font-bold text-lg mb-2 line-clamp-2 group-hover:text-brand-600 transition">
426            <a href="/fa/about-us/contact-us">ارتباط با ما</a>
427        </h3>
428        <p class="text-gray-500 text-sm mb-4 line-clamp-3 leading-relaxed"><p>تلفنخانه ساختمان بهار<br />77534922 - 77650203</p>
429<p>تلفنخانه ساختمان وصال<br />66467602</p>...</p>
430        <a href="/fa/about-us/contact-us" class="inline-flex items-center text-brand-600 text-sm font-medium hover:gap-3 transition-all gap-2">ادامه مطلب <i class="fas fa-arrow-left text-xs"></i></a>
431    </div>
432</article>
433                          <article class="bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-lg transition group border border-gray-100 animate-fade">
434    <div class="relative h-48 overflow-hidden">
435                    <div class="w-full h-full bg-gray-100 flex items-center justify-center text-gray-300"><i class="fas fa-image text-4xl"></i></div>
436                <span class="absolute top-3 right-3 bg-brand-600 text-white text-[10px] font-bold px-2.5 py-1 rounded-lg shadow">آشنایی با ما</span>
437    </div>
438    <div class="p-5">
439        <div class="flex items-center gap-3 text-xs text-gray-400 mb-3">
440            <span><i class="far fa-calendar ml-1"></i> 15 دی 1402</span>
441            <span><i class="far fa-eye ml-1"></i> 847</span>
442        </div>
443        <h3 class="font-bold text-lg mb-2 line-clamp-2 group-hover:text-brand-600 transition">
444            <a href="/fa/about-us/about-us"> درباره ما</a>
445        </h3>
446        <p class="text-gray-500 text-sm mb-4 line-clamp-3 leading-relaxed"><div>
447<div>
448<p dir="RTL"> خانه سینما در یک نگاه</p>
449<p dir="RTL">تاریخچه تشکیل خانه سینما ( جامعه</p></div></div>...</p>
450        <a href="/fa/about-us/about-us" class="inline-flex items-center text-brand-600 text-sm font-medium hover:gap-3 transition-all gap-2">ادامه مطلب <i class="fas fa-arrow-left text-xs"></i></a>
451    </div>
452</article>
453                          <article class="bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-lg transition group border border-gray-100 animate-fade">
454    <div class="relative h-48 overflow-hidden">
455                    <div class="w-full h-full bg-gray-100 flex items-center justify-center text-gray-300"><i class="fas fa-image text-4xl"></i></div>
456                <span class="absolute top-3 right-3 bg-brand-600 text-white text-[10px] font-bold px-2.5 py-1 rounded-lg shadow">آشنایی با ما</span>
457    </div>
458    <div class="p-5">
459        <div class="flex items-center gap-3 text-xs text-gray-400 mb-3">
460            <span><i class="far fa-calendar ml-1"></i> 15 دی 1402</span>
461            <span><i class="far fa-eye ml-1"></i> 841</span>
462        </div>
463        <h3 class="font-bold text-lg mb-2 line-clamp-2 group-hover:text-brand-600 transition">
464            <a href="/fa/about-us/statute">اساسنامه</a>
465        </h3>
466        <p class="text-gray-500 text-sm mb-4 line-clamp-3 leading-relaxed"><p>بسم الله الرحمن الرحیم</p>
467<p>اساسنامه خانه سینما</p>
468<p> </p>
469<p>فصل یکم:تعریف</p>
470<p>ماده ۱</p>...</p>
471        <a href="/fa/about-us/statute" class="inline-flex items-center text-brand-600 text-sm font-medium hover:gap-3 transition-all gap-2">ادامه مطلب <i class="fas fa-arrow-left text-xs"></i></a>
472    </div>
473</article>
474                          <article class="bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-lg transition group border border-gray-100 animate-fade">
475    <div class="relative h-48 overflow-hidden">
476                    <div class="w-full h-full bg-gray-100 flex items-center justify-center text-gray-300"><i class="fas fa-image text-4xl"></i></div>
477                <span class="absolute top-3 right-3 bg-brand-600 text-white text-[10px] font-bold px-2.5 py-1 rounded-lg shadow">آیین نامه</span>
478    </div>
479    <div class="p-5">
480        <div class="flex items-center gap-3 text-xs text-gray-400 mb-3">
481            <span><i class="far fa-calendar ml-1"></i> 15 دی 1402</span>
482            <span><i class="far fa-eye ml-1"></i> 427</span>
483        </div>
484        <h3 class="font-bold text-lg mb-2 line-clamp-2 group-hover:text-brand-600 transition">
485            <a href="/fa/about-us/regulations/regulations-on-how-to-grant-welfare-and-livelihood-assistance-to-cinematographers"> آیین‌نامه نحوه اعطای کمک‌های رفاهی و معیشتی سینماگران</a>
486        </h3>
487        <p class="text-gray-500 text-sm mb-4 line-clamp-3 leading-relaxed"><div>"آیین‌نامه نحوه اعطای کمک‌های رفاهی و معیشتی سینماگران"</div>
488<div> </div>
489<div>به منظور رسید</div>...</p>
490        <a href="/fa/about-us/regulations/regulations-on-how-to-grant-welfare-and-livelihood-assistance-to-cinematographers" class="inline-flex items-center text-brand-600 text-sm font-medium hover:gap-3 transition-all gap-2">ادامه مطلب <i class="fas fa-arrow-left text-xs"></i></a>
491    </div>
492</article>
493                          <article class="bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-lg transition group border border-gray-100 animate-fade">
494    <div class="relative h-48 overflow-hidden">
495                    <div class="w-full h-full bg-gray-100 flex items-center justify-center text-gray-300"><i class="fas fa-image text-4xl"></i></div>
496                <span class="absolute top-3 right-3 bg-brand-600 text-white text-[10px] font-bold px-2.5 py-1 rounded-lg shadow">آیین نامه</span>
497    </div>
498    <div class="p-5">
499        <div class="flex items-center gap-3 text-xs text-gray-400 mb-3">
500            <span><i class="far fa-calendar ml-1"></i> 15 دی 1402</span>
501            <span><i class="far fa-eye ml-1"></i> 580</span>
502        </div>
503        <h3 class="font-bold text-lg mb-2 line-clamp-2 group-hover:text-brand-600 transition">
504            <a href="/fa/about-us/regulations/regulations-for-issuing-cinema-system-numbers"> آیین نامه صدور شماره نظام سینمایی</a>
505        </h3>
506        <p class="text-gray-500 text-sm mb-4 line-clamp-3 leading-relaxed"><p><img src="/images/aeein/13622_orig.jpg" width="2429" height="3482" loading="lazy" data-path="local</p>...</p>
507        <a href="/fa/about-us/regulations/regulations-for-issuing-cinema-system-numbers" class="inline-flex items-center text-brand-600 text-sm font-medium hover:gap-3 transition-all gap-2">ادامه مطلب <i class="fas fa-arrow-left text-xs"></i></a>
508    </div>
509</article>
510                          <article class="bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-lg transition group border border-gray-100 animate-fade">
511    <div class="relative h-48 overflow-hidden">
512                    <div class="w-full h-full bg-gray-100 flex items-center justify-center text-gray-300"><i class="fas fa-image text-4xl"></i></div>
513                <span class="absolute top-3 right-3 bg-brand-600 text-white text-[10px] font-bold px-2.5 py-1 rounded-lg shadow">آیین نامه</span>
514    </div>
515    <div class="p-5">
516        <div class="flex items-center gap-3 text-xs text-gray-400 mb-3">
517            <span><i class="far fa-calendar ml-1"></i> 15 دی 1402</span>
518            <span><i class="far fa-eye ml-1"></i> 461</span>
519        </div>
520        <h3 class="font-bold text-lg mb-2 line-clamp-2 group-hover:text-brand-600 transition">
521            <a href="/fa/about-us/regulations/the-regulations-of-the-arbitration-authorities-of-the-cinema-house">آیین نامه مراجع داوری خانه سینما</a>
522        </h3>
523        <p class="text-gray-500 text-sm mb-4 line-clamp-3 leading-relaxed"><p>فصل اول : اصول کلی<br />ماده 1 : <br />اختلافات مرتبط با فعالیتهای سینمایی اعضای تشکل های صنفی خا</p>...</p>
524        <a href="/fa/about-us/regulations/the-regulations-of-the-arbitration-authorities-of-the-cinema-house" class="inline-flex items-center text-brand-600 text-sm font-medium hover:gap-3 transition-all gap-2">ادامه مطلب <i class="fas fa-arrow-left text-xs"></i></a>
525    </div>
526</article>
527                    </div>
528
529        <!-- صفحه‌بندی -->
530                
531    </div>
532        </div>
533    </main>
534        <!-- ==================== FOOTER ==================== -->
535    <footer class="bg-cinema-dark text-white">
536        <div class="container mx-auto px-4 py-12 sm:py-16">
537            <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8 lg:gap-12">
538                <div class="sm:col-span-2 lg:col-span-1">
539                <div class="moduletable ">
540            <h3 class="font-bold text-lg mb-4 flex items-center gap-2">آشنایی با خانه سینما</h3>        <p>تاریخچه تشکیل خانه سینما ( جامعه اصناف سینمای ایران )ضرورت تاسیس این نهاد صنفی در سال 1368 از سوی مدیران وقت وزارت فرهنگ و ارشاد اسلامی تشخیص و بر همین اساس مسوÙ
540ˆÙ„یت فراخوان صنوف سینمایی ، تدوین اساسنامه و آیین نامه های داخلی بر عهده تعدادی از هنرمندان به عنوان هیات مدیره اولیه گذاشته شد .</p>
541</div>
542
543                </div>
544                <div class="moduletable ">
545            <h3 class="font-bold text-lg mb-4 flex items-center gap-2">آخرین اخبار و اطلاعیه ها</h3>        <ul class="mod-articleslatest latestnews mod-list">
546    <li itemscope itemtype="https://schema.org/Article">
547        <a href="/fa/news/synmay-andrswn-tzryq-darwy-mskn-bh-ansan-hay-drdmnd-ast-2" itemprop="url">
548            <span itemprop="name">
549                سینمای اندرسون تزریق داروی مسکن به انسان‌های دردمند است            </span>
550        </a>
551    </li>
552    <li itemscope itemtype="https://schema.org/Article">
553        <a href="/fa/news/asghr-frhady-sday-synmay-ayran-jzw-bhtryn-hay-dnyast" itemprop="url">
554            <span itemprop="name">
555                اصغر فرهادی: صدای سینمای ایران جزو بهترین‌های دنیاست            </span>
556        </a>
557    </li>
558    <li itemscope itemtype="https://schema.org/Article">
559        <a href="/fa/news/tjlyl-az-pyshkswtan-sda-ba-hdwr-asghr-frhady-4" itemprop="url">
560            <span itemprop="name">
561                تجلیل از پیشکسوتان صدا با حضور اصغر فرهادی            </span>
562        </a>
563    </li>
564    <li itemscope itemtype="https://schema.org/Article">
565        <a href="/fa/news/nmaysh-w-nshst-dastan-shgft-angyz-hnry-shwgr-dr-khanh-synma-3" itemprop="url">
566            <span itemprop="name">
567                نمایش و نشست «داستان شگفت‌انگیز هنری شوگر» در خانه سینما            </span>
568        </a>
569    </li>
570    <li itemscope itemtype="https://schema.org/Article">
571        <a href="/fa/news/bydar-hashyh-w-bwrsyh-dr-msyr-akran-qrar-grftnd" itemprop="url">
572            <span itemprop="name">
573                «بیدار»، «حاشیه» و «بورسیه» در مسیر اکران قرار گرفتند            </span>
574        </a>
575    </li>
576</ul>
577</div>
578
579                <div class="moduletable ">
580            <h3 class="font-bold text-lg mb-4 flex items-center gap-2">پربیننده ترین اخبار و اطلاعیه ها</h3>        <ul class="mostread mod-list">
581    <li itemscope itemtype="https://schema.org/Article">
582        <a href="/fa/script-bank/qwanyn-thbt-fylmnamh" itemprop="url">
583            <span itemprop="name">
584                قوانین ثبت فیلمنامه            </span>
585        </a>
586    </li>
587    <li itemscope itemtype="https://schema.org/Article">
588        <a href="/fa/news/special/shrw-bh-kar-bank-fylm-namh" itemprop="url">
589            <span itemprop="name">
590                سایت جدید بانک فیلم‌نامه آغاز به کار کرد            </span>
591        </a>
592    </li>
593    <li itemscope itemtype="https://schema.org/Article">
594        <a href="/fa/script-bank/t-rfh-thbt-fylm-namh" itemprop="url">
595            <span itemprop="name">
596                تعرفه ثبت فیلم نامه            </span>
597        </a>
598    </li>
599    <li itemscope itemtype="https://schema.org/Article">
600        <a href="/fa/help/register-screenwriter" itemprop="url">
601            <span itemprop="name">
602                آموزش ثبت طرح یا فیلم‌نامه کامل در سایت خانه سینما            </span>
603        </a>
604    </li>
605    <li itemscope itemtype="https://schema.org/Article">
606        <a href="/fa/news/byanyh-khanh-synma" itemprop="url">
607            <span itemprop="name">
608                بیانیه خانه سینما در واکنش به اعتراضات اخیر            </span>
609        </a>
610    </li>
611</ul>
612</div>
613
614                <div class="moduletable ">
615            <h3 class="font-bold text-lg mb-4 flex items-center gap-2">آدرس ها</h3>        <p><span style="white-space: pre-wrap;">خیابان بهار جنوبی، کوچه سمنان، پلاک 29 کد پستی: 37511-15617<br />
616ساختمان شماره 2: خیابان انقلاب، خیابان وصال شیرازی، نرسیده به طالقانی، نبش کوچه شفیعی، پلاک28 ساختمان شماره 3: خیابان لاله زار، کوچه پیرنیا</span></p>
617</div>
618
619            </div>
620        </div>
621        <div class="border-t border-white/10">
622            <div class="container mx-auto px-4 py-4 flex flex-col sm:flex-row items-center justify-between gap-3">
623                <div class="text-gray-500 text-xs text-center sm:text-right"><p>کلیه حقوق این وب‌سایت متعلق به خانه سینما می‌باشد.</p></div>
624                <div class="flex items-center gap-4 text-gray-500 text-xs">
625                    <p>طراحی و پیاده سازی <a data-link-type="custom" href="https://www.dimagroup.ir" target="_self" title="">گروه نرم افزاری دیما</a></p>
626
627                </div>
628            </div>
629        </div>
630    </footer>
631
632    <!-- ==================== MOBILE BOTTOM NAVIGATION ==================== -->
633    <nav class="mobile-bottom-nav md:hidden">
634        <div class="flex items-center justify-around py-2 px-2">
635            <a href="/fa/about-us" class="flex flex-col items-center gap-0.5 px-3 py-1 text-cinema-red relative">
636                <i class="fas fa-home text-lg"></i>
637                <span class="text-[10px] font-medium">خانه</span>
638                <div class="absolute -top-0.5 left-1/2 -translate-x-1/2 w-1 h-1 bg-cinema-red rounded-full"></div>
639            </a>
640            <a href="/fa/movie-search" class="flex flex-col items-center gap-0.5 px-3 py-1 text-gray-400 hover:text-white transition touch-feedback">
641                <i class="fas fa-search text-lg"></i>
642                <span class="text-[10px] font-medium">جستجو</span>
643            </a>
644            <a href="/fa/movies-bank" class="flex flex-col items-center gap-0.5 px-3 py-1 text-gray-400 hover:text-white transition touch-feedback relative">
645                <i class="fas fa-film text-lg"></i>
646                <span class="text-[10px] font-medium">فیلمنامه</span>
647            </a>
648            <a href="/fa/messages" class="flex flex-col items-center gap-0.5 px-3 py-1 text-gray-400 hover:text-white transition touch-feedback relative">
649                <i class="fas fa-bell text-lg"></i>
650                <span class="text-[10px] font-medium">اعلان</span>
651            </a>
652            <a href="/fa/login" class="flex flex-col items-center gap-0.5 px-3 py-1 text-gray-400 hover:text-white transition touch-feedback">
653                <i class="fas fa-user text-lg"></i>
654                <span class="text-[10px] font-medium">حساب</span>
655            </a>
656        </div>
657    </nav>
658
659    <!-- ==================== FAB (Floating Action Button) ==================== -->
660    <div class="fixed bottom-20 md:bottom-6 left-4 md:left-6 z-40 flex flex-col gap-2">
661        <button id="backToTop" onclick="window.scrollTo({top:0,behavior:'smooth'})" class="bg-cinema-red text-white w-11 h-11 rounded-full shadow-lg flex items-center justify-center hover:bg-cinema-darkRed transition opacity-0 pointer-events-none touch-feedback" title="بازگشت به بالا">
662            <i class="fas fa-arrow-up text-sm"></i>
663        </button>
664        <a href="/" class="bg-cinema-darkRed text-white w-11 h-11 rounded-full shadow-lg flex items-center justify-center hover:bg-blue-600 transition touch-feedback" title="پشتیبانی">
665            <i class="fa fa-comments text-lg"></i>
666        </a>
667    </div>
668
669    <!-- ==================== SCRIPTS ==================== -->
670    
670<script>
671        // Dark Mode
672        function toggleDarkMode() {
673            document.documentElement.classList.toggle('dark');
674            const isDark = document.documentElement.classList.contains('dark');
675            localStorage.setItem('darkMode', isDark);
676            const icon = document.getElementById('darkModeIcon');
677            icon.className = isDark ? 'fas fa-sun text-lg' : 'fas fa-moon text-lg';
678            showToast(isDark ? '🌙 حالت شب فعال شد' : '☀️ حالت روز فعال شد');
679        }
680        
681        // Load saved dark mode preference
682        if (localStorage.getItem('darkMode') === 'true') {
683            document.documentElement.classList.add('dark');
684            document.getElementById('darkModeIcon').className = 'fas fa-sun text-lg';
685        }
686
687
688        // Bottom Sheet
689        function openBottomSheet(title) {
690            document.getElementById('bottomSheetOverlay').classList.remove('hidden');
691            document.getElementById('bottomSheet').classList.remove('hidden-sheet');
692            document.getElementById('bottomSheetTitle').textContent = title || 'فیلتر';
693        }
694        function closeBottomSheet() {
695            document.getElementById('bottomSheet').classList.add('hidden-sheet');
696            setTimeout(() => document.getElementById('bottomSheetOverlay').classList.add('hidden'), 300);
697        }
698
699        // Chip Toggle
700        function toggleChip(el) {
701            el.parentElement.querySelectorAll('.chip').forEach(c => c.classList.remove('active'));
702            el.classList.add('active');
703        }
704
705        // FAQ Toggle
706        function toggleFaq(btn) {
707            const answer = btn.nextElementSibling;
708            const icon = btn.querySelector('i');
709            const isOpen = answer.classList.contains('open');
710            document.querySelectorAll('.faq-answer').forEach(a => a.classList.remove('open'));
711            document.querySelectorAll('.faq-toggle-icon').forEach(i => i.style.transform = '');
712            if (!isOpen) {
713                answer.classList.add('open');
714                icon.style.transform = 'rotate(180deg)';
715            }
716        }
717
718        // Lightbox
719        let currentImageIndex = 0;
720        const lightboxImages = [];
721        
722        function openLightbox(src) {
723            document.getElementById('lightboxImg').src = src;
724            document.getElementById('lightbox').classList.remove('hidden');
725            document.getElementById('lightbox').classList.add('flex');
726            document.body.style.overflow = 'hidden';
727        }
728        function closeLightbox() {
729            document.getElementById('lightbox').classList.add('hidden');
730            document.getElementById('lightbox').classList.remove('flex');
731            document.body.style.overflow = '';
732        }
733        function nextImage() { showToast('⬅️ تصویر بعدی'); }
734        function prevImage() { showToast('️ تصویر قبلی'); }
735        function shareImage() {
736            if (navigator.share) {
737                navigator.share({ title: 'خانه سینما', url: window.location.href });
738            } else {
739                showToast('📋 لینک کپی شد!');
740            }
741        }
742        function bookmarkImage() { showToast('🔖 ذخیره شد!'); }
743
744        // Bookmark Toggle on cards
745        function toggleBookmark(btn) {
746            const icon = btn.querySelector('i');
747            if (icon.classList.contains('far')) {
748                icon.classList.remove('far');
749                icon.classList.add('fas');
750                btn.classList.add('bg-cinema-red');
751                showToast('🔖 ذخیره شد!');
752            } else {
753                icon.classList.remove('fas');
754                icon.classList.add('far');
755                btn.classList.remove('bg-cinema-red');
756                showToast('🗑️ از ذخیره‌ها حذف شد');
757            }
758        }
759
760        // Toast Notifications
761        function showToast(message, type = 'success') {
762            const container = document.getElementById('toastContainer');
763            const toast = document.createElement('div');
764            const bgColor = type === 'success' ? 'bg-green-500' : type === 'error' ? 'bg-red-500' : 'bg-blue-500';
765            toast.className = `${bgColor} text-white px-4 py-3 rounded-xl shadow-lg text-sm font-medium animate-toast-in flex items-center gap-2 max-w-xs`;
766            toast.innerHTML = message;
767            container.appendChild(toast);
768            setTimeout(() => {
769                toast.classList.remove('animate-toast-in');
770                toast.classList.add('animate-toast-out');
771                setTimeout(() => toast.remove(), 300);
772            }, 3000);
773        }
774
775        // Search
776        function openSearch() {
777            showToast('🔍 جستجو...');
778        }
779
780        // Back to Top
781        const backToTopBtn = document.getElementById('backToTop');
782        window.addEventListener('scroll', () => {
783            if (window.scrollY > 400) {
784                backToTopBtn.classList.remove('opacity-0', 'pointer-events-none');
785                backToTopBtn.classList.add('opacity-100');
786            } else {
787                backToTopBtn.classList.add('opacity-0', 'pointer-events-none');
788                backToTopBtn.classList.remove('opacity-100');
789            }
790        });
791
792        // Intersection Observer for animations
793        const observer = new IntersectionObserver((entries) => {
794            entries.forEach(entry => {
795                if (entry.isIntersecting) {
796                    entry.target.style.opacity = '1';
797                    entry.target.style.transform = 'translateY(0)';
798                }
799            });
800        }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });
801
802        document.querySelectorAll('.card-hover').forEach(card => {
803            card.style.opacity = '0';
804            card.style.transform = 'translateY(20px)';
805            card.style.transition = 'all 0.6s ease-out';
806            observer.observe(card);
807        });
808
809        // Touch feedback
810        document.querySelectorAll('a, button').forEach(el => {
811            el.addEventListener('touchstart', function() { this.style.opacity = '0.8'; }, { passive: true });
812            el.addEventListener('touchend', function() { this.style.opacity = '1'; }, { passive: true });
813        });
814
815        // Carousel indicator update
816         $(document).ready(function(){
817            // --- اسلایدر Owl Carousel ---
818            $('.hero-slider').owlCarousel({
819                items: 1,
820                loop: true,
821                autoplay: true,
822                autoplayTimeout: 5000,
823                autoplayHoverPause: true,
824                nav: true,
825                dots: true,
826                rtl: true,
827                animateOut: 'fadeOut',
828                animateIn: 'fadeIn',
829                touchDrag: true,
830                mouseDrag: true,
831                navText: ['<i class="fas fa-chevron-right"></i>', '<i class="fas fa-chevron-left"></i>'],
832                responsive: {
833                    0: { nav: false, dots: true },
834                    768: { nav: true, dots: true }
835                }
836            });
837
838            $('#newsCarousel').owlCarousel({
839                items: 4,
840                loop: true,
841                autoplay: true,
842                autoplayTimeout: 5000,
843                autoplayHoverPause: true,
844                nav: true,
845                dots: false,
846                rtl: true,
847                animateOut: 'fadeOut',
848                animateIn: 'fadeIn',
849                touchDrag: true,
850                mouseDrag: true,
851                margin:15,
852                navText: ['<i class="fas fa-chevron-right"></i>', '<i class="fas fa-chevron-left"></i>'],
853                responsive: {
854                    0: { nav: false, dots: true,items:2 },
855                    768: { nav: true, dots: true,items:2 },
856                    1000: { nav: true, dots: true,items:4 },
857                    1300: { nav: true, dots: true,items:5 }
858                }
859            });
860           
861            // --- منوی موبایل ---
862            const $menu = $('#mobileMenu');
863            const $overlay = $('#mobileOverlay');
864            const $toggle = $('#mobileToggle');
865            const $close = $('#mobileClose');
866
867            function openMenu() {
868                $menu.addClass('active');
869                $overlay.addClass('active');
870                $('body').css('overflow', 'hidden');
871            }
872            function closeMenu() {
873                $menu.removeClass('active');
874                $overlay.removeClass('active');
875                $('body').css('overflow', '');
876            }
877
878            $toggle.on('click', openMenu);
879            $close.on('click', closeMenu);
880            $overlay.on('click', closeMenu);
881
882            // آکاردئون زیرمنوها در موبایل
883            $('.dropdown-toggle').on('click', function(e) {
884                if ($(window).width() <= 1024) {
885                    e.preventDefault();
886                    const $parent = $(this).parent('li');
887                    const $sub = $parent.find('.sub-menu').first();
888                    const $arrow = $(this).find('.arrow');
889                    
890                    // بستن سایر زیرمنوها
891                    $('.sub-menu').not($sub).removeClass('open');
892                    $('.arrow').not($arrow).removeClass('rotate');
893                    
894                    $sub.toggleClass('open');
895                    $arrow.toggleClass('rotate');
896                }
897            });
898
899            // بستن منو با دکمه Esc
900            $(document).on('keydown', function(e) {
901                if (e.key === 'Escape') closeMenu();
902            });
903        });
904 // ===== آکاردئون زیرمنوها در موبایل (اصلاح شده) =====
905$(document).ready(function() {
906    // اضافه کردن آیکون فلش به لینک‌های دارای زیرمنو
907    $('.nav-menu li.has-dropdown > a').each(function() {
908        if (!$(this).find('.arrow-icon').length) {
909            $(this).append('<i class="fas fa-chevron-down arrow-icon"></i>');
910        }
911    });
912
913    // کلیک روی لینک‌های دارای زیرمنو در موبایل
914    $('.nav-menu li.has-dropdown > a').on('click', function(e) {
915        // فقط در حالت موبایل/تبلت اجرا شود
916        if ($(window).width() <= 1024) {
917            e.preventDefault();
918            e.stopPropagation();
919            
920            const $parentLi = $(this).parent('li');
921            const $subMenu = $parentLi.children('ul.dropdown');
922            const $arrowIcon = $(this).find('.arrow-icon');
923            
924            // اگر زیرمنویی وجود دارد
925            if ($subMenu.length) {
926                // بستن سایر زیرمنوهای هم‌سطح
927                $parentLi.siblings('li.has-dropdown').each(function() {
928                    $(this).children('ul.dropdown').removeClass('open');
929                    $(this).children('a').find('.arrow-icon').removeClass('rotate');
930                    $(this).removeClass('active');
931                });
932                
933                // باز/بسته کردن زیرمنوی فعلی
934                $subMenu.toggleClass('open');
935                $arrowIcon.toggleClass('rotate');
936                $parentLi.toggleClass('active');
937            }
938        }
939    });
940
941    // بستن منو با تغییر سایز پنجره به دسکتاپ
942    $(window).on('resize', function() {
943        if ($(window).width() > 1024) {
944            $('.nav-menu ul.dropdown').removeClass('open');
945            $('.nav-menu .arrow-icon').removeClass('rotate');
946            $('.nav-menu li.has-dropdown').removeClass('active');
947        }
948    });
949});     
950   </script>
950
951</body>
952</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.