/*  
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: Yekan; font-style: normal; font-weight: bold; src: url('fonts/iranyekanwebbold.eot'); src: url('fonts/iranyekanwebbold.eot?#iefix') format('embedded-opentype'), url('fonts/iranyekanwebbold.woff2') format('woff2'), url('fonts/iranyekanwebbold.woff') format('woff'), url('fonts/iranyekanwebbold.ttf') format('truetype');}
@font-face {font-family: Yekan; font-style: normal; font-weight: normal; src: url('fonts/iranyekanwebregular.eot'); src: url('fonts/iranyekanwebregular.eot?#iefix') format('embedded-opentype'), url('fonts/iranyekanwebregular.woff2') format('woff2'), url('fonts/iranyekanwebregular.woff') format('woff'), url('fonts/iranyekanwebregular.ttf') format('truetype');}

@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 v2 — dark cinematic theme
   ========================================================================== */
:root {
	--bg: #000000;
	--bg-2: #121212;
	--card: #1a1a1a;
	--card-2: #262626;
	--line: rgba(255,255,255,0.09);
	--line-2: rgba(255,255,255,0.18);
	--text: #ffffff;
	--text-2: #d1d1d1;
	--muted: #9b9b9b;
	--accent: #f5c518;
	--accent-2: #e2b616;
	--accent-grad: linear-gradient(135deg, #f5c518 0%, #e2b616 100%);
	--link: #5799ef;
	--gold: #f5c518;
	--green: #3ddc84;
	--radius: 16px;
	--radius-s: 10px;
	--shadow: 0 10px 30px -10px rgba(0,0,0,0.75);
	--shadow-h: 0 18px 40px -12px rgba(0,0,0,0.85), 0 0 0 1px rgba(245,197,24,0.35);
	--ease: cubic-bezier(.2,.7,.2,1);
}

html {color-scheme: dark; -webkit-text-size-adjust: 100%;}
html, body {background-color: var(--bg); color: var(--text); direction: rtl; font: 13px/1.7 Yekan, 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: #000;}
img {max-width: 100%;}

input, textarea, button {font: 13px Yekan, Tahoma, sans-serif; padding: 8px 12px; border: 1px solid var(--line-2); border-radius: var(--radius-s); background-color: var(--bg-2); 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(245,197,24,0.18);}
select {font: 13px Yekan, Tahoma, sans-serif; color: var(--text); border-radius: var(--radius-s); border: 1px solid var(--line-2); background-color: var(--bg-2); -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 10px 12px 10px 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(245,197,24,0.18);}
	select option {background: var(--card); 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: 10px 18px; border-radius: var(--radius-s); transition: all 0.2s; cursor: pointer;}
	.btn.gray {background-color: var(--card-2);}
	.btn.red {background-color: #ff3d6e; color: #fff;}
	.btn.blue {background-color: var(--accent); color: #04121c;}
	.btn.green {background-color: var(--green); color: #04150b;}
		.btn:hover {box-shadow: 0 0 0 50px rgba(255,255,255,0.08) inset;}
	.btn.w100{display: block; margin-top: 15px; width: 100%;}

.abasi_org {position: relative; max-width: 1100px; 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: 30px;}
.ads-single {padding-top: 0; overflow: hidden;}

/* ---- Header ---- */
header {position: relative; z-index: 50; background: linear-gradient(180deg, rgba(18,18,18,0.98), rgba(0,0,0,0.96)); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-bottom: 1px solid var(--line); box-shadow: 0 10px 40px -20px rgba(0,0,0,0.9);}
	header::after {content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px; background: linear-gradient(90deg, transparent, var(--accent), transparent); opacity: .7;}
	header .top {padding: 22px 0 8px;}
		header .top > .fr a {display: inline-block;}
		header .top > .fr img {height: 62px; width: auto; border-radius: 0; box-shadow: none; filter: drop-shadow(0 4px 12px rgba(245,197,24,0.45)); transition: transform .4s var(--ease), filter .4s;}
			header .top > .fr a:hover img {transform: rotate(-6deg) scale(1.06); filter: drop-shadow(0 6px 16px rgba(245,197,24,0.65));}
		header .top > .fr div.fr {margin: 11px 14px 0 0;}
			header .top > .fr div.fr .t1 {font-size: 21px; font-weight: bold; background: var(--accent-grad); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent;}
			header .top > .fr div.fr .shoar {font-weight: normal; font-size: 12px; color: var(--muted);}
		header .top .search {margin: 10px 0 0 0;}
			header .top .search form {background-color: rgba(255,255,255,0.05); border: 1px solid var(--line-2); position: relative; width: 320px; border-radius: 999px; transition: border-color .2s, box-shadow .2s, background-color .2s;}
				header .top .search form:focus-within {border-color: var(--accent); box-shadow: 0 0 0 4px rgba(245,197,24,0.14); background-color: rgba(255,255,255,0.08);}
				header .top .search form input[type='text'] {border: none; background-color: transparent; box-shadow: none; width: 100%; padding: 13px 20px 13px 54px; border-radius: 999px;}
				header .top .search form button {position: absolute; left: 4px; top: 4px; bottom: 4px; border: none; background: var(--accent-grad); border-radius: 50%; padding: 0; width: 38px; cursor: pointer; color: #000; transition: transform .2s, box-shadow .2s;}
					header .top .search form button:hover {transform: scale(1.08); box-shadow: 0 6px 16px -4px rgba(245,197,24,0.7);}
				header .top .search form .stat {position: absolute; font-size: 10px; color: var(--muted); padding-top: 6px; left: 12px; white-space: nowrap;}
					header .top .search form .stat span {display: inline-block; padding-right: 10px;}
	header .top-menu {font-size: 0; margin-top: 22px;}
		header .top-menu a {position: relative; font-size: 13px; display: inline-block; padding: 14px 16px; color: var(--text-2); transition: color .2s;}
			header .top-menu a::after {content: ""; position: absolute; right: 16px; left: 16px; bottom: 6px; height: 2px; border-radius: 2px; background: var(--accent-grad); transform: scaleX(0); transform-origin: right; transition: transform .3s var(--ease);}
			header .top-menu a:hover {color: #fff;}
				header .top-menu a:hover::after {transform: scaleX(1);}

article {padding: 40px 0 50px;}
	article .right {width: 750px;}
	article .left {width: 320px;}

/* ---- Post card ---- */
.post {background: linear-gradient(180deg, var(--card), var(--bg-2)); border: 1px solid var(--line); border-radius: var(--radius); padding: 18px; margin-bottom: 28px; box-shadow: var(--shadow); transition: transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s; animation: abasiFade .5s var(--ease) both;}
	.post:hover {border-color: var(--line-2);}
	.post > .top {margin-bottom: 20px;}
		.post > .top > .fr {width: 220px;}
			.post > .top > .fr .poster {font-size: 0; border-radius: 14px; overflow: hidden; position: relative; box-shadow: 0 14px 30px -10px rgba(0,0,0,0.85), 0 0 0 1px var(--line-2);}
				.post > .top > .fr .poster::after {content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 55%, rgba(0,0,0,0.45)); pointer-events: none;}
				.post > .top > .fr .poster a {display: inline-block;}
					.post > .top > .fr .poster a img {width: 100%; transition: transform .5s var(--ease);}
						.post > .top > .fr .poster a:hover img {transform: scale(1.08);}
		.post > .top .fl {width: 480px; color: var(--text-2);}
			.post > .top .fl .post-title {color: #fff; font-size: 17px; font-weight: bold; line-height: 1.7; padding-bottom: 14px; margin-bottom: 14px; border-bottom: 1px solid var(--line);}
				.post > .top .fl .post-title a {color: #fff; background: linear-gradient(var(--accent), var(--accent)) no-repeat right bottom / 0 2px; transition: background-size .3s var(--ease), color .2s;}
					.post > .top .fl .post-title a:hover {background-size: 100% 2px; color: var(--accent);}
			.post > .top .fl .item {margin-bottom: 9px;}
				.post > .top .fl .item strong {color: var(--text); font-weight: bold;}
				.post > .top .fl .item a {color: var(--text-2); transition: color 0.2s;}
					.post > .top .fl .item a:hover {color: var(--accent);}
				.post > .top .fl .item .imdb {background-color: var(--gold); font-size: 10px; font-weight: bold; padding: 2px 6px 0 6px; border-radius: 4px; margin-left: 3px; color: #1a1400;}
					.post > .top .fl .item .imdb:hover {color: #000; filter: brightness(1.1);}
				.post > .top .fl .item.top_imdb {background: linear-gradient(135deg, rgba(245,197,24,0.18), rgba(245,197,24,0.05)); border: 1px solid rgba(245,197,24,0.35); padding: 10px 12px; border-radius: var(--radius-s);}
					.post > .top .fl .item.top_imdb a {color: #ffe27a;}
						.post > .top .fl .item.top_imdb a i {margin: 2px 0 0 6px; font-size: 14px; color: var(--gold);}
						.post > .top .fl .item.top_imdb a:hover {color: #fff;}
						.post > .top .fl .item.top_imdb a strong {background-color: var(--gold); transition: all 0.2s; color: #1a1400; padding: 2px 7px 0 7px; border-radius: 5px; margin: 0 3px;}
							.post > .top .fl .item.top_imdb a:hover strong {background-color: #fff;}
	.post .bottom {}
		.post .bottom .plot {color: var(--text-2); line-height: 27px; margin-bottom: 16px; padding: 14px 16px; background: rgba(255,255,255,0.03); border-right: 3px solid var(--accent); border-radius: 0 var(--radius-s) var(--radius-s) 0;}
			.post .bottom .plot strong {color: var(--text);}
		.post .bottom .f {border-top: 1px solid var(--line); padding-top: 18px;}
			.post .bottom .f > .fr .item {display: inline-block; color: var(--muted); margin: 0 0 0 20px; font-size: 12px;}
				.post .bottom .f > .fr .item i {margin: 3px 0 0 5px;}
					.post .bottom .f > .fr .item i.icon-drawer {margin-top: 1px;}
				.post .bottom .f > .fr .item a {color: var(--muted);}
					.post .bottom .f > .fr .item a:hover {color: var(--accent);}
			.post .bottom .f > .fl {margin: -10px 0 0 0;}
				.post .bottom .f .fl .more {background: var(--accent-grad); color: #000; display: inline-block; padding: 11px 20px; border-radius: 999px; font-weight: bold; box-shadow: 0 10px 22px -10px rgba(245,197,24,0.8); transition: transform .2s, box-shadow .2s, filter .2s;}
					.post .bottom .f .fl .more i {font-size: 14px; margin: 3px 0 0 10px;}
					.post .bottom .f .fl .more:hover {transform: translateY(-2px); box-shadow: 0 14px 26px -10px rgba(245,197,24,0.9); filter: brightness(1.08);}
	.post.top250{position: relative;}
		.post.top250 .num {position: absolute; left: 0; top: 0; background: linear-gradient(135deg, #ffd84d, #f59f00); color: #1a1400; padding: 6px 14px; border-radius: var(--radius) 0 var(--radius-s) 0; font-size: 14px; font-weight: bold; z-index: 2;}
		.post.top250 > .top{margin: 0;}
			.post.top250 > .top > .fr {width: 100px;}
			.post.top250 > .top .fl {width: 605px;}

/* ---- Sidebar ---- */
.block {background: linear-gradient(180deg, var(--card), var(--bg-2)); border: 1px solid var(--line); box-shadow: var(--shadow); padding: 16px; border-radius: var(--radius); margin-bottom: 25px;}
	.block .h {font-size: 14px; font-weight: bold; color: var(--text); padding: 4px 0 12px 0; border-bottom: 1px solid var(--line);}
		.block .h i {margin: 0 0 0 8px; font-size: 17px; color: var(--accent);}
	.block .tab {display: table; width: 100%; margin: 12px 0; background: rgba(255,255,255,0.04); border-radius: 999px; padding: 3px;}
		.block .tab span {display: table-cell; text-align: center; padding: 7px 0; color: var(--muted); font-size: 12px; cursor: pointer; width: 1%; border-radius: 999px; transition: color .2s, background-color .2s;}
			.block .tab span:hover {color: var(--text);}
			.block .tab span.sel {background: var(--accent-grad); color: #000; box-shadow: 0 6px 14px -6px rgba(245,197,24,0.8);}
	.block .cat-list {font-size: 0;}
		.block .cat-list .item {width: 50%; display: inline-block; padding: 3px;}
			.block .cat-list .item a {font-size: 12px; border: 1px solid var(--line); background: rgba(255,255,255,0.025); display: block; border-radius: 8px; padding: 6px 9px; color: var(--text-2); transition: all .2s;}
				.block .cat-list .item a:hover {border-color: var(--accent); color: #fff; background: rgba(245,197,24,0.1); transform: translateY(-1px);}
	.block .update-seri {}
		.block .update-seri .item {}
			.block .update-seri .item a {display: block; margin-bottom: 10px; position: relative;}
				.block .update-seri .item a .poster {max-height: 100px; overflow: hidden; border-radius: 12px; box-shadow: 0 0 0 1px var(--line);}
					.block .update-seri .item a .poster img {width: 100%; transition: transform .5s var(--ease); display: inline-block; margin-top: -40%;}
						.block .update-seri .item a:hover .poster img {transform: scale(1.1);}
				.block .update-seri .item a .caption {position: absolute; left: 0; bottom: 0; right: 0; background: linear-gradient(180deg, rgba(0,0,0,0.05), rgba(0,0,0,0.88)); color: rgba(255,255,255,0.85); padding: 14px 10px 5px 10px; font-size: 11px; transition: all 0.2s; border-radius: 0 0 12px 12px;}
					.block .update-seri .item a .caption span.fr {max-width: 60%;}
					.block .update-seri .item a .caption span.fl {max-width: 40%; padding-right: 10px; direction: ltr;}
					.block .update-seri .item a:hover .caption {color: #fff;}

/* ---- Footer ---- */
footer {overflow: hidden; padding-top: 110px;}
	footer .h {background: linear-gradient(180deg, #121212, #000000); border-radius: 100% 100% 0 0; border-top: 1px solid var(--line-2); padding-top: 1px; width: 200%; margin: 0 auto; position: relative; right: -50%;}
		footer .h .content {margin-top: -100px;}
			footer .h .content .last-movie {text-align: center; font-size: 0;}
				footer .h .content .last-movie .item {display: inline-block; padding: 5px;}
					footer .h .content .last-movie .item a {background-color: rgba(255,255,255,0.06); border: 1px solid var(--line-2); padding: 6px; display: inline-block; border-radius: 12px; box-shadow: 0 12px 24px -10px rgba(0,0,0,0.8); overflow: hidden; transition: transform .3s var(--ease), border-color .3s;}
						footer .h .content .last-movie .item a:hover {border-color: var(--accent); transform: translateY(-4px);}
						footer .h .content .last-movie .item a img {width: 100px; display: block; transition: transform .5s var(--ease); border-radius: 8px;}
							footer .h .content .last-movie .item a:hover img {transform: scale(1.05);}
			footer .h .content .copy_right {text-align: center; padding: 50px 0 24px 0; color: rgba(255,255,255,0.35); font-size: 11px; line-height: 2;}
				footer .h .content .copy_right a {color: rgba(255,255,255,0.45);}
				footer .h .content .copy_right .links {border-bottom: 1px solid var(--line); display: inline-block; padding: 0 10px 10px 10px; margin-bottom: 10px;}
					footer .h .content .copy_right .links a {color: rgba(255,255,255,0.8); display: inline-block; border-left: 1px solid var(--line-2); padding: 0 15px;}
						footer .h .content .copy_right .links li:last-child a {border-left: none; padding-left: 0; margin-left: 0;}
				footer .h .content .copy_right a:hover {color: var(--accent);}


/* ---- Carousel (Owl) ---- */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
	.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:-28px; z-index: 1; position: relative;}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}

/* ---- Slider ---- */
.top-slider {margin-top: 36px;}
	.top-slider .ims {}
		.top-slider .ims a {padding: 10px; display: inline-block; position: relative;}
			.top-slider .ims a img {border-radius: 14px; box-shadow: 0 14px 28px -10px rgba(0,0,0,0.85), 0 0 0 1px var(--line-2); transition: transform .35s var(--ease), box-shadow .35s var(--ease);}
				.top-slider .ims a:hover img {transform: translateY(-6px) scale(1.02); box-shadow: 0 22px 36px -12px rgba(0,0,0,0.9), 0 0 0 1px var(--accent);}
			.top-slider .ims a .t1 {text-align: center; padding: 10px 0 3px 0; font-weight: bold; color: var(--text); direction: ltr; font-size: 12px;}
			.top-slider .ims a .rate {text-align: center; color: var(--muted); transition: color 0.2s;}
				.top-slider .ims a .rate i {color: var(--gold); margin-right: 3px;}
				.top-slider .ims a .rate strong {color: var(--text);}
			.top-slider .ims a:hover .t1, .top-slider .ims a:hover .rate {color: #fff;}
		.top-slider .ims a .icon-download {position: absolute; font-size: 24px; color: #000; z-index: 1; left: 22px; top: 0; width: 42px; height: 42px; line-height: 42px; text-align: center; border-radius: 50%; background: var(--accent-grad); transition: all 0.25s var(--ease); opacity: 0; transform: translateY(-10px); box-shadow: 0 8px 18px -6px rgba(245,197,24,0.8);}
			.top-slider .ims a:hover .icon-download {top: 20px; opacity: 1; transform: translateY(0);}
.owl-theme .owl-nav [class*=owl-] {background: var(--card-2) !important; color: var(--text) !important; border-radius: 8px !important;}

.page-numbers {margin-bottom: 10px; text-align: center; direction: ltr}
	.page-numbers a {color: var(--text-2); padding: 5px 11px; border-radius: 8px; display: inline-block; transition: all .2s;}
		.page-numbers a:hover {background: var(--card-2); color: #fff;}
	.page-numbers .current {background: var(--accent-grad); color: #000; display: inline-block; padding: 5px 11px; border-radius: 8px; font-weight: bold;}
	.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: var(--card-2); color: var(--text-2); display: inline-block; padding: 5px 0; text-align: center; width: 36px; border-radius: 8px;}

.tags {color: var(--muted); line-height: 24px; text-align: justify; 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: linear-gradient(135deg, rgba(245,197,24,0.12), rgba(245,197,24,0.04)); border: 1px solid rgba(245,197,24,0.28); border-radius: var(--radius); margin-bottom: 28px; color: #f1dc93; box-shadow: var(--shadow);}
	.help .h {}
		.help .h .in {background: linear-gradient(135deg, #ffd84d, #f59f00); display: inline-block; padding: 6px 14px; border-radius: 0 var(--radius) 0 var(--radius-s); color: #1a1400; font-weight: bold;}
			.help .h .in i {margin: 2px 0 0 6px;}
	.help .c {padding: 15px 18px;}

.description {margin-bottom: 28px; background: var(--card); padding: 16px 18px; border-radius: var(--radius); box-shadow: var(--shadow); border: 1px solid rgba(245,197,24,0.3); color: var(--text-2); line-height: 27px;}

/* ---- Download box ---- */
.abasi_dlbox{padding-bottom: 15px; font-size: 13px;}
	.abasi_dlbox .caption{margin-bottom: 6px;}
		.abasi_dlbox .caption .title{cursor: pointer; background: var(--card-2); border: 1px solid var(--line); border-radius: var(--radius-s); padding: 13px 16px; color: var(--text); transition: background-color .2s, border-color .2s;}
			.abasi_dlbox .caption .title.dub{background: linear-gradient(135deg, #5b1520, #3a0d15); border-color: rgba(255,61,110,0.35);}
			.abasi_dlbox .caption .title .cap{display: inline-block; margin-left: 15px;}
			.abasi_dlbox .caption .title .cap span{color: var(--gold); padding-right: 5px;}
			.abasi_dlbox .caption .title:hover{border-color: var(--accent); background: #262626;}
			.abasi_dlbox .caption .title .icon-chevrons-down {float: left; margin: -3px 0 0 0; transition: all 0.3s; background: var(--accent-grad); color: #000; 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: var(--bg-2); 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.serial{text-align: center;}
				.abasi_dlbox .caption .cntnt.serial .notify {margin-top: 15px; background-color: rgba(245,197,24,0.15); color: #f1dc93; border-radius: 8px; padding: 8px;}
				.abasi_dlbox .caption .cntnt.serial a{margin: 5px 3px; display: inline-block; background: var(--card-2); border: 1px solid var(--line-2); color: var(--text); padding: 8px 20px; border-radius: 999px; transition: all .2s;}
					.abasi_dlbox .caption .cntnt.serial a i{float: right; margin: 3px 0 0 6px; font-size: 15px;}
					.abasi_dlbox .caption .cntnt.serial a:hover{background: var(--accent-grad); border-color: transparent; color: #000;}
			.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(--card-2); border: 1px solid var(--line-2); color: var(--text); padding: 6px 20px; margin: 6px 0 0 10px; border-radius: 999px; 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-grad); border-color: transparent; color: #000;}

/* ---- Comments ---- */
.comments {background: linear-gradient(180deg, var(--card), var(--bg-2)); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); margin-bottom: 30px;}
	.comments > .h {background: var(--card-2); border-bottom: 1px solid var(--line); border-radius: var(--radius) var(--radius) 0 0; padding: 14px 16px; color: var(--text);}
		.comments > .h i {font-size: 17px; margin: 0 0 0 6px; color: var(--accent);}
		.comments > .h h2 {font-size: 14px;}
		.comments > .h .total {margin: -19px 0 0 0; color: var(--muted);}
	.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: 12px 12px; width: 100%; max-width: 300px;}
			.comments .form .input textarea {width: 100%; padding: 12px 12px; min-height: 110px;}
		.comments .form button {border: none; background: var(--accent-grad); color: #000; padding: 11px 15px; width: 100%; max-width: 200px; margin: 0 auto 0 0; display: block; cursor: pointer; border-radius: 999px; font-weight: bold; transition: transform .2s, filter .2s;}
			.comments .form button i {font-size: 10px; padding-left: 5px;}
			.comments .form button:hover {transform: translateY(-2px); filter: brightness(1.1);}
	.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: 60px; height: 60px; border: 3px solid var(--card-2); background-color: var(--bg-2); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
		.comments .comment .content{-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 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: rgba(255,255,255,0.04); border: 1px solid var(--line); color: var(--text-2); padding: 10px 15px; display: flex; flex-direction: column; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;}
				.comments .comment .content .detail .replay {background-color: var(--card-2); padding: 0 8px; border-radius: 6px; 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-grad); color: #000;}
				.comments li li .comment .content .detail{background-color: rgba(61,220,132,0.1); border-color: rgba(61,220,132,0.3); color: #b6f0cf;}

.page {padding: 18px; background: linear-gradient(180deg, var(--card), var(--bg-2)); border: 1px solid var(--line); margin-bottom: 30px; 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: #fff; font-size: 18px;}
	.page .content {color: var(--text-2); line-height: 28px;}
		.page .content p {margin: 10px 0;}
		.page .content a {color: var(--link);}

/* ---- Search box ---- */
.search-box {margin-bottom: 28px;}
	.search-box .h {padding-bottom: 10px; color: var(--muted);}
		.search-box .h i {margin: 3px 0 0 6px; color: var(--accent);}
	.search-box .content{background: linear-gradient(180deg, var(--card), var(--bg-2)); border: 1px solid var(--line); border-radius: var(--radius); padding: 10px 5px; box-shadow: var(--shadow);}
		.search-box .content .list {font-size: 0;}
			.search-box .content .list .item {display: inline-block; width: 25%; padding: 10px;}
				.search-box .content .list .item select {width: 100%;}
		.search-box .content input[type='submit'] {border: none; padding: 12px 34px; display: block; margin: 5px auto 5px 10px; background: var(--accent-grad); color: #000; font-weight: bold; border-radius: 999px; cursor: pointer; box-shadow: 0 10px 22px -10px rgba(245,197,24,0.8); transition: transform .2s, filter .2s;}
			.search-box .content input[type="submit"]:hover {transform: translateY(-2px); filter: brightness(1.1);}

/* ---- Effects ---- */
@keyframes abasiFade {from {opacity: 0; transform: translateY(14px);} to {opacity: 1; transform: none;}}
@media (hover: hover) {
	.post:hover {transform: translateY(-3px); box-shadow: var(--shadow-h);}
}
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {animation: none !important; transition: none !important;}
}
::-webkit-scrollbar {width: 10px; height: 10px;}
::-webkit-scrollbar-track {background: var(--bg);}
::-webkit-scrollbar-thumb {background: #2a2a2a; border-radius: 10px; border: 2px solid var(--bg);}
	::-webkit-scrollbar-thumb:hover {background: #333333;}


.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:1090px){
	.res_pop::before{content: "1090"}
	.abasi_org {padding-right: 15px; padding-left: 15px;}
	article .right {width: 700px;}
	article .left {width: 280px;}
	.post > .top > .fr {width: 170px;}
	.post.top250 > .top .fl {width: 560px;}
}
@media (max-width:1024px){
	.res_pop::before{content: "1024"}
	article .right, article .left {float: unset; width: auto;}
	.post > .top .fl {float: right; padding-right: 15px; width: 570px;}
}
@media (max-width:800px){
	.res_pop::before{content: "800"}
	header .top > .fr {float: unset; text-align: center;}
	header .top .search {float: unset;}
		header .top .search form {width: 100%;}
	.post > .top > .fr {float: unset; margin: 0 auto 15px auto;}
	.post > .top .fl {float: unset; padding: 0; width: auto !important;}
	.post > .top .fl .post-title {text-align: center;}
	.post .bottom .f > .fr {float: unset;}
	.post .bottom .f > .fl {float: unset; margin: 15px 0 0 0;}
	.post .bottom .f .fl .more {display: block; text-align: center;}
	footer {padding-top: 0; overflow: unset;}
		footer .h {position: relative; right: unset; width: auto; border-radius: 0;}
			footer .h .content {margin: 0;}
				footer .h .content .last-movie {display: none;}
				footer .h .content .copy_right {padding: 0 0 15px 0;}
				footer .h .content .copy_right .links {display: none;}
}
@media (max-width:360px){
	.res_pop::before{content: "360"}
}
@media (max-width:320px){
	.res_pop::before{content: "320"}
}