:root {--atv-color1: #f7c70c;--atv-bg-color1:#1e2634;--primary-color: #ff3366;--primary-gradient: linear-gradient(90deg,#ff3366 0%,#ff6b3b 100%);--bg-color: #fefefe;--sidebar-bg: #ffffff;--text-dark: #1a1a1a;--text-muted: #888888;--border-color: #eef0f5;--border-radius: 16px;}
[data-theme='dark'] {--bg-color: #11141b;--sidebar-bg: #1e2634;--text-dark: #ffffff;--text-muted: #cdcdcd;--border-color: #364359;--border-radius: 16px;--atv-bg-color1: #1e2634;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: middle;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}
ol,ul {list-style: none;}
blockquote,q {quotes: none;}
blockquote:before,blockquote:after,
q:before,q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
a {text-decoration: none;}
body {font-family: 'Cairo',sans-serif;background-color: var(--bg-color);color: var(--text-dark);direction: rtl;/* font-size: 13px; */}
.app-wrapper {display: flex;min-height: 100vh;max-width: 1600px;margin: 0 auto;}
.sidebar {width: 320px;background-color: var(--sidebar-bg);padding: 1.5rem;display: flex;flex-direction: column;gap: 2rem;border-left: 1px solid var(--border-color);box-shadow: 5px 0px 20px 2px rgb(0 0 0 / 6%);}
.logo-icon {width: 30px;height: 30px;background: var(--primary-gradient);border-radius: 8px;transform: rotate(45deg);}
.logo h2 {font-weight: 800;font-size: 1.5rem;}
.theme-toggle {cursor: pointer;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: rgba(255, 255, 255, 0.05);border: 1px solid var(--border-color);color: var(--text-dark);transition: all 0.3s ease;}
.theme-toggle:hover {background: rgba(255, 255, 255, 0.1);transform: scale(1.05);}
[data-theme='dark'] .theme-toggle .fa-moon { display: none; }
[data-theme='dark'] .theme-toggle .fa-sun { display: block; color: #f7c70c; }
html:not([data-theme='dark']) .theme-toggle .fa-sun { display: none; }
html:not([data-theme='dark']) .theme-toggle .fa-moon { display: block; color: #1e2634; }
[data-theme='dark'] .logo-light { display: none; }
[data-theme='dark'] .logo-dark { display: block; }
html:not([data-theme='dark']) .logo-light { display: block; }
html:not([data-theme='dark']) .logo-dark { display: none; }
.login-box {background: #72707005;border: 1px solid var(--border-color);border-radius: var(--border-radius);padding: 1.5rem;text-align: center;box-shadow: 0 4px 15px rgba(0,0,0,0.02);}
[data-theme='dark'] .login-box {background: rgba(255, 255, 255, 0.09);border-color: rgba(255, 255, 255, 0.18);}
.login-box h3 {font-size: 1rem;margin-bottom: 0.5rem;line-height: 1.4;}
.brand-text {color: var(--primary-color);}
.login-desc {color: var(--text-muted);font-size: 0.82rem;margin-bottom: 1.5rem;}
.social-login {display: flex;gap: 0.5rem;margin-bottom: 1.5rem;align-items: center;}
.social-btn {flex: 1;padding: 0 0.5rem;border: 1px solid var(--border-color);border-radius: 8px;background: var(--bg-color);cursor: pointer;font-family: inherit;font-size: 0.8rem;display: flex;align-items: center;justify-content: center;gap: 8px;color: var(--text-dark);transition: 0.3s;text-decoration: none;flex-direction: row-reverse;height: 35px;line-height: 1;}
.social-btn:hover { background: #f0f0f0; }
[data-theme='dark'] .social-btn:hover { background: #1e2634; }
.social-btn.google i { color: #DB4437; }
.social-btn.twitter i { color: #1DA1F2; }
.social-btn.facebook i { color: #4267B2; }
.divider {display: flex;align-items: center;text-align: center;color: var(--text-muted);font-size: 0.85rem;margin-bottom: 1.5rem;}
.divider::before,.divider::after {content: '';flex: 1;border-bottom: 1px solid var(--border-color);}
.divider span { padding: 0 10px; }
.login-form .input-group {position: relative;margin-bottom: 1rem;}
.input-group input {padding: 10px 40px 10px 10px;width: 100%;border: 1px solid var(--border-color);border-radius: 8px;font-family: inherit;outline: none;transition: 0.3s;box-sizing: border-box;background: var(--bg-color);color: var(--text-dark);}
.input-group input:focus { border-color: var(--primary-color); }
.input-group input.is-invalid { border-color: red; }
.input-group i {position: absolute;right: 15px;top: 50%;transform: translateY(-50%);color: var(--text-muted);}
.input-group .toggle-pwd {right: auto;left: 15px;cursor: pointer;}
.form-actions {display: flex;justify-content: space-between;align-items: center;font-size: 0.85rem;margin-bottom: 1.5rem;}
.remember-me {display: flex;align-items: center;gap: 5px;color: var(--text-muted);cursor: pointer;}
.forgot-pwd {color: var(--primary-color);text-decoration: none;}
.btn-submit {width: 100%;padding: 10px;background: var(--primary-gradient);color: #fff;border: none;border-radius: 8px;font-family: inherit;font-weight: 400;font-size: 14px;cursor: pointer;transition: 0.3s;}
.btn-submit:hover { opacity: 0.9; }
.register-link {margin-top: 1rem;font-size: 0.85rem;color: var(--text-muted);}
.register-link a {color: var(--primary-color);text-decoration: none;font-weight: bold;}
.promo-box {background: #7270701c;border-radius: var(--border-radius);padding: 1.5rem;text-align: center;position: relative;}
.promo-box h3 {font-size: 1rem;margin-bottom: 1rem;}
.promo-features {list-style: none;text-align: right;font-size: 0.85rem;color: var(--text-dark);margin-bottom: 1.5rem;}
.promo-features li {margin-bottom: 0.5rem;display: flex;gap: 5px;}
.promo-features i {color: var(--primary-color);margin-left: 5px;}
.gift-icon {position: absolute;left: 20px;top: 10%;font-size: 72px;opacity: 0.7;}
.btn-promo {padding: 7px 10px;display: block;width: calc(100% - 20px);background: var(--primary-gradient);color: #fff;border: none;border-radius: 8px;font-family: inherit;font-weight: 300;cursor: pointer;}
.main-content {flex: 1;/* padding: 2rem; */overflow-y: auto;}
.top-nav {display: flex;justify-content: space-between;align-items: center;margin-bottom: 2rem;}
.navbar-nav {display: flex;align-items: center;gap: 0.25rem;list-style: none;padding: 0;margin: 0;}
.navbar-nav .nav-item {position: relative;}
.navbar-nav .nav-link {display: flex;align-items: center;gap: 5px;text-decoration: none;color: var(--text-dark);font-weight: 500;font-size: 0.9rem;padding: 5px 10px 5px 10px;position: relative;border-radius: 6px;transition: color 0.25s,background 0.25s;white-space: nowrap;}
.navbar-nav .nav-link:hover,.navbar-nav .nav-item.active > .nav-link {color: var(--primary-color);}
.navbar-nav .nav-link .fa-chevron-down {font-size: 0.65rem;transition: transform 0.3s;margin-top: 1px;}
.navbar-nav .hover-dd {position: relative;}
.navbar-nav .dropdown-menu {display: none;position: absolute;top: calc(100% + 0px);right: 0;min-width: 200px;background: rgba(255,255,255,0.92);backdrop-filter: blur(16px) saturate(1.8);-webkit-backdrop-filter: blur(16px) saturate(1.8);border: 1px solid rgba(255,255,255,0.6);border-radius: 14px;box-shadow: 0 12px 35px rgba(0,0,0,0.12);overflow: hidden;z-index: 1000;padding: 6px 0;animation: dropFadeIn 0.2s ease;}
@keyframes dropFadeIn {from { opacity: 0; transform: translateY(-6px); }to   { opacity: 1; transform: translateY(0); }}
.navbar-nav .hover-dd:hover .dropdown-menu,
.navbar-nav .hover-dd:focus-within .dropdown-menu {display: block;}
.navbar-nav .hover-dd:hover .nav-link .fa-chevron-down {transform: rotate(180deg);}
.navbar-nav .dropdown-menu ul {list-style: none;padding: 0;margin: 0;}
.navbar-nav .dropdown-menu ul li a {display: flex;align-items: center;gap: 8px;padding: 9px 18px;font-size: 0.85rem;color: var(--text-dark);text-decoration: none;transition: background 0.2s,color 0.2s;font-weight: 500;}
.navbar-nav .dropdown-menu ul li a:hover {background: linear-gradient(90deg,rgba(255,51,102,0.08) 0%,rgba(255,107,59,0.06) 100%);color: var(--primary-color);}
.navbar-nav .dropdown-menu ul li:not(:last-child) a {border-bottom: 1px solid rgba(0,0,0,0.05);}
.navbar-nav .dropdown-menu ul li a i {width: 16px;color: var(--primary-color);font-size: 0.8rem;}
.nav-links {display: flex;gap: 1.5rem;}
.nav-links a {text-decoration: none;color: var(--text-dark);font-weight: 500;position: relative;padding-bottom: 5px;}
.nav-links a.active,.nav-links a:hover  {color: var(--primary-color);font-weight: 500;}
.nav-links a.active::after {content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 30px;height: 2px;background: var(--primary-gradient);border-radius: 2px;}
.nav-actions {display: flex;align-items: center;gap: 1rem;}
.search-bar {position: relative;}
.search-bar input {padding: 6px 40px 5px 15px;border: none;border-radius: 20px;background: #f2f2f2;font-family: inherit;width: 180px;box-shadow: 0 2px 10px rgba(0,0,0,0.02);}
.search-bar i {position: absolute;right: 15px;top: 50%;transform: translateY(-50%);color: var(--text-muted);}
.subscription {display: flex;align-items: center;gap: 5px;background: #f6af2f;padding: 0px 14px;border-radius: 20px;box-shadow: 0 2px 10px rgba(0,0,0,0.02);cursor: pointer;color: #fff;font-size: 13px;height: 36px;}
.subscription i {font-size: 12px;}
.hero-banner {/* border-radius: var(--border-radius); */position: relative;/* margin-bottom: 2rem; */height: 380px;overflow: hidden;}
.hero-slide {padding: 2rem 2rem;color: #fff;display: flex;flex-direction: column;justify-content: center;background-size: cover;background-position: center;height: 100%;box-sizing: border-box;}
.hero-slide::before {content: '';position: absolute;top: 0; left: 0; right: 0; bottom: 0;background: linear-gradient(to left,rgba(0,0,0,0.9),rgba(0,0,0,0.6));z-index: 1;}
.hero-content {position: relative;z-index: 2;}
.chs-poster {flex-shrink: 0;width: 200px;opacity: 0;transform: translateX(-30px) scale(0.95);transition: all 1s ease;z-index: 1}
html[dir="rtl"] .chs-poster { transform: translateX(30px) scale(0.95); }
.swiper-slide-active .chs-poster {opacity: 1;transform: translateX(0) scale(1);transition-delay: 0.5s;}
.chs-poster-img {width: 100%;border-radius: 12px;box-shadow: 0 20px 60px rgba(0,0,0,0.7), 0 0 0 1px rgba(255,255,255,0.08);display: block;}
.badge {background: var(--primary-gradient);padding: 5px 15px;border-radius: 15px;font-size: 0.8rem;font-weight: bold;display: inline-block;margin-bottom: 1rem;}
.hero-content h1 {font-size: 1.5rem;margin-bottom: 0.2rem;}
.hero-content .subtitle {font-size: 0.8rem;margin-bottom: 1rem;opacity: 0.9;background: var(--primary-gradient);display: inline-flex;padding: 0 12px;border-radius: 30px}
.chs-meta {display: flex;flex-wrap: wrap;align-items: center;gap: 10px;margin-bottom: 16px;}
.chs-meta-pill {background: rgba(255,255,255,0.15);backdrop-filter: blur(6px);border: 1px solid rgba(255,255,255,0.25);color: #fff;font-size: 0.75rem;font-weight: 700;padding: 3px 10px;border-radius: 6px;}
.chs-quality { background: rgba(234, 179, 8, 0.2); border-color: rgba(234,179,8,0.5); color: #fbbf24; }
.chs-meta-item {color: rgba(255,255,255,0.65);font-size: 0.82rem;display: inline-flex;align-items: center;gap: 5px;}
.chs-meta-item i { color: rgba(255,255,255,0.4); }
.hero-content .desc {font-size: 0.8rem;max-width: 450px;margin-bottom: 2rem;line-height: 1.6;opacity: 0.8;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.hero-buttons {display: flex;gap: 1rem;}
.hero-buttons button,.hero-buttons a {padding: 8px 15px;border-radius: 8px;font-family: inherit;font-weight: bold;cursor: pointer;border: none;}
.btn-primary {background: var(--primary-gradient);color: #fff;display: flex;align-items: center;gap: 8px;}
.btn-secondary {background: rgba(255,255,255,0.1);color: #fff;border: 1px solid rgba(255,255,255,0.3);backdrop-filter: blur(5px);}
.hero-buttons a:hover {background: #f6af2f;}
.carousel-nav {position: absolute;top: 50%;left: 10px;right: 10px;transform: translateY(-50%);display: flex;justify-content: space-between;z-index: 2;}
.nav-btn {width: 40px;height: 40px;border-radius: 50%;background: rgba(255,255,255,0.2);border: none;color: #fff;cursor: pointer;backdrop-filter: blur(5px);transition: 0.3s;opacity: 0;visibility: hidden;}
.hero-banner:hover .nav-btn,.stars-wrapper:hover .nav-btn {opacity: 1;visibility: visible;}
.nav-btn:hover {background: rgb(212 212 212 / 40%);color: #6d6d6d;}
.carousel-dots {position: absolute;bottom: 20px;display: flex;gap: 8px;z-index: 2;align-items: center;justify-content: center;}
.stars-carousel-dots {transform: translateX(0);}
.dot {width: 8px;height: 8px;border-radius: 50%;background: rgba(255,255,255,0.5);cursor: pointer;}
.dot.active {background: var(--primary-color);width: 24px;border-radius: 4px;}
.stars-nav-next,.stars-nav-prev {position: absolute;left: 0;top: 30%;transform: translateY(-50%);z-index: 2;width: 30px;height: 30px;background: var(--primary-gradient);border-radius: 50%;color: #fff;border: none;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.stars-nav-prev {right: 0;left: auto;}
.categories {display: flex;background: var(--sidebar-bg);padding: 1rem;/* border-radius: var(--border-radius); *//* margin-bottom: 2rem; */box-shadow: 0 4px 15px rgb(0 0 0 / 9%);/* margin: 2rem 1.5rem; */justify-content: space-evenly;}
.category-item {display: flex;flex-direction: column;align-items: center;gap: 6px;cursor: pointer;color: var(--text-dark);}
.icon-box {width: 64px;height: 64px;background: #f8f9fb;border-radius: 20px;display: flex;align-items: center;justify-content: center;font-size: 1.7rem;color: var(--primary-color);transition: 0.3s;}
.category-item:hover .icon-box {background: var(--primary-gradient);color: #fff;}
.category-item span {font-size: 0.9rem;font-weight: 500;}
.two-columns {display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: 2rem;margin-bottom: 2rem;}
.section-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 0.5rem;}
.section-header h2 {font-size: 1rem;}
.view-all {color: var(--primary-color);text-decoration: none;font-size: 0.8rem;display: flex;align-items: center;gap: 5px;}
.news-grid {display: grid;grid-template-columns: repeat(3,1fr);gap: 1rem;}
.news-card {background: #fff;border-radius: 12px;padding: 10px;box-shadow: 0 4px 15px rgb(0 0 0 / 9%);}
.news-card .img-placeholder {height: 120px;border-radius: 8px;margin-bottom: 10px;background-size: cover;background-position: center;}
.news-card h3 {font-size: 0.85rem;margin-bottom: 10px;line-height: 1.5;text-align: center;height: 60px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.news-card .time {font-size: 0.75rem;color: var(--text-muted);text-align: center;display: block;}
.stars-section {display: flex;flex-direction: column;}
.stars-carousel-dots {display: flex;justify-content: center;gap: 8px;}
.stars-carousel-dots .dot {width: 8px;height: 8px;border-radius: 50%;background: #ddd;cursor: pointer;transition: 0.3s;}
.stars-carousel-dots .dot.active {background: var(--primary-color);width: 24px;border-radius: 4px;}
.stars-wrapper {padding: 1.5rem 1.5rem 2.5rem 1.5rem;position: relative;overflow: hidden;}
.star-item {display: flex;flex-direction: column;align-items: center;gap: 10px;}
.star-item .avatar {width: 65px;height: 65px;border-radius: 50%;background: #ddd;background-size: cover;background-position: center;}
.star-item span {font-size: 0.85rem;text-align: center;color: #262626;line-height: 1.2;margin-top: 5px;}
.features-footer {display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);background: var(--sidebar-bg);padding: 1.5rem 2rem;border-radius: var(--border-radius);box-shadow: 0 4px 15px rgb(0 0 0 / 9%);}
.feature-item {display: flex;align-items: center;gap: 15px;}
.f-icon {width: 60px;height: 60px;background: #eef0f5;border-radius: 15px;display: flex;align-items: center;justify-content: center;color: var(--primary-color);font-size: 2rem;}
.feature-1 .f-icon {background: #f2f1ff;color: #6e37f4}
.feature-2 .f-icon {background: #e8f6f4;color: #23b6a1}
.feature-3 .f-icon {background: #e4f1fb;color: #3498ca}
.feature-4 .f-icon {background: #fdeff4;color: #fb2d7c}
.f-text h4 {font-size: 0.85rem;margin-bottom: 1px;font-weight: 600;}
.f-text p {font-size: 0.85rem;color: var(--text-muted);width: 140px;line-height: 1.5;}
.sec-filter {display: inline-flex;align-items: center;flex-wrap: nowrap;gap: 3px;list-style: none;padding: 3px 4px;margin: 0 10px 0 0;background: rgba(255, 255, 255, 0.04);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border: 1px solid rgba(255, 255, 255, 0.09);border-radius: 30px;}
[data-theme='light'] .sec-filter {background: rgb(0 0 0 / 6%);border: 1px solid rgb(107 107 107 / 9%);}
.sec-filter li {margin: 0;}
.sec-filter li:before {display: none;}
.sec-filter li a {display: inline-flex;align-items: center;padding: 4px 10px;font-size: 0.78rem;font-weight: 500;color: rgba(255,255,255,0.5);background: transparent;border: 1px solid transparent;border-radius: 24px;text-decoration: none;transition: all 0.25s ease;letter-spacing: 0.2px;white-space: nowrap;}
.sec-filter li a {background: rgba(255, 255, 255, 0.1);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border-color: rgba(255, 255, 255, 0.0);color: #fff;}
[data-theme='light'] .sec-filter li a {color: rgb(23 22 22 / 90%);background: rgb(22 22 22 / 12%);border-color: rgb(136 136 136 / 8%);}
.sec-filter li a:hover,.sec-filter li.active a {background: var(--atv-color1);color: #fff;}
.sec-filter li.active a:after {display: none;}
.trending-grid-section {margin: 2rem 1.5rem}
.modern-grid {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;gap: 10px;}
.trending-grid-item {position: relative;margin-bottom: 30px;}
.modern-card {position: relative;border-radius: 12px;overflow: hidden;box-shadow: 0 5px 15px rgba(0,0,0,0.2);transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);aspect-ratio: 2 / 2.68;cursor: pointer;background: #1a1a24;margin-bottom: 24px;}
.modern-card-img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease;}
.modern-card .tooltiptopsn {display: flex;justify-content: flex-end;flex-direction: row-reverse;top: 5px;}
.modern-card .options-icons {background: rgba(0, 0, 0, 0.7);left: 10px;border-radius: 5px;gap: 4px;padding: 0 6px;}
.modern-card .options-icons>div,.modern-card .options-icons>a {margin: 0;font-size: 16px}
.modern-card .options-icons .liveicon {color: #1db570}
.modern-card .options-icons .show-qtip {color: #FF9800}
.modern-card .add_favorite.active, .modern-card .add_favorite.active {color: #F44336;}
.modern-card-badges {position: absolute;top: 10px;right: 10px;display: flex;flex-direction: column;gap: 5px;z-index: 3;}
.modern-badge-small {background: var(--atv-color1);color: white;font-size: 0.75rem;font-weight: 500;padding: 3px 6px;border-radius: 4px;text-align: center;}
.modern-card-overlay {position: absolute;bottom: 0;left: 0;right: 0;height: 60%;background: linear-gradient(to top, rgba(15,15,20, 0.95) 0%, rgba(15,15,20, 0.7) 60%, rgba(15,15,20, 0) 100%);display: flex;flex-direction: column;justify-content: flex-end;padding: 10px;z-index: 2;transition: all 0.3s ease;}
.modern-card:hover {transform: translateY(-8px) scale(1.03);box-shadow: 0 12px 30px rgba(0,0,0,0.4);z-index: 10;}
.modern-card:hover .modern-card-img {transform: scale(1.1);}
.modern-card:hover .modern-card-overlay {opacity: 1;transform: translateY(0);}
.modern-card-play {position: absolute;top: 40%;left: 50%;transform: translate(-50%, -50%) scale(0.5);color: white;font-size: 3rem;opacity: 0;transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);z-index: 4;}
.modern-card:hover .modern-card-play {opacity: 1;transform: translate(-50%, -100%) scale(1);}
.modern-card-play:hover {color: var(--atv-color1);transform: translate(-50%, -50%) scale(1.1);}
.modern-card-title {color: white;font-size: 0.75rem;font-weight: 600;margin-bottom: 15px;overflow: hidden;text-overflow: ellipsis;text-align: right;}
.modern-card-info {display: flex;align-items: center;justify-content: space-between;color: #bbb;font-size: 0.8rem;}
.modern-card-info .postreviewavg  *{font-size: 14px}
.modern-card-rating i {color: #f5c518;margin-left: 3px;}
.modern-card-category-tags {margin-bottom: 50px}
.modern-card-category-tags .post-cate {background: rgba(27, 33, 45, .8);padding: 0 10px;color: #d9dada;height: 28px;line-height: 25px;border-radius: 14px;position: relative;z-index: 999;width: max-content;font-size: 13px;}
.trending-rank {font-size: 72px;font-weight: 800;line-height: 1;color: transparent;-webkit-text-stroke: 1.5px rgba(255, 255, 255, 0.2);position: absolute;right: -10px;bottom: 100px;z-index: 99;font-family: 'Outfit', sans-serif;transition: all 0.4s ease;user-select: none;pointer-events: none;color: transparent;background-clip: text;-webkit-background-clip: text;line-height: normal;background-image: url(../../images/bgpat.png);}
.trending-grid-item:hover .trending-rank {-webkit-text-stroke: 2px var(--atv-color1);transform: scale(1.1) translateY(-10px);opacity: 1;}
.tooltiptopsn {display: flex;position: absolute;top: 0;right: 0;left: 0;z-index: 9999;align-items: center;background: rgb(0 0 0 / 0%);padding: 4px}
.tooltiptopsn span {margin-left: 3px;height: 25px;border-radius: 12px;text-align: center;line-height: 25px;padding: 0 7px;color: #fff;background: #262626;font-size: 15px;}
.tooltiptopsn span:last-child {margin-right: auto}
.tooltiptopsn span.bg1 {background: #f7c70c}
.tooltiptopsn span.bg3 {color: #fff;background: var(--atv-color1);font-size: 13px;}
.tooltiptopsn span.bg3 a {color: #fff;}
.postpadding1 {padding: .25rem}
.postpadding1 .postmovie {height: 250px}
.options-icons {display: flex;position: absolute;bottom: 7px;left: 0;z-index: 999;flex-wrap: nowrap;align-items: center}
.options-icons .add_favorite,.options-icons .add_watchlater,.options-icons .downloads,.options-icons .liveicon {position: relative;left: auto;bottom: auto}
.options-icons .downloads {font-size: 18px;color: #fff}
.sec-title {position: relative;font-size: 0.95rem;font-weight: 500;color: var(--text-dark);padding: 6px 16px 6px 14px;margin-bottom: 0;background: rgba(10, 10, 16, 0.4);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border: 1px solid rgba(255, 255, 255, 0.1);border-radius: 30px;display: inline-flex;align-items: center;gap: 8px;transition: border-color 0.3s ease, background 0.3s ease;line-height: 1.4;backface-visibility: hidden;transform: translateZ(0);contain: paint;background: rgba(255, 255, 255, 0.09);border-color: rgba(255, 255, 255, 0.18);}
.sec-title::before {content: '';display: inline-block;width: 8px;height: 8px;background: var(--atv-color1);border-radius: 50%;box-shadow: 0 0 8px var(--atv-color1);flex-shrink: 0;}
[data-theme='light'] .sec-title {background: rgb(22 22 22 / 12%);border-color: rgb(136 136 136 / 8%);}
.mb-2{margin-bottom: 20px;}
.mb-3{margin-bottom: 30px;}
.d-flex{display: flex;}
.align-items-center{align-items: center;}
.justify-content-between{justify-content: space-between;}
.membership-link{position: relative;z-index: 2;border-radius: 16px;}
.membership-link span:before {background: var(--atv-bg-color1);display: block;content: '';position: absolute;top: 0px;left: 0;height: calc(100%);width: calc(100%);border-radius: calc(2* 16px);}
.membership-link span:after {display: block;content: '';position: absolute;top: -.1rem;left: -.1rem;height: calc(100% + .11rem* 2);width: calc(100% + .11rem* 2);background: linear-gradient(60deg, var(--atv-bg-color1), var(--atv-bg-color1), var(--atv-bg-color1), #f79533, #f37055, #ef4e7b, var(--atv-bg-color1), #5073b8, #1098ad, #07b39b, #6fba82, var(--atv-bg-color1), var(--atv-bg-color1), var(--atv-bg-color1));border-radius: calc(2* 16px);z-index: -1;animation: 3s infinite alternate animatedgradient;background-size: 300% 300%;}
@keyframes animatedgradient {0%,100% {background-position: 0 50%} 50% {background-position: 100% 50%}}
.membership-link span div {position: relative}
.serie-isstatus, .series-ispro {color: #fff;padding: 0 8px 0 10px;font-size: 11px;border-radius: 20px;height: 25px;line-height: 25px;}
.serie-isstatus {position: relative;z-index: 99;background: #43d854;}
.serie-isstatus.live, .share-links a.whatsapp-share-btn, .tooltiptopsn span.live {background: #43d854;}
.options-icons .add_favorite, .options-icons .add_watchlater, .options-icons .downloads, .options-icons .liveicon {position: relative;left: auto;bottom: auto;color: #fff;}
.postreviewavg .stars {width: 65px;height: 13px;background: url(../../images/svg/star-rate-xs.svg) right top/13px 12px repeat-x;display: block;clear: both;position: relative;}
.postreviewavg .stars i {position: absolute;content: '';background: url(../../images/svg/star-rate-checked-xs.svg) right top / 13px 12px repeat-x;height: 16px;right: 0;}
.icon-watchdone {display: inline-block;width: 18px;height: 18px;background: url(../../images/svg/views3.svg) center center/18px no-repeat;position: relative;top: 4px;}
.postreviewavg div {display: inline-flex;max-width: 80px;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.postreviewavg span {display: block;clear: both;font-size: 11px}
.postreviewavg .post_review_avg {font-size: 27px;font-weight: lighter;margin-left: 6px;padding: 0;line-height: 1;}
body .qtip-default {background: rgb(40 40 46 / 60%);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);box-shadow: 0 20px 20px rgba(0, 0, 0, .05);border-radius: 10px;}
body .qtip-tooltip ul li span {color: #c2cad5;}
.qtip-tooltip .towatch a {padding: 6px 0}


@media (max-width: 1100px) {
    .two-columns{display: block;}
    .news-section{margin-bottom: 30px}
    .features-footer{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: 10px;}
    .feature-1, .feature-2 {margin-bottom: 15px}
    .navbar-nav, .nav-actions{display: none;}
    .categories {display: flex;flex-wrap: wrap;justify-content: center;gap: 16px;}
    .category-item {min-width: 25%}
}

@media (max-width: 600px) {
    .logo{text-align: center;}
    .app-wrapper {display: block;}
    .sidebar {width: calc(100% - 3rem);border: 0;}
}