:root {
  --color-accent-primary: #FFBB33;
  --color-accent-primary-rgb: rgb(255, 187, 51);
  --color-accent-primary-rgb2: 255, 187, 51;
  --color-accent-primary-dark: #D89A22;
  --color-accent-primary-dark-rgb: rgb(216, 154, 34);
  --color-accent-overlay: rgba(255,187,51,.35);
  --gradient-accent-overlay: linear-gradient(135deg, rgba(255,187,51,.22), rgba(216,154,34,.12));
  --gradient-accent-overlay-med: linear-gradient(135deg, rgba(255,187,51,.82), rgba(216,154,34,.92));
  --color-accent-overlay-dark: linear-gradient(135deg, rgba(255,187,51,.24), rgba(216,154,34,.14));
  --gradient-accent-overlay-dark: rgba(255,187,51,.65);
  --gradient-accent-primary: linear-gradient(180deg, rgba(255, 187, 51,0.95), rgba(255, 187, 51,0.65));
  --color-bg-primary: #1F1F20;
  --color-bg-secondary: #141418;
  --color-bg-elevated: #1C1C22;
  --color-text-primary: #E6E6E6;
  --color-text-secondary: #d6d6d6;
  --color-text-disabled: #6A6A6A;
  --color-status-success: #4CAF50;
  --color-status-error: #F44336;
  --color-status-info: #2196F3;
  --color-overlay-dark: rgba(0, 0, 0, 0.6);
  --color-overlay-light: rgba(0, 0, 0, 0.2);
  --color-overlay-white-black: rgba(255, 255, 255, 0.2);
  --color-overlay-white-black-dark: rgba(255, 255, 255, 0.6);
  --color-overlay-white-black-med: rgba(255, 255, 255, 0.4);
  --radius-sm: 10px;
  --radius-md: 8px;
  --shadow-soft: 0 10px 25px rgba(0,0,0,.35);
  --shadow-card: 0 12px 30px rgba(0,0,0,.45);
  --container: min(1440px, calc(100% - 32px));
  --header-height: 72px;
  --mobile-nav-height: 64px;
}

body[data-theme="light"] {
  --color-bg-primary: #F6F7FB;
  --color-bg-secondary: #FFFFFF;
  --color-bg-elevated: #EEF0F6;
  --color-text-primary: #111318;
  --color-text-secondary: #4B5563;
  --color-text-disabled: #8A8F9B;
  --color-status-success: #2E7D32;
  --color-status-error: #D32F2F;
  --color-status-info: #1976D2;
  --color-overlay-dark: rgba(0, 0, 0, 0.35);
  --color-overlay-light: rgba(0, 0, 0, 0.08);
  --color-overlay-white-black: rgba(0, 0, 0, 0.2);
  --color-overlay-white-black-dark: rgba(0, 0, 0, 0.6);
  --color-overlay-white-black-med: rgba(0, 0, 0, 0.4);
  --shadow-soft: 0 10px 25px rgba(17,19,24,.12);
  --shadow-card: 0 12px 30px rgba(17,19,24,.16);
}
::selection {
  color: #111318;
  background: var(--color-accent-primary);
}
*, *::before, *::after {
  box-sizing: border-box;
}

html, body {
  height: 100%;
}

html, body {
  scrollbar-width: thin;
  scrollbar-color: var(--color-accent-primary) rgba(var(--color-accent-primary-rgb2), 0.1);
}

@font-face {
  font-family: 'Est';
  src: url('../font/este.woff2') format('woff2');
}

@font-face {
  font-family: 'arshia';
  src: url('../font/B_Arshia_0.ttf') format('truetype');
  font-weight: 800;
}

body {
  margin: 0;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: "Est", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  line-height: 1.7;
  overflow-x: hidden;
}

a {
  color: inherit;
  text-decoration: none;
}

img, svg {
  max-width: 100%;
  display: block;
}
button{
	font-family: 'Est';
	cursor: pointer;
}
input, textarea, select, option{
	font-family: 'Est';
}
.my-0{
	margin-top: 0!important;
	margin-bottom: 0!important;
}
.my-4{
	margin-top: 1rem!important;
	margin-bottom: 1rem!important;
}
.mt-4{
	margin-top: 1rem!important;
}
.mt-8{
	margin-top: 2rem!important;
}
.mt-16{
	margin-top: 4rem!important;
}
.my-8{
	margin-top: 2rem!important;
	margin-bottom: 2rem!important;
}
.my-16{
	margin-top: 4rem!important;
	margin-bottom: 4rem!important;
}
.mx-auto{
	margin-right: auto!important;
	margin-left: auto!important;
}
.mx-1{
	margin-right: 0.25rem!important;
	margin-left: 0.25rem!important;
}
.mx-2{
	margin-right: 0.5rem!important;
	margin-left: 0.5rem!important;
}
.mx-4{
	margin-right: 1rem!important;
	margin-left: 1rem!important;
}
.mb-4{
	margin-bottom: 1rem!important;
}
.mb-12{
	margin-bottom: 3rem!important;
}
.p-2{
	padding: 0.5rem;
}
.d-block{
	display: block!important;
}
.h-100{
	height: 100%!important;
}
.gap-4{
	gap:1rem!important;
}
.mediafilm_flex_1{
	flex: 1!important;
}
.text-center{
	text-align: center!important;
}
.text-left{
	text-align: left!important;
}
.dir-left{
	direction: ltr!important;
}
.text-right{
	text-align: right!important;
}
.dir-right{
	direction: rtl!important;
}
.pt-2{
	padding-top: 0.5rem!important;
}
.mediafilm_row{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.mediafilm_space_between{
	justify-content: space-between;
}
.mediafilm_items_center{
	align-items: center;
}
.mediafilm_justify_center{
	justify-content: center;
}
.mediafilm_items_stretch{
	align-items: stretch;
}
.mediafilm_w_container{
	width: var(--container)!important;
}
.mediafilm_container{
	width: var(--container);
	position: relative;
	min-height: max(760px, 96vh);
	padding-top: var(--header-height);
	background: var(--color-bg-primary);
	isolation: isolate;
	margin: 0 auto;
}
.mediafilm_header {
  position: fixed;
  inset: 0 0 auto 0;
  z-index: 50;
  height: var(--header-height);
  display: block;
  color: var(--color-text-primary);
  box-shadow: var(--shadow-soft);
  border-bottom: 1px solid var(--color-overlay-white-black);
}

.mediafilm_header__bg {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);
  transition: background-color 260ms ease, box-shadow 260ms ease, backdrop-filter 260ms ease;
  box-shadow: 0 0 0 rgba(0,0,0,0);
  backdrop-filter: blur(0px);
}
.mediafilm_header::after {
  content: "";
  position: fixed;
  inset: var(--header-height) 0 0 0;
  background: rgba(0,0,0,.35);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 180ms ease, visibility 180ms ease;
  z-index: 70;
}


@media (min-width: 561px) {
  .mediafilm_header::after {
    display: none;
  }
}

.mediafilm_header--sticky .mediafilm_header__bg {
  background: rgba(0,0,0,0.78);
  backdrop-filter: blur(10px);
  box-shadow: 0 12px 35px rgba(0,0,0,.45);
}

body[data-theme="light"] .mediafilm_header--sticky .mediafilm_header__bg {
  background: rgba(255,255,255,0.78);
}

.mediafilm_header__inner {
  position: relative;
  height: 100%;
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 16px;
  display: grid;
  grid-template-columns: auto auto 1fr auto;
  align-items: center;
  gap: 14px;
  min-width: 0;
}
.mediafilm_btn.mediafilm_btn--icon.mediafilm_btn--icon-notify-mobile{
	display: none!important;
}
.mediafilm_header__inner__brand{
	display: flex;
	justify-content: center;
	gap: 8px;
}
.mediafilm_brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: inherit;
  min-width: 0;
  flex-shrink: 0;
}

.mediafilm_brand__mark {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: none;
  border: none;
  display: grid;
  place-items: center;
  color: var(--color-accent-primary);
  flex-shrink: 0;
}

.mediafilm_brand__text {
  font-family: 'arshia';
  font-weight: 800;
  font-size: clamp(28px, 3vw, 45px);
  line-height: 1;
  white-space: nowrap;
}

.mediafilm_nav {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  flex-wrap: wrap;
}

.mediafilm_nav__link {
  color: var(--color-text-primary);
  font-weight: 600;
  font-size: 14px;
  padding: 10px 12px;
  border-radius: 12px;
  transition: color 180ms ease, background-color 180ms ease;
  white-space: nowrap;
  display: inline-flex;
  gap: 4px;
  align-items: center;
}

.mediafilm_nav__link:hover {
  color: var(--color-text-primary);
  background: rgba(255,255,255,.06);
}

body[data-theme="light"] .mediafilm_nav__link:hover {
  background: rgba(17,19,24,.06);
}

.mediafilm_header__actions {
  display: flex;
  align-items: center;
  justify-self: end;
  gap: 10px;
  min-width: 0;
  max-width: 100%;
}
.mediafilm_search_mob_box{
	position: relative;
	display: none;
}
.mediafilm_searchToggle {
  display: none;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  border: 1px solid var(--color-overlay-white-black-dark);
  background: var(--color-overlay-white-black-dark);
  color: var(--color-text-primary);
  cursor: pointer;
  transition: transform 140ms ease, background-color 180ms ease, border-color 180ms ease;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}


.mediafilm_searchToggle:hover {
  background: rgba(255,255,255,.15);
  border-color: rgba(255,255,255,.20);
}

body[data-theme="light"] .mediafilm_searchToggle:hover {
  background: rgba(17,19,24,.08);
  border-color: rgba(17,19,24,.16);
}

.mediafilm_searchToggle:active {
  transform: scale(0.98);
}

.mediafilm_searchDropdown {
  display: contents;
}

.mediafilm_search {
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(0,0,0,0.05);
  border: 1px solid var(--color-overlay-white-black-dark);
  border-radius: 16px;
  padding: 7px 10px;
  width: min(100%, 360px);
  min-width: 0;
  flex: 1 1 260px;
  transition: border-color 180ms ease, background-color 180ms ease;
}


.mediafilm_search:focus-within {
  border-color: rgba(255,187,51,.45);
  background: rgba(255,187,51,.08);
}

.mediafilm_search__label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

.mediafilm_search__input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--color-text-primary);
  font-size: 14px;
  font-weight: 600;
  font-family: inherit;
}

.mediafilm_search__input::placeholder {
  color: var(--color-text-primary);
  font-weight: 600;
  font-family: 'Est';
}

.mediafilm_search__btn {
  width: 34px;
  height: 34px;
  min-width: 34px;
  border-radius: 12px;
  border: 0;
  background:var(--color-overlay-white-black-dark);
  color: var(--color-text-primary);
  cursor: pointer;
  display: grid;
  place-items: center;
  transition: transform 140ms ease, background-color 180ms ease;
  flex-shrink: 0;
}

.mediafilm_search__btn:hover {
  background: rgba(255,187,51,.18);
}

.mediafilm_search__btn:active {
  transform: scale(0.98);
}

.mediafilm_search__icon {
  width: 25px;
  height: 20px;
  text-align: center;
}

.mediafilm_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 14px;
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid var(--color-overlay-white-black-dark);
  color: #111;
  transition: transform 140ms ease, background-color 180ms ease, border-color 180ms ease;
  background: rgba(255,255,255,.06);
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
}


.mediafilm_btn:active {
  transform: scale(0.98);
}

.mediafilm_btn--primary {
  background: var(--gradient-accent-overlay-med);
  border-color: var(--color-overlay-white-black-dark);
}

.mediafilm_btn--primary:hover {
	opacity: 0.9;
}
.mediafilm_btn--download {
	display: none;
  padding: 4px 8px;
  border-radius: 8px;
  font-weight: 500;
  font-size: 13px;
  background: var(--color-overlay-white-black-dark);
  border: 1px solid var(--color-overlay-white-black-dark);
  color: var(--color-bg-primary);
}
.mediafilm_btn--icon {
  padding: 10px;
  background: var(--color-overlay-white-black-dark);
  border: 1px solid var(--color-overlay-white-black-dark);
  width: 46px;
  height: 46px;
}

.mediafilm_btn--icon:hover {
  background: var(--gradient-accent-overlay-med);
  border-color: var(--gradient-accent-overlay-dark)
}



.mediafilm_btn__icon {
	color: var(--color-bg-primary);
  width: 25px;
  height: 25px;
  display: block;
}

.mediafilm_theme-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.mediafilm_theme-toggle-input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.mediafilm_theme-toggle-switch {
  --h: 34px;
  --w: 64px;
  --pad: 3px;
  --radius: 999px;
  width: var(--w);
  height: var(--h);
  cursor: pointer;
  display: block;
  position: relative;
}

.mediafilm_theme-toggle-track {
  position: absolute;
  inset: 0;
  border-radius: var(--radius);
  background: var(--color-overlay-white-black);
  border: 1px solid var(--color-overlay-white-black-dark);
  box-shadow: 0 10px 25px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,0.08);
  transition: background 220ms ease, border-color 220ms ease;
}

body[data-theme="light"] .mediafilm_theme-toggle-track {
  background: rgba(17,19,24,.05);
  border-color: rgba(17,19,24,.10);
}

.mediafilm_theme-toggle-thumb {
  position: absolute;
  top: var(--pad);
  left: var(--pad);
  width: calc(var(--h) - var(--pad) * 2);
  height: calc(var(--h) - var(--pad) * 2);
  border-radius: 50%;
  background: var(--gradient-accent-primary);
  box-shadow: 0 12px 25px rgba(0,0,0,.30), 0 0 0 1px rgba(255,255,255,0.25), 0 0 22px rgba(124, 92, 255, 0.22);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: transform 260ms cubic-bezier(.2,.9,.25,1), box-shadow 220ms ease;
}

.mediafilm_theme-toggle-icon {
  position: absolute;
  font-size: 15px;
  line-height: 1;
  transition: transform 260ms cubic-bezier(.2,.9,.25,1), opacity 220ms ease;
  user-select: none;
}

.mediafilm_icon-moon {
  color: #4B5563;
  opacity: 1;
  transform: translateY(0);
}

.mediafilm_icon-sun {
  color:#4B5563;
  opacity: 0;
  transform: translateY(8px);
}

.mediafilm_theme-toggle-input:checked ~ .mediafilm_theme-toggle-switch .mediafilm_theme-toggle-thumb {
  transform: translateX(0);
}

.mediafilm_theme-toggle-input:checked ~ .mediafilm_theme-toggle-switch .mediafilm_icon-moon {
  opacity: 1;
  transform: translateY(0);
}

.mediafilm_theme-toggle-input:checked ~ .mediafilm_theme-toggle-switch .mediafilm_icon-sun {
  opacity: 0;
  transform: translateY(8px);
}

.mediafilm_theme-toggle-input:not(:checked) ~ .mediafilm_theme-toggle-switch .mediafilm_theme-toggle-thumb {
  transform: translateX(calc(64px - 34px));
  box-shadow: 0 12px 25px rgba(0,0,0,.20), 0 0 0 1px rgba(17,19,24,0.10), 0 0 22px rgba(255, 187, 51, 0.22);
}

.mediafilm_theme-toggle-input:not(:checked) ~ .mediafilm_theme-toggle-switch .mediafilm_theme-toggle-track {
  background: var(--color-overlay-dark);
  border-color:var(--color-overlay-dark);
}

.mediafilm_theme-toggle-input:not(:checked) ~ .mediafilm_theme-toggle-switch .mediafilm_icon-moon {
  opacity: 0;
  transform: translateY(-8px);
}

.mediafilm_theme-toggle-input:not(:checked) ~ .mediafilm_theme-toggle-switch .mediafilm_icon-sun {
  opacity: 1;
  transform: translateY(0);
}

.mediafilm_theme-toggle-input:focus-visible ~ .mediafilm_theme-toggle-switch {
  outline: 2px solid rgba(255,187,51,.45);
  outline-offset: 6px;
  border-radius: 999px;
}
/**********search-dropdown*****************/
.mediafilm_searchDropdown_des{
	position: relative;
}

.mediafilm_dropdown{
	display: none;
	position: absolute;
	max-width: 260px;
	top: 100%;
	left: 0;
	width: 100%;
	background: var(--color-bg-primary);
	border: 1px solid var(--color-overlay-white-black);
	border-radius: 6px;
	margin-top: 6px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
	z-index: 10;
}

.mediafilm_dropdown ul{
	list-style: none;
	padding: 10px;
	margin: 0;
	margin-top: 0.5rem;
}

.mediafilm_dropdown li{
	margin-bottom: .5rem;
	padding-bottom: .5rem;
	border-bottom: 1px solid var(--color-overlay-white-black);
	cursor: pointer;
}
.mediafilm_dropdown li:last-child{
	border-bottom: none;
}
.mediafilm_dropdown li a{
	display: flex;
	align-items: center;
	gap: 1rem;
	color: var(--color-text-primary);
}
.mediafilm_dropdown li a .mediafilm_dropdown_cover {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  overflow: hidden;
  border-radius: 0.5rem;
}
.mediafilm_dropdown li a .mediafilm_dropdown_des {
	-webkit-box-flex: 1 !important;
	-ms-flex: 1 1 auto !important;
	flex: 1 1 auto !important;
	overflow: hidden !important;
}
.mediafilm_dropdown li a .mediafilm_dropdown_tlt {
	font-size: 16px;
	font-weight: 500;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin: 0;
}
.mediafilm_dropdown_subtlt{
	font-size: 13px;
	color: var(--color-text-secondary);
}
.mediafilm_dropdown.show{
	display:block;
}
.mediafilm_dropdown_badge{
	display: inline-flex;
	gap: 10px;
	align-items: center;
	font-family: 'sans-serif';
	font-size: 13px;
	justify-content: center;
	margin-top: 0.5rem;
}
/****************************************/
/**********search-mob-dropdown*****************/
.mediafilm_searchDropdown_mob{
	display: none;
	position: relative;
}
.mediafilm_searchDropdown_mob{
    opacity:0;
    pointer-events:none;
    transition:.25s;
}

.mediafilm_header--search-open .mediafilm_searchDropdown_mob{
    opacity: 1;
	pointer-events: auto;
	display: block;
	position: fixed;
	top: calc(var(--header-height) + 5px);
	margin: 0 auto;
	left: 50%;
	transform: translateX(-50%);
	padding: 20px;
	width: 90%;
	background-color: var(--color-bg-primary);
	border-radius: 16px;
}
.mediafilm_dropdown_mob{
	display: none;
	position: absolute;
	max-width: 260px;
	top: calc(100% - 5px);
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	background: var(--color-bg-primary);
	border: 1px solid var(--color-overlay-white-black);
	border-radius: 6px;
	margin-top: 6px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
	z-index: 10;
}

.mediafilm_dropdown_mob ul{
	list-style: none;
	padding: 10px;
	margin: 0;
	margin-top: 0.5rem;
}

.mediafilm_dropdown_mob li{
	margin-bottom: .5rem;
	padding-bottom: .5rem;
	border-bottom: 1px solid var(--color-overlay-white-black);
	cursor: pointer;
}
.mediafilm_dropdown_mob li:last-child{
	border-bottom: none;
}
.mediafilm_dropdown_mob li a{
	display: flex;
	align-items: center;
	gap: 1rem;
	color: var(--color-text-primary);
}
.mediafilm_dropdown_mob li a .mediafilm_dropdown_cover {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  overflow: hidden;
  border-radius: 0.5rem;
}
.mediafilm_dropdown_mob li a .mediafilm_dropdown_des {
	-webkit-box-flex: 1 !important;
	-ms-flex: 1 1 auto !important;
	flex: 1 1 auto !important;
	overflow: hidden !important;
}
.mediafilm_dropdown_mob li a .mediafilm_dropdown_tlt {
	font-size: 16px;
	font-weight: 500;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin: 0;
}
.mediafilm_dropdown_mob.show{
	display:block;
}
.mediafilm_search_mob {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--color-overlay-white-black);
  border: 1px solid var(--color-overlay-white-black-dark);
  border-radius: 16px;
  padding: 7px 10px;
  width: min(100%, 360px);
  min-width: 0;
  flex: 1 1 260px;
  transition: border-color 180ms ease, background-color 180ms ease;
}


.mediafilm_search_mob:focus-within {
  border-color: rgba(255,187,51,.45);
  background: rgba(255,187,51,.08);
}

.mediafilm_search__label_mob {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

.mediafilm_search__input_mob {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--color-text-primary);
  font-size: 14px;
  font-weight: 600;
  font-family: inherit;
}

.mediafilm_search__input_mob::placeholder {
  color: var(--color-text-primary);
  font-weight: 600;
  font-family: 'Est';
}

.mediafilm_search__btn_mob {
  width: 34px;
  height: 34px;
  min-width: 34px;
  border-radius: 12px;
  border: 0;
  background:var(--color-overlay-white-black-dark);
  color: var(--color-text-primary);
  cursor: pointer;
  display: grid;
  place-items: center;
  transition: transform 140ms ease, background-color 180ms ease;
  flex-shrink: 0;
}

.mediafilm_search__btn_mob:hover {
  background: rgba(255,187,51,.18);
}

.mediafilm_search__btn_mob:active {
  transform: scale(0.98);
}

.mediafilm_search__icon_mob {
  width: 25px;
  height: 20px;
  text-align: center;
}
/****************************************/
/**************header mega menu**********/
.mediafilm_megamenu{
	position: relative;
}

.mediafilm_megamenu__toggle{
	border: 0;
	background: transparent;
}

.mediafilm_megamenu__content{
	position: absolute;
	top: calc(100% + 18px);
	right: 0;

	width: 1000px;
	min-height: 160px;

	display: grid;
	grid-template-columns: 240px 1fr;

	background: rgba(20,20,24,.96);
	backdrop-filter: blur(20px);

	border: 1px solid var(--color-overlay-white-black);

	border-radius: 24px;

	box-shadow: 0 20px 60px rgba(0,0,0,.45);

	overflow: hidden;

	opacity: 0;
	visibility: hidden;
	transform: translateY(14px);

	transition:
		opacity .25s ease,
		transform .25s ease,
		visibility .25s ease;

	z-index: 100;
}

body[data-theme="light"] .mediafilm_megamenu__content{
	background: rgba(255,255,255,.97);
}

/* open states */
.mediafilm_megamenu:hover .mediafilm_megamenu__content,
.mediafilm_megamenu.active .mediafilm_megamenu__content{
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

/* sidebar */
.mediafilm_megamenu__sidebar{
	padding: 18px;
	border-left: 1px solid var(--color-overlay-white-black);

	display: flex;
	flex-direction: column;
	gap: 10px;

	background: rgba(255,255,255,.02);
}

.mediafilm_megamenu__category{
	width: 100%;
	border: 0;

	padding: 14px 16px;

	border-radius: 16px;

	background: transparent;

	color: var(--color-text-secondary);

	font-size: 15px;
	font-weight: 700;

	text-align: right;

	transition: .2s;
}

.mediafilm_megamenu__category:hover,
.mediafilm_megamenu__category.active{
	background: var(--gradient-accent-overlay);
	color: var(--color-accent-primary);
}

/* right side */
.mediafilm_megamenu__panels{
	position: relative;
	padding: 28px;
}

.mediafilm_megamenu__panel{
	display: none;
	gap: 24px;
}

.mediafilm_megamenu__panel.active{
	display: grid;
	animation: mediafilmMegaFade .25s ease;
}

@keyframes mediafilmMegaFade{
	from{
		opacity: 0;
		transform: translateY(10px);
	}
	to{
		opacity: 1;
		transform: translateY(0);
	}
}
.mediafilm_megamenu__list{
	-webkit-column-gap: .75rem;
	-moz-column-gap: .75rem;
	column-gap: .75rem;
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
	margin: 0;
	padding: 0;
	list-style: none;
}
.mediafilm_megamenu__list li, .mediafilm_megamenu__list_mob li {
	gap: .5rem;
	color: var(--color-text-secondary);
	margin-bottom: 1rem;
	display: flex;
	align-items: center;
}
.mediafilm_megamenu__list li::before, .mediafilm_megamenu__list_mob li::before  {
	content: "";
	width: 2px;
	height: 15px;
	-webkit-border-start: 1px solid  currentColor;
	border-inline-start: 1px solid currentColor;
}
.mediafilm_megamenu__list li a, .mediafilm_megamenu__list_mob li a{
	padding: 4px 0px;
	border-radius: 12px;
	color: var(--color-text-secondary);
	font-size: 15px;
	line-height: 1.5;
	font-weight: 600;
	transition: .2s;
}
.mediafilm_megamenu__list_mob li a{
	font-size: 13px;
}
.mediafilm_megamenu__list li:hover a, .mediafilm_megamenu__list li:hover, .mediafilm_megamenu__list_mob li:hover a, .mediafilm_megamenu__list_mob li:hover{
	color: var(--color-accent-primary);
}

body[data-theme="light"] .mediafilm_megamenu__list li:hover a, body[data-theme="light"] .mediafilm_megamenu__list_mob li:hover a{
	color: var(--color-accent-primary-dark);
}
.mediafilm_megamenu__list_mob{
	display: none;
	webkit-column-gap: .75rem;
	-moz-column-gap: .75rem;
	column-gap: .75rem;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	margin: 0;
	padding: 0;
	list-style: none;
}
.mediafilm_megamenu__list_mob.active{
	display: block;
}
/* responsive */
@media (max-width: 1100px){

	.mediafilm_megamenu__content{
		width: 95vw;
		right: 50%;
		transform: translateX(50%) translateY(14px);
	}

	.mediafilm_megamenu:hover .mediafilm_megamenu__content,
	.mediafilm_megamenu.active .mediafilm_megamenu__content{
		transform: translateX(50%) translateY(0);
	}
}

@media (max-width: 768px){

	.mediafilm_megamenu__content{
		grid-template-columns: 1fr;
		min-height: auto;
	}

	.mediafilm_megamenu__sidebar{
		border-left: 0;
		border-bottom: 1px solid var(--color-overlay-white-black);
	}

	.mediafilm_megamenu__panel{
		grid-template-columns: 1fr;
	}
}

/****************************************/
/* --- Mobile Navigation --- */
.mediafilm_mobileNav {
  display: none; /* Hidden by default */
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: var(--mobile-nav-height);
  background: rgba(0,0,0,.92);
  backdrop-filter: blur(12px);
  border-top: 1px solid rgba(255,255,255,.08);
  display: flex;
  overflow:hidden;
  justify-content: space-around;
  align-items: center;
  z-index: 100; /* Above everything else */
  transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease;
  opacity: 0;
  visibility: hidden;
  transform: translateY(100%); /* Start off-screen */
}

body[data-theme="light"] .mediafilm_mobileNav {
  background: rgba(255,255,255,.96);
  border-top-color: rgba(17,19,24,.08);
}

.mediafilm_mobileNav__item {
  font-size: 12px;
  font-weight: 700;
  color: var(--color-text-secondary);
  text-align: center;
  padding: 10px 5px; /* Added padding for better touch targets */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-grow: 1; /* Distribute space */
  cursor: pointer; /* Indicate it's clickable */
}

.mediafilm_mobileNav__item:hover {
  color: var(--color-accent-primary);
}

.mediafilm_mobileNav__item.active {
  color: var(--color-accent-primary);
}

.mediafilm_sideOverlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 220ms ease, visibility 220ms ease;
  z-index: 119;
}

.mediafilm_sidePanel {
  position: fixed;
  top: 0;
  right: 0;
  width: min(360px, 86vw);
  height: 100vh;
  padding-bottom: 4rem;
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  box-shadow: var(--shadow-card);
  transform: translateX(100%);
  transition: transform 260ms ease;
  z-index: 120;
  display: flex;
  flex-direction: column;
  border-left: 1px solid rgba(255,255,255,.08);
}

body[data-theme="light"] .mediafilm_sidePanel {
  border-left-color: rgba(17,19,24,.08);
}

.mediafilm_sidePanel--open {
  transform: translateX(0);
}

.mediafilm_sideOverlay--open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.mediafilm_sidePanel__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 16px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

body[data-theme="light"] .mediafilm_sidePanel__header {
  border-bottom-color: rgba(17,19,24,.08);
}

.mediafilm_sidePanel__title {
  margin: 0;
  font-size: 18px;
  font-weight: 800;
}

.mediafilm_sidePanel__close {
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 12px;
  background: rgba(255,255,255,.08);
  color: var(--color-text-primary);
  cursor: pointer;
  font-size: 18px;
  transition: background-color 180ms ease, transform 140ms ease;
}

body[data-theme="light"] .mediafilm_sidePanel__close {
  background: rgba(17,19,24,.06);
}

.mediafilm_sidePanel__close:hover {
  background: rgba(255,187,51,.18);
}

.mediafilm_sidePanel__close:active {
  transform: scale(0.98);
}

.mediafilm_sidePanel__body {
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow-y: auto;
}

.mediafilm_sidePanel__link {
  display: block;
  padding: 12px 14px;
  border-radius: 12px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.06);
  color: var(--color-text-primary);
  font-weight: 700;
  text-align: right;
  transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease;
}

body[data-theme="light"] .mediafilm_sidePanel__link {
  background: rgba(17,19,24,.03);
  border-color: rgba(17,19,24,.08);
}
.mediafilm_sidePanel__link.active{
	color: var(--color-accent-primary);
	border-color: var(--color-accent-primary);
	box-shadow: 0 4px 3px rgba(255, 187, 51, 0.411);
}
body[data-theme="light"] .mediafilm_sidePanel__link.active {
  color: var(--color-accent-primary-dark);
  border-color: var(--color-accent-primary-dark);
	box-shadow: 0 4px 3px rgba(255, 187, 51, 0.411);
}
body.mediafilm_sidePanel-open {
  overflow: hidden;
}

@media (max-width: 1280px) {
  .mediafilm_header__inner {
    grid-template-columns: auto 1fr auto;
  }

  .mediafilm_nav {
    gap: 4px;
  }
	.mediafilm_searchDropdown_des{
		display: none;
	}
  .mediafilm_nav__link {
    padding: 10px 10px;
    font-size: 13px;
  }

  .mediafilm_search {
    width: min(100%, 300px);
  }

  .mediafilm_btn--primary {
    padding-inline: 12px;
  }
}

@media (max-width: 1300px) {
  .mediafilm_header__inner {
    gap: 10px;
  }

  .mediafilm_brand__text {
    font-size: clamp(24px, 2.4vw, 34px);
  }

  .mediafilm_search {
    width: min(100%, 240px);
    flex-basis: 220px;
  }

  .mediafilm_theme-toggle-switch {
    --w: 58px;
    --h: 32px;
  }

  .mediafilm_theme-toggle-input:not(:checked) ~ .mediafilm_theme-toggle-switch .mediafilm_theme-toggle-thumb {
    transform: translateX(calc(58px - 32px));
  }
  :root {
    --header-height: 68px;
  }

  .mediafilm_header__inner {
    grid-template-columns: auto 1fr auto;
    padding: 0 14px;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
  }

  .mediafilm_nav {
    position: fixed;
    top: var(--header-height);
    right: 0;
    left: 0;
    margin: 0;
    padding: 14px;
    background: rgba(0, 0, 0, 0.88);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    transform: translateY(-8px);
    opacity: 0;
    pointer-events: none;
    transition: opacity 200ms ease, transform 200ms ease;
    z-index: 49;
  }

  body[data-theme="light"] .mediafilm_nav {
    background: rgba(255, 255, 255, 0.94);
    border-bottom-color: rgba(17, 19, 24, 0.08);
  }

  .mediafilm_nav--open {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }

  .mediafilm_nav__link {
    padding: 12px;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.08);
    color: var(--color-text-primary);
  }

  body[data-theme="light"] .mediafilm_nav__link {
    background: rgba(17,19,24,.03);
    border-color: rgba(17,19,24,.08);
  }

  .mediafilm_brand__text {
    display: inline; /* keep brand text */
    font-size: clamp(20px, 3vw, 28px);
  }

  .mediafilm_header__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    width: 100%;
  }

  .mediafilm_search {
    position: static;
    flex: 1 1 auto;
    max-width: 240px;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  .mediafilm_btn--primary {
    padding: 10px 14px;
    font-size: 13px;
  }

  .mediafilm_theme-toggle {
    display: flex;
  }
   body {
    padding-bottom: var(--mobile-nav-height);
  }
  :root {
    --header-height: 64px;
  }

  .mediafilm_header__inner {
    padding: 0 10px;
    gap: 6px;
  }
	.mediafilm_btn.mediafilm_btn--icon.mediafilm_btn--icon-notify-desk{
	
	}
	.mediafilm_btn.mediafilm_btn--icon.mediafilm_btn--icon-notify-mobile{
		display: inline-flex!important;
	}
  .mediafilm_brand__mark {
    width: 32px;
    height: 32px;
    border-radius: 10px;
  }

  .mediafilm_btn--icon {
    border-radius: 8px;
    width: 30px;
    height: 30px;
	padding: 4px;
  }

  .mediafilm_header__actions {
    flex-wrap: wrap;
    justify-content: flex-end;
    row-gap: 6px;
  }
	.mediafilm_btn--download {
		display: inline-flex;
	}
  .mediafilm_searchToggle {
    display: inline-flex;
	width: 30px;
	height: 30px;
	padding: 4px;
  }
	.mediafilm_search_mob_box{
		display: inline-flex;
	}
  .mediafilm_searchDropdown {
    position: fixed;
    top: calc(var(--header-height) + 8px);
    right: 10px;
    left: 10px;
    z-index: 80;
    padding: 10px;
    border-radius: 16px;
    background: rgba(0,0,0,.92);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: var(--shadow-card);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-10px);
    transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease;
  }

  body[data-theme="light"] .mediafilm_searchDropdown {
    background: rgba(255,255,255,.96);
    border-color: rgba(17,19,24,.08);
  }

  .mediafilm_searchDropdown .mediafilm_search {
    width: 100%;
    max-width: none;
    flex: 0 0 auto;
    position: static;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
    margin: 0;
  }

  .mediafilm_header--search-open .mediafilm_searchDropdown {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
  }
	.mediafilm_header__actions > .mediafilm_searchDropdown {
		display: block;
	}

	.mediafilm_header__actions > .mediafilm_searchDropdown > .mediafilm_search {
		display: none;
	}

  .mediafilm_btn--primary {
    display: none;
    padding: 8px 12px;
    font-size: 12px;
  }

  .mediafilm_theme-toggle-switch {
    --w: 48px;
    --h: 28px;
  }

  .mediafilm_theme-toggle-input:not(:checked)
  ~ .mediafilm_theme-toggle-switch .mediafilm_theme-toggle-thumb {
    transform: translateX(calc(48px - 28px));
  }
.mediafilm_mobileNav {
    display: flex;
	  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  }
}

@media (max-width: 420px) {
  .mediafilm_header__inner {
    gap: 6px;
    grid-template-columns: auto 1fr auto;
  }

  .mediafilm_theme-toggle {
    display: flex; /* keep always visible */
  }

  .mediafilm_nav {
    padding: 12px;
  }

  .mediafilm_search {
    max-width: 180px;
  }

  .mediafilm_brand__text {
    font-size: 18px;
  }

  .mediafilm_btn--primary {
	  display: none;
    padding: 7px 10px;
    font-size: 11.5px;
  }
}
/* =========================
   HERO
========================= */
.mediafilm_hero_overlay,
.mediafilm_hero_overlay_bottom,
.mediafilm_hero_glow, .mediafilm_hero_inner {
  pointer-events: none;
}
.mediafilm_hero {
  position: relative;
  min-height: max(760px, 96vh);
  overflow: clip;
  display: flex;
  align-items: stretch;
  padding-top: var(--header-height);
  background: var(--color-bg-primary);
  isolation: isolate;
}

/* BACKGROUND */
.mediafilm_hero_background {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
}

.mediafilm_hero_background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  filter: saturate(.96) contrast(1.04) brightness(.96);
  transform: scale(1.03);
}
.mediafilm_hero_play_online_icon{
	color: #fff;
	font-size: 29px;
	background: rgb(255 255 255 / 20%);
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 0;
	backdrop-filter: blur(5px);
	transition: all .2s;
	right: calc(50%);
	left: auto;
	top: 20%;
	width: 80px;
	height: 80px;
	border: none;
	outline: none;
	z-index: 9999;
	position: absolute;
	border-radius: 50%;
	inset-inline-start: 20%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: rgba(255,255,255,.15);
}

/* =========================
   HERO BACKGROUND SLIDER
========================= */
.mediafilm_hero_background {
	cursor: grab;
	user-select: none;
}

.mediafilm_hero_background.is-dragging {
	cursor: grabbing;
}

.mediafilm_hero_background img {
	pointer-events: none;
	user-drag: none;
	-webkit-user-drag: none;
}

.mediafilm_hero_slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 900ms ease;
  z-index: 0;
}

.mediafilm_hero_slide.is-active {
  opacity: 1;
  z-index: 1;
}

.mediafilm_hero_slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position:  50% 20%;
  transform: scale(1);
  transition: transform 6s ease;
}

.mediafilm_hero_slide.is-active img {
  transform: scale(1.02); /* subtle cinematic zoom */
}

/* =========================
   HERO DOTS
========================= */

.mediafilm_hero_dots {
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  z-index: 5;
}

.mediafilm_hero_dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(255,255,255,.4);
  cursor: pointer;
  transition: all 300ms ease;
}

.mediafilm_hero_dot.is-active {
  width: 26px;
  border-radius: 999px;
  background: var(--color-accent-primary);
}
.mediafilm_hero_slider_nav{
	position: absolute;
	transform: translateX(-50%);
	background: var(--color-overlay-white-black);
	border: none;
	padding: 10px;
	border-radius: 8px;
	color: var(--color-text-primary);
	height: 80px;
	z-index: 15;
}
.mediafilm_hero_slider_nav.mediafilm_hero_slider_next{
    bottom: 50%;
	left: 2rem;
	right: auto;
}
.mediafilm_hero_slider_nav.mediafilm_hero_slider_prev{
    bottom: 50%;
	right: -10px;
	left: auto;
}

.mediafilm_hero_slider_play{
    justify-items: center;
	position: absolute;
	transform: translateX(-50%);
	background: var(--color-overlay-white-black);
	border: none;
	border-radius: 50px;
	color: var(--color-text-primary);
	height: 80px;
	width: 80px;
	z-index: 15;
	bottom: calc(50% - 20px);
	left: 50%;
}
.mediafilm_hero_slider_play svg{
	width: 40px!important;
	height: 40px!important;
}
	
/* =========================
   HERO THUMBNAIL STRIP
========================= */

.mediafilm_hero_thumbs {
  position: absolute;
  bottom: 15%;
  left: 20%;
  transform: translateX(-50%);
  display: flex;
  gap: 14px;
  z-index: 6;
  padding: 10px 14px;
  border-radius: 20px;
}

.mediafilm_hero_thumb {
  width: 180px;
  height: 280px;
  min-width: 180px;
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
  opacity: .56;
  transform: scale(.92);
  transition: opacity 250ms ease, transform 250ms ease, border-color 250ms ease;
  border: 2px solid transparent;
}

.mediafilm_hero_thumb:hover {
  opacity: .9;
  transform: scale(.98);
}

.mediafilm_hero_thumb.is-active {
  opacity: 1;
  transform: scale(1.06);
  border-color: var(--color-accent-primary);
  box-shadow: 0 0 18px rgba(255,187,51,.42);
}

.mediafilm_hero_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mediafilm_hero_overlay {
   position: absolute;
  inset: 0;
  pointer-events: none;
  background:linear-gradient( to right, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.0) 28% ), linear-gradient( to bottom, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.0) 30%);
  z-index: 4;
    transform: scale(1.03);
}

.mediafilm_hero_overlay_bottom {
  position: absolute;
  inset: auto 0 0 0;
  height: 40%;
    transform: scale(1.03);
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,0.4) 35%,
    rgba(0,0,0,0.75) 65%,
    rgba(0,0,0,0.95) 85%,
    var(--color-bg-primary) 100%
  );
  z-index: 5;
}

.mediafilm_hero_glow {
  position: absolute;
  inset: auto auto 12% 6%;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(255, 187, 51, 0.16) 0%,
    rgba(255, 187, 51, 0.07) 38%,
    rgba(255, 187, 51, 0) 74%
  );
  filter: blur(20px);
  pointer-events: none;
}
.mediafilm_hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 180px;
  background: linear-gradient(
    180deg,
    rgba(0,0,0,0) 0%,
    var(--color-bg-primary) 100%
  );
  z-index: 2;
  pointer-events: none;
}
.mediafilm_hero_inner {
    bottom: 15%;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    z-index: 3;
    width: max-content;
    padding: 0 5px;
}
.mediafilm_hero_content {
  min-width: 480px;
  color: var(--color-text-primary);
  padding: 30px;
  border-radius: calc(var(--radius-md) + 8px);
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.08),
      rgba(255,255,255,.03)
    );
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: var(--shadow-card);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.mediafilm_hero_badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  margin-bottom: 14px;
  border-radius: 999px;
  background: var(--gradient-accent-overlay);
  border: 1px solid var(--color-accent-primary-dark);
  color: var(--color-accent-primary);
  font-size: 13px;
  font-weight: 800;
  box-shadow: 0 8px 22px var(--color-accent-overlay);
  font-family: 'Est';
}
body[data-theme="light"] .mediafilm_hero_badge{
	background: #ffc108c9;
	color: #342910;
}
.mediafilm_hero_title {
  font-size: 20px;
  color: #fff;
  text-align: center;
}

.mediafilm_hero_meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  color: var(--color-text-secondary);
  font-size: 14px;
  font-weight: 700;
}

.mediafilm_hero_metaItem {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
}

.mediafilm_hero_metaItem--rating {
	font-family: 'sans-serif';
	font-size: 14px;
	font-weight: 600;
  color: var(--color-accent-primary);
}
body[data-theme="light"] .mediafilm_hero_metaItem--rating {
  color: #111;
}
.mediafilm_hero_metaDot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgba(255,255,255,.24);
  flex: 0 0 auto;
}

body[data-theme="light"] .mediafilm_hero_metaDot {
  background: rgba(17,19,24,.20);
}

.mediafilm_hero_description {
  margin: 0 0 24px;
  max-width: 58ch;
  font-size: 16px;
  line-height: 1.95;
  color: var(--color-text-secondary);
}

.mediafilm_hero_buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.mediafilm_btn--hero-primary,
.mediafilm_btn--hero-secondary {
  min-height: 47px;
  padding-inline: 20px;
  border-radius: 12px;
  font-size: 14px;
}

.mediafilm_btn--hero-primary {
  background: linear-gradient(
    135deg,
    rgba(255,187,51,.26),
    rgba(216,154,34,.16)
  );
  border-color: rgba(255,187,51,.45);
  color: var(--color-text-primary);
  box-shadow: 0 14px 28px rgba(255,187,51,.14);
}

.mediafilm_btn--hero-primary:hover {
  background: linear-gradient(
    135deg,
    rgba(255,187,51,.34),
    rgba(216,154,34,.20)
  );
  border-color: rgba(255,187,51,.60);
}

.mediafilm_btn--hero-secondary {
	color: var(--color-text-primary);
  background: var(--color-overlay-white-black);
  border-color:var(--color-overlay-white-black-dark);
}
body[data-theme="light"] .mediafilm_btn--hero-secondary {
	color: var(--color-text-primary);
	background: rgba(255, 255, 255, 0.88);
	border-color:var(--color-overlay-white-black-dark);
}
.mediafilm_btn--hero-secondary:hover {
  opacity: 0.95;
}

.mediafilm_hero_quickInfo {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.mediafilm_hero_quickChip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  color: var(--color-text-secondary);
  font-size: 13px;
  font-weight: 700;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

body[data-theme="light"] .mediafilm_hero_quickChip {
  background: rgba(255,255,255,.44);
  border-color: rgba(17,19,24,.08);
}

/* =========================
   HERO TOP SLIDER
========================= */
.mediafilm_hero_slider {
  position: relative;
  z-index: 4;
  max-width: var(--container);
  margin: 20px auto 0 auto;
}

.mediafilm_hero_slider__head,
.mediafilm_content_section__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 2px;
}

.mediafilm_section_title {
  margin: 0;
  font-size: 22px;
  font-weight: 800;
  color: var(--color-text-primary);
}

.mediafilm_hero_slider__more {
  color: var(--color-accent-primary);
  font-size: 14px;
  font-weight: 800;
  transition: opacity 180ms ease;
}

.mediafilm_hero_slider__more:hover {
  opacity: .82;
}

.mediafilm_slider_row {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  padding-bottom: 8px;
   scroll-behavior: smooth;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x proximity;
  padding-top: 7px;
}
.mediafilm_slider_row {
  cursor: grab;
}

.mediafilm_slider_row.dragging {
  cursor: grabbing;
  scroll-behavior: auto;
  touch-action: pan-y;
}

.mediafilm_slider_row::-webkit-scrollbar {
  display: none;
}
.mediafilm_slider_wrap {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
}

.mediafilm_slider_row--js {
  display: flex;
  gap: 16px;
  overflow: hidden;
  scroll-behavior: smooth;
  cursor: grab;
  user-select: none;
  -ms-overflow-style: none;
  scrollbar-width: none;
  width: 100%;
}

.mediafilm_slider_row--js::-webkit-scrollbar {
  display: none;
}

.mediafilm_slider_row--js.dragging {
  cursor: grabbing;
  scroll-behavior: auto;
}

.mediafilm_slider_row--js > * {
  flex: 0 0 auto;
}

.mediafilm_slider_nav {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  border: none;
  border-radius: 50%;
  background: rgba(255,255,255,.12);
  color: #fff;
  font-size: 28px;
  cursor: pointer;
  transition: .2s ease;
  z-index: 2;
  position: absolute;
}

.mediafilm_slider_nav:hover {
  background: rgba(255,255,255,.22);
}
.mediafilm_slider_nav.mediafilm_slider_prev{
    bottom: calc(50% + 20px);
	right: 10px;
}
.mediafilm_slider_nav.mediafilm_slider_next{
    bottom: calc(50% + 20px);
	left: 10px;
}

/* POSTER CARD */
.mediafilm_slider_card {
  scroll-snap-align: start;
  border-radius: calc(var(--radius-md) + 4px);
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)),
    var(--color-bg-elevated);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: var(--shadow-card);
  transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
  cursor: pointer;
}
.mediafilm_slider_card,
.mediafilm_landscape_card {
  flex: 0 0 auto;
}
body[data-theme="light"] .mediafilm_slider_card {
  border-color: rgba(17,19,24,.08);
}

.mediafilm_slider_card:hover {
  transform: translateY(-6px);
  border-color: rgba(255,187,51,.26);
}

.mediafilm_slider_card__posterWrap {
  position: relative;
  aspect-ratio: 2 / 3;
  overflow: unset;
}
.mediafilm_post_list_series .mediafilm_slider_card__posterWrap{
  position: relative;
  aspect-ratio: 2 / 3;
  overflow: visible;
  border-radius: var(--radius-md);
}
.mediafilm_post_list_series .mediafilm_slider_card__posterWrap::before,
.mediafilm_post_list_series .mediafilm_slider_card__posterWrap::after {
  content:"";
  position:absolute;
  inset:0;
  border-radius: inherit;
  background-image: inherit;
  background-size: cover;
  background-position: center;
  z-index:-1;
  transition: transform 260ms ease, opacity 260ms ease;
}
.mediafilm_post_list_series .mediafilm_slider_card__posterWrap::before{
  transform: translate(10px,10px) scale(.96);
  opacity:.6;
  filter: brightness(.85);
}
.mediafilm_post_list_series .mediafilm_slider_card__posterWrap::after{
  transform: translate(20px,20px) scale(.92);
  opacity:.4;
  filter: brightness(.7);
}
.mediafilm_post_list_series .mediafilm_slider_card__posterWrap::before{
  transform: translate(10px,10px) scale(.96) rotate(-2deg);
  filter: brightness(.85) blur(1px);
}
.mediafilm_post_list_series .mediafilm_slider_card__posterWrap::after{
  transform: translate(20px,20px) scale(.92) rotate(-4deg);
  filter: brightness(.7) blur(2px);
}

.mediafilm_slider_card__poster {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 320ms ease;
    pointer-events: none;
}
.mediafilm_slider_card__poster{
 border-radius: var(--radius-md);
}
.mediafilm_post_list_series .mediafilm_slider_card {
	overflow: visible;
}
.mediafilm_post_list_series .mediafilm_slider_card_slider {
	overflow: visible;
}
.mediafilm_post_list_series .mediafilm_slider_card__posterWrap::before,
.mediafilm_post_list_series .mediafilm_slider_card__posterWrap::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius: inherit;
  background-image: inherit;
  background-size: cover;
  background-position: center;
  z-index:-1;
  border: 1px solid var(--color-overlay-white-black-dark);
  border-bottom-color: var(--color-bg-primary);
  transition: transform 260ms ease, opacity 260ms ease;
}
.mediafilm_post_list_series .mediafilm_slider_card__posterWrap::before{
  transform: translate(0,-21px) scale(.92);
  opacity: 0.35;
  filter: brightness(.8);
}
.mediafilm_post_list_series .mediafilm_slider_card__posterWrap::after{
  transform: translate(0,-11px) scale(.96);
  opacity: 0.6;
  filter: brightness(.6);
}
body[data-theme="light"] .mediafilm_post_list_series .mediafilm_slider_card__posterWrap::before{
  opacity: 0.85;
}
body[data-theme="light"] .mediafilm_post_list_series .mediafilm_slider_card__posterWrap::after{
  opacity: 1;
}
.mediafilm_slider_card__badge {
  position: absolute;
  top: 18px;
  inset-inline-start: 5px;end
  min-width: 42px;
  height: auto;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(15,15,17,.72);
  border: 1px solid rgba(255,255,255,.10);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 500;
}

.mediafilm_slider_card__badge_rank {
  position: absolute;
  top: 18px;
  inset-inline-end: 5px;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: var(--color-accent-primary);
  border: 1px solid rgba(255,255,255,.10);
  color: #000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 500;
}

.mediafilm_slider_card__badge_imdb {
  position: absolute;
  bottom: -2px;
  inset-inline-start: 5px;
  min-width: 42px;
  height: auto;
  border-radius: 999px;
  background: rgba(15,15,17,.72);
  border: 1px solid rgba(255,255,255,.10);
  color: #fff;
  display: inline-flex;
  align-items: center;
  font-size: 10px;
  font-weight: 500;
}

.mediafilm_slider_card__badge_imdb img {
    height: 20px;
    width: 20px;
    padding: 2px;
    justify-self: center;
    display: flex;
    justify-content: center;
    margin-left: 2px;
}

.mediafilm_slider_card__badge_sub {
  position: absolute;
  bottom: -2px;
  inset-inline-end: 5px;
  min-width: 22px;
  min-height: 22px;
  height: auto;
  border-radius: 999px;
  background: rgba(15,15,17,.72);
  border: 1px solid rgba(255,255,255,.10);
}

.mediafilm_slider_card__badge_sub img {
    height: 20px;
    width: 20px;
    padding: 4px;
    justify-self: center;
    display: flex;
    justify-content: center;
}

.mediafilm_slider_card__badge_dub {
  position: absolute;
  bottom: -2px;
  inset-inline-end: 30px;
  min-width: 22px;
  min-height: 22px;
  height: auto;
  border-radius: 999px;
  background: rgba(15,15,17,.72);
  border: 1px solid rgba(255,255,255,.10);
}

.mediafilm_slider_card__badge_dub img {
    height: 20px;
    width: 20px;
    padding: 2px;
    justify-self: center;
    display: flex;
    justify-content: center;
}

.mediafilm_slider_card__poster.back__img {
    top: 0px;
    opacity: 0.2;
    padding: 0 10px;
    border-radius: 20px
}

.mediafilm_slider_card__poster.middle__img {
    top: 5px;
    opacity: 0.3;
    padding: 0 5px;
    border-radius: 10px
}

.mediafilm_slider_card__poster.front__img {
    top: 10px;
}

.mediafilm_slider_card__badge--voice{
	position: absolute;
	top: 12px;
	inset-inline-start: 12px;
	width: 42px;
	height: 42px;
	padding: 0 10px;
	border-radius: 999px;
	background: rgba(15,15,17,.72);
	border: 1px solid rgba(255,255,255,.10);
	color: var(--color-accent-primary);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 800;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}
.mediafilm_slider_card__badge--sub{
	position: absolute;
	top: 60px;
	inset-inline-start: 12px;
	min-width: 42px;
	height: 42px;
	padding: 0 10px;
	border-radius: 999px;
	background: rgba(15,15,17,.72);
	border: 1px solid rgba(255,255,255,.10);
	color: rgba(255,255,255,0.8);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 800;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}
.mediafilm_slider_card__body {
  padding-top: 13px;
}
.mediafilm_post_list_series .mediafilm_slider_card__body {
	position: relative;
	padding-top: 13px;
	background: var(--color-bg-primary);
	border-bottom-left-radius: calc(var(--radius-md) + 4px);
	border-bottom-right-radius: calc(var(--radius-md) + 4px);
	z-index: 2;
}

.mediafilm_post_list_series .mediafilm_slider_card:hover {
	transform: scaleY(1.03);
	border-color:rgba(255,255,255,.08);
}
.mediafilm_post_list_series .mediafilm_slider_card_slider:hover {
	transform: scaleY(1.03);
	border-color:rgba(255,255,255,.08);
}
body[data-theme="light"] .mediafilm_post_list_series .mediafilm_slider_card:hover {
	transform: scaleY(1.03);
	border-color: rgba(17,19,24,.08);
}
body[data-theme="light"] .mediafilm_post_list_series .mediafilm_slider_card_slider:hover {
	transform: scaleY(1.03);
	border-color: rgba(17,19,24,.08);
}
.mediafilm_post_list_series .mediafilm_slider_card:hover .mediafilm_slider_card__posterWrap {
	border-right: 1px solid var(--color-overlay-white-black);
}
.mediafilm_post_list_series .mediafilm_slider_card:hover .mediafilm_slider_card__body {
	transform: translate(0,0);
}
.mediafilm_post_list_series .mediafilm_slider_card_slider:hover .mediafilm_slider_card__posterWrap {
	border-right: 1px solid var(--color-overlay-white-black);
}
.mediafilm_post_list_series .mediafilm_slider_card_slider:hover .mediafilm_slider_card__body {
	transform: translate(0,0);
}
.mediafilm_slider_card__title {
  text-align: center;
  margin: 0 0 6px;
  font-size: 15px;
  font-weight: 800;
  color: var(--color-text-primary);
}

.mediafilm_slider_card__meta {
  margin: 0;
  font-size: 13px;
  color: var(--color-text-secondary);
}
/* POSTER CARD Index */
.mediafilm_slider_card_slider {
  min-width: 185px;
  width: 185px;
  scroll-snap-align: start;
  border-radius: calc(var(--radius-md) + 4px);
  overflow: hidden;
  transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
  cursor: pointer;
  max-height: fit-content;
}

.mediafilm_slider_card_slider a{
  flex-shrink:0;
  user-select:none;
  -webkit-user-drag:none;
}

.mediafilm_slider_card_slider,
.mediafilm_landscape_card {
  flex: 0 0 auto;
}
body[data-theme="light"] .mediafilm_slider_card_slider {
  border-color: rgba(17,19,24,.08);
}

.mediafilm_slider_card_slider:hover {
  transform: translateY(-6px);
  border-color: rgba(255,187,51,.26);
}

.mediafilm_slider_card_slider:hover .mediafilm_slider_card__poster {

}


/* =========================
   SECOND CONTENT SECTION
========================= */
.mediafilm_content_section {
  max-width: var(--container);
  margin: 20px auto 3rem auto;
}

.mediafilm_slider_row--compact {
  gap: 16px;
}

/* LANDSCAPE CARD */
.mediafilm_landscape_card {
  min-width: 360px;
  width: 360px;
  scroll-snap-align: start;
  border-radius: calc(var(--radius-md) + 4px);
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)),
    var(--color-bg-elevated);
  border: 1px solid var(--color-overlay-dark);
  box-shadow: var(--shadow-soft);
  transition: transform 220ms ease, border-color 220ms ease;
  cursor: pointer;
}

body[data-theme="light"] .mediafilm_landscape_card {
  border-color: rgba(17,19,24,.08);
}

.mediafilm_landscape_card:hover {
  transform: translateY(-4px);
  border-color: rgba(255,187,51,.22);
}

.mediafilm_landscape_card__thumbWrap {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: var(--color-bg-secondary);
}

.mediafilm_landscape_card__thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 300ms ease;
  pointer-events: none;
  object-position: top center;
}

.mediafilm_landscape_card:hover .mediafilm_landscape_card__thumb {
  transform: scale(1.03);
}

.mediafilm_landscape_card__body {
  padding: 14px 14px 16px;
}

.mediafilm_landscape_card__title {
  margin: 0 0 6px;
  font-size: 16px;
  font-weight: 800;
  color: var(--color-text-primary);
}

.mediafilm_landscape_card__meta {
  margin: 0 0 10px;
  font-size: 13px;
  color: var(--color-text-secondary);
}

.mediafilm_landscape_card__tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 10px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--color-accent-primary) 14%, transparent);
  border: 1px solid color-mix(in srgb, var(--color-accent-primary) 32%, transparent);
  color: var(--color-accent-primary);
  font-size: 12px;
  font-weight: 800;
}

/* =========================
   LIGHT MODE HERO TUNING
========================= */
body[data-theme="light"] .mediafilm_hero_overlay {
  background:linear-gradient( 90deg, rgba(255,255,255,0.86) 0%, rgba(255,255,255,0.32) 1%, rgba(255, 255, 255, 0.23) 12%, rgba(255,255,255,0.24) 100% );
}

body[data-theme="light"] .mediafilm_hero_overlay_bottom {
  background: linear-gradient(
    180deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.48) 44%,
    var(--color-bg-primary) 100%
  );
}

body[data-theme="light"] .mediafilm_hero_title {
  color: var(--color-text-primary);
  text-shadow: none;
}

body[data-theme="light"] .mediafilm_hero_description,
body[data-theme="light"] .mediafilm_hero_meta,
body[data-theme="light"] .mediafilm_hero_quickChip {
  color: color-mix(in srgb, var(--color-text-primary) 78%, transparent);
}



/* =========================
   MOBILE / PANEL REMOVED
========================= */
@media (max-width: 1400px) {
  .mediafilm_hero {
    min-height: 76vh;
  }
	.mediafilm_hero_thumbs {
		display: none;
	}
	.mediafilm_hero_dots{
		display: flex;
	}
  .mediafilm_hero_background img {
    object-position: center center;
    filter: saturate(.96) contrast(1.04) brightness(.66);
  }

  .mediafilm_hero_overlay {
    background:
      linear-gradient(
        180deg,
        rgba(14,14,16,.04) 0%,
        rgba(14,14,16,.10) 16%,
        rgba(14,14,16,.20) 34%,
        rgba(14,14,16,.48) 58%,
        rgba(14,14,16,.84) 82%,
        var(--color-bg-primary) 100%
      );
  }

  .mediafilm_hero_overlay_bottom,
  .mediafilm_hero_glow {
    display: none;
  }

  .mediafilm_hero::after {
    height: 120px;
  }

  .mediafilm_hero_content {
	width: 100%;
    max-width: 100%;
    min-width: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
	margin: 0 auto;
  }

  .mediafilm_hero_badge {
    margin-bottom: 10px;
  }

  .mediafilm_hero_title {
    font-size: 20px;
    line-height: 1.04;
	text-align: center;
    color: #fff;
  }

  .mediafilm_hero_meta {
    gap: 8px;
    margin-bottom: 14px;
    font-size: 13px;
    color: rgba(255,255,255,.84);
  }

  .mediafilm_hero_metaDot {
    background: rgba(255,255,255,.26);
  }

  .mediafilm_hero_description {
    max-width: 100%;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.9;
    color: rgba(255,255,255,.90);
    text-shadow: 0 2px 12px rgba(0,0,0,.25);
  }

  .mediafilm_hero_buttons {
    display: flex;
    gap: 10px;
  }

  .mediafilm_btn--hero-primary,
  .mediafilm_btn--hero-secondary {
    width: 140px;
    min-height: 48px;
    border-radius: 15px;
    font-size: 14px;
    justify-content: center;
  }

  .mediafilm_btn--hero-primary {
    background: var(--color-accent-primary);
    border-color: rgba(255,187,51,.72);
    color: #1a1a1a;
    box-shadow: 0 10px 28px rgba(255,187,51,.20);
  }
  .mediafilm_hero_quickInfo {
    gap: 8px;
    margin-top: 16px;
  }

  .mediafilm_hero_quickChip {
    min-height: 32px;
    padding: 0 10px;
    background: rgba(255,255,255,.08);
    border-color: rgba(255,255,255,.10);
    color: rgba(255,255,255,.84);
    font-size: 12px;
  }

  .mediafilm_hero_slider {
    margin-top: 4px;
    padding-bottom: 4px;
  }

  .mediafilm_section_title {
    font-size: 19px;
  }

  .mediafilm_slider_card_slider {
    min-width: 160px;
    width: 160px;
  }

  .mediafilm_landscape_card {
    min-width: 280px;
    width: 280px;
  }
  .mediafilm_hero_play_online_icon{
	  top: 25%;
  }
  .mediafilm_post_list{
		grid-template-columns: repeat(auto-fill,minmax(180px,1fr)) !important;
	}
}

@media (max-width: 990px) {
	.mediafilm_hero_dots{
		display: flex;
	}
	.mediafilm_post_list{
		grid-template-columns: repeat(auto-fill,minmax(160px,1fr)) !important;
	}
}
/* =========================
   SMALL MOBILE
========================= */
@media (max-width: 575px) {
  .mediafilm_hero {
    min-height: 620px;
  }
  .mediafilm_hero_play_online_icon{
	  top: 25%;
  }
	.mediafilm_hero_slider_nav{
		height: 40px;
	}
	.mediafilm_hero_slider_play{
		height: 60px;
		width: 60px;
		bottom: calc(50% - 15px);
	}
	.mediafilm_hero_slider_play svg{
		width: 30px!important;
    	height: 30px!important;
	}
	.mediafilm_hero_slider_nav svg{
		width: 16px!important;
    	height: 16px!important;
	}
  .mediafilm_hero_title {
    font-size: 20px;
  }

  .mediafilm_hero_meta {
    margin-bottom: 12px;
  }

  .mediafilm_hero_description {
    font-size: 13.5px;
    line-height: 1.85;
    margin-bottom: 18px;
  }

  .mediafilm_hero_buttons {
    grid-template-columns: 1fr;
  }

  .mediafilm_hero_slider {
    margin-top: 20px;
  }

  .mediafilm_slider_row {
    gap: 12px;
  }

  .mediafilm_slider_card_slider {
    min-width: 135px;
    width: 135px;
  }

  .mediafilm_slider_card__body {
    padding-top: 13px;
  }

  .mediafilm_slider_card__title {
    font-size: 14px;
  }

  .mediafilm_slider_card__meta {
    font-size: 12px;
  }

  .mediafilm_landscape_card {
    min-width: 240px;
    width: 240px;
  }

  .mediafilm_landscape_card__body {
    padding: 12px;
  }

  .mediafilm_landscape_card__title {
    font-size: 14px;
  }

  .mediafilm_landscape_card__meta {
    font-size: 12px;
  }

  .mediafilm_section_title {
    font-size: 18px;
  }

  .mediafilm_hero_slider__more {
    font-size: 13px;
  }
  .mediafilm_post_list{
		grid-template-columns: repeat(auto-fill,minmax(130px,1fr)) !important;
	}
}

/* =========================
   VERY SMALL
========================= */
@media (max-width: 380px) {

  .mediafilm_hero_badge {
    min-height: 30px;
    padding: 0 10px;
    font-size: 12px;
  }

  .mediafilm_hero_title {
    font-size: 20px;
  }

  .mediafilm_hero_meta {
    font-size: 12px;
  }

  .mediafilm_hero_quickChip {
    font-size: 11px;
  }
  .mediafilm_post_list{
		grid-template-columns: repeat(auto-fill,minmax(110px,1fr)) !important;
	}
}
.mediafilm_sgs_hero {
	position: relative;
	width: 100%;
	height: 480px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 1rem auto;
}

/* INNER CONTAINER */
.mediafilm_sgs_hero_bg {
	width: 90vw;
	height: 90%;
	border-radius: 16px;
	display: flex;
	overflow: hidden;
	direction: rtl;
	padding: 0 30px 0 0;
	background-color: var(--color-bg-secondary);
	box-shadow: 0 0 40px rgba(0,0,0,0.6);
}

/* LEFT SIDE IMAGE */
.mediafilm_sgs_left {
	width: 45%;
	height: 100%;
	position: relative; 
}
.mediafilm_sgs_left img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
}
.mediafilm_sgs_left::after {
	content: '';
	position: absolute;
	top: 0;
	right: -10%;
	width: 20%;
	height: 100%;
	background: linear-gradient(to right, transparent,var(--color-bg-secondary),transparent);
	z-index: 3;
}
/* RIGHT SIDE CONTENT */
.mediafilm_sgs_right {
	width: 65%;
	padding: 40px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 16px;
	position: relative;
	direction: rtl;
}

.mediafilm_sgs_title {
	font-size: 32px;
	font-weight: 700;
	color:var(--color-text-primary);
	margin: 0;
}

/* INFO TAGS */
.mediafilm_sgs_info_row {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	font-size: 14px;
	color:var(--color-text-secondary);
}

.mediafilm_sgs_info_row span {
	background: rgba(255,255,255,0.08);
	padding: 5px 10px;
	border-radius: 6px;
}
body[data-theme="light"] .mediafilm_sgs_info_row span {
	background: rgba(0,0,0,0.08);
}
.mediafilm_sgs_age {
	background: #ff7a27 !important;
	color: black !important;
	font-weight: bold;
}

/* BUTTONS */
.mediafilm_sgs_buttons {
	display: flex;
	gap: 14px;
	margin-top: 5px;
}

.mediafilm_sgs_btn_info {
	background: var(--color-status-info);
	color: #fff;
	border: none;
	padding: 10px 18px;
	border-radius: 8px;
	font-size: 14px;
	cursor: pointer;
}

.mediafilm_sgs_btn_play {
	background:var(--color-accent-primary);
	color: #1C1C22;
	border: none;
	padding: 10px 18px;
	border-radius: 8px;
	font-size: 14px;
	cursor: pointer;
	
}

/* SMALL POSTER */
.mediafilm_sgs_poster {
	width: 100%;
	max-width: 250px;
	max-height: 400px;
	height: auto;
	border-radius: 10px;
	bottom: 30px;
	left: 40px;
	margin: auto 10px;
	box-shadow: 0 6px 15px rgba(0,0,0,0.6);
}

/* ============================= */
/* RESPONSIVE DESIGN */
/* ============================= */
@media (max-width: 768px) {

	.mediafilm_sgs_hero {
		height: auto;
		padding: 16px 0;
	}

	.mediafilm_sgs_hero_bg {
		flex-direction: column-reverse; /* Show poster on top */
		height: auto;
		padding: 0;
		border-radius: 12px;
	}

	/* LEFT IMAGE */
	.mediafilm_sgs_left {
		display: none;
		width: 100%;
		height: 180px;
	}
	.mediafilm_sgs_left img {
		object-position: top center;
	}

	/* POSTER */
	.mediafilm_sgs_poster {
		max-width: 180px;
		margin: 16px auto 8px;
		display: block;
		border-radius: 12px;
		order: 1;
	}

	/* RIGHT CONTENT */
	.mediafilm_sgs_right {
		width: 100%;
		padding: 20px 16px;
		align-items: center;
		text-align: center;
		gap: 12px;
	}

	.mediafilm_sgs_title {
		font-size: 22px;
		line-height: 1.4;
	}

	.mediafilm_sgs_info_row {
		justify-content: center;
		gap: 6px;
		font-size: 12px;
	}

	.mediafilm_sgs_info_row span {
		padding: 4px 8px;
		border-radius: 5px;
	}

	.mediafilm_sgs_buttons {
		display: flex;
		flex-direction: column; /* Mobile-friendly stacking */
		width: 100%;
		gap: 10px;
		margin-top: 4px;
	}

	.mediafilm_sgs_btn_play,
	.mediafilm_sgs_btn_info {
		width: 100%;
		padding: 12px;
		font-size: 14px;
		border-radius: 10px;
	}

	/* Remove image fade for mobile */
	.mediafilm_sgs_left::after {
		display: none;
	}
}
.mediafilm_sgs_filterbar{
	width: var(--container);
	margin: -45px auto 15px auto;
	padding: 25px;
	border-radius: var(--radius-md);
	background-color: var(--color-bg-secondary);

	border: 1px solid var(--color-bg-elevated);
	display: flex;
	flex-direction: column;
	gap: 12px;
	z-index: 6;
	position: relative;
}

.mediafilm_sgs_filter_row{
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 12px;
	align-items: center;
}
.mediafilm_sgs_filter_row > *{
	min-width: 0;
	margin: 4px;
}
.mediafilm_sgs_filter_row .doubleSize{
	grid-column: span 2;
}
.mediafilm_sgs_more_filters{
	display: grid;
	max-height: 0;
	height: 0;
	overflow: hidden;
	opacity: 0;
	transition: all .3s ease;
}

.mediafilm_sgs_filterbar.active .mediafilm_sgs_more_filters{
	max-height: 85px;
	height: 85px;
	opacity: 1;
}
.mediafilm_sgs_search_btn {
	font-family: 'Est', sans-serif;
	background: var(--color-accent-primary);
	color: #111318;
	padding: 12px;
	font-size: 15px;
	border-radius: var(--radius-md);
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	font-weight: 600;
	white-space: nowrap;
	transition: background 0.2s ease, transform 0.15s ease;
}
.mediafilm_sgs_search_btn:hover {
	background: var(--color-accent-primary-dark);
	transform: translateY(-1px);
}

.mediafilm_sgs_dropdown_btn {
	font-family: 'Est', sans-serif;
	background: var(--color-bg-primary);
	box-shadow: var(--shadow-soft);
	color: var(--color-text-primary);
	padding: 12px 16px;
	border-radius: var(--radius-md);
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	gap: 6px;
	cursor: pointer;
	border: 1px solid rgba(184, 164, 164, 0.2);
	line-height: normal;
	transition: background 0.2s ease, border-color 0.2s ease;
}
.mediafilm_sgs_dropdown_btn:hover {
	background: var(--color-bg-primary);
	border-color: var(--color-bg-secondary);
}

.mediafilm_sgs_dropdown_btn::after {
	content: "";
	width: 12px;
	height: 12px;
	margin-inline-start: auto;
	background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23E6E6E6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat center;
	opacity: 0.8;
}
.mediafilm_sgs_filterbar.active .mediafilm_sgs_dropdown_btn::after {
  -webkit-transform: scale(-1);
  transform: scale(-1);
}
.mediafilm_sgs_switch_btn{
	font-family: 'Est', sans-serif;
	color: var(--color-text-primary);
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	transition: background 0.2s ease, border-color 0.2s ease;
	padding-inline-start: 2.5em;
	font-size: 14px;
	line-height: 50px;
	gap: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background-color: var(--color-bg-primary);
	padding: 12px;
	border: 1px solid var(--color-bg-secondary);
	border-radius: var(--radius-md);
	height: 50px;
	padding-top: 0;
	padding-bottom: 0;
	box-shadow: var(--shadow-soft);
}
.mediafilm_sgs_switch_btn-label{
	cursor: pointer;
}
.mediafilm_sgs_switch_btn-label-span{
	display: inline-flex;
}
.mediafilm_sgs_switch_btn-check-input {
	float: inline-start;
  -webkit-margin-start: -1.5em;
  margin-inline-start: -1.5em;
  margin-top: .25em;
  vertical-align: top;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  cursor: pointer;
  background: var(--color-overlay-white-black) no-repeat center/contain;
  border: 1px solid var(--color-overlay-white-black);
  -webkit-margin-end: .5em;
  margin-inline-end: .5em;
  -webkit-margin-start: -2.5em;
  margin-inline-start: -2.5em;
  background-position: left center;
  border-radius: 2em;
  -webkit-transition: background-position .15s ease-in-out;
  transition: background-position .15s ease-in-out;
  width: 38px;
  height: 22px;
  margin: 0 !important;
  background-color: var(--color-overlay-white-black);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.mediafilm_sgs_switch_btn-check-input:focus {
  outline: 0;
  border-color: var(--color-accent-primary);
  box-shadow: 0 0 0 2px var(--color-accent-overlay);
}
.mediafilm_sgs_switch_btn-check-input:checked{
	background-position: right center;
	width: 38px;
	height: 22px;
	margin: 0 !important;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
	background-color: var(--color-accent-primary);
}
.mediafilm_sgs_select {
	font-family: 'Est', sans-serif;
	background: var(--color-bg-primary);
	color: var(--color-text-primary);
	padding: 12px;
	border-radius: var(--radius-md);
	font-size: 14px;
	border: 1px solid var(--color-bg-elevated);
	appearance: none;
	cursor: pointer;
	transition: background 0.2s ease, border-color 0.2s ease;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23E6E6E6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: left 12px center;
	background-size: 12px;
	padding-left: 30px;
}
.mediafilm_sgs_select:hover {
	background-color: var(--color-bg-elevated);
}
.mediafilm_sgs_select:focus {
	outline: none;
	border-color: var(--color-accent-primary);
	box-shadow: 0 0 0 2px var(--color-accent-overlay);
}
.mediafilm_sgs_select::-ms-expand { display: none; }
@media (max-width: 1100px){

	.mediafilm_sgs_filter_row{
		grid-template-columns: repeat(3, 1fr);
	}

	.mediafilm_sgs_filter_row .doubleSize{
		grid-column: span 2;
	}
	
    .mediafilm_sgs_filterbar.active .mediafilm_sgs_more_filters{
    	max-height: 150px;
    	height: 150px;
    	opacity: 1;
    }
    
}
@media (max-width: 768px) {
	.mediafilm_sgs_filterbar {
		flex-wrap: wrap;
		gap: 10px;
		justify-content: center;
		padding: 8px;
	}

	.mediafilm_sgs_filterbar > * {
		flex: 1 1 45%;
		margin: 4px;
	}
	.mediafilm_sgs_dropdown_btn {
		font-size: 12px;
		gap: 2px;
	}
	.mediafilm_sgs_dropdown_btn svg{
		display: none!important;
	}
	.mediafilm_sgs_filterbar{
		padding: 16px;
		margin-top: -25px;
	}

	.mediafilm_sgs_filter_row{
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}

	.mediafilm_sgs_filter_row .doubleSize{
		grid-column: span 2;
	}

	.mediafilm_sgs_dropdown_btn{
		font-size: 12px;
		gap: 4px;
	}

	.mediafilm_sgs_dropdown_btn svg{
		width: 18px;
		height: 18px;
	}

	.mediafilm_sgs_switch_btn-label-span{
		
		
	}

	.mediafilm_sgs_search_btn,
	.mediafilm_sgs_select,
	.mediafilm_sgs_dropdown_btn,
	.mediafilm_sgs_switch_btn{
		height: 50px;
	}

	.mediafilm_sgs_filterbar.active .mediafilm_sgs_more_filters{
		max-height: 250px;
		height: 250px;
	}
}
/* =========================
   MEDIAFILM SEARCH RANGE BAR
   ========================= */

    .mediafilm_srch_range_wrap {
      padding: 6px 20px;
      border-radius: var(--radius-md);
      background: var(--color-bg-elevated);
      box-shadow: var(--shadow-card);
      border: 1px solid var(--color-overlay-white-black);
      direction: ltr;
    }
    
    .mediafilm_srch_range_value {
      color: var(--color-accent-primary);
      font-size: 14px;
      font-weight: 700;
      background: var(--gradient-accent-overlay);
      padding: 8px 12px;
      border-radius: var(--radius-sm);
      border: 1px solid var(--color-accent-overlay);
    }
    
    .mediafilm_srch_slider_box {
      position: relative;
      height: 34px;
      display: flex;
      align-items: center;
    }
    
    /* TRACK */
    
    .mediafilm_srch_slider_track {
      position: absolute;
    
      left: 10px;
      right: 10px;
    
      height: 6px;
    
      border-radius: 999px;
      background: var(--color-overlay-white-black);
    
      overflow: hidden;
    
      cursor: pointer;
    
      top: 50%;
      transform: translateY(-50%);
    }
    
    /* FILL */
    
    .mediafilm_srch_slider_fill {
      position: absolute;
      left: 0;
      height: 100%;
    
      border-radius: inherit;
    
      background: linear-gradient(
        90deg,
        var(--color-accent-primary),
        var(--color-accent-primary-dark)
      );
    
      box-shadow: 0 0 14px var(--color-accent-overlay);
    }
    
    /* RANGE INPUT */
    
    .mediafilm_srch_range_input {
      position: absolute;
    
      width: 100%;
      height: 100%;
    
      appearance: none;
      -webkit-appearance: none;
    
      background: transparent;
    
      pointer-events: none;
    
      z-index: 1;
    }
    
    /* TRACK HIDDEN */
    
    .mediafilm_srch_range_input::-webkit-slider-runnable-track {
      height: 6px;
      background: transparent;
      cursor: pointer;
    }
    
    .mediafilm_srch_range_input::-moz-range-track {
      height: 6px;
      background: transparent;
      cursor: pointer;
    }
    
    /* THUMB */
    
    .mediafilm_srch_range_input::-webkit-slider-thumb {
      -webkit-appearance: none;
      appearance: none;
    
      width: 20px;
      height: 20px;
    
      border-radius: 50%;
      border: none;
    
      background: var(--color-accent-primary);
    
      cursor: grab;
    
      pointer-events: auto;
    
      position: relative;
      z-index: 20;
    
      margin-top: -7px;
    
      transition:
        transform .15s ease,
        box-shadow .2s ease;
    }
    
    .mediafilm_srch_range_input::-webkit-slider-thumb:hover {
      box-shadow: 0 0 0 6px var(--color-accent-overlay);
    }
    
    .mediafilm_srch_range_input::-webkit-slider-thumb:active {
      cursor: grabbing;
      transform: scale(1.08);
    }
    
    /* FIREFOX */
    
    .mediafilm_srch_range_input::-moz-range-thumb {
    
      width: 20px;
      height: 20px;
    
      border-radius: 50%;
      border: none;
    
      background: var(--color-accent-primary);
    
      cursor: grab;
    
      pointer-events: auto;
    }
    
    /* LABELS */
    
    .mediafilm_srch_range_labels {
      display: flex;
      justify-content: space-between;
      margin-top: 2px;
    
      color: var(--color-text-disabled);
    
      font-size: 13px;
    }
    
    /* MOBILE */
    
    @media (max-width: 640px) {
    
      .mediafilm_srch_range_wrap {
        padding: 4px 18px;
      }
    
      .mediafilm_srch_range_title {
        font-size: 14px;
      }
    
      .mediafilm_srch_range_value {
        font-size: 13px;
        padding: 7px 10px;
      }
    
    }

/*****************************************/
/***************search-page***************/
.mediafilm_srch-page-title{
	position: relative;
	margin: 2rem 1rem 2.5rem 1rem;
	padding-right: 16px;
}
.mediafilm_srch-page-title::before{
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);

	width: 5px;
	height: 70%;

	background: var(--color-accent-primary);
	border-radius: 10px;
}
.mediafilm_srch-page-title-left{
	position: relative;
	margin: 2rem 1rem 2.5rem 1rem;
	padding-left: 16px;
}
.mediafilm_srch-page-title-left::before{
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);

	width: 5px;
	height: 70%;

	background: var(--color-accent-primary);
	border-radius: 10px;
}

.mediafilm_post_list{
	gap: 3rem 1rem !important;
	width: var(--container);
	margin: 1.5rem auto 3rem auto;
	display: grid;
	grid-template-columns: repeat(auto-fill,minmax(220px,1fr));
}
.mediafilm_post_list.mediafilm_post_list_series{
	gap: 3rem 2rem !important;
	grid-template-columns: repeat(auto-fill,minmax(200px,1fr));
}
.mediafilm_post_list_series{
	gap: 3rem 2rem !important;
	grid-template-columns: repeat(auto-fill,minmax(200px,1fr));
}
.mediafilm_srch-page .mediafilm_sgs_filterbar{
	margin: 0 auto 15px auto!important;
}
.mediafilm_srch-page_field{
	display: block;
	width: 100%;
	margin: 0 auto 2rem auto;
	padding: 0 20px;
}

.mediafilm_srch-page_field label{
	font-size: 13px;
	color: var(--color-text-secondary);
}

.mediafilm_srch-page_field input{
	width: 100%;
	background: var(--color-bg-secondary);
	border: 1px solid var(--color-overlay-white-black);
	border-radius: var(--radius-sm);
	padding: 12px 14px;
	color: var(--color-text-primary);
	font-size: 14px;
	outline: none;
	transition: all .2s;
}

.mediafilm_srch-page_field input:focus{
	border-color: var(--color-accent-primary);
	box-shadow: 0 0 0 2px var(--color-accent-overlay);
}
@media (max-width: 990px) {
	.mediafilm_srch-page-title{
		margin:2rem 1rem 2.5rem 1rem;
		font-size: 30px;
	}
	.mediafilm_srch-page-title-left{
		margin:2rem 1rem 2.5rem 1rem;
		font-size: 30px;
	}
}
/***************categories**************/
.mediafilm_ctg-title{
	position: relative;
	margin: 2rem 1rem 2.5rem 1rem;
	padding-right: 16px;
}
.mediafilm_ctg-title::before{
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 5px;
	height: 70%;
	background: var(--color-accent-primary);
	border-radius: 10px;
}
.mediafilm_ctg-post_list{
  width:100%;
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(286px,1fr));
  gap:18px;
  margin-bottom: 2.5rem;
}
.mediafilm_ctg-post_list.mediafilm_ctg-post_list-country{
	grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important;
}
.mediafilm_ctg-card{
  position:relative;
  display:block;
  overflow:hidden;
  border-radius:var(--radius-md);
  background:var(--color-bg-elevated);
  box-shadow:var(--shadow-card);
  aspect-ratio:2 / 1;
  text-decoration:none;
}

.mediafilm_ctg-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .35s ease;
}

.mediafilm_ctg-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top,var(--color-overlay-dark),transparent 60%);
  pointer-events:none;
}

.mediafilm_ctg-card_title{
  position:absolute;
  left:14px;
  right:14px;
  bottom:12px;
  color:#fff;
  font-weight:700;
  font-size:1.2rem;
  z-index:2;
  line-height:1.3;
}
.mediafilm_ctg-post_list.mediafilm_ctg-post_list-country .mediafilm_ctg-card_title{
	color: #fefefe;
}
.mediafilm_ctg-card:hover img{
  transform:scale(1.06);
}

.mediafilm_ctg-card:hover{
  outline:2px solid var(--color-accent-primary);
}
@media (max-width: 990px) {
	.mediafilm_ctg-post_list{
		grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
	}
	.mediafilm_ctg-card_title{
		font-weight:600;
		font-size:1rem;
	}
	.mediafilm_ctg-post_list.mediafilm_ctg-post_list-country{
		grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important;
	}
}
@media (max-width: 640px) {
	.mediafilm_ctg-post_list{
		grid-template-columns:repeat(auto-fill,minmax(180px,1fr));
	}
}
@media (max-width: 560px) {
	.mediafilm_ctg-post_list{
		grid-template-columns:repeat(auto-fill,minmax(140px,1fr));
	}
	.mediafilm_ctg-post_list.mediafilm_ctg-post_list-country{
		grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;
	}
	.mediafilm_ctg-card_title{
		font-size:0.9rem;
	}
}
/**********************************/
/**************pagination***********/
.mediafilm_pg{
  display:flex;
  justify-content:center;
  margin:2rem 0;
  padding:0 20px;
}

.mediafilm_pg_numbers{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:center;
}

.mediafilm_pg_item{
  min-width:42px;
  height:42px;
  padding:0 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:var(--radius-sm);
  background:var(--color-bg-secondary);
  border:1px solid var(--color-overlay-white-black);
  color:var(--color-text-primary);
  font-size:15px;
  transition:all .2s ease;
}

.mediafilm_pg_item:hover{
  background:var(--color-accent-overlay);
  border-color:var(--color-accent-primary);
  color:var(--color-accent-primary);
  transform:translateY(-2px);
}

.mediafilm_pg_active{
  background:var(--gradient-accent-primary);
  border-color:var(--color-accent-primary);
  color:#111;
  font-weight:600;
  box-shadow:var(--shadow-soft);
}

.mediafilm_pg_active:hover{
  transform:none;
}

.mediafilm_pg_dots{
	min-width:42px;
	height:42px;
	padding:0 10px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:var(--radius-sm);
	background:var(--color-bg-secondary);
	border:1px solid var(--color-overlay-white-black);
	color:var(--color-text-primary);
	font-size:15px;
	pointer-events: none;
	cursor: default;
}
@media (max-width:600px){
  .mediafilm_pg_numbers{
    gap:6px;
	justify-content:right;
	
  }

  .mediafilm_pg_item, .mediafilm_pg_dots{
    min-width:36px;
    height:36px;
    font-size:14px;
  }
}


/****************************************/

/*************actors*********/
.mediafilm_actor_grid{
  width:var(--container);
  margin:auto;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:26px;
  padding:30px 0;
}

.mediafilm_actor_item{
  text-align:center;
  cursor:pointer;
	text-decoration: none; 
	display: block; 
}

.mediafilm_actor_thumb{
  width:100%;
  aspect-ratio:3/4;
  border-radius:16px;
  overflow:hidden;
  position:relative;

  background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFBB33'%3E%3Cpath d='M12 12a5 5 0 1 0-5-5a5 5 0 0 0 5 5zm0 2c-4.42 0-8 2.24-8 5v1h16v-1c0-2.76-3.58-5-8-5z'/%3E%3C/svg%3E")
  center/60% no-repeat,
  var(--color-bg-secondary);

  border:2px solid var(--color-overlay-white-black);
  transition:.25s;
}

.mediafilm_actor_thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* hide broken image */
.mediafilm_actor_thumb img[src=""],
.mediafilm_actor_thumb img:not([src]){
  opacity:0;
}

.mediafilm_actor_item:hover .mediafilm_actor_thumb{
  border-color:var(--color-accent-primary);
  transform:scale(1.04);
}

.mediafilm_actor_name{
  margin-top:10px;
  font-weight:600;
  font-size:14px;
  color:var(--color-text-primary);
}

.mediafilm_actor_role{
  font-size:12px;
  margin-top:3px;
  color:var(--color-text-secondary);
}

@media (max-width:990px){

  .mediafilm_actor_grid{
    grid-template-columns:repeat(4,1fr);
  }

}

@media (max-width:640px){

  .mediafilm_actor_grid{
    grid-template-columns:repeat(2,1fr);
    gap:18px;
  }

}

/***************************/
/*************single-actor**/
.mediafilm_s_actor_header {
  padding: 22px 20px;
  border-bottom: 1px solid var(--color-overlay-white-black);
}
.mediafilm_s_actor_header_inner {
  display: grid;
  grid-template-columns: 200px 1fr auto;
  align-items: center;
  gap: 18px;
  margin: 2rem auto;
}
.mediafilm_s_actor_header_actions{
	height: 100%;
}
.mediafilm_s_actor_thumb{
	width:100%;
	aspect-ratio:3/4;
	border-radius:16px;
	overflow:hidden;
	position:relative;

	background:
	url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFBB33'%3E%3Cpath d='M12 12a5 5 0 1 0-5-5a5 5 0 0 0 5 5zm0 2c-4.42 0-8 2.24-8 5v1h16v-1c0-2.76-3.58-5-8-5z'/%3E%3C/svg%3E")
	center/60% no-repeat,
	var(--color-bg-secondary);

	border:2px solid var(--color-overlay-white-black);
	transition:.25s;
}
.mediafilm_s_actor_avatar {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.mediafilm_s_actor_thumb img[src=""],
.mediafilm_s_actor_thumb img:not([src]){
  opacity:0;
}
.mediafilm_s_actor_name {
  margin: 0;
  font-size: 1.6rem;
}

.mediafilm_s_actor_meta {
  margin: 4px 0 6px;
  font-size: 0.9rem;
  color: var(--color-text-secondary);
}

.mediafilm_s_actor_bio {
  margin: 0;
  font-size: 0.9rem;
  color: var(--color-text-secondary);
  max-width: 60ch;
}
.mediafilm_s_actor_favorite_btn {
	display: flex;
	justify-content: center;
	align-items: center;
  border: 0;
  cursor: pointer;
  padding: 10px 16px;
  border-radius: 12px;
  background: var(--gradient-accent-primary);
  color: #111;
  font-weight: 700;
  box-shadow: var(--shadow-soft);
  transition: transform 0.25s ease;
}
.mediafilm_s_actor_favorite_btn svg{
	margin-left: 5px;
}
.mediafilm_s_actor_favorite_btn:hover {
  transform: translateY(-2px);
}
@media (max-width: 760px) {
  .mediafilm_s_actor_header_inner {
    grid-template-columns: 1fr;
    text-align: center;
    gap: 14px;
  }

  .mediafilm_s_actor_avatar {
    margin-inline: auto;
  }

  .mediafilm_s_actor_header_actions {
    display: flex;
    justify-content: center;
  }

  .mediafilm_s_actor_bio {
    margin-inline: auto;
  }
  .mediafilm_s_actor_thumb{
	max-width:200px;
	margin: 6px auto;
	}
}

@media (max-width: 640px) {
  .mediafilm_s_actor_name {
    font-size: 1.75rem;
  }

  .mediafilm_s_actor_favorite_btn {
    width: 100%;
	max-width:200px;
  }
}
/****************************************/
/*************boxoffice*********/
.mediafilm_s_boxoffice_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.mediafilm_s_boxoffice_card {
  position: relative;
  display: flex;
  background-color: var(--color-bg-elevated);
  border-radius: var(--radius-md);
  overflow: hidden;
  border: 1px solid var(--color-overlay-white-black);
  box-shadow: var(--shadow-soft);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mediafilm_s_boxoffice_card:hover {
  transform: translateY(-5px);
  box-shadow: var(--shadow-card);
  border-color: var(--color-accent-primary);
}
.mediafilm_s_boxoffice_rank {
  position: absolute;
  top: 2px;
  right: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  line-height: 1.5;
  z-index: 2;
  width: 35px;
  height: 35px;
  color:var(--color-text-secondary);
  font-weight: 700;
  font-size: 1.2rem;
  background:var(--color-bg-elevated);
  padding: 2px 8px;
  border-radius: 16px;
}
.mediafilm_s_boxoffice_content {
  flex: 1;
  padding: 20px;
  display: flex;
  flex-direction: column;
}
.mediafilm_s_boxoffice_movie_name {
  margin: 0 0 15px 0;
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--color-text-primary);
}
.mediafilm_s_boxoffice_stats {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mediafilm_s_boxoffice_stat_row{
	display: flex;
	justify-content: flex-start;
	gap: 8px;
	font-size: 0.85rem;
}
.mediafilm_s_boxoffice_label {
  color: var(--color-text-disabled);
}

.mediafilm_s_boxoffice_value {
  color: var(--color-text-secondary);
  font-weight: 600;
}
.mediafilm_s_boxoffice_poster_wrap {
  width: 185px;
  height: 100%;
  flex-shrink: 0;
  padding: 10px;
}
.mediafilm_s_boxoffice_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}
@media (max-width: 1100px) {
  .mediafilm_s_boxoffice_grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 680px) {
  .mediafilm_s_boxoffice_grid {
    grid-template-columns: 1fr;
  }
  .mediafilm_s_boxoffice_poster_wrap {
    width: 110px;
  }
  .mediafilm_s_boxoffice_movie_name {
    font-size: 1.1rem;
  }
}
/*********************************************/
/************* Ticket Section *************/

.mediafilm_ticket_section{
	margin-top: 10px;
	background: var(--color-bg-elevated);
	border-radius: var(--radius-md);
	padding: 5px 40px 20px 40px;
	box-shadow: var(--shadow-card);
	border: 1px solid var(--color-overlay-white-black);
}

.mediafilm_ticket_header{
	margin-bottom: 30px;
}

.mediafilm_ticket_title{
	font-size: 28px;
	color: var(--color-text-primary);
	margin-bottom: 8px;
}

.mediafilm_ticket_desc{
	color: var(--color-text-secondary);
	font-size: 14px;
}

/* Form */

.mediafilm_ticket_form{
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.mediafilm_ticket_grid{
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 18px;
}

.mediafilm_request_grid{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 18px;
}

.mediafilm_ticket_field{
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.mediafilm_ticket_field label{
	font-size: 13px;
	color: var(--color-text-secondary);
}

.mediafilm_ticket_field input,
.mediafilm_ticket_field select,
.mediafilm_ticket_field textarea{
	background: var(--color-bg-secondary);
	border: 1px solid var(--color-overlay-white-black);
	border-radius: var(--radius-sm);
	padding: 12px 14px;
	color: var(--color-text-primary);
	font-size: 14px;
	outline: none;
	transition: all .2s;
}

.mediafilm_ticket_field input:focus,
.mediafilm_ticket_field select:focus,
.mediafilm_ticket_field textarea:focus{
	border-color: var(--color-accent-primary);
	box-shadow: 0 0 0 2px var(--color-accent-overlay);
}

.mediafilm_ticket_message{
	grid-column: span 2;
}

.mediafilm_ticket_submit{
	align-self: flex-start;
	background: var(--gradient-accent-primary);
	color: #000;
	border: none;
	padding: 12px 26px;
	border-radius: var(--radius-sm);
	cursor: pointer;
	font-weight: 600;
	transition: all .2s;
}

.mediafilm_ticket_submit:hover{
	transform: translateY(-2px);
	box-shadow: var(--shadow-soft);
}


/* FAQ Section */

.mediafilm_faq_section{
	margin-top: 70px;
}

.mediafilm_faq_title{
	font-size: 24px;
	margin-bottom: 24px;
	color: var(--color-text-primary);
}

.mediafilm_faq_list{
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.mediafilm_faq_item{
	background: var(--color-bg-elevated);
	border-radius: var(--radius-md);
	border: 1px solid var(--color-overlay-white-black);
	overflow: hidden;
}

.mediafilm_faq_question{
	width: 100%;
	background: none;
	border: none;
	padding: 18px 20px;
	font-size: 15px;
	color: var(--color-text-primary);
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	text-align: right;
}

.mediafilm_faq_question span{
	flex-shrink: 0;
	font-size: 20px;
}

.mediafilm_faq_item.active .mediafilm_faq_question span{
	transform: rotate(180deg);
}
.mediafilm_faq_answer{
	max-height: 0;
	overflow: hidden;
	padding: 0 20px;
	color: var(--color-text-secondary);
	font-size: 14px;
	transition: max-height 0.3s ease, padding 0.3s ease;
}

.mediafilm_faq_item.active .mediafilm_faq_answer{
	max-height: 200px;
	padding: 0 20px 20px 20px;
}
@media (max-width: 992px){
	.mediafilm_ticket_section{
		padding: 28px;
	}


	.mediafilm_ticket_message{
		grid-column: span 1;
	}
}

@media (max-width: 768px){
	.mediafilm_ticket_section{
		margin-top: 32px;
		padding: 22px;
		border-radius: 12px;
	}

	.mediafilm_ticket_grid{
		grid-template-columns: 1fr;
	}
	.mediafilm_request_grid{
		grid-template-columns: 1fr;
	}
	
	.mediafilm_ticket_title{
		font-size: 22px;
	}

	.mediafilm_ticket_desc{
		font-size: 13px;
		line-height: 1.8;
	}

	.mediafilm_ticket_field input,
	.mediafilm_ticket_field select,
	.mediafilm_ticket_field textarea{
		font-size: 14px;
		padding: 11px 12px;
	}

	.mediafilm_ticket_submit{
		width: 100%;
		justify-content: center;
		text-align: center;
		padding: 13px 18px;
	}

	.mediafilm_faq_section{
		margin-top: 40px;
	}

	.mediafilm_faq_title{
		font-size: 20px;
		margin-bottom: 18px;
	}

	.mediafilm_faq_question{
		padding: 16px;
		font-size: 14px;
		line-height: 1.8;
		text-align: right;
	}

	.mediafilm_faq_answer{
		font-size: 13px;
		line-height: 1.9;
	}
}

@media (max-width: 480px){
	.mediafilm_container{
		width: min(100% - 20px, 1440px);
	}

	.mediafilm_ticket_section{
		padding: 18px 14px;
	}

	.mediafilm_ticket_title{
		font-size: 20px;
	}

	.mediafilm_ticket_grid{
		gap: 14px;
	}
	.mediafilm_request_grid{
		gap: 14px;
	}
	
	.mediafilm_ticket_form{
		gap: 16px;
	}
}
/*****************************/
/**********introduce-movie-page*****/
.mediafilm_intro_backdrop_mob_img{
	display: none!important;
	pointer-events: none;
}
.mediafilm_intro_hero_container {
  overflow: hidden;
  min-height: 80vh;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  padding-top: calc(var(--header-height) + 1rem);
}
.mediafilm_intro_hero_container::after {
  content: "";
  left: 0;
  width: 100%;
  bottom: 0;
  height: 30%;
  position: absolute;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(20%, var(--color-bg-primary)), to(hsla(0, 0%, 100%, 0)));
  background: linear-gradient(0deg, var(--color-bg-primary) 20%, hsla(0, 0%, 100%, 0) 100%);
}
.mediafilm_intro_hero_container::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  position: absolute;
  background: -webkit-gradient(linear, right top, left top, color-stop(10%, var(--color-bg-primary)), color-stop(75%, hsla(0, 0%, 100%, 0))),-webkit-gradient(linear, left top, left bottom, from(var(--color-bg-primary)), color-stop(30%, hsla(0, 0%, 100%, 0))),-webkit-gradient(linear, left top, left bottom, color-stop(60%, hsla(0, 0%, 100%, 0)), to(var(--color-bg-primary)));
  background: linear-gradient(270deg, var(--color-bg-primary) 10%, hsla(0, 0%, 100%, 0) 75%),linear-gradient(180deg, var(--color-bg-primary) 0%, hsla(0, 0%, 100%, 0) 30%),linear-gradient(180deg, hsla(0, 0%, 100%, 0) 60%, var(--color-bg-primary) 100%);
}
.mediafilm_intro_backdrop_img{
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: auto;
	min-height: 100%;
	-webkit-filter: blur(8px) brightness(0.35);
	filter: blur(8px) brightness(0.35);
	position: absolute;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
}
.mediafilm_intro_container{
	width: var(--container);
	display: flex;
    gap: 40px;
    position: relative;
    z-index: 5;
    flex-wrap: wrap;
	margin:1rem auto;
}
.mediafilm_intro_img_side {
    flex: 0 0 360px;
}

.mediafilm_intro_poster_box {
	position: relative;
    border-radius: var(--radius-md);
    aspect-ratio: 2/3;
}
.mediafilm_intro_poster {
    width: 100%;
    height: 100%;
    border-radius: var(--radius-md);
    object-fit: cover;
}
.mediafilm_intro_idmb{
	display: inline-flex;
	align-items: center;
	font-family: 'sans-serif';
	gap: 3px;
}
.mediafilm_intro_idmb_rate{
	font-size: 22px;
	font-weight: 700;
	margin: 0;
}
.mediafilm_intro_quality_badge {
    position: absolute;
    top: 15px;
    right: 15px;
    background: var(--color-accent-primary);
    color: #000;
    padding: 4px 12px;
    border-radius: 6px;
    font-weight: bold;
    font-size: 12px;
}
.mediafilm_intro_poster_box .mediafilm_slider_card__badge--voice{
	left: 15px !important;
	right: auto!important;
}
.mediafilm_slider_card__badge--best-num{
	position: absolute;
	top: 12px;
	inset-inline-start: 12px;
	min-width: 34px;
	height: 34px;
	padding: 0 2px;
	border-radius: 999px;
	background: var(--gradient-accent-overlay-med);
	border: 1px solid var(--color-accent-overlay);
	color:  #303030;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	font-weight: 800;
	box-shadow: var(--shadow-card);
}
.mediafilm_intro_des_side{
	flex: 1;
    min-width: 320px;
}
.mediafilm_intro_header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 30px;
}
.mediafilm_intro_title_fa {
    font-size: 32px;
    font-weight: 900;
    margin-bottom: 12px;
    color: var(--color-text-primary);
}
.mediafilm_intro_meta_top {
    display: flex;
    align-items: center;
    gap: 15px 1.8rem;
    color: var(--color-text-secondary);
    font-size: 16px;
	font-weight: 600;
}
.mediafilm_intro_meta_label{
	color: var(--color-accent-primary);
	background: var(--gradient-accent-overlay);
	padding: 2px 16px;
	border-radius: 14px;
	background: var(--gradient-accent-overlay);
	font-size: 13px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin: 0 1.5rem;
	gap: 6px;
}
body[data-theme="light"] .mediafilm_intro_meta_label{
	color: var(--color-text-primary);
	background: var(--gradient-accent-overlay-dark);
}
.mediafilm_intro_meta_down{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 1.5rem;
}
.mediafilm_intro_spec_item_dn{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
	width: auto;
	margin: 0 10px;
	font-size: 14px;
	font-weight: 600;
	gap: 6px;
}
.mediafilm_intro_cast_section{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	gap: 1px;
}
.mediafilm_intro_cast_section_drct{
	padding: 10px;
	border-radius: 8px;
	border:1px solid var(--color-text-secondary)
}
.mediafilm_intro_cast_section_actr{
	padding: 10px;
	border-radius: 8px;
	border:1px solid var(--color-text-secondary)
}
.mediafilm_intro_separator {
    width: 5px;
    height: 5px;
    background: var(--color-accent-primary);
    border-radius: 50%;
}
.mediafilm_intro_ratings {
    display: flex;
    gap: 15px;
}
.mediafilm_intro_rating_item {
    background: var(--color-bg-secondary);
    padding: 10px 18px;
    border-radius: var(--radius-sm);
    text-align: center;
    border: 1px solid var(--color-overlay-light);
}
.mediafilm_intro_rating_val {
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: var(--color-accent-primary);
}
.mediafilm_intro_rating_site {
    font-size: 10px;
    color: var(--color-text-disabled);
    text-transform: uppercase;
}
.mediafilm_intro_synopsis {
    line-height: 1.8;
    color: var(--color-text-primary);
    font-size: 15px;
    margin-bottom: 25px;
    max-width: 850px;
}
.mediafilm_intro_genres {
    display: flex;
    gap: 10px;
    margin-bottom: 30px;
}

.mediafilm_intro_genre_tag {
    background: var(--color-bg-elevated);
    border: 1px solid var(--color-overlay-white-black);
    padding: 6px 20px;
    border-radius: 20px;
    font-size: 13px;
    color: var(--color-text-primary);
    text-decoration: none;
    transition: 0.3s;
}

.mediafilm_intro_genre_tag:hover {
    background: var(--color-accent-primary);
    color: #000;
}

.mediafilm_intro_spec_grid {
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
    gap: 20px;
    background: rgba(0, 0, 0, 0.2);
    padding:20px 25px;
    border-radius: 1rem;
    margin-bottom: 40px;
	width: 100%;
}
body[data-theme="light"] .mediafilm_intro_spec_grid {
    background: rgba(0, 0, 0, 0.1);
}
.mediafilm_intro_favorite{
	display: inline-flex;
	flex-direction: row;
	gap: 6px;
}
.mediafilm_intro_favorite button{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	border: none;
	color: var(--color-text-primary);
	gap: 8px;
	font-weight: 600;
}
.mediafilm_intro_favorite button:hover{
	color: var(--color-accent-primary);
	cursor: pointer;
}
body[data-theme="light"] .mediafilm_intro_favorite button:hover {
    color:#0070ff;
}
.mediafilm_intro_favorite_dvd{
	width: 2px;
	background: var(--color-text-primary);
}
.mediafilm_intro_play_trlr button{
	color: var(--color-accent-primary);
	background-color: rgba(0,0,0,0);
	border-color: var(--color-accent-primary);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	font-weight: 600;
	font-size: 0.9rem;
	padding: 8px 18px;
	border-radius: 8px;
}
body[data-theme="light"] .mediafilm_intro_play_trlr button{
	color: #111318;
	background-color:var(--color-accent-primary);
}
.mediafilm_intro_play_trlr button:hover{
	color: #111318;
	background-color:var(--color-accent-primary);
}
body[data-theme="light"] .mediafilm_intro_play_trlr button:hover{
	opacity: 0.9;
}
.mediafilm_intro_section_title {
    font-size: 18px;
    margin-bottom: 10px;
    border-right: 4px solid var(--color-accent-primary);
    padding-right: 15px;
}
.mediafilm_intro_cast_sep{
	width: 4px;
	border-radius: 15%;
	box-shadow: 0 0 5px rgb(0, 0, 0);
	margin: 18px 8px;
	border: 1px solid #363636;
}
body[data-theme="light"] .mediafilm_intro_cast_sep {
	box-shadow: 0 0 5px rgb(169, 169, 169);
	border: 1px solid #fff;
}
.mediafilm_intro_cast_list {
    display: flex;
    gap: 25px;
    overflow-x: auto;
    padding:10px 15px;
	border-radius: 12px;
	max-width: 100%;
	scrollbar-width: none;
	scrollbar-color: #888;
}
.mediafilm_intro_cast_list::-webkit-scrollbar{
	width: 0;
}
.mediafilm_intro_cast_list::-webkit-scrollbar-track {
  background-color: #aaaaaa;
  border-radius: 10px;
}
.mediafilm_intro_cast_card {
    text-align: center;
    display: contents;
}

.mediafilm_intro_cast_card a{
    display: block;
    transition: transform .25s ease;
}

.mediafilm_intro_cast_card a:hover{
    transform: translateY(-6px);
}

.mediafilm_intro_cast_list{
    cursor: grab;
    user-select: none;
}

.mediafilm_intro_cast_list:active{
    cursor: grabbing;
}

.mediafilm_intro_cast_card{
    flex: 0 0 auto;
}

.mediafilm_intro_cast_card a{
    text-decoration: none;
    color: inherit;
    -webkit-user-drag: none;
}

.mediafilm_intro_cast_card img {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 10px;
	color: var(--color-text-disabled);
    border: 2px solid var(--color-bg-elevated);
    padding: 3px;
	background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFBB33'%3E%3Cpath d='M12 12a5 5 0 1 0-5-5a5 5 0 0 0 5 5zm0 2c-4.42 0-8 2.24-8 5v1h16v-1c0-2.76-3.58-5-8-5z'/%3E%3C/svg%3E")
  center/60% no-repeat,
  var(--color-bg-secondary);
}
.mediafilm_intro_cast_card .imgc {
    justify-self: center;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 10px;
	color: var(--color-text-disabled);
    border: 2px solid var(--color-bg-elevated);
    padding: 3px;
	background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFBB33'%3E%3Cpath d='M12 12a5 5 0 1 0-5-5a5 5 0 0 0 5 5zm0 2c-4.42 0-8 2.24-8 5v1h16v-1c0-2.76-3.58-5-8-5z'/%3E%3C/svg%3E")
  center/60% no-repeat,
  var(--color-bg-secondary);
}

.mediafilm_intro_cast_card span {
    display: block;
    font-size: 12px;
    color: var(--color-text-secondary);
}
.mediafilm_intro_cast_card small {
    display: block;
    font-size: 11px;
    color: var(--color-text-disabled);
}
.mediafilm_intro_container{
	width: min(var(--container), calc(100% - 32px));
	padding-inline: 0;
}
.mediafilm_intro_poster{
	display: block;
}
.mediafilm_intro_title_fa,
.mediafilm_intro_synopsis,
.mediafilm_intro_spec_item_dn,
.mediafilm_intro_cast_card span,
.mediafilm_intro_cast_card small{
	word-break: break-word;
}
.mediafilm_intro_genres{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.mediafilm_intro_meta_top{
	flex-wrap: wrap;
}
.mediafilm_intro_cast_section{
	width: 100%;
	align-items: flex-start;
}
.mediafilm_intro_spec_grid{
	align-items: center;
}
.mediafilm_intro_poster_box_mob{
	display: none;
}


/* download section */
.mediafilm_intro_dl_section{
	position: relative;
}
.mediafilm_intro_dl_container{
  width:var(--container);
  background:var(--color-bg-secondary);
  border-radius:var(--radius-md);
  padding:30px;
  border: 1px solid var(--color-overlay-white-black);
  box-shadow:var(--shadow-card);
}
.mediafilm_intro_dl_title{
	font-size: 18px;
	position: absolute;
	top: -40px;
	width: fit-content;
	border-radius: 14px;
	top: 0;
	margin: 0;
	padding: 0 1.25rem;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: linear-gradient( to bottom, var(--color-bg-primary) 45%, var(--color-bg-secondary) 65% );
}
.mediafilm_intro_dl_title::before, .mediafilm_intro_dl_title::after {
  top: 50%;
  width: 10px;
  height: 10px;
  content: "";
  border-radius: 50%;
  position: absolute;
  background-color: var(--color-overlay-white-black);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
}
.mediafilm_intro_dl_title::after {
	right: 0;
}
.mediafilm_intro_dl_notes{
	list-style: none;
	padding-left: 28px;
}
.mediafilm_intro_dl_notes li{
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%232196F3'%3E%3Cpath opacity='0.4' d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z'%3E%3C/path%3E%3Cpath d='M12 13.75C12.41 13.75 12.75 13.41 12.75 13V8C12.75 7.59 12.41 7.25 12 7.25C11.59 7.25 11.25 7.59 11.25 8V13C11.25 13.41 11.59 13.75 12 13.75Z'%3E%3C/path%3E%3Cpath d='M12.92 15.6189C12.87 15.4989 12.8 15.3889 12.71 15.2889C12.61 15.1989 12.5 15.1289 12.38 15.0789C12.14 14.9789 11.86 14.9789 11.62 15.0789C11.5 15.1289 11.39 15.1989 11.29 15.2889C11.2 15.3889 11.13 15.4989 11.08 15.6189C11.03 15.7389 11 15.8689 11 15.9989C11 16.1289 11.03 16.2589 11.08 16.3789C11.13 16.5089 11.2 16.6089 11.29 16.7089C11.39 16.7989 11.5 16.8689 11.62 16.9189C11.74 16.9689 11.87 16.9989 12 16.9989C12.13 16.9989 12.26 16.9689 12.38 16.9189C12.5 16.8689 12.61 16.7989 12.71 16.7089C12.8 16.6089 12.87 16.5089 12.92 16.3789C12.97 16.2589 13 16.1289 13 15.9989C13 15.8689 12.97 15.7389 12.92 15.6189Z'%3E%3C/path%3E%3C/svg%3E") no-repeat right center;
  background-size: 22px;
  font-size: 13px;
  padding-right: 24px;
}
.mediafilm_intro_dl_notes2 {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%237a0000'%3E%3Cpath opacity='0.4' d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z'/%3E%3Cpath d='M12 13.75C12.41 13.75 12.75 13.41 12.75 13V8C12.75 7.59 12.41 7.25 12 7.25C11.59 7.25 11.25 7.59 11.25 8V13C11.25 13.41 11.59 13.75 12 13.75Z'/%3E%3Cpath d='M12.92 15.6189C12.87 15.4989 12.8 15.3889 12.71 15.2889C12.61 15.1989 12.5 15.1289 12.38 15.0789C12.14 14.9789 11.86 14.9789 11.62 15.0789C11.5 15.1289 11.39 15.1989 11.29 15.2889C11.2 15.3889 11.13 15.4989 11.08 15.6189C11.03 15.7389 11 15.8689 11 15.9989C11 16.1289 11.03 16.2589 11.08 16.3789C11.13 16.5089 11.2 16.6089 11.29 16.7089C11.39 16.7989 11.5 16.8689 11.62 16.9189C11.74 16.9689 11.87 16.9989 12 16.9989C12.13 16.9989 12.26 16.9689 12.38 16.9189C12.5 16.8689 12.61 16.7989 12.71 16.7089C12.8 16.6089 12.87 16.5089 12.92 16.3789C12.97 16.2589 13 16.1289 13 15.9989C13 15.8689 12.97 15.7389 12.92 15.6189Z'/%3E%3C/svg%3E") no-repeat right center !important;
}

.mediafilm_intro_dl_btn{
	border: none;
	padding: 10px 10px;
	border-radius: var(--radius-sm);
	font-size: 14px;
	display: inline-flex;
	gap: 6px;
	width: 10rem;
	text-align: center;
	justify-content: center;
	align-items: center;
}

.mediafilm_intro_dl_btn-danger{
  background:#5a0f0f;
  color:#ff6b6b;
}

.mediafilm_intro_dl_btn-share{
  background:#0d2a3a;
  color:#5bc0ff;
}
.mediafilm_intro_dl_list{
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 20px;
  margin: 2rem auto;
  width:var(--container);
  background:var(--color-bg-secondary);
  border-radius:var(--radius-md);
  border: 1px solid var(--color-overlay-white-black);
  box-shadow:var(--shadow-card);
}
.mediafilm_intro_dl_badge_wrapper{
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
	align-items: center;
}
.mediafilm_intro_dl_badge{
	display: inline-block;
	width: fit-content;
	background:var(--gradient-accent-overlay);
	padding:10px 16px;
	border-radius:var(--radius-sm);
	font-size:13px;
	color:var(--color-accent-primary);
}

.mediafilm_intro_dl_sers_content_inner.mediafilm_intro_dl_sers_content_inner_sub_style .mediafilm_intro_dl_badge2{
	background:#0d92ff2e;
	color:#7dbff4;
}
body[data-theme="light"] .mediafilm_intro_dl_sers_content_inner.mediafilm_intro_dl_sers_content_inner_sub_style .mediafilm_intro_dl_badge{
	background:#7dbff4;
	color:#ffffff;
}
.mediafilm_intro_dl_badge_after {
  flex:1;
  height: 1px;
  background-color: var(--color-overlay-white-black);
  margin: 0 1rem 0 0;
}
body[data-theme="light"] .mediafilm_intro_dl_badge{
	background:var(--gradient-accent-overlay-dark);
	color:#141418;
}
.mediafilm_intro_dl_item{
  background:var(--color-bg-elevated);
  border-radius:var(--radius-md);
  padding:14px 18px;
  gap:15px;
}
.mediafilm_intro_dl_item2{
    background-color: var(--color-bg-secondary);
}
.mediafilm_intro_dl_meta{
	flex: 1;
	display:grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap:20px;
	font-size:14px;
	color:var(--color-text-secondary);
}
.mediafilm_intro_dl_item_srs .mediafilm_intro_dl_meta{
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
.mediafilm_intro_dl_quality, .mediafilm_intro_dl_en{
	flex: 1;
	font-size: 15px;
}
.mediafilm_intro_dl_des{
	flex: auto;
	font-size: 15px;
}
.mediafilm_intro_dl_quality{
	color:var(--color-text-primary);
}
.mediafilm_intro_dl_quality span:last-child{
	font-size: 15px;
	font-weight: 600;
	color:var(--color-accent-primary);
}
.mediafilm_intro_dl_sers_content_inner.mediafilm_intro_dl_sers_content_inner_sub_style .mediafilm_intro_dl_quality span:last-child{
	color:#7dbff4;
}
body[data-theme="light"] .mediafilm_intro_dl_sers_content_inner.mediafilm_intro_dl_sers_content_inner_sub_style .mediafilm_intro_dl_quality span:last-child{
	color:#4189c0;
}
.mediafilm_intro_dl_en, .mediafilm_intro_dl_des{
	color:var(--color-text-secondary);
}
.mediafilm_intro_dl_en span:last-child, .mediafilm_intro_dl_des span:last-child{
	font-size: 15px;
	font-weight: 600;
	color:var(--color-text-primary);
}
.mediafilm_intro_dl_play{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding:8px;
	width: 45px;
	height: 45px;
	border-radius:var(--radius-sm);
	background:var(--color-bg-secondary);
	color:var(--color-accent-primary);
	border: 1px solid var(--color-overlay-white-black);
	box-shadow: var(--shadow-card);
}

.mediafilm_intro_dl_stream ,.mediafilm_intro_dl_download, .mediafilm_intro_dl_download2{
  background:var(--color-accent-primary);
  color:#111;
  padding:8px 14px;
  border-radius:var(--radius-sm);
  font-weight:600;
  border: 1px solid var(--color-overlay-white-black);
}

.mediafilm_intro_dl_stream:hover,
.mediafilm_intro_dl_download:hover {
    background: transparent !important;
    color: var(--btn-mediafilm-download);
    border: 1px solid var(--btn-mediafilm-download);
}

.mediafilm_intro_dl_download2 {
    background:var(--color-overlay-white-black);
    color:#fff;
}

.mediafilm_intro_dl_download2:hover {
    color: var(--color-accent-primary);
}

.mediafilm_intro_dl_sers_content_inner.mediafilm_intro_dl_sers_content_inner_sub_style .mediafilm_intro_dl_download{
	background:#7dbff4;
}
body[data-theme="light"] .mediafilm_intro_dl_sers_content_inner.mediafilm_intro_dl_sers_content_inner_sub_style .mediafilm_intro_dl_download{
	background:#4b9cda;
}
.mediafilm_intro_dl_sers_container{
	width: calc(100% - 28px);
    margin: 20px auto;
    border-radius: 8px;
	margin-right: 28px;
	gap: 1rem;
    overflow: hidden;
}

.mediafilm_intro_dl_sers_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    cursor: pointer;
    background:var(--color-bg-elevated);
    transition: background 0.3s ease;
    border-radius: var(--radius-md);
}
.mediafilm_intro_dl_sers_header_tlt_wrap{
	display: flex;
	align-items: center;
	gap: 0 8px;
}
.mediafilm_intro_dl_sers_title {
    font-size: 17px;
	font-weight: 600;
}
.mediafilm_intro_dl_sers_caret {
    width: 30px;
    height: 30px;

    display: inline-flex;
    justify-content: center;
    align-items: center;

    position: relative;

    border-radius: 50%;
    cursor: pointer;

    background-color: var(--color-overlay-white-black);
    border: 1px solid transparent;

    outline: none !important;
    user-select: none;

    transition: all .5s ease-in-out;

    font-size: 0;
    line-height: 0;
}

.mediafilm_intro_dl_sers_caret::after {
    content: "";
    width: 20px;
    height: 20px;

    display: block;

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px auto;
}

.mediafilm_intro_dl_sers_item.mediafilm_intro_dl_sers_active
.mediafilm_intro_dl_sers_caret {
    transform: rotate(180deg);
}
.mediafilm_intro_dl_sers_button {
    background-color:var(--color-status-success);
    color: white;
    padding: 4px 16px;
    border: none;
    border-radius: 5px;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin-left: 15px;
    font-weight: bold;
}
.mediafilm_intro_dl_sers_content {
    height: 0;
    overflow: hidden;
    transition: height 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: height;
    background: var(--color-bg-elevated);
    padding: 0 20px;
    border-radius: 0 0 var(--radius-md) var(--radius-md);
    margin-top: -8px;
}
.mediafilm_intro_dl_sers_content_inner {
    padding: 16px 0;
    font-size: 15px;
    color: #ccc;
}
.mediafilm_intro_dl_item_srs{
	border-radius: 0!important;
	border-bottom: 1px dashed var(--color-overlay-white-black)!important;
}
.mediafilm_intro_dl_item_srs:last-child{
	 border-bottom: none!important;
}
.mediafilm_intro_dl_sers_item:last-child {
    border-bottom: none;
}
.mediafilm_intro_dl_sers_item{
	margin: 1rem 0;
	border-radius: 8px;
}

.mediafilm_intro_dl_sers_inr_bx{
    width: 100%;

    height: 0;
    overflow: hidden;

    transition: height .8s cubic-bezier(0.4,0,0.2,1);
    will-change: height;
}

.mediafilm_intro_dl_sers_inr_bx_inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;

    padding: 1rem;
    margin: 1rem 0;

    border: 1px dashed #ccc;
    border-radius: var(--radius-md);
}

.mediafilm_intro_dl_sers_inr_bx_item{
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	gap: 8px;
	align-items: stretch;
}
.mediafilm_intro_dl_sers_trl{
	
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding:8px;
	width: 42px;
	height: 42px;
	border-radius:8px;
	background:var(--color-bg-secondary);
	color:var(--color-accent-primary);
	border: 1px solid var(--color-overlay-white-black);
	box-shadow: var(--shadow-card);
}
.mediafilm_intro_dl_sers_play{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding:8px;
	width: 42px;
	height: 42px;
	background:var(--color-accent-primary);
	color:#111;
	border-radius:8px;
	font-weight:600;
	border: 1px solid var(--color-overlay-white-black);

}
.mediafilm_intro_dl_sers_download{
	background:#7dbff4;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding:8px;
	width: 80px;
	height: 42px;
	color:#111;
	border-radius:8px;
	font-weight:600;
	border: 1px solid var(--color-overlay-white-black);
}
.mediafilm_intro_dl_sers_download_all{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding:8px;
	height: 42px;
	width: 90%;
	border-radius:8px;
	background:var(--color-bg-primary);
	color:var(--color-text-primary);
	border: 1px solid var(--color-overlay-white-black);
	box-shadow: var(--shadow-card);
}
/* =========================
   LARGE TABLET
   ========================= */

@media screen and (max-width: 1200px){

	.mediafilm_intro_container{
		gap: 28px;
	}

	.mediafilm_intro_img_side{
		flex: 0 0 300px;
	}

	.mediafilm_intro_title_fa{
		font-size: 28px;
	}

	.mediafilm_intro_meta_top{
		font-size: 14px;
		gap: 12px;
	}

	.mediafilm_intro_synopsis{
		font-size: 14px;
	}
}

/* =========================
   TABLET
   ========================= */
@media screen and (max-width: 992px){

	.mediafilm_intro_title_fa{
        text-align: center;
        align-self: center;
	}
	
	.mediafilm_intro_hero_container{
		min-height: auto;
		padding-bottom: 40px;
	}

	.mediafilm_intro_container{
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	.mediafilm_intro_des_side{
		width: 100%;
		min-width: 0;
	}

	.mediafilm_intro_img_side{
		flex: 0 0 auto;
		width: 260px;
		max-width: 100%;
		order: -1;
	}

	.mediafilm_intro_header{
		flex-direction: column;
		align-items: center;
		gap: 20px;
	}

	.mediafilm_intro_meta_top{
		justify-content: start;
	}

	.mediafilm_intro_meta_down{
		justify-content: center;
	}

	.mediafilm_intro_genres{
		justify-content: center;
	}

	.mediafilm_intro_synopsis{
		max-width: 100%;
	}

	.mediafilm_intro_cast_section{
		flex-direction: column;
		gap: 2px;
	}

	.mediafilm_intro_cast_sep{
		display: none;
	}

	.mediafilm_intro_spec_grid{
		justify-content: center;
		gap: 24px;
		text-align: center;
	}

	.mediafilm_intro_favorite{
		flex-wrap: wrap;
		justify-content: center;
	}

	.mediafilm_intro_favorite_dvd{
		display: none;
	}

	.mediafilm_intro_dl_actions{
		justify-content: center;
		margin: 0 auto;
	}
	.mediafilm_intro_dl_item{
		flex-direction:column;
		align-items:flex-start;
		gap:12px;
	}

	.mediafilm_intro_dl_meta{
		width:100%;
		grid-template-columns: 1fr;
    	gap: 5px;
	}
	.mediafilm_intro_dl_quality, .mediafilm_intro_dl_en, .mediafilm_intro_dl_des{
		flex: 100%;
	}
}

/* =========================
   MOBILE
   ========================= */

@media screen and (max-width: 768px){

	.mediafilm_intro_titles{
		display: flex;
		flex-direction: row-reverse;
		gap: 14px;
		align-items: end;
	}
	.mediafilm_intro_titles_box_mb{
		display: flex;
		flex-direction: column;
		justify-content: end;
    	align-items: start;
		height: fit-content;
	}
	.mediafilm_intro_idmb{
		flex: 46%;
	}
	.mediafilm_intro_hero_container{
		padding-top: calc(var(--header-height) + 16px);
		align-items: flex-start;
	}

	.mediafilm_intro_container{
		
	}

	.mediafilm_intro_backdrop_mob_img{
		width: 100%;
		left: 0;
		right: 0;
	}

	body[data-theme="light"] .mediafilm_intro_backdrop_img {
		-webkit-filter: blur(120px) brightness(0.10);
		filter: blur(120px) brightness(0.10);
		mask-image: linear-gradient(to bottom, #fff 0%, transparent 100%);
	}

	.mediafilm_intro_img_side{
		width: 200px;
		flex: unset;
	}

	.mediafilm_intro_poster_box_mob{
		border-radius: 14px;
	}

	.mediafilm_intro_des_side{
		width: 100%;
	}

	.mediafilm_intro_title_fa{
		font-size: 24px;
		line-height: 1.5;
		margin: 6px 0;
	}

	.mediafilm_intro_meta_top{
	
	}

	.mediafilm_intro_meta_label{
		margin: 0;
		font-size: 11px;
		padding: 4px 10px;
	}

	.mediafilm_intro_idmb_rate{
		font-size: 18px;
	}

	.mediafilm_intro_synopsis{
		font-size: 14px;
		line-height: 2;
		margin-bottom: 20px;
	}

	.mediafilm_intro_genre_tag{
		font-size: 12px;
		padding: 6px 14px;
	}

	.mediafilm_intro_meta_down{
		gap: 10px;
		display: grid;
		grid-template-columns: 1fr 1fr;
		font-size: 13px;
	}

	.mediafilm_intro_spec_item_dn{
		margin: 0;
		font-size: 12px;
		flex-wrap: wrap;
		text-align: right;
		justify-content: right;
	}

	.mediafilm_intro_section_title{
		font-size: 16px;
		padding-right: 10px;
		margin-bottom: 8px;
	}

	.mediafilm_intro_cast_list{
		padding: 0;
		gap: 16px;
	}

	.mediafilm_intro_cast_card img{
		width: 64px;
		height: 64px;
	}
    .mediafilm_intro_cast_card .imgc {
		width: 64px;
		height: 64px;
	}
	
	.mediafilm_intro_cast_card span{
		font-size: 11px;
	}

	.mediafilm_intro_cast_card small{
		font-size: 10px;
	}

	.mediafilm_intro_spec_grid{
		padding: 18px;
		border-radius: 16px;
		margin-bottom: 24px;
	}

	.mediafilm_intro_favorite{
		width: 100%;
		flex-direction: column;
		gap: 12px;
	}

	.mediafilm_intro_favorite button{
		width: 100%;
		justify-content: center;
		font-size: 13px;
		padding: 10px;
		background: rgba(255,255,255,.03);
		border-radius: 10px;
	}

	.mediafilm_intro_play_trlr{
		width: 100%;
	}

	.mediafilm_intro_play_trlr button{
		width: 100%;
		padding: 12px 18px;
		font-size: 14px;
	}

	.mediafilm_intro_quality_badge{
		right: 6px;
		bottom: 6px;
		top: auto;
		font-size: 10px;
		padding: 4px 8px;
		max-width: calc(100% - 12px);
	}

	.mediafilm_intro_poster_box_mob .mediafilm_slider_card__badge--voice{
		left: 2px !important;
		bottom: 2px !important;
		top: auto !important;
		right: auto !important;
	}
	.mediafilm_intro_dl_badge_after {
		margin: 0 .75rem 0 0;
	}
	.mediafilm_intro_dl_left{
		flex-wrap:wrap;
		gap: 0.5rem !important;
	}
	.mediafilm_intro_dl_download,
	.mediafilm_intro_dl_stream,
	.mediafilm_intro_dl_download2{
		padding:8px 14px;
		font-size:13px;
	}
}
@media screen and (max-width: 650px){
	.mediafilm_intro_dl_sers_inr_bx_item {
		justify-content: center;
	}
}
/* =========================
   SMALL MOBILE
   ========================= */
@media screen and (max-width: 480px){
	.mediafilm_intro_dl_item{
		/*padding: 0;*/
	}
	.mediafilm_intro_dl_item_srs .mediafilm_intro_dl_meta {
	grid-template-columns: 1fr;
	}
	.mediafilm_intro_container{
		width: calc(100% - 16px);
	}
	.mediafilm_intro_dl_sers_header_tlt_wrap{
		flex-direction: column;
	}
	.mediafilm_intro_img_side{
		width: 160px;
	}

	.mediafilm_intro_title_fa{
		font-size: 20px;
	}

	.mediafilm_intro_meta_top{
		font-size: 12px;
		gap: 12px;
	}

	.mediafilm_intro_synopsis{
		font-size: 13px;
	}

	.mediafilm_intro_spec_item_dn{
		width: 100%;
	}

	.mediafilm_intro_genres{
		gap: 8px;
	}

	.mediafilm_intro_genre_tag{
		font-size: 11px;
		padding: 5px 12px;
	}

	.mediafilm_intro_rating_item{
		padding: 8px 12px;
	}

	.mediafilm_intro_rating_val{
		font-size: 16px;
	}

	.mediafilm_intro_cast_list{
		gap: 12px;
	}

	.mediafilm_intro_spec_grid{
		padding: 14px;
	}
	.mediafilm_intro_dl_container{
		padding: 25px;
	}
	.mediafilm_intro_dl_notes li{
		background-position: right top;
	}
	.mediafilm_intro_dl_badge_after {
		margin: 0 .25rem 0 0;
	}
}
@media screen and (max-width: 450px){
	.mediafilm_intro_dl_sers_inr_bx_item {
		flex-wrap: wrap;
	}
}

/***************************/
/*******comment section********/
.mediafilm_cm_section{
    padding:2rem 0;
    direction:rtl;
}

.mediafilm_cm_header{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:1rem;
    margin-bottom:2rem;
    flex-wrap:wrap;
}

.mediafilm_cm_title{
    margin:0;
    font-size:2rem;
    color:var(--color-text-primary);
}

.mediafilm_cm_subtitle{
    margin:.5rem 0 0;
    color:var(--color-text-disabled);
    font-size:.95rem;
}

.mediafilm_cm_total{
    padding:.75rem 1rem;
    border-radius:999px;
    background:var(--gradient-accent-overlay);
    border:1px solid var(--color-accent-overlay);
    color:var(--color-accent-primary);
    font-size:.9rem;
    backdrop-filter:blur(10px);
}
body[data-theme="light"] .mediafilm_cm_total{
	background:var(--gradient-accent-overlay-med);
    border:1px solid var(--color-accent-overlay-dark);
	color:#111;
}
.mediafilm_cm_form{
    position:relative;
    overflow:hidden;
    padding:1.5rem;
    border-radius:var(--radius-md);
    background:linear-gradient(
        145deg,
        var(--color-bg-secondary),
        var(--color-bg-elevated)
    );
    border:1px solid var(--color-overlay-white-black);
    box-shadow:var(--shadow-card);
    margin-bottom:2rem;
}

.mediafilm_cm_form::before{
    content:'';
    position:absolute;
    inset:0;
    background:var(--color-bg-elevated);
    opacity:.25;
    pointer-events:none;
}

.mediafilm_cm_form_user{
    position:relative;
    display:flex;
    align-items:center;
    gap:1rem;
    margin-bottom:1rem;
    z-index:2;
}

.mediafilm_cm_avatar{
    width:58px;
    height:58px;
    border-radius:50%;
    background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23111111'%3E%3Cpath d='M12 12a5 5 0 1 0-5-5a5 5 0 0 0 5 5zm0 2c-4.42 0-8 2.24-8 5v1h16v-1c0-2.76-3.58-5-8-5z'/%3E%3C/svg%3E")
  center/60% no-repeat,
  var(--color-accent-primary);
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:800;
    font-size:1.2rem;
    flex-shrink:0;
}

.mediafilm_cm_avatar_sm{
    width:52px;
    height:52px;
    font-size:1rem;
}

.mediafilm_cm_avatar_xs{
    width:42px;
    height:42px;
    font-size:.9rem;
}

.mediafilm_cm_form_info h4{
    margin:0;
    font-size:1rem;
}

.mediafilm_cm_form_info span{
    color:var(--color-text-disabled);
    font-size:.85rem;
}

.mediafilm_cm_textarea{
    position:relative;
    z-index:2;
    width:100%;
    min-height:100px;
    resize:none;
    border:none;
    outline:none;
    border-radius:var(--radius-md);
    background:rgba(255,255,255,.03);
    border:1px solid transparent;
    padding:1rem;
    color:var(--color-text-primary);
    font-family:'Est';
    font-size:1rem;
    transition:.25s ease;
    backdrop-filter:blur(10px);
}
body[data-theme="light"] .mediafilm_cm_textarea{
	background:rgba(0,0,0,.03);
}
body[data-theme="light"] .mediafilm_cm_textarea:focus{
    border-color:var(--color-accent-primary-dark);
    box-shadow:0 0 0 4px var(--color-accent-overlay-dark);
}
.mediafilm_cm_textarea:focus{
    border-color:var(--color-accent-primary);
    box-shadow:0 0 0 4px var(--color-accent-overlay);
}

.mediafilm_cm_textarea::placeholder{
    color:var(--color-text-disabled);
}

.mediafilm_cm_form_footer{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    margin-top:1rem;
    flex-wrap:wrap;
}

.mediafilm_cm_form_hint{
    color:var(--color-text-disabled);
    font-size:.9rem;
}

.mediafilm_cm_submit{
    border: none;
  outline: none;
  padding: .7rem 2rem;
  border-radius: 10px;
  background: var(--color-accent-primary);
  color: #111;
  font-weight: 700;
  transition: .25s ease;
  font-size: 14px;
}

.mediafilm_cm_submit:hover{
    transform:translateY(-3px);
    box-shadow:0 8px 14px rgba(255,187,51,.35);
}
body[data-theme="light"] .mediafilm_cm_submit{
	background:var(--color-accent-primary-dark);
}
.mediafilm_cm_list{
    display:flex;
    flex-direction:column;
    gap:1.5rem;
}

.mediafilm_cm_item{
    position:relative;
    overflow:hidden;
    padding:1.5rem;
    border-radius:var(--radius-md);
    background:var(--color-bg-secondary);
    border:1px solid var(--color-overlay-white-black);
    box-shadow:var(--shadow-soft);
}

.mediafilm_cm_item::after{
    content:'';
    position:absolute;
    top:0;
    right:0;
    width:4px;
    height:100%;
    background:var(--gradient-accent-overlay-med);
}

.mediafilm_cm_user{
    display:flex;
    align-items:flex-start;
    gap:1rem;
}

.mediafilm_cm_user_info{
    flex:1;
}

.mediafilm_cm_user_top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    margin-bottom:.75rem;
    flex-wrap:wrap;
}

.mediafilm_cm_user_top h4{
    margin:0;
    font-size:1rem;
    color:var(--color-text-primary);
}

.mediafilm_cm_user_top span{
    color:var(--color-text-disabled);
    font-size:.85rem;
}

.mediafilm_cm_text{
    margin:0;
    color:var(--color-text-secondary);
    line-height:2;
    font-size:.97rem;
}

.mediafilm_cm_actions{
    display:flex;
    align-items:center;
    gap:.75rem;
	justify-content: space-between;
    margin-top:1rem;
}
.mediafilm_cm_actions_fvrt{
	font-size: 14px;
	padding: .75rem 1rem;
	line-height: 40px;
	border-radius: 1rem;
	background-color: var(--color-bg-primary);
	
	width: fit-content;
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important;
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
}
.mediafilm_cm_fvrt_btn{
	gap: 0.75rem;
	color: var(--color-text-primary);
	font-weight: 600;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 15px;
	background-color: transparent;
	border: none;
	cursor: pointer;
}
.mediafilm_cm_fvrt_btn_line {
  content: "";
  margin: 0 .75rem;
  width: 1px;
  height: 16px;
  background-color: var(--color-text-secondary);
}
.mediafilm_cm_fvrt_btn:hover{
	color: var(--color-accent-primary);
}
body[data-theme="light"] .mediafilm_cm_fvrt_btn:hover{
	color: var(--color-accent-primary-dark);
}
.mediafilm_cm_action_btn{
    background:rgba(255,255,255,.04);
    color:var(--color-text-secondary);
    padding:.65rem 1rem;
    border-radius:999px;
    transition:.25s ease;
    border:1px solid transparent;
}

.mediafilm_cm_action_btn:hover{
    color:var(--color-accent-primary);
    border-color:var(--color-accent-overlay);
    background:var(--gradient-accent-overlay);
}

.mediafilm_cm_replies{
    margin-top:1.5rem;
    margin-right:3rem;
    padding-right:1.5rem;
    border-right:1px dashed var(--color-overlay-white-black);
}

.mediafilm_cm_reply{
    background:var(--color-bg-elevated);
    box-shadow:none;
}
.mediafilm_cm_spoiler_check{
    display:flex;
    align-items:center;
    gap:.5rem;
    cursor:pointer;
    font-size:.9rem;
    color:var(--color-text-secondary);
    background:var(--color-bg-primary);
    border:1px solid var(--color-overlay-white-black);
    padding:.45rem .9rem;
    border-radius:999px;
    transition:.25s ease;
    user-select:none;
}

.mediafilm_cm_spoiler_check:hover{
    border-color:var(--color-accent-overlay);
    background:var(--gradient-accent-overlay);
    color:var(--color-accent-primary);
}

.mediafilm_cm_spoiler_check input{
    appearance:none;
    width:16px;
    height:16px;
    border-radius:4px;
    border:2px solid var(--color-text-disabled);
    position:relative;
    cursor:pointer;
    transition:.2s ease;
}

.mediafilm_cm_spoiler_check input:checked{
    border-color:var(--color-accent-primary);
    background:var(--color-accent-primary);
}

.mediafilm_cm_spoiler_check input:checked::after{
    content:"";
    position:absolute;
    width:4px;
    height:8px;
    border:2px solid #111;
    border-top:0;
    border-left:0;
    transform:rotate(45deg);
    top:1px;
    left:4px;
}

body[data-theme="light"] .mediafilm_cm_spoiler_check input:checked::after{
    border-color:#fff;
}
.mediafilm_cm_spoiler{
	position:relative;
}

.mediafilm_cm_spoiler .mediafilm_cm_user{
	filter:blur(6px);
	user-select:none;
	pointer-events:none;
}
.mediafilm_cm_spoiler .mediafilm_cm_replies{
	filter:blur(6px);
	user-select:none;
	pointer-events:none;
}
.mediafilm_cm_spoiler_overlay{
	position:absolute;
	inset:0;
	display:flex;
	align-items:center;
	justify-content:center;
	backdrop-filter:blur(10px);
	background:rgba(0,0,0,.35);
	cursor:pointer;
	border-radius:inherit;
}

.mediafilm_cm_spoiler_label{
	background:var(--color-accent-primary);
	color:#111;
	font-weight:700;
	padding:.5rem 1rem;
	border-radius:999px;
	font-size:.85rem;
}

@media(max-width:768px){

    .mediafilm_cm_section{
        padding:2rem 0;
    }

    .mediafilm_cm_title{
        font-size:1.5rem;
    }

    .mediafilm_cm_item,
    .mediafilm_cm_form{
        padding:1rem;
    }

    .mediafilm_cm_replies{
        margin-right:1rem;
        padding-right:1rem;
    }

    .mediafilm_cm_user_top{
        align-items:flex-start;
        flex-direction:column;
    }

    .mediafilm_cm_form_footer{
        flex-direction:column;
        align-items:stretch;
    }

    .mediafilm_cm_submit{
        width:100%;
    }
}

@media(max-width:520px){

    .mediafilm_cm_user{
        gap:.75rem;
    }

    .mediafilm_cm_avatar{
        width:48px;
        height:48px;
    }

    .mediafilm_cm_avatar_sm{
        width:42px;
        height:42px;
    }

    .mediafilm_cm_avatar_xs{
        width:36px;
        height:36px;
    }

    .mediafilm_cm_actions{
        flex-wrap:wrap;
    }

    .mediafilm_cm_text{
        font-size:.92rem;
    }
}
/***************************/
/******modal*********/
.mediafilm_intro_modal_overlay{
  position: fixed;
  inset: 0;
  background: var(--color-overlay-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: .25s;
  z-index: 9999;
}

.mediafilm_intro_modal_overlay.active{
  opacity: 1;
  visibility: visible;
}

.mediafilm_intro_modal_box{
  width: min(460px, 92%);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-card);
  padding: 20px;
  transform: translateY(10px);
  transition: .25s;
  border: 1px solid #fbf1f1;
}

.mediafilm_intro_modal_overlay.active .mediafilm_intro_modal_box{
  transform: translateY(0);
}

.mediafilm_intro_modal_header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:16px;
}

.mediafilm_intro_modal_title{
  font-size:18px;
  color:var(--color-text-primary);
  font-weight:600;
}

.mediafilm_intro_modal_close{
  border:none;
  background:transparent;
  font-size:18px;
  cursor:pointer;
  color:var(--color-text-secondary);
}

.mediafilm_intro_modal_close:hover{
  color:var(--color-status-error);
}

.mediafilm_intro_modal_label{
  display:block;
  margin-bottom:8px;
  color:var(--color-text-secondary);
  font-size:14px;
}

.mediafilm_intro_modal_textarea{
  width:100%;
  min-height:50px;
  resize:vertical;
  border-radius:var(--radius-sm);
  border:1px solid var(--color-overlay-white-black);
  background:var(--color-bg-primary);
  color:var(--color-text-primary);
  padding:10px;
  font-family:inherit;
}

.mediafilm_intro_modal_textarea:focus{
  outline:none;
  border-color:var(--color-accent-primary);
}

.mediafilm_intro_modal_footer{
    margin-top: 16px;
    display: flex;
    justify-content: center;
    gap: 18px;
}

.mediafilm_intro_modal_submit{
  border:none;
  background:var(--color-accent-primary);
  color:#000;
  padding:10px 18px;
  border-radius:var(--radius-sm);
  cursor:pointer;
  font-weight:600;
}

.mediafilm_intro_modal_submit:hover{
  background:var(--color-accent-primary-dark);
}

/***************************/
/******modal*********/
.mediafilm_del_modal_overlay{
  position: fixed;
  inset: 0;
  background: var(--color-overlay-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: .25s;
  z-index: 9999;
}

.mediafilm_del_modal_overlay.active{
  opacity: 1;
  visibility: visible;
}

.mediafilm_del_modal_box{
    justify-items: center;
    width: min(460px, 92%);
    background: var(--color-bg-secondary);
    border-radius: var(--radius-md);
    border: 1px solid #fbf1f1;
    box-shadow: var(--shadow-card);
    padding: 20px;
    transform: translateY(-55%);
    transition: .25s;
    position: fixed;
}

.mediafilm_del_modal_overlay.loading::after,
.mediafilm_intro_modal_overlay.loading::after{
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.45);
    z-index: 999;
}

.mediafilm_del_modal_overlay.loading::before,
.mediafilm_intro_modal_overlay.loading::before{
    content: "";
    position: absolute;
    top: 35%;
    left: 50%;
    width: 45px;
    height: 45px;
    transform: translate(-50%, -50%);
    border: 4px solid #fff;
    border-top-color: transparent;
    border-radius: 50%;
    animation: mediafilmSpin .7s linear infinite;
    z-index: 1000;
}
.mediafilm_intro_modal_overlay.loading::before{
    top: 50%;
}

@keyframes mediafilmSpin{
    to{
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.mediafilm_del_modal_overlay.active .mediafilm_intro_modal_box{
  transform: translateY(0);
}

.mediafilm_del_modal_header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:16px;
}

.mediafilm_del_modal_title{
  font-size:18px;
  color:var(--color-text-primary);
  font-weight:600;
}

.mediafilm_del_modal_close{
  border:none;
  background:transparent;
  font-size:18px;
  cursor:pointer;
  color:var(--color-text-secondary);
}

.mediafilm_del_modal_close:hover{
  color:var(--color-status-error);
}
.mediafilm_del_modal_footer{
  margin-top:16px;
  display:flex;
  justify-content:center;
  gap: 18px;
}

.mediafilm_del_modal_submit{
    border: none;
    background: var(--color-accent-primary);
    color: #000000;
    padding: 10px 40px;
    border-radius: var(--radius-sm);
    cursor: pointer;
    font-weight: 600;
}
.mediafilm_del_modal_cancle{
    border: 1px solid #fbf1f1;
    background: #000000;
    color: #fff;
    padding: 10px 40px;
    border-radius: var(--radius-sm);
    cursor: pointer;
    font-weight: 600;
}
.mediafilm_del_modal_submit:hover, .mediafilm_del_modal_cancle:hover{
  opacity: 0.9;
}

/***************************/
/******profile*********/
.mediafilm_prfl_container{
    max-width:var(--container);
    margin:auto;
    padding:calc(var(--header-height) + 2rem) 0 1rem 0;
    display:grid;
    grid-template-columns: 320px 1fr;
    gap:30px;
}
.mediafilm_prfl_sidebar{
    background:var(--color-bg-secondary);
    padding:25px;
    border-radius:14px;
}
.mediafilm_prfl_user{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:20px;
}

.mediafilm_prfl_avatar{
    width:50px;
    height:50px;
    border-radius:50%;
    background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFBB33'%3E%3Cpath d='M12 12a5 5 0 1 0-5-5a5 5 0 0 0 5 5zm0 2c-4.42 0-8 2.24-8 5v1h16v-1c0-2.76-3.58-5-8-5z'/%3E%3C/svg%3E")
  center/60% no-repeat,
  var(--color-bg-elevated);
}
.mediafilm_prfl_user_text span{
    display:block;
    font-size:13px;
    opacity:.7;
}
.mediafilm_prfl_edit{
    display:block;
    margin-bottom:20px;
    background:transparent;
    color:var(--color-accent-primary);
    text-align:center;
    padding:10px;
    border-radius:10px;
	border: 1px solid var(--color-accent-primary);
}
.mediafilm_prfl_edit:hover{
    color: #000;
    background-color: var(--color-accent-primary);
}

.mediafilm_prfl_menu a{
    display:flex;
    padding:12px;
    border-radius:10px;
    background:var(--color-bg-elevated);
    margin-bottom:10px;
	justify-content: space-between;
    color:var(--color-text-primary);
    text-decoration:none;
    transition:.2s;
}
.mediafilm_prfl_menu a.active{
	background:var(--color-accent-primary);
    color:#000;
}
.mediafilm_prfl_menu a:hover{
    background:var(--color-accent-primary);
    color:#000;
}
.mediafilm_prfl_menu a:last-child:hover{
    background:#8a200d;
    color:#fff;
}
body[data-theme="light"] .mediafilm_prfl_menu a:last-child:hover{
    background: #ff917e;
	color: rgb(15, 15, 15);
}
.mediafilm_prfl_menu_mob{
	display: none;
    background: var(--color-bg-elevated);
	font-size: 1rem;
	font-weight: 700;
	font-family: 'Est';
    color:var(--color-accent-primary);
    text-align:center;
	width: 100%;
	border: 1px solid var(--color-accent-primary);
    padding:12px;
    border-radius:10px;
    margin-bottom:10px;
    text-decoration:none;
    transition:.2s;
}
body[data-theme="light"] .mediafilm_prfl_menu_mob{
	color:var(--color-accent-primary-dark);
	border-color:var(--color-accent-primary-dark);
}
.mediafilm_prfl_main{
    display:flex;
    flex-direction:column;
    gap:25px;
	background:var(--color-bg-secondary);
    padding:25px;
    border-radius:14px;
    /*max-height: fit-content;*/
}
.mediafilm_prfl_domain_card{
	width: 100%;
	background: linear-gradient(5deg, #1a1a1a 0%, #363101 100%);
	background-color: var(--color-accent-primary);
	border: 1px solid var(--color-accent-primary);
	color: var(--color-text-primary);
	padding: 20px;
	border-radius: 10px;
	box-shadow: 0 4px 15px var(--color-accent-overlay);
	margin: 5px auto;
	text-align: center;
	direction: rtl;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	max-width: 100%;
	position: relative;
	overflow: hidden;
	background-blend-mode: revert;
}
body[data-theme="light"] .mediafilm_prfl_domain_card{
	background: linear-gradient(135deg, #e2e2e2 0%, #ffd889 100%);
}
.mediafilm_prfl_domain_card h3{
	color: var(--color-accent-primary);
	margin: 0.5rem 0;
}
body[data-theme="light"] .mediafilm_prfl_domain_card h3{
	color: var(--color-accent-primary-dark);
}
.mediafilm_prfl_domain{
    margin-top:10px;
    background: var(--color-overlay-dark);
    padding:16px;
    border-radius:8px;
	width: 100%;
	gap: 8px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.mediafilm_prfl_domain_tlt{
	background: var(--color-overlay-white-black);
	margin: 0 1rem;
	padding: 6px 12px;
	color: var(--color-accent-primary);
	font-size: 1.3rem;
	font-weight: 700;
	border-radius: 8px;
}
.mediafilm_prfl_card{
    background:var(--color-bg-elevated);
    padding:20px;
    border-radius:14px;
}
.mediafilm_prfl_empty{
    opacity:.6;
    padding:15px 0;
}
.mediafilm_prfl_dash_wl_box{
	display: flex;
	flex-direction: column;
	max-width: calc(100vw - 4rem);
}
.mediafilm_prfl_dash_wl{
	flex-direction: row;
	padding:15px 0;
	scrollbar-width:none;
	display: flex;
	flex-wrap: nowrap;
	gap: 12px;
	overflow-x: auto;
	overflow-y: hidden;
	width: 100%;
	max-width: 100%;
	-webkit-overflow-scrolling: touch;
	min-width: 0;
	flex-shrink: 1;
}

.mediafilm_prfl_bookmark{
    gap: 1rem 1rem !important;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    justify-items: center;
}

.mediafilm_prfl_dash_wl::-webkit-scrollbar{
	display:none;
}

.mediafilm_prfl_wl_item{
	position:relative;
	display:block;
	border-radius:14px;
	width:140px;
	height:180px;
	flex:0 0 auto;
	overflow:hidden;
}

.mediafilm_prfl_wl_item img{
	border-radius: 14px;
	width: 100%;
	height: 100%;
	object-fit: cover;
	aspect-ratio:3/4;
	display: block;
	transition: transform .3s ease;
}
.mediafilm_wl_overlay{
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,0.2);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	pointer-events: none;
	transition: .1s ease;
}
body[data-theme="light"] .mediafilm_wl_overlay{background: rgba(255,255,255,0.15);}
.mediafilm_play_wl_icon{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: rgba(255,255,255,0.2);
	backdrop-filter: blur(4px);
	color: #fff;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}
body[data-theme="light"] .mediafilm_play_wl_icon{background: rgba(0,0,0,0.2);}
.mediafilm_prfl_wl_item img:hover + .mediafilm_wl_overlay{
	opacity: 1;
}

.mediafilm_prfl_wl_item img:hover{
	transform: scale(1.05);
}

.mediafilm_prfl_wl_item:hover img{
	transform: scale(1.05);
}
@media (max-width:768px){
	.mediafilm_prfl_wl_item{
		width:110px;
		height:150px;
	}
}

.mediafilm_delete_btn{
	position: absolute;
	top: 6px;
	right: 6px;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	border: none;
	background: rgba(0,0,0,0.6);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 5;
	backdrop-filter: blur(4px);
}

body[data-theme="light"] .mediafilm_delete_btn{
	background: rgba(255,255,255,0.8);
	color: #000;
}

.mediafilm_delete_btn:hover{
	background: rgba(220,0,0,0.9);
	color: #fff;
}

.mediafilm_prfl_ticket_btn{
    color:var(--color-accent-primary);
    border:none;
    padding:0px 18px;
    border-radius:10px;
    cursor:pointer;
	font-size: 0.95rem;
	font-weight: 600;
	background-color: transparent;
}
body[data-theme="light"] .mediafilm_prfl_ticket_btn{
	color:var(--color-status-info);
}


.mediafilm_prfl_tickets_list{
	width: 100%;
	overflow-x: auto;
	margin-top: 20px;
	-webkit-overflow-scrolling: touch;
}

.mediafilm_prfl_tickets_table{
	width: 100%;
	border-collapse: collapse;
	border-radius: 14px;
	overflow: hidden;
	min-width: 700px;
}

.mediafilm_prfl_tickets_table th,
.mediafilm_prfl_tickets_table td{
	padding: 14px 16px;
	text-align: center;
	font-size: 15px;
	border-bottom: 1px solid var(--color-overlay-white-black);
	white-space: nowrap;
}

.mediafilm_prfl_tickets_table th{
	color: var(--color-text-primary);
	font-size: 16px;
	font-weight: 600;
}

.mediafilm_prfl_tickets_table td{
	color: var(--color-text-secondary);
}

.mediafilm_prfl_tickets_table tbody tr:hover{
	background: rgba(0, 0, 0, 0.1);
}

body[data-theme="light"] .mediafilm_prfl_tickets_table tbody tr:hover{
	background: rgba(255, 233, 103, 0.1);
}

.mediafilm_prfl_ticket_status{
	padding: 6px 12px;
	border-radius: 30px;
	font-size: 13px;
	display: inline-block;
}

.mediafilm_prfl_ticket_status.tckt_sts_open{
	background: #00aaff;
	color: #fff;
}

.mediafilm_prfl_ticket_status.tckt_sts_closed{
	background: #ff4949;
	color: #fff;
}

.mediafilm_prfl_ticket_status.tckt_sts_waiting{
	background: #ffa600;
	color: #1a1a1a;
}

.mediafilm_prfl_ticket_status.tckt_sts_sucss{
	background: #07c462;
	color: #1a1a1a;
}
.mediafilm_prfl_ticket_view_btn{
	padding: 8px 14px;
	border-radius: 8px;
	background: transparent;
	border: 1px solid var(--color-accent-primary);
	color: var(--color-accent-primary);
	text-decoration: none;
	font-size: 14px;
	transition: .3s ease;
	display: inline-block;
}

body[data-theme="light"] .mediafilm_prfl_ticket_view_btn{
	background: var(--color-accent-primary);
	border: 1px solid var(--color-accent-primary);
	color: #111;
}

.mediafilm_prfl_ticket_view_btn:hover{
	background: rgba(255, 233, 103, 0.1);
	border: 1px solid var(--color-accent-primary-dark);
	color: var(--color-accent-primary-dark);
}

body[data-theme="light"] .mediafilm_prfl_ticket_view_btn:hover{
	opacity: 0.9;
}
@media (max-width: 1240px){

	.mediafilm_prfl_tickets_table{
		min-width: 100%;
		border: 0;
	}

	.mediafilm_prfl_tickets_table thead{
		display: none;
	}

	.mediafilm_prfl_tickets_table,
	.mediafilm_prfl_tickets_table tbody,
	.mediafilm_prfl_tickets_table tr,
	.mediafilm_prfl_tickets_table td{
		font-size: 14px;
		display: block;
		width: 100%;
	}

	.mediafilm_prfl_tickets_table tr{
		border-radius: 14px;
		margin-bottom: 16px;
		padding: 12px;
	}

	.mediafilm_prfl_tickets_table td{
		display: flex;
		align-items: center;
		justify-content: space-between;
		text-align: right;
		white-space: normal;
		gap: 12px;
		padding: 12px 10px;
	}

	.mediafilm_prfl_tickets_table td:last-child{
		border-bottom: 0;
		padding-top: 16px;
	}

	.mediafilm_prfl_tickets_table td::before{
		content: attr(data-label);
		font-weight: 600;
		color: var(--color-text-primary);
		flex-shrink: 0;
	}

	.mediafilm_prfl_ticket_view_btn{
		text-align: center;
	}
}
/* notify page */
.mediafilm_ntf_list_container{
  display:flex;
  flex-direction:column;
  gap:16px;
}

.mediafilm_ntf_list_item{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  padding:20px 18px;
  background:var(--color-bg-elevated);
  border-radius:var(--radius-md);
  border:1px solid var(--color-overlay-light);
  box-shadow:var(--shadow-soft);
  transition:all .25s ease;
  position:relative;
}

.mediafilm_ntf_list_item:hover{
  transform:translateY(-2px);
  border-color:var(--color-accent-overlay);
  background:var(--color-bg-secondary);
}

.mediafilm_ntf_list_item::before{
  content:"";
  position:absolute;
  right:0;
  top:0;
  bottom:0;
  width:4px;
  border-radius:0 4px 4px 0;
  background:var(--gradient-accent-primary);
  opacity:.8;
}

.mediafilm_ntf_list_content{
  flex:1;
}

.mediafilm_ntf_list_title{
  margin:0 0 4px 0;
  font-size:16px;
  font-weight:600;
  color:var(--color-text-primary);
}

.mediafilm_ntf_list_desc{
  padding-bottom: 20px;
  margin:0;
  font-size:14px;
  color:var(--color-text-secondary);
}

.mediafilm_ntf_list{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

@media (max-width: 1300px) {
    .mediafilm_ntf_list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 1000px) {
    .mediafilm_ntf_list {
        grid-template-columns: 1fr;
    }
}

.mediafilm_ntf_list_date{
  font-size:13px;
  white-space:nowrap;
  position: absolute;
  bottom: 5px;
  left: 16px;
  color:var(--color-text-secondary);
}
/***************/

/* Ticket Chat */
.mediafilm_prfl_tckt_inr_chat{
	margin-top:20px;
	background:var(--color-bg-secondary);
	border-radius:var(--radius-md);
	box-shadow:var(--shadow-card);
	display:flex;
	flex-direction:column;
	height:520px;
	overflow:hidden;
}
.mediafilm_prfl_tckt_inr_messages{
	flex:1;
	overflow-y:auto;
	padding:22px;
	display:flex;
	flex-direction:column;
	gap:18px;
}
.mediafilm_prfl_tckt_inr_msg{
	display:flex;
	max-width:75%;
}
.mediafilm_prfl_tckt_inr_user{
	align-self:flex-start;
}
.mediafilm_prfl_tckt_inr_support{
	align-self:flex-end;
}
.mediafilm_prfl_tckt_inr_bubble{
	position:relative;
	background:var(--color-bg-primary);
	border-radius:20px;
	padding:14px 18px 14px 18px;
	font-size:14px;
	line-height:1.7;
	box-shadow:var(--shadow-soft);
	border: 1px solid var(--color-overlay-white-black);
}
.mediafilm_prfl_tckt_inr_support .mediafilm_prfl_tckt_inr_bubble{
	background:var(--color-bg-elevated);
}
.mediafilm_prfl_tckt_inr_user .mediafilm_prfl_tckt_inr_bubble{
	border-bottom-right-radius:0;
}
.mediafilm_prfl_tckt_inr_support .mediafilm_prfl_tckt_inr_bubble{
	border-bottom-left-radius:0;
}
.mediafilm_prfl_tckt_inr_name{
	font-size:12px;
	color:var(--color-overlay-white-black-dark);
	margin-bottom:3px;
}
.mediafilm_prfl_tckt_inr_meta{
	font-size:11px;
	color:var(--color-overlay-white-black-dark);
	margin-top:4px;
	text-align: left;
}
.mediafilm_prfl_tckt_inr_input_area{
	position: sticky;
	bottom: 0;
	background: rgba(255, 255, 255, 0.12);
	padding: 1px 1px;
	border-top: 1px solid var(--color-overlay-light);
	border-right: 1px solid var(--color-overlay-light);
	border-left: 1px solid var(--color-overlay-light);
	display: flex;
	gap: 10px;
	flex-direction: column;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.mediafilm_prfl_tckt_inr_status{
	margin: 0.25rem auto;
	font-size: 13px;
}
.mediafilm_prfl_tckt_inr_input{
	flex: 1;
	border: none;
	resize: none;
	border-radius: 4px;
	padding: 10px 12px;
	background: var(--color-bg-secondary);
	color: var(--color-text-primary);
	outline: none;
	font-size: 14px;
}
.mediafilm_prfl_tckt_inr_input_des{
	font-size:13px;
	padding:0 1rem;
	flex-wrap:wrap;
	gap:6px;
}

.mediafilm_prfl_tckt_inr_input_des span{
	white-space:normal;
}
.mediafilm_prfl_tckt_inr_input_file_row{
	flex:1;
	display: flex;
    flex-direction: row;
    align-items: center;
    border: 1px solid var(--color-overlay-white-black);
    border-radius: 6px;
    overflow: hidden;
    background: var(--color-bg-primary);
    margin: 5px 10px;
	min-width:0;
}
.mediafilm_prfl_tckt_inr_input_button {
    background: transparent;
    padding: 10px 20px;
    color:var(--color-text-primary);
    cursor: pointer;
    border-left: 1px solid var(--color-overlay-white-black);
    font-size: 14px;
    position: relative;
    white-space: nowrap;
}
.mediafilm_prfl_tckt_inr_input_button input {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}
.mediafilm_prfl_tckt_inr_input_text {
    flex: 1;
    padding: 10px;
    border: none;
    background: transparent;
    color: #aaa;
    font-size: 14px;
    text-align: right;
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
}
.mediafilm_prfl_tckt_inr_send{
	height:78%;
	width: fit-content;
	border:none;
	padding:0 18px;
	border-radius:4px;
	background:var(--color-accent-primary);
	color:#111318;
	font-size:14px;
	transition:.2s;
    margin: 5px 10px;
}
.mediafilm_prfl_tckt_inr_send:hover{
	background:var(--color-accent-primary-dark);
}
.mediafilm_prfl_tckt_inr_messages::-webkit-scrollbar{
	width:6px;
}
.mediafilm_prfl_tckt_inr_messages::-webkit-scrollbar-thumb{
	background:var(--color-overlay-white-black);
	border-radius:20px;
}

@media (max-width:768px){

	.mediafilm_prfl_tckt_inr_chat{
		height:70vh;
	}

	.mediafilm_prfl_tckt_inr_msg{
		max-width:92%;
	}

	.mediafilm_prfl_tckt_inr_messages{
		padding:16px;
	}

	.mediafilm_prfl_tckt_inr_input{
		font-size:13px;
	}

}
@media (max-width:480px){

	.mediafilm_prfl_tckt_inr_input_area .mediafilm_row{
		flex-direction:column;
		align-items:stretch;
		gap:8px;
	}

	.mediafilm_prfl_tckt_inr_input_file_row{
		margin:5px 0;
		width:100%;
	}

	.mediafilm_prfl_tckt_inr_send{
		width:100%;
		height:42px;
		margin:0;
	}
	.mediafilm_prfl_tckt_inr_msg{
		max-width:100%;
	}

	.mediafilm_prfl_tckt_inr_bubble{
		font-size:13px;
		padding:12px 14px;
	}
	#mediafilm_prfl_tckt_inner .mediafilm_row{
		flex-wrap:wrap;
		gap:8px;
	}
	.mediafilm_prfl_tckt_inr_input{
		min-height:70px;
	}
}
@media (max-width:450px){
	.mediafilm_prfl_tckt_inr_chat *{
		min-width:0;
		box-sizing:border-box;
	}
	.mediafilm_prfl_tckt_inr_msg{
		max-width:100%;
	}
	.mediafilm_prfl_tckt_inr_bubble{
		word-break:break-word;
	}
	.mediafilm_prfl_tckt_inr_input_des{
		flex-wrap:wrap;
		gap:4px 10px;
		font-size:12px;
	}
	.mediafilm_prfl_tckt_inr_input_file_row{
		width:100%;
		margin:5px 0;
	}
	.mediafilm_prfl_tckt_inr_input_text{
		font-size:12px;
		padding:8px;
	}
	.mediafilm_prfl_tckt_inr_input_button{
		padding:8px 12px;
		font-size:12px;
	}
	.mediafilm_prfl_tckt_inr_input_area .mediafilm_row:last-child{
		flex-direction:column;
		align-items:stretch;
		gap:8px;
	}
	.mediafilm_prfl_tckt_inr_send{
		width:100%;
		height:40px;
		margin:0;
	}

}


/**************profile gauge meter**************/
.mediafilm_prfl_gug_card{
  background:linear-gradient(180deg,#0f1319,#0a0e13);
  border-radius:20px;
  padding:20px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
body[data-theme="light"] .mediafilm_prfl_gug_card{
  background:linear-gradient(180deg,#fffef9,#fffcee);
}
.mediafilm_prfl_gug_svg{
  width:100%;
  display:block;
}

.mediafilm_prfl_gug_track{
  stroke:var(--color-bg-elevated);
}

.mediafilm_prfl_gug_progress{
  stroke:var(--color-accent-primary);
  stroke-linecap:round;
  filter:drop-shadow(0 0 10px rgba(255,187,51,.6));
}

.mediafilm_prfl_gug_card_blank .mediafilm_prfl_gug_progress{
	stroke:var(--color-bg-elevated);
	filter:none;
}
.mediafilm_prfl_gug_dots{
  stroke:#ffffff40;
  stroke-dasharray:1 14;
}
body[data-theme="light"] .mediafilm_prfl_gug_dots{
  stroke:#00000040;
}
.mediafilm_prfl_gug_handle{
  fill:#fff;
  stroke:#fff;
  stroke-width:4;
  filter:drop-shadow(0 0 8px rgba(255,187,51,.8));
  opacity:0;
}
body[data-theme="light"] .mediafilm_prfl_gug_handle{
	fill:#D89A22;
	stroke:#D89A22;
}
.mediafilm_prfl_gug_card_blank .mediafilm_prfl_gug_handle{
	fill:var(--color-text-disabled);
	stroke:var(--color-text-disabled);
	filter:drop-shadow(0 0 8px var(--color-overlay-white-black));
}
body[data-theme="light"] .mediafilm_prfl_gug_card_blank .mediafilm_prfl_gug_handle{
	fill:var(--color-text-disabled);
	stroke:var(--color-text-disabled);
	filter:drop-shadow(0 0 8px var(--color-overlay-white-black));
}
.mediafilm_prfl_gug_center{
  position:absolute;
  inset:0;
  display:flex;
  top: 50%;
  align-items:center;
  justify-content:center;
  font-size:28px;
  font-weight:800;
  color:var(--color-text-primary);
}

.mediafilm_prfl_gug_wrap{
  position:relative;
}
.mediafilm_prfl_gug_subtitle{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
}
.mediafilm_prfl_gug_subtitle span{
	border: 1px dashed var(--color-overlay-white-black);
	color: var(--color-status-success);
	padding: 2px 12px;
	border-radius: 15px;
	font-size: 13px;
	text-align: center;
	width: 170px;
}
.mediafilm_prfl_gug_card_blank .mediafilm_prfl_gug_subtitle span{
	color: var(--color-text-disabled);
}
.mediafilm_prfl_gug_subtitle span::before{
	content: '';
	width: calc(50% - 85px);
	right: 0;
	position: absolute;
	border-bottom: 1px dashed var(--color-overlay-white-black);
	top: 50%;
}
.mediafilm_prfl_gug_subtitle span::after{
	content: '';
	width: calc(50% - 85px);
	left: 0;
	position: absolute;
	border-bottom: 1px dashed var(--color-overlay-white-black);
	top: 50%;
}
.mediafilm_prfl_gug_time_wrapper{
    padding:10px 12px;
    display:flex;
    justify-content:center;
}

.mediafilm_prfl_gug_time_container{
    display:flex;
    align-items:center;
    gap:6px;
    flex-wrap:wrap;
    justify-content:center;
}

.mediafilm_prfl_gug_time_item{
    text-align:center;
    color:var(--color-text-primary);
}

.mediafilm_prfl_gug_time_number{
    font-size: 22px;
  	font-weight: 700;
}

.mediafilm_prfl_gug_time_label{
    border: 1px dashed var(--color-overlay-white-black);
	border-radius: 12px;
	padding: 4px 12px;
	font-size: 14px;
	color: var(--color-text-secondary);
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 60px;
}

.mediafilm_prfl_gug_time_separator{
    font-size:40px;
    color:var(--color-text-primary);
}
.mediafilm_prfl_buy_btn_row{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 1.25rem 0 0.5rem 0;
}
.mediafilm_prfl_buy_btn{
	font-size: 15px;
	transition: .3s ease;
	display: inline-block;
	filter:drop-shadow(0 0 6px rgba(255,187,51,.8));
	padding: 8px 16px;
	border-radius: 8px;
	background: var(--color-accent-primary);
	color: #111318;
	font-weight: 600;
	border: 1px solid var(--color-accent-primary);
}
.mediafilm_prfl_buy_btn:hover{filter:drop-shadow(0 0 10px rgba(255,187,51,.8));}
@media (max-width:1300px){
	.mediafilm_prfl_gug_time_label{
		padding: 0;
		border: none;
		width: fit-content;
		min-width: fit-content;
		font-size: 12px;
	}
	.mediafilm_prfl_gug_time_container{
		gap: 4px;
	}
	.mediafilm_prfl_gug_time_number{
		font-size: 15px;
	}
}
@media (max-width:870px){
	.mediafilm_prfl__row{
		flex-direction: column;
	}
	.mediafilm_prfl_gug_time_label{
		padding: 4px 12px;
		border: 1px dashed var(--color-overlay-white-black);
		min-width: 60px;
		font-size: 13px;
	}
	.mediafilm_prfl_gug_time_container{
		gap: 6px;
	}
	.mediafilm_prfl_gug_time_number{
		font-size: 20px;
	}
}
@media (max-width:547px){
	.mediafilm_prfl_gug_time_label{
		padding: 0;
		border: none;
		width: fit-content;
		min-width: fit-content;
		font-size: 12px;
	}
	.mediafilm_prfl_gug_time_container{
		gap: 4px;
	}
	.mediafilm_prfl_gug_time_number{
		font-size: 15px;
	}
}
/**********************************************/



.mediafilm_prfl_field{
	flex:1;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: center;
	margin: 0.5rem auto;
	position:relative;
	gap: 12px;
}

.mediafilm_prfl_field input{
	width:100%;
	padding:13px;
	background:var(--color-bg-elevated);
	border:1px solid var(--color-overlay-white-black);
	border-radius:var(--radius-sm);
	color:var(--color-text-primary);
	outline:none;
}

.mediafilm_prfl_field label{
	width:100%;
	pointer-events:none;
	font-size:1rem;
	color:var(--color-text-primary);
}
.mediafilm_prfl_edt_sc{
	width: 50%;
	margin: 0 auto;
}
.mediafilm_prfl_edit_avatar{
    width:120px;
    height:120px;
	margin: 1rem auto;
    border-radius:50%;
    background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFBB33'%3E%3Cpath d='M12 12a5 5 0 1 0-5-5a5 5 0 0 0 5 5zm0 2c-4.42 0-8 2.24-8 5v1h16v-1c0-2.76-3.58-5-8-5z'/%3E%3C/svg%3E")
  center/60% no-repeat,
  var(--color-bg-elevated);
}
.mediafilm_prfl_edit_submit{
	display:flex;
    padding:8px 12px;
	font-size:1rem;
	font-weight: 600;
	width: 100%;
    border-radius:10px;
	border:1px solid var(--color-accent-primary-dark);
    margin:1.25rem auto;
	justify-content: center;
    text-decoration:none;
	text-align: center;
    transition:.2s;
	background:var(--color-accent-primary);
    color:#000;
}
.mediafilm_prfl_edit_submit:hover{
	opacity: 0.9;
	cursor: pointer;
}
@media (max-width:1000px){

	.mediafilm_prfl_container{
	grid-template-columns:1fr;
	}

	.mediafilm_prfl_sidebar{
	order:1;
	}

	.mediafilm_prfl_main{
	order:2;
	}
	.mediafilm_prfl_edit{
		display: none;
	}
	.mediafilm_prfl_menu{
		display:none;
		
	}
	.mediafilm_prfl_menu_mob{
		display:block;
	}
	.mediafilm_prfl_edt_sc{
		width: 95%;
		margin: 0 auto;
	}
	.mediafilm_prfl_field{
		flex: 100%;
	}
}
@media (max-width:600px){

	.mediafilm_prfl_container{
	gap:20px;
	}

	.mediafilm_prfl_sidebar{
	padding:18px;
	}

	.mediafilm_prfl_card,
	.mediafilm_prfl_domain_card{
	padding:18px;
	}
	.mediafilm_prfl_edt_sc{
		width: 99%;
		margin: 0 auto;
	}

}

/***************************/


/***************************/
/* Footer */
.mediafilm_footer {
	width: var(--container);
  background: transparent !important;
  border-top: solid 1px #67676d38;
  padding-top: 40px;
  direction: rtl;
  font-family: 'Est', sans-serif;
  margin: 0 auto;
}

.mediafilm_footer_container {
  width: var(--container);
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  gap: 40px;
  flex-wrap: wrap;
  padding-bottom: 30px;
}

/* Each column */
.mediafilm_footer_col {
  flex: 1 1 30%;
  min-width: 260px;
}

.mediafilm_footer_title {
color: var(--color-text-primary);
  font-weight: 600;
  font-size: 17px;
  margin-bottom: 12px;
  display: flex;
  gap: 8px;
  align-content: end;
  align-items: end;
}

.mediafilm_footer_desc {
  font-size: 14px;
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: 12px;
  text-align: right;
}

.mediafilm_footer_tag {
  display: inline-block;
  background: var(--color-overlay-white-black);
  color: var(--color-text-secondary);
  padding: 4px 10px;
  border-radius: var(--radius-sm);
  font-size: 13px;
  font-weight: 400;
}

/* Quick links */
.mediafilm_footer_links ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  text-align: right;
}
.mediafilm_footer_links li {
  font-size: 14px;
  margin-bottom: 8px;
  color: var(--color-text-secondary);
  width: 50%;
  transition: color .2s ease;
}
.mediafilm_footer_links li:hover {
  color: var(--color-text-primary);cursor: pointer;
}

.mediafilm_footer_links li::before {
  content: '';
  background: var(--color-text-secondary);
  position: relative;
  top: 0;
  margin-left: 5px;
  display: inline-block;
  width: 6px;
  height: 2px;
  transition: all .3s;
}
.mediafilm_footer_links li:hover::before {
  width: 8px;
}
/* Contact */
.mediafilm_footer_btn {
	display: inline-block;
  background: var(--color-bg-elevated);
  color: var(--color-text-primary);
  border: 1px solid var(--color-overlay-white-black);
  padding: 10px 16px;
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-size: 14px;
  margin: 8px 0 22px 0;
  transition: all 0.25s ease;
}
.mediafilm_footer_btn:hover {
  background: var(--color-accent-primary);
  border-color:var(--color-accent-primary-dark);
  color: #111318;
}

/* Social buttons */
.mediafilm_footer_socials {
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.mediafilm_footer_social {
	display: flex;
	flex: 1;
	justify-content: center;
	align-items: center;
	gap: 12px;
	text-align: center;
	border-radius: var(--radius-md);
	padding: 16px;
	color: #fff;
	font-weight: 500;
	text-decoration: none;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.mediafilm_footer_social:hover {
  transform: translateY(-1px);
  box-shadow: var(--shadow-soft);
}
.mediafilm_footer_social .mediafilm_footer_social_inner_text{
	flex: 1;
  text-align: center;
  font-size: 14px;
  display: flex;
  flex-direction: column;

}
.mediafilm_footer_social .mediafilm_footer_social_inner_text small{
	font-size: 13px;
}
/* Telegram button */
.mediafilm_footer_social.telegram {
  background: linear-gradient(170deg, #0088CC, #00aaff);
}

/* Instagram button */
.mediafilm_footer_social.instagram {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
}

/* Bottom footer */
.mediafilm_footer_bottom {
  border-top: 1px solid  #67676d38;
  padding: 20px;
  text-align: center;
  color: var(--color-text-disabled);
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  position: relative;
}
.mediafilm_footer_bottom .mediafilm_footer_icons{
	display: inline-flex;
	flex-direction: row;
	flex-wrap: nowrap;
}
/* Social icons row */
.mediafilm_footer_icons a {
  color: var(--color-text-disabled);
  font-size: 18px;
  margin: 0 8px;
  transition: color .2s ease;
}
.mediafilm_footer_icons a:hover {
  color: var(--color-accent-primary);
}

/* Scroll up button */
.mediafilm_footer_up {
  position: absolute;
  left: 30px;
  background: var(--color-bg-elevated);
  color: var(--color-text-primary);
  border: none;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  cursor: pointer;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .2s ease;
}
.mediafilm_footer_up:hover {
  background: var(--color-accent-primary);
  color: var(--color-bg-primary);
}
@media (max-width: 720px) {
  .mediafilm_footer{
	  padding-bottom: var(--mobile-nav-height);
  }
  .mediafilm_footer_bottom{
	  justify-content: center;
  }
}
/* Responsive */
@media (max-width: 768px) {
  .mediafilm_footer_container {
    flex-direction: column;
    gap: 30px;
    text-align: center;
  }
  .mediafilm_footer_up {
    position: static;
    margin-top: 12px;
  }
}





/* wrapper */

.mediafilm_auth_wrapper{
display:flex;
align-items:center;
justify-content:center;
min-height:80vh;
}

/* card */

.mediafilm_auth_card{
width:420px;
max-width:100%;
background:var(--color-bg-elevated);
border-radius:var(--radius-md);
padding:36px;
box-shadow:var(--shadow-card);
border:1px solid var(--color-overlay-white-black);
}

/* tabs */

.mediafilm_auth_tabs{
display:flex;
margin-bottom:26px;
background:var(--color-bg-secondary);
border-radius:var(--radius-sm);
overflow:hidden;
}

.mediafilm_auth_tab{
flex:1;
padding:10px;
border:none;
background:none;
cursor:pointer;
font-size:14px;
color:var(--color-text-secondary);
transition:.25s;
}

.mediafilm_auth_tab.active{
background:var(--gradient-accent-primary);
color:#000;
font-weight:600;
}

/* forms */

.mediafilm_auth_form{
display:none;
flex-direction:column;
gap:16px;
}

.mediafilm_auth_form.active{
display:flex;
}

/* title */

.mediafilm_auth_title{
font-size:22px;
margin-bottom:10px;
color:var(--color-text-primary);
}

/* inputs */

.mediafilm_auth_field{
display:flex;
flex-direction:column;
gap:6px;
}

.mediafilm_auth_field label{
font-size:13px;
color:var(--color-text-secondary);
}

.mediafilm_auth_field input{
background:var(--color-bg-secondary);
border:1px solid var(--color-overlay-white-black);
border-radius:var(--radius-sm);
padding:12px;
color:var(--color-text-primary);
outline:none;
transition:.2s;
}

.mediafilm_auth_field input:focus{
border-color:var(--color-accent-primary);
box-shadow:0 0 0 2px var(--color-accent-overlay);
}

/* button */

.mediafilm_auth_button{
margin-top:10px;
border:none;
background:var(--gradient-accent-primary);
padding:12px;
border-radius:var(--radius-sm);
cursor:pointer;
font-weight:600;
color:#000;
transition:.2s;
}

.mediafilm_auth_button:hover{
transform:translateY(-2px);
box-shadow:var(--shadow-soft);
}

/* switch links */

.mediafilm_auth_switch{
text-align:center;
font-size:13px;
color:var(--color-text-secondary);
}

.mediafilm_auth_switch a{
cursor:pointer;
color:var(--color-accent-primary);
margin-right:4px;
}












/*********************profile pricing********************/

.mediafilm_prfl_sbscr_buy_wrapper {
  color: var(--color-text-primary);
  max-width: 700px;
  padding-bottom: 2rem;
}
.mediafilm_brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: inherit;
  min-width: 0;
  flex-shrink: 0;
}

.mediafilm_brand__mark {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: none;
  border: none;
  display: grid;
  place-items: center;
  color: var(--color-accent-primary);
  flex-shrink: 0;
}

.mediafilm_brand__text {
  font-family: 'arshia';
  font-weight: 800;
  font-size: clamp(28px, 3vw, 45px);
  line-height: 1;
  white-space: nowrap;
  color: var(--color-accent-primary);
}
.mediafilm_prfl_sbscr_buy_subtitle {
  color: var(--color-text-secondary);
  font-size: 0.95rem;
  margin: 0;
}
.mediafilm_prfl_sbscr_buy_cards_col{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0;
	gap: 5px;
}
.mediafilm_prfl_card_item_subscriptions{
	width: 100%;
	align-content: center;
	align-items: center;
	background: #3b4147;
	border-radius: 8px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 15px;
	padding: 10px 40px;
	position: relative;
	transition: all .3s ease;
	overflow: hidden;
}
body[data-theme="light"] .mediafilm_prfl_card_item_subscriptions{
	background:var(--color-accent-overlay);
}

.mediafilm_prfl_card_item_subscriptions::after, .mediafilm_prfl_card_item_subscriptions::before {
  background: var(--color-bg-primary);
  border-radius: 100%;
  bottom: 0;
  content: "";
  height: 30px;
  margin: auto;
  position: absolute;
  top: 0;
  width: 30px;
}
.mediafilm_prfl_card .mediafilm_prfl_card_item_subscriptions::after, .mediafilm_prfl_card_item_subscriptions::before{
	background: var(--color-bg-elevated);
}
.mediafilm_prfl_card .mediafilm_prfl_sbscr_buy_subtitle{
	margin-bottom: 1rem !important;
}
.mediafilm_prfl_card h2{
	margin: 0.5rem auto!important;
}
.mediafilm_prfl_card_item_subscriptions::before {
  right: -15px;
}
.mediafilm_prfl_card_item_subscriptions::after {
  left: -15px;
}
.mediafilm_prfl_sbscr_buy_cards_name_side{
	align-content: center;
	align-items: center;
	display: flex;
	flex-wrap: wrap;
}
.mediafilm_prfl_sbscr_buy_cards_icon_holder {
  border-left: 1px dashed var(--color-overlay-white-black-dark);
  margin-left: 10px;
  padding-left: 10px;
}
.mediafilm_prfl_sbscr_buy_cards_icon_holder .mediafilm_prfl_sbscr_buy_cards_icon_buy {
  fill: var(--color-accent-primary);
  height: 40px;
  width: 40px;
}
body[data-theme="light"] .mediafilm_prfl_sbscr_buy_cards_icon_holder .mediafilm_prfl_sbscr_buy_cards_icon_buy {
  fill: var(--color-accent-primary-dark);
}
.mediafilm_prfl_sbscr_buy_cards_name_side h3 {
  font-size: 1.1rem;
  font-weight: 600;
}
.mediafilm_prfl_sbscr_buy_cards_offer {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 10px;
    right: -35px;
    background: #f5a623;
    color: #111;
    padding: 5px 35px;
    font-size: 10px;
    font-weight: bold;
    transform: rotate(45deg);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .25);
}
.mediafilm_prfl_sbscr_buy_cards_price {
  color: var(--color-text-primary);
  margin-left: 10px;
  position: relative;
}
.mediafilm_prfl_sbscr_buy_cards_price::after {
  background: var(--color-text-secondary);
  content: "";
  height: 1px;
  left: 0;
  margin: auto;
  position: absolute;
  right: -7px;
  top: 9px;
  transform: rotate(-10deg);
  width: 80px;
}
.mediafilm_prfl_sbscr_buy_cards_price small {
  font-size: .9rem;
  margin-right: 3px;
}
.mediafilm_prfl_sbscr_buy_cards_discount {
  border: 1px solid var(--color-status-success);
  border-radius: 10px;
  color: var(--color-status-success);
  font-size: 1rem;
  font-weight: 600;
  padding: 6px 10px 4px;
  transition: all .3s ease;
}
.mediafilm_prfl_sbscr_buy_cards_discount small {
  font-size: .9rem;
  margin-right: 5px;
}
.mediafilm_prfl_card_item_subscriptions:hover {
  transform: scale(1.1);
}
.mediafilm_prfl_card_item_subscriptions:hover .mediafilm_prfl_sbscr_buy_cards_discount{
  color: #fff;
  background-color: var(--color-status-success);
}
.mediafilm_prfl_sbscr_buy_discount_box{
	margin: 0.5rem auto;
	padding: 1rem;
	border-top: 1px dashed var(--color-overlay-white-black);
	border-bottom: 1px dashed var(--color-overlay-white-black);
}
.mediafilm_prfl_title_discount{
	padding: 5px;
	width: 100%;
	display: flex;
	align-items: center;
	font-size: 14px;
	font-weight: 600;
}
.mediafilm_prfl_title_discount svg{
	fill: var(--color-accent-primary);
	height: 20px;
	margin-left: 7px;
	width: 20px;
}
.mediafilm_prfl_inner_body_discount{
	position: relative;
}
.mediafilm_prfl_sbscr_buy_discount_code{
	background: var(--color-bg-secondary);
	border: 2px solid var(--color-bg-elevated);
	border-radius: 10px;
	color: var(--color-text-secondary);
	height: 50px;
	outline: none;
	padding: 10px;
	width: 100%;
}
.mediafilm_prfl_sbscr_buy_apply_code{
	background: var(--color-accent-primary);
	border: 0;
	border-radius: 7px;
	bottom: 7px;
	box-shadow: none;
	color: #1e1e1e;
	cursor: pointer;
	display: inline-block;
	height: 35px;
	left: 5px;
	margin-left: 4px;
	padding: 5px 10px 3px;
	position: absolute;
}

.mediafilm_prfl_sbscr_buy_apply_code:hover{
	background:var(--color-accent-primary-dark);
}

.mediafilm_prfl_sbscr_buy_item_fqa{
	color: var(--color-text-disabled);
	font-size: .9rem;
	font-weight: 400;
	margin-bottom: 10px;
	display: flex;
	gap: 4px;
	align-items: center;
}
.mediafilm_prfl_sbscr_buy_item_fqa svg{
	fill: var(--color-status-success);
	height: 20px;
	margin: -7px 0 0 4px;
	width: 20px;
}
@media (max-width:520px){
	.mediafilm_prfl_card_item_subscriptions{
		flex-direction: column;
		padding: 10px 25px;
	}
}
@media (max-width:420px){
	.mediafilm_prfl_card_item_subscriptions{
		padding: 10px;
	}
}

.alert {
    color: #979797;
    padding: .75rem 1rem;
    position: relative;
    margin-bottom: 1rem;
    border-radius: 1rem;
}

.alert.alert-danger {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    color: #ff1b1b;
    font-size: larger;
}

.mediafilm_prfl_grid_mob{
    display:none;
}

.mediafilm_prfl_grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

.mediafilm_prfl_grid_card{
  background:var(--color-bg-elevated);
  border:1px dashed #3a3a3a;
  border-radius:8px;
  height:150px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:16px;
  transition:0.3s;
  cursor:pointer;
}

.mediafilm_prfl_grid_card span{
  font-size:17px;
  color:var(--color-text-primary);
  text-align:center;
  line-height:1.7;
}

.mediafilm_prfl_grid_card:hover{
    background: var(--color-accent-primary);
}

.mediafilm_prfl_grid_card:hover span{
    color: #000;
}

.mediafilm_prfl_grid_card:hover svg{
  fill:#000;
}
        
.mediafilm_prfl_logout{
    margin-top: 25px;
    background: #5a2d2d;
    border: 1px solid #a94d4d;
    border-radius: 10px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    transition: 0.3s;
}

.mediafilm_prfl_logout:hover{
  background:#6d3636;
}

@media(max-width:1000px){

    .mediafilm_prfl_grid_card{
        height:100px;
    }
    
    .mediafilm_prfl_grid_card span{
        font-size:12px;
    }
    
    .mediafilm_prfl_logout{
        font-size:15px;
    }

    .mediafilm_prfl_grid_mob{
        display:unset;
    }
    
    .mediafilm_prfl_grid_mob_1{
        display:none;
    }

}

.mediafilm_prfl_badge-wrapper {
    position: relative;
    display: inline-block;
}

.mediafilm_prfl_badge {
    position: absolute;
    top: -5px;
    left: -5px;

    background: red;
    color: white;
    font-size: 8px;
    width: 15px;
    height: 15px;
    border-radius: 999px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.mediafilm_prfl_ticket_table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.mediafilm_prfl_ticket_table td {
    overflow-wrap: break-word;
    word-break: break-word;
    vertical-align: middle;
}

.mediafilm_prfl_ticket_table td[data-label="توضیحات"],
.mediafilm_prfl_ticket_table td[data-label="عنوان"] {
    max-width: 250px;
    white-space: normal;
    overflow: hidden;
}

@media (max-width: 1240px) {
    .mediafilm_prfl_ticket_table td[data-label="توضیحات"],
    .mediafilm_prfl_ticket_table td[data-label="عنوان"] {
        max-width: unset;
    }
}

.btn_pasand{
    transition: .25s;
}

.btn_pasand.loading{
    color: var(--color-accent-primary);
    animation: btnLoading .6s infinite ease-in-out;
    opacity: .7;
    pointer-events: none;
}

@keyframes btnLoading{

    0%{
        transform: translateY(0px);
    }

    50%{
        transform: translateY(-6px);
    }

    100%{
        transform: translateY(0px);
    }

}

.spinner_bookmark {
    display: none;
    width: 24px;
    height: 24px;
    animation: spin 1s linear infinite;
}

.spinner_bookmark circle {
    fill: none;
    stroke: currentColor;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-dasharray: 90;
    stroke-dashoffset: 60;
}

@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}

.btn_bookmark.loading .spinner_bookmark {
    display: block;
}

.tooltip_bookmark{
    position: absolute;

    bottom: -34px;
    left: 50%;
    transform: translateX(-50%);

    background: var(--color-accent-primary);
    color: #000;

    padding: 5px 10px;
    border-radius: 6px;

    font-size: 12px;
    font-weight: 500;

    white-space: nowrap;

    opacity: 0;
    visibility: hidden;

    transition: 0.2s;
}

.tooltip_bookmark::before{
    content: "";

    position: absolute;
    top: -4px;
    left: 50%;

    transform: translateX(-50%);

    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid var(--color-accent-primary);
}

/* هاور */
.btn_bookmark:hover .tooltip_bookmark{
    opacity: 1;
    visibility: visible;
}

.insta-btn:hover { color: #E4405F !important; }

.twi-btn:hover { color: #6C3CE9 !important; }

.tele-btn:hover { color: #229ED9 !important; }