/*  
Theme Name: TheShotFilm
Theme URI: http://www.shotfilm.net/
Description: The Shot Film
Version: 1.0
Author: Abasi.Org
Author URI: http://www.abasi.org/
*/

@font-face {font-family: IRANSansX; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/IRANSansX-Regular.woff2') format('woff2'), url('fonts/IRANSansX-Regular.woff') format('woff');}
@font-face {font-family: IRANSansX; font-style: normal; font-weight: 500; font-display: swap; src: url('fonts/IRANSansX-Medium.woff2') format('woff2'), url('fonts/IRANSansX-Medium.woff') format('woff');}
@font-face {font-family: IRANSansX; font-style: normal; font-weight: 700; font-display: swap; src: url('fonts/IRANSansX-Bold.woff2') format('woff2'), url('fonts/IRANSansX-Bold.woff') format('woff');}

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?103see');
  src:  url('fonts/icomoon.eot?103see#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?103see') format('truetype'),
    url('fonts/icomoon.woff?103see') format('woff'),
    url('fonts/icomoon.svg?103see#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-camera:before {content: "\e90b";}
.icon-chevron-right:before {content: "\e900";}
.icon-chevrons-down:before {content: "\e90a";}
.icon-download:before {content: "\e909";}
.icon-film:before {content: "\e902";}
.icon-mail:before {content: "\e905";}
.icon-menu:before {content: "\e901";}
.icon-rss:before {content: "\e906";}
.icon-send:before {content: "\e907";}
.icon-tv:before {content: "\e903";}
.icon-lifebuoy:before {content: "\e941";}
.icon-clock:before {content: "\e94e";}
.icon-drawer:before {content: "\e95c";}
.icon-bubbles2:before {content: "\e96d";}
.icon-search:before {content: "\e986";}
.icon-eye:before {content: "\e9ce";}
.icon-star-full:before {content: "\e9d9";}
.icon-heart:before {content: "\e9da";}
.icon-share:before {content: "\ea7d";}

/* ==========================================================================
   Visual layer v3 — flat "movie portal" look (dark navbar, grey page,
   light container, white cards, blue accent, yellow IMDb badge)
   ========================================================================== */
:root {
	--page: #d1d5db;
	--bg: #f1f2f4;
	--bg-2: #f8f9fa;
	--card: #ffffff;
	--card-2: #eceef1;
	--line: #e2e5ea;
	--line-2: #cfd4db;
	--text: #1f2937;
	--text-2: #4b5563;
	--muted: #7b8494;
	--accent: #3b82f6;
	--accent-2: #2563eb;
	--accent-grad: linear-gradient(180deg, #4b8ff7, #2f6fe0);
	--link: #2563eb;
	--gold: #f5c518;
	--red: #ef4444;
	--amber: #fbbf24;
	--green: #22c55e;
	--radius: 8px;
	--radius-s: 6px;
	--shadow: 0 1px 2px rgba(15,23,42,0.06);
	--shadow-h: 0 4px 14px rgba(15,23,42,0.12);
	--ease: cubic-bezier(.2,.7,.2,1);
}

/* Dark zones: header and footer */
header, footer {
	--bg: #0b0b0d;
	--bg-2: #17171b;
	--card: #17171b;
	--card-2: #23232a;
	--line: rgba(255,255,255,0.10);
	--line-2: rgba(255,255,255,0.20);
	--text: #ffffff;
	--text-2: #d4d4d8;
	--muted: #9ca3af;
	--link: #7aa7f7;
	color: var(--text);
}

html {color-scheme: light; -webkit-text-size-adjust: 100%;}
html, body {background-color: var(--page); color: var(--text); direction: rtl; font: 13px/1.7 IRANSansX, Tahoma, sans-serif; margin: 0; padding: 0;}
body {background-image: none;}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
p, h1, h2, h3, h4, h5, ul {margin: 0; padding: 0;}
::selection {background: var(--accent); color: #fff;}
img {max-width: 100%;}

input, textarea, button {font: 13px IRANSansX, Tahoma, sans-serif; padding: 8px 12px; border: 1px solid var(--line-2); border-radius: var(--radius-s); background-color: #fff; color: var(--text); transition: border-color .2s, box-shadow .2s, background-color .2s;}
	input::placeholder, textarea::placeholder {color: var(--muted);}
	input:focus, textarea:focus {outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px rgba(59,130,246,0.15);}
select {font: 13px IRANSansX, Tahoma, sans-serif; color: var(--text-2); border-radius: var(--radius-s); border: 1px solid var(--line-2); background-color: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 9px 12px 9px 32px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%237f879b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 12px center; transition: border-color .2s, box-shadow .2s;}
	select:focus {outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px rgba(59,130,246,0.15);}
	select option {background: #fff; color: var(--text);}
ul {list-style: none outside none; margin: 0; padding: 0;}
	ul li {display: inline;}
a {color: var(--text-2); text-decoration: none; transition: color .2s;}
.nowrap {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.hide{display: none;}

.s0 *{font-size: 10px !important;}
.s1 *{font-size: 12px !important;}
.s2 *{font-size: 14px !important;}
.s3 *{font-size: 16px !important;}
.s4 *{font-size: 18px !important;}
.s5 *{font-size: 20px !important;}

.btn {display: inline-block; padding: 9px 18px; border-radius: var(--radius-s); transition: all 0.2s; cursor: pointer;}
	.btn.gray {background-color: var(--card-2);}
	.btn.red {background-color: var(--red); color: #fff;}
	.btn.blue {background-color: var(--accent); color: #fff;}
	.btn.green {background-color: var(--green); color: #fff;}
		.btn:hover {box-shadow: 0 0 0 50px rgba(255,255,255,0.18) inset;}
	.btn.w100{display: block; margin-top: 15px; width: 100%;}

.abasi_org {position: relative; max-width: 960px; width: 100%; margin: 0 auto;}
.fr {float: right;}
.fl {float: left;}
.clr {clear: both}

.ads {text-align: center; padding-bottom: 30px;}
.ads img, .ads iframe {max-width: 100%; height: auto;}
.ads-top {padding-top: 20px; padding-bottom: 0; overflow: hidden;}
.ads-top + article {padding-top: 20px;}
.ads-single {padding-top: 0; overflow: hidden;}

/* ---- Header (single dark navbar row) ---- */
header {position: relative; z-index: 50; background: #0b0b0d; border-bottom: 1px solid #000; max-width: 960px; width: 100%; margin: 10px auto 0; border-radius: var(--radius) var(--radius) 0 0;}
	header .abasi_org {display: flex; flex-wrap: wrap; align-items: center; min-height: 64px; padding: 0 16px;}
	header .top {display: contents;}
		header .top > .fr {float: none; order: 1;}
		header .top > .fr a {display: inline-flex; align-items: center;}
		header .top > .fr img {height: 40px; width: auto; border-radius: 0; box-shadow: none; filter: none; float: none; transition: opacity .2s;}
			header .top > .fr a:hover img {opacity: .85;}
		header .top > .fr div.fr {float: none; margin: 0 10px 0 0; line-height: 1.25;}
			header .top > .fr div.fr .t1 {display: block; font-size: 17px; font-weight: bold; color: #fff; background: none; -webkit-text-fill-color: #fff;}
		header .top .search {float: none; order: 3; margin: 0 auto 0 0;}
			header .top .search form {background-color: #1b1b21; border: 1px solid #2c2c35; position: relative; width: 290px; border-radius: 8px; transition: border-color .2s, background-color .2s;}
				header .top .search form:focus-within {border-color: var(--accent); background-color: #202028;}
				header .top .search form input[type='text'] {border: none; background-color: transparent; box-shadow: none; width: 100%; height: 38px; padding: 0 12px 0 40px; border-radius: 8px; color: #fff; font-size: 12px;}
				header .top .search form button {position: absolute; left: 4px; top: 50%; margin-top: -15px; width: 30px; height: 30px; border: none; background: transparent; border-radius: 6px; padding: 0; cursor: pointer; color: var(--muted); display: flex; align-items: center; justify-content: center; transition: color .2s;}
					header .top .search form button i {display: block; margin: 0; padding: 0; line-height: 1; font-size: 16px; width: 16px; height: 16px; text-align: center;}
					header .top .search form button:hover {color: #fff;}
				header .top .search form .stat {display: none;}
		header .top .clr {display: none;}
	header .top-menu {order: 2; font-size: 0; margin: 0 22px 0 0;}
		header .top-menu a {position: relative; font-size: 13px; display: inline-block; padding: 22px 12px; color: var(--text-2); transition: color .2s;}
			header .top-menu a::after {content: ""; position: absolute; right: 12px; left: 12px; bottom: 0; height: 2px; background: var(--accent); transform: scaleX(0); transform-origin: right; transition: transform .25s var(--ease);}
			header .top-menu a:hover {color: #fff;}
				header .top-menu a:hover::after {transform: scaleX(1);}

/* ---- Main container (light panel on grey page) ---- */
article.abasi_org {margin-top: 0; padding: 20px 16px 8px; background: var(--bg); border-left: 1px solid var(--line-2); border-right: 1px solid var(--line-2); border-bottom: 1px solid var(--line-2);}
article.abasi_org::after {content: ""; display: block; clear: both;}







.page-numbers {margin-bottom: 10px; text-align: center; direction: ltr}
	.page-numbers a {color: var(--text-2); padding: 5px 11px; border-radius: var(--radius-s); display: inline-block; background: #fff; border: 1px solid var(--line); transition: all .2s;}
		.page-numbers a:hover {background: var(--card-2); color: var(--text);}
	.page-numbers .current {background: var(--accent); color: #fff; display: inline-block; padding: 5px 11px; border-radius: var(--radius-s); font-weight: bold; border: 1px solid var(--accent);}
	.page-numbers li:last-child a {float: right}
	.page-numbers li:first-child a {float: left}
	.page-numbers li:first-child a,
	.page-numbers li:last-child a {background-color: #fff; color: var(--text-2); display: inline-block; padding: 5px 0; text-align: center; width: 36px; border-radius: var(--radius-s);}

.tags {color: var(--muted); line-height: 24px; text-align: start; padding: 0 10px 25px 10px;}
	.tags a {color: var(--muted); display: inline-block; padding: 0 4px; transition: color .2s;}
		.tags a:hover {color: var(--accent);}
		.tags i {margin: 5px 0 0 5px;}

.help {background: #eef5ff; border: 1px solid #c9ddfb; border-radius: var(--radius); margin-bottom: 14px; color: #1e3a8a; box-shadow: var(--shadow);}
	.help .h {}
		.help .h .in {background: var(--accent); display: inline-block; padding: 5px 14px; border-radius: 0 var(--radius) 0 var(--radius-s); color: #fff; font-weight: bold;}
			.help .h .in i {margin: 2px 0 0 6px;}
	.help .c {padding: 12px 16px;}

.description {display: flex; align-items: center; gap: 18px; margin: 0 0 14px; padding: 18px 20px; background: #dcf8f4; border: 0; border-radius: var(--radius-s); box-shadow: none; color: #111;}

/* ---- Download box ---- */
.abasi_dlbox{padding-bottom: 12px; font-size: 13px;}
	.abasi_dlbox .caption{margin-bottom: 6px;}
		.abasi_dlbox .caption .title{cursor: pointer; background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--radius-s); padding: 11px 14px; color: var(--text); transition: background-color .2s, border-color .2s;}
			.abasi_dlbox .caption .title.dub{background: #fff1f2; border-color: #fca5a5; border-right: 5px solid var(--red); color: #9f1239; font-weight: bold;}
			.abasi_dlbox .caption .title .cap{display: inline-block; margin-left: 15px;}
			.abasi_dlbox .caption .title .cap span{color: #d9a800; padding-right: 5px;}
			.abasi_dlbox .caption .title:hover{border-color: var(--accent); background: #eef5ff;}
			.abasi_dlbox .caption .title .icon-chevrons-down {float: left; margin: -3px 0 0 0; transition: all 0.3s; background: var(--accent); color: #fff; border-radius: 50%; padding: 6px; font-size: 16px;}
			.abasi_dlbox .caption .title.sel{border-radius: var(--radius-s) var(--radius-s) 0 0; border-color: var(--accent);}
				.abasi_dlbox .caption .title.sel .icon-chevrons-down{transform: rotate(180deg);}
		.abasi_dlbox .caption .cntnt{display: none; background: #fff; border: 1px solid var(--accent); border-top: none; border-radius: 0 0 var(--radius-s) var(--radius-s); padding: 12px 16px 16px 16px;}
			.abasi_dlbox .caption .cntnt.film{}
				.abasi_dlbox .caption .cntnt.film .link{border-bottom: 1px dashed var(--line-2); padding: 10px 0 15px 0;}
					.abasi_dlbox .caption .cntnt.film .link:last-child{border-bottom: none; padding-bottom: 5px;}
					.abasi_dlbox .caption .cntnt.film .link .top{padding-bottom: 3px;}
						.abasi_dlbox .caption .cntnt.film .link .top .ti{display: inline-block; margin-left: 15px; color: var(--text);}
					.abasi_dlbox .caption .cntnt.film .link .bottom{}
						.abasi_dlbox .caption .cntnt.film .link .bottom a{display: inline-block; background: var(--bg-2); border: 1px solid var(--line-2); color: var(--text); padding: 6px 18px; margin: 6px 0 0 10px; border-radius: var(--radius-s); transition: all .2s;}
							.abasi_dlbox .caption .cntnt.film .link .bottom a i{float: right; margin: 3px 0 0 6px; font-size: 15px;}
							.abasi_dlbox .caption .cntnt.film .link .bottom a:hover {background: var(--accent); border-color: var(--accent); color: #fff;}

/* ---- Comments ---- */
.comments {background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); margin-bottom: 18px;}
	.comments > .h {background: var(--accent); border-radius: var(--radius) var(--radius) 0 0; padding: 11px 16px; color: #fff;}
		.comments > .h i {font-size: 17px; margin: 0 0 0 6px; color: #fff;}
		.comments > .h h2 {font-size: 14px;}
		.comments > .h .total {margin: -19px 0 0 0; color: rgba(255,255,255,0.85);}
	.comments .form {padding: 16px;}
		.comments .form h2 {color: var(--text); margin-bottom: 10px; font-size: 14px;}
		.comments .form .input {margin-bottom: 10px;}
			.comments .form .input input {padding: 10px 12px; width: 100%; max-width: 300px;}
			.comments .form .input textarea {width: 100%; padding: 10px 12px; min-height: 110px;}
		.comments .form button {border: none; background: var(--red); color: #fff; padding: 10px 15px; width: 100%; max-width: 200px; margin: 0 auto 0 0; display: block; cursor: pointer; border-radius: var(--radius-s); font-weight: bold; transition: filter .2s;}
			.comments .form button i {font-size: 10px; padding-left: 5px;}
			.comments .form button:hover {filter: brightness(1.08);}
	.comments .comment{display: flex; padding: 10px 16px;}
		.comments .comment .avatar{margin-left: 10px; display: flex; align-items: center; justify-content: center; width: 10%;}
			.comments .comment .avatar img{width: 52px; height: 52px; border: 2px solid var(--card-2); background-color: var(--bg-2); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
		.comments .comment .content{width: 90%;}
			.comments .comment .content .h{display: block; font-size: 12px; color: var(--text);}
				.comments .comment .content .h span{display: flex; font-size: 11px; color: var(--muted);}
			.comments .comment .content .detail{background-color: var(--bg-2); border: 1px solid var(--line); color: var(--text-2); padding: 10px 14px; display: flex; flex-direction: column; border-radius: var(--radius);}
				.comments .comment .content .detail .replay {background-color: var(--card-2); padding: 0 8px; border-radius: 4px; height: 22px; line-height: 20px; transition: all .3s ease-in-out; margin-top: 10px; width: 80px; text-align: center;}
				.comments .comment .content .detail .replay:hover{background: var(--accent); color: #fff;}
				.comments li li .comment .content .detail{background-color: #eef5ff; border-color: #c9ddfb; color: #1e3a8a;}

.page {padding: 16px; background: var(--card); border: 1px solid var(--line); margin-bottom: 18px; border-radius: var(--radius); box-shadow: var(--shadow);}
	.page .h {margin-bottom: 15px; border-bottom: 1px solid var(--line); padding-bottom: 10px;}
		.page .h h1 {color: var(--text); font-size: 17px;}
	.page .content {color: var(--text-2); line-height: 28px;}
		.page .content p {margin: 10px 0;}
		.page .content a {color: var(--link);}


/* ---- Effects ---- */
@keyframes abasiFade {from {opacity: 0;} to {opacity: 1;}}
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {animation: none !important; transition: none !important;}
}
::-webkit-scrollbar {width: 10px; height: 10px;}
::-webkit-scrollbar-track {background: var(--page);}
::-webkit-scrollbar-thumb {background: #9aa1ad; border-radius: 10px; border: 2px solid var(--page);}
	::-webkit-scrollbar-thumb:hover {background: #7b8494;}



.description {line-height: 28px; overflow-wrap: anywhere;}
	.description p, .description ul, .description ol, .description blockquote, .description h2, .description h3, .description h4 {margin: 0 0 14px;}
	.description h2, .description h3, .description h4 {color: var(--text); line-height: 1.8;}
	.description ul, .description ol {padding-right: 22px;}
	.description ul {list-style: disc outside;}
	.description ol {list-style: decimal outside;}
	.description li {display: list-item;}
	.description img {height: auto; border-radius: var(--radius-s);}
	.description a {color: var(--link);}
	.description .d-text > :last-child {margin-bottom: 0;}
.abasi_dlbox .caption .cntnt.film .link .bottom a.sub {background: #ecfdf5; border-color: #a7f3d0; color: #047857;}
	.abasi_dlbox .caption .cntnt.film .link .bottom a.sub:hover {background: #10b981; border-color: #10b981; color: #fff;}
.abasi_dlbox .caption .cntnt.film .link .bottom a.audio {background: #f5f3ff; border-color: #ddd6fe; color: #6d28d9;}
	.abasi_dlbox .caption .cntnt.film .link .bottom a.audio:hover {background: #8b5cf6; border-color: #8b5cf6; color: #fff;}

/* ---- صفحه‌بندی نتایج جستجوی پیشرفته ---- */
.navigation {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px; direction: ltr; margin: 4px 0 18px; padding: 10px; background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow);}
	.navigation .page-number {display: inline-flex; align-items: center; justify-content: center; min-width: 38px; height: 38px; padding: 0 10px; font-size: 13px; line-height: 1; color: var(--text-2); background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--radius-s); transition: background-color .2s, color .2s, border-color .2s, transform .2s;}
		.navigation a.page-number:hover {background: #eef5ff; border-color: var(--accent); color: var(--accent-2); transform: translateY(-1px);}
		.navigation .page-number.active {background: var(--accent); border-color: var(--accent); color: #fff; font-weight: bold; box-shadow: 0 3px 8px rgba(37,99,235,0.35);}
		.navigation .page-number.dots {background: transparent; border-color: transparent; min-width: 22px; padding: 0; color: var(--muted);}
		.navigation .page-number.prev, .navigation .page-number.next {font-size: 17px; background: var(--card-2);}
@media (max-width:800px){
	.navigation {gap: 4px; padding: 8px;}
		.navigation .page-number {min-width: 34px; height: 34px; padding: 0 8px;}
}

/* ---- باکس دانلود دوبله (متمایز از زبان اصلی) ---- */
.abasi_dlbox .caption .title.dub:hover {background: #ffe4e6; border-color: var(--red); border-right-color: var(--red);}
.abasi_dlbox .caption .title.dub .cap span {color: #be123c;}
.abasi_dlbox .caption .title.dub .icon-chevrons-down {background: var(--red);}
.abasi_dlbox .caption .title.dub.sel {border-color: var(--red); border-right-color: var(--red);}
.abasi_dlbox .caption .title.dub + .cntnt {border-color: var(--red); border-right-width: 5px; background: #fffafa;}
	.abasi_dlbox .caption .title.dub + .cntnt .notify {background: #ffe4e6; color: #9f1239;}
.abasi_dlbox .caption .title.dub + .cntnt.film .link {border-bottom-color: #fecdd3;}
	.abasi_dlbox .caption .title.dub + .cntnt.film .link .top .ti {color: #9f1239;}
	.abasi_dlbox .caption .title.dub + .cntnt.film .link .bottom a:not(.audio):not(.sub) {background: #fff1f2; border-color: #fecdd3; color: #9f1239;}
		.abasi_dlbox .caption .title.dub + .cntnt.film .link .bottom a:not(.audio):not(.sub):hover {background: var(--red); border-color: var(--red); color: #fff;}

/* ---- باکس دانلود زبان اصلی (آبی) ---- */
.abasi_dlbox .caption .title.orig {background: #eef5ff; border-color: #93c5fd; border-right: 5px solid var(--accent); color: #1e3a8a; font-weight: bold;}
	.abasi_dlbox .caption .title.orig:hover {background: #dbeafe; border-color: var(--accent); border-right-color: var(--accent);}
	.abasi_dlbox .caption .title.orig.sel {border-color: var(--accent); border-right-color: var(--accent);}
	.abasi_dlbox .caption .title.orig .cap span {color: #1d4ed8;}
.abasi_dlbox .caption .title.orig + .cntnt {border-color: var(--accent); border-right-width: 5px; background: #fbfdff;}
	.abasi_dlbox .caption .title.orig + .cntnt.film .link {border-bottom-color: #bfd6fb;}
		.abasi_dlbox .caption .title.orig + .cntnt.film .link .bottom a:not(.audio):not(.sub) {background: #eef5ff; border-color: #bfd6fb; color: #1e3a8a;}
			.abasi_dlbox .caption .title.orig + .cntnt.film .link .bottom a:not(.audio):not(.sub):hover {background: var(--accent); border-color: var(--accent); color: #fff;}
.description .d-ico {flex: 0 0 54px; width: 54px; height: 54px; border-radius: 50%; background: #c6f0ec; color: #19b3a6; display: flex; align-items: center; justify-content: center; font-size: 24px;}
	.description .d-ico i {display: block; line-height: 1;}
.description .d-body {flex: 1 1 auto; min-width: 0;}
.description .d-title {font-size: 15px; font-weight: bold; color: #4a5ba6; margin-bottom: 8px; line-height: 1.6;}
.description .d-text {font-weight: bold; color: #111; line-height: 28px; font-size: 13px;}
	.description .d-text a {color: #0f766e;}
@media (max-width:480px){
	.description {gap: 12px; padding: 14px;}
		.description .d-ico {flex-basis: 42px; width: 42px; height: 42px; font-size: 19px;}
}
.description .d-text p {margin: 0 0 4px;}

/* ==========================================================================
   Layout v4 — single column, poster grid, film page
   ========================================================================== */
.main {width: 100%;}
.screen-reader-text {position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0);}

/* ---- Slogan (above the posters) ---- */
.shoar {text-align: center; font-size: 28px; font-weight: bold; color: var(--text); line-height: 1.7; margin: 4px 0 24px;}

/* ---- Poster grid ---- */
.posts-grid {display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; margin-bottom: 22px;}
.p-item {position: relative; width: calc((100% - 48px) / 4);}
	.p-item a {display: block; position: relative; border-radius: var(--radius); overflow: hidden; background: var(--card-2); box-shadow: 0 2px 8px rgba(15,23,42,0.25); transition: transform .25s var(--ease), box-shadow .25s var(--ease);}
		.p-item a:hover {transform: translateY(-4px); box-shadow: 0 10px 22px rgba(15,23,42,0.35);}
		.p-item a img {display: block; width: 100%; aspect-ratio: 2 / 3; object-fit: cover;}
	.p-item .num {position: absolute; right: 0; top: 0; z-index: 2; background: var(--red); color: #fff; font-size: 13px; font-weight: bold; padding: 4px 12px; border-radius: var(--radius) 0 var(--radius-s) 0;}
.no-posts {text-align: center; color: var(--muted); padding: 40px 0;}
.p-item {animation: abasiFade .35s ease both;}

/* ---- Footer (copyright text only) ---- */
footer {margin: 0 auto; max-width: 960px; width: 100%; background: #0b0b0d; border-top: 1px solid #000; border-radius: 0 0 var(--radius) var(--radius);}
	footer .copy_right {text-align: center; padding: 22px 0; color: rgba(255,255,255,0.55); font-size: 12px; line-height: 2;}
		footer .copy_right a {color: rgba(255,255,255,0.8);}
			footer .copy_right a:hover {color: var(--accent);}

/* ---- Film page ---- */
.film-hero {position: relative; height: 380px; overflow: hidden; background: #000; border-radius: var(--radius) var(--radius) 0 0;}
	.film-hero .fh-bg {position: absolute; top: -30px; right: -30px; bottom: -30px; left: -30px; background: var(--poster) center / cover no-repeat; filter: blur(22px) brightness(.55); transform: scale(1.05);}
	.film-hero .fh-poster {position: absolute; left: 26px; top: 26px; width: 190px; z-index: 2; border-radius: var(--radius-s); overflow: hidden; box-shadow: 0 8px 28px rgba(0,0,0,0.6); font-size: 0;}
		.film-hero .fh-poster img {display: block; width: 100%; aspect-ratio: 2 / 3; object-fit: cover;}
	.film-hero .fh-play {position: absolute; left: 50%; top: 46%; z-index: 2; width: 92px; height: 92px; margin: -46px 0 0 -46px; padding: 0 0 0 6px; border: 2px solid rgba(255,255,255,0.75); border-radius: 50%; background: rgba(255,255,255,0.18); color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: transform .25s var(--ease), background-color .25s;}
		.film-hero .fh-play:hover {transform: scale(1.08); background: var(--accent); border-color: var(--accent);}
	.film-hero .fh-bar {position: absolute; right: 0; left: 0; bottom: 0; z-index: 3; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 22px; background: #031219; color: #fff;}
		.film-hero .fh-title {font-size: 15px; font-weight: bold; line-height: 1.8; color: #fff;}
		.film-hero .fh-genres {font-size: 12px; color: rgba(255,255,255,0.85); white-space: nowrap;}
			.film-hero .fh-genres a {color: #fff;}
				.film-hero .fh-genres a:hover {color: var(--gold);}
.film-info {background: var(--card); border: 1px solid var(--line); border-top: 0; border-radius: 0 0 var(--radius) var(--radius); padding: 20px 24px 22px; margin-bottom: 14px; box-shadow: var(--shadow);}
	.film-info .fi-top {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px; margin-bottom: 14px;}
	.film-info .fi-meta {color: var(--text-2); line-height: 2.2;}
		.film-info .fi-meta div {display: flex; align-items: center; gap: 7px;}
		.film-info .fi-meta svg, .film-info .fi-meta i {color: #3b4a9d; flex: 0 0 auto;}
		.film-info .fi-meta i {font-size: 16px;}
		.film-info .fi-meta a {color: var(--text-2);}
			.film-info .fi-meta a:hover {color: var(--accent);}
	.film-info .fi-rate {text-align: center;}
		.film-info .fi-score {display: flex; align-items: center; justify-content: center; gap: 8px; direction: ltr; line-height: 1;}
			.film-info .fi-score i {font-size: 34px; color: var(--gold);}
			.film-info .fi-score b {font-size: 38px; font-weight: bold; color: var(--text);}
			.film-info .fi-score small {font-size: 12px; color: var(--muted); align-self: flex-end; margin: 0 4px 6px 0;}
			.film-info .fi-score .imdb-badge {background: var(--gold); color: #111; font-size: 13px; font-weight: bold; padding: 5px 10px; border-radius: 6px; box-shadow: 0 2px 6px rgba(245,197,24,0.45);}
		.film-info .fi-votes {margin-top: 8px; font-size: 12px; color: var(--text-2);}
			.film-info .fi-votes b {color: #3b4a9d;}
	.film-info .fi-line {margin: 12px 0; line-height: 2; color: var(--text-2);}
		.film-info .fi-line strong {color: #3b4a9d; font-weight: bold;}
		.film-info .fi-line a {color: var(--text-2);}
			.film-info .fi-line a:hover {color: var(--accent);}
	.film-info .fi-plot {line-height: 2.2;}
	.film-info .fi-bottom {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px; margin-top: 18px;}
		.film-info .fi-critic, .film-info .fi-age {display: flex; align-items: center; gap: 12px;}
		.film-info .fi-bottom .box {display: flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 8px; border-radius: 6px; color: #fff; font-weight: bold; font-size: 14px;}
		.film-info .fi-critic .box {background: var(--gold); color: #111;}
		.film-info .fi-age .box {background: #e50000;}
		.film-info .fi-bottom .lbl {font-weight: bold; color: #3b4a9d; line-height: 1.5;}
			.film-info .fi-bottom .lbl small {display: block; font-size: 11px; font-weight: normal; color: var(--muted);}

/* ---- Trailer modal ---- */
.trailer-modal {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100000; display: none; align-items: center; justify-content: center; background: rgba(0,0,0,0.88); padding: 16px;}
	.trailer-modal.open {display: flex;}
	.trailer-modal .tm-box {position: relative; width: min(960px, 100%); aspect-ratio: 16 / 9; background: #000; box-shadow: 0 10px 40px rgba(0,0,0,0.6);}
		.trailer-modal .tm-body, .trailer-modal iframe, .trailer-modal video {display: block; width: 100%; height: 100%; border: 0;}
		.trailer-modal .tm-close {position: absolute; top: -46px; left: 0; width: 38px; height: 38px; padding: 0; border: 0; border-radius: 50%; background: rgba(255,255,255,0.18); color: #fff; font-size: 26px; line-height: 38px; cursor: pointer; transition: background-color .2s;}
			.trailer-modal .tm-close:hover {background: var(--red);}
body.no-scroll {overflow: hidden;}

/* ---- Responsive ---- */
.res_pop::before{z-index: 10000; position: fixed; left: 20px; top: 50px; background-color: red; color: #fff; content: "none"; display: inline-block; padding: 10px;}
@media (max-width:1000px){
	.res_pop::before{content: "1000"}
	.abasi_org {padding-right: 15px; padding-left: 15px;}
	article.abasi_org {padding-right: 14px; padding-left: 14px;}
}
@media (max-width:1024px){
	.res_pop::before{content: "1024"}
}
@media (max-width:800px){
	.res_pop::before{content: "800"}
	header .abasi_org {padding-top: 8px; padding-bottom: 8px;}
	header .top .search {order: 4; flex: 1 1 100%; margin: 8px 0 0 0;}
		header .top .search form {width: 100%;}
	header .top-menu {order: 3; flex: 1 1 100%; margin: 6px 0 0 0; overflow-x: auto; white-space: nowrap;}
		header .top-menu a {padding: 10px 10px;}
	.shoar {font-size: 22px; margin-bottom: 18px;}
	.p-item {width: calc((100% - 32px) / 3);}
	.film-hero {height: 300px;}
		.film-hero .fh-poster {width: 130px; left: 14px; top: 14px;}
		.film-hero .fh-play {width: 72px; height: 72px; margin: -36px 0 0 -36px;}
		.film-hero .fh-bar {flex-direction: column; align-items: flex-start; gap: 4px; padding: 10px 14px;}
			.film-hero .fh-genres {white-space: normal;}
	.film-info {padding: 16px 14px 18px;}
}
@media (max-width:480px){
	.posts-grid {gap: 10px;}
	.p-item {width: calc((100% - 10px) / 2);}
	.film-info .fi-top {flex-direction: column; align-items: flex-start;}
		.film-info .fi-rate {align-self: center;}
}
@media (max-width:360px){
	.res_pop::before{content: "360"}
}
@media (max-width:320px){
	.res_pop::before{content: "320"}
}
.film-info .fi-score small {direction: ltr; unicode-bidi: isolate;}
.page-numbers li:first-child a, .page-numbers li:last-child a {font-size: 18px; line-height: 1.4;}
.film-hero.has-bd .fh-bg {top: 0; right: 0; bottom: 0; left: 0; filter: none; transform: none; background-position: center;}
.film-hero.has-bd::after {content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: linear-gradient(to top, rgba(3,18,25,0.75) 0, rgba(3,18,25,0) 45%), rgba(0,0,0,0.18); pointer-events: none;}

footer .copy_right .tvdb-credit {direction: ltr; unicode-bidi: isolate; font-size: 11px; color: rgba(255,255,255,0.4);}