:root {
    --dark-bg: #000;
    --dark-card: #2d2d2d;
    --dark-text: #ffffff;
    --dark-text-secondary: #b0b0b0;
    --dark-border: #404040;
}
/*hover css start*/
.hunnubookHover {border: 2px solid transparent;}
.hunnubookHover:hover{border-radius: .55vw; box-sizing: border-box; border-style: solid; border-color: var(--f7-theme-color); box-shadow: 0 .1vw .6vw 0 var(--f7-theme-color) !important; transition: border .3s ease;}
@media (max-width: 640px) {
    .hunnubookHover:hover{border-radius: 3vw;}
}

/*error css */
.has-error {border: 1px solid #FF0000!important;}
.alert-dark{padding: 10px 15px; border-radius: 8px;}

/*mobile nav-алдаа заагаад байсан css */
@media (max-width: 640px) {
    .slide-slider-full-child .owl-nav,
    .team-slider-full .owl-nav,
    .slide-slider-article .owl-nav{right: -10px!important;}
}

/*client css start*/
.client-wrapper{line-height: 1.5;}

/*start*/
.slide-content h2,
.slide-content p {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.slide-content p {margin: 0;}

/*movieBox, movie start css*/

/*movieBox, movie end css*/

/*switchcolor css start*/
.switchcolor-wrap h2{margin: 0;}
.switchcolor-wrap ul{padding: 0;}

/*slider css start*/
.slide-content h2{font-weight: bold;}
.slide-content p{color: #363636; font-weight: 400;}
.slide-content h2,
.slide-content p {font-size: 14px; text-align: center;}

/*banner css start*/
.banner-wrapper .owl-stage-outer {overflow: visible;}
.full-wrap .banner-wrapper .owl-carousel .owl-stage-outer .owl-item.active {opacity: 0.4;}
.full-wrap .banner-wrapper .owl-carousel .owl-stage-outer .owl-item.center {opacity: 1;}
.banner-wrap img{width: 100%; height: 100%; object-fit: cover;}
.banner-wrapper .banner-wrap{height: 250px;}

/*articles page css start*/
.theme-dark .slide-wrapper .articles-page .article_name,
.theme-dark .slide-wrapper .articles-page .article__date {color: #eee;}
.articles-page{display: flex; flex-wrap: wrap; gap: 1.5%;}
.articles-page .article-item{width: 23.5%; margin-bottom: 10px;}
.articles-page .article-item .article_img{width: 100%;}
.articles-page .article-item .article_img img{width: 100%; height: 240px; object-fit: cover; border-radius: 10px;}
.articles-page .article-item .article_name{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-top: 5px; color: #222; font-size: 16px; font-weight: 600;}
.articles-page .article-item .article__date{color: #363636; font-size: 16px;}
@media (max-width: 960px) {
    .articles-page{gap: 1.5%;}
    .articles-page .article-item{width: 30.3%;}
}
@media (max-width: 640px) {
    .articles-page{gap: 1.5%;}
    .articles-page .article-item{width: 48.5%; margin-bottom: 10px;}
}
@media (max-width: 500px) {
    .articles-page .article-item{width: 100%; margin-bottom: 10px;}
}
/*static page start*/
.theme-dark .static-page-main .static-page-name, .theme-dark .static-page-main .static-page-description{color: #fff;}
/*static page end*/
/*subscription start*/
.page-container { display: flex; justify-content: center; align-items: center; min-height: 100%; padding: 40px 0 0; }
.hero-section { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; align-items: center; background: var(--f7-theme-color); color: white; padding: 50px; border-radius: 20px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); max-width: 100%; width: 100%; }
.content-container { max-width: 500px; }
.hero-title { color: #fff; font-size: 42px; font-weight: 700; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 2px; }
.hero-description { font-size: 18px; margin-bottom: 30px; line-height: 1.6; font-weight: 300; }
.cta-button { display: inline-block; background-color: #fff; color: var(--f7-theme-color); padding: 15px 30px; text-decoration: none; text-align: center; font-weight: 600; border-radius: 30px; font-size: 18px; transition: background-color 0.3s ease, transform 0.3s ease; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); }
.cta-button:hover { background-color: var(--f7-theme-color); color: white; transform: scale(1.1); }
.hero-image { width: 100%; height: auto; border-radius: 10px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); }
@media (max-width: 1024px) { .hero-section { grid-template-columns: 1fr; padding: 40px; } .content-container { max-width: 90%; } .cta-button { width: 100%; } }
@media (max-width: 768px) { .hero-title { font-size: 36px; } .hero-description { font-size: 16px; } .cta-button { padding: 12px 25px; font-size: 16px; } }
@media (max-width: 480px) { .hero-section { grid-template-columns: 1fr; padding: 20px; } .hero-title { font-size: 28px; } .hero-description { font-size: 14px; } .cta-button { width: 100%; padding: 10px 20px; font-size: 14px; } }

 .plan-card .title { font-weight: bold; }
.sub-container { background-color: transparent; color: #333; display: flex; flex-direction: column; justify-content: center; align-items: center; height: auto; text-align: center; padding: 20px; }
.pricing-title { font-size: 36px; font-weight: bold; margin-bottom: 15px; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); }
.intro-text { font-size: 18px; color: #666; margin-bottom: 30px; }
.pricing-plan { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin: 0; }
.plan-card { background-color: #fff; padding: 30px; border-radius: 12px; width: 300px; text-align: center; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1); margin: 20px; position: relative; transition: transform 0.6s ease, box-shadow 0.6s ease, background-color 0.6s ease; }
.plan-card:hover { transform: scale(1.05); box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2); background-color: var(--f7-theme-color); }
.plan-card:hover .title, .plan-card:hover .price, .plan-card:hover .description { color: #fff; }
.price { font-size: 32px; font-weight: bold; color: #333; margin: 15px 0; letter-spacing: 1px; transition: color 0.3s ease; }
.description { font-size: 16px; color: #555; margin-bottom: 20px; }
.subscribe-btn { display: inline-block; background-color: var(--f7-theme-color); color: white; padding: 12px 24px; font-size: 16px; border-radius: 5px; cursor: pointer; text-transform: uppercase; text-decoration: none; transition: transform 0.3s ease, box-shadow 0.3s ease, font-weight 0.3s ease; margin-top: 20px; }
.subscribe-btn:hover { transform: scale(1.1); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); font-weight: 600; background-color: #fff; }
.plan-card { animation: fadeIn 0.6s ease-out; }
@keyframes fadeIn { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } }
@media (max-width: 1200px) { .pricing-plan { flex-direction: column; gap: 10px; } .plan-card { width: 80%; } }
@media (max-width: 768px) { .pricing-plan { flex-direction: column; gap: 15px; } .plan-card { width: 90%; padding: 20px; } .price { font-size: 28px; } .description { font-size: 14px; } .subscribe-btn { font-size: 14px; padding: 10px 20px; } }
@media (max-width: 480px) {
    .pricing-plan {flex-direction: column;gap: 10px;}
    .plan-card {width: 90%;padding: 15px;}
    .price {font-size: 24px;}
    .description {font-size: 12px;}
    .subscribe-btn {font-size: 12px;padding: 8px 16px;}
    .pricing-title {font-size: 20px; margin: 0;}
    .pricing-title p {margin: 0;}
    .intro-text{margin: 10px 0;}
}
.plan-card:hover a.subscribe-btn { background-color: #fff; color: #333; }
.theme-dark .plan-card .title { color: #333 !important; }
.theme-dark .intro-text, .theme-dark .plan-card:hover .title { color: #fff !important; }
/*footer css*/
.footer-icon i{margin-right: 5px;}
.footer-menu{display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; gap: 10px; width: 100%; margin-bottom: 20px;}
.footer-menu > div > div > p{margin: 0;}
.footer-menu > div  > a,
.footer-menu > div  > a:visited{color: #fff; font-size: 14px; font-weight: 400;}
/*.footer-width{flex: 0 0 25%; max-width: 22.2%;}*/
/*@media (max-width: 960px) {*/
/*    .footer-width{flex: 0 0 50%; max-width: 50%;}*/
/*}*/
/*back-to-top css*/
#backToTop {display: none; position: fixed; bottom: 40px; right: 40px; padding: 10px 18px; border: none; border-radius: 50%; font-size: 16px; color: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.3); transition: opacity 0.3s ease; cursor: pointer; z-index: 100; background-color: var(--f7-theme-color);}
@media (max-width: 768px) {
    #backToTop {bottom: 20px; right: 5px; padding: 10px 16px; font-size: 15px;}
}
/*client css*/
.client-container .title {color: #363636!important; font-weight: bold!important; font-size: 16px!important;}
.theme-dark .client-container .title {color: #eee!important;}
.client-target{padding: 0!important;}

/*movie-list-page css*/
.movie-list-page .movies{display: flex; flex-wrap: wrap; gap: 10px;}
.movie-list-page .movies .movie-item{flex: 0 0 calc((100% - 60px) / 7);}
.movie-list-page .slide-content h2, .slide-content p {text-align: center;}
.movie-list-page .slide-wrapper .slide-one{background-color: #211813; margin-bottom: 0;}
.movie-list-page .slide-wrapper .slide-one .slide-content{margin-top: -73px; padding: 5px 18px;}
.movie-list-page .slide-wrapper .slide-one .slide-image {width: 100%; height: 290px;}
.movie-list-page .slide-wrapper .slide-one .slide-image .movie-orderType{position: relative;}
.movie-list-page .slide-wrapper .slide-one .slide-image .movie-orderType span{position: absolute; right: 0; padding: 0 10px; border-radius: 0 0 0 8px; color: #fff; font-size: 14px; font-weight: 400; background-color: var(--f7-theme-color);}
.movie-list-page .slide-wrapper .slide-one .slide-image img {height: 100%; object-fit: cover;}
.movie-list-page .slide-wrapper .slide-one .slide-image:after {background: linear-gradient(to top, #211813, transparent);}
.movie-list-page .slide-wrapper .slide-one .slide-play-image:before{top: 35%;}
.movie-list-page .slide-wrapper .slide-one .slide-content h2{font-size: 14px;}
.movie-list-page .see-all{justify-content: flex-end; margin-top: 30px; padding-right: 15px;}
.movie-list-page .see-all a,
.movie-list-page .see-all a:visited{padding: 0 15px; border: 1px solid #e2e2e2; border-radius: 5px; color: #eee; background: var(--f7-theme-color);}
.movie-list-page h3{margin-top: 20px;}
@media (max-width: 768px) {
    .movie-list-page .slide-wrapper .slide-one .slide-image {width: 100%; height: 200px;}
    .movie-list-page .slide-wrapper .slide-one .slide-content h2,
    .movie-list-page .slide-wrapper .slide-one .slide-image .movie-orderType span{font-size: 12px;}
    .movie-list-page .see-all{margin-top: -25px;}
    .movie-list-page .mt-4, .my-4{margin-top: 10px!important}
    .movie-list-page .slide-wrapper .slide-one .slide-image:after {background: transparent;}
}
@media (max-width: 1200px) {
    .movie-list-page .movies .movie-item {flex: 0 0 calc((100% - 40px) / 5);}
}
@media (max-width: 992px) {
    .movie-list-page .movies .movie-item {flex: 0 0 calc((100% - 30px) / 4);}
}
@media (max-width: 768px) {
    .movie-list-page .movies .movie-item {flex: 0 0 calc((100% - 20px) / 3);}
}
@media (max-width: 480px) {
    .movie-list-page .movies .movie-item {flex: 0 0 calc((100% - 10px) / 2);}
}
/* Шүүлтүүрийн css */
.movie-list-page .filter-content > form > div > div:nth-child(2){padding: 0 15px 0 0;}
.movie-list-page .filter-content > form > div > div:nth-child(3){padding: 0;}
.movie-list-page .filter-header h3 {margin: 0;color: #fff;font-size: 1.25rem;}
.movie-list-page .filter-group {margin-bottom: 15px;}
.movie-list-page .filter-group label {display: block;margin-bottom: 5px;font-weight: 600;color: #fff;font-size: 16px;}
.movie-list-page .form-control {width: 100%;padding: 8px 12px;border: 1px solid var(--f7-theme-color)!important;border-radius: 4px;color: #fff;font-size: 16px;transition: all 0.3s ease;cursor: pointer;background: var(--dark-card)!important;}
.movie-list-page .form-control:focus {border-color: var(--f7-theme-color) !important;outline: 0;color: #fff;box-shadow: 0 0 0 0.2rem rgba(0,123,255,0.25);}
.movie-list-page .form-control:active,
.movie-list-page .form-control:hover {color: #fff;border-color: var(--f7-theme-color) !important;}
@media (max-width: 768px) {
    .movie-list-page .filter-content > form > div > div:nth-child(2){padding: 0 15px;}
    .movie-list-page .filter-content > form > div > div:nth-child(3){padding: 0 15px;}
}
/*Pagination css*/
.uk-pagination > *,
.uk-pagination > * > *,
.uk-pagination > .uk-active + *{border-radius: 10px;}
.uk-pagination > .uk-active > * {border: 2px solid var(--f7-theme-color) !important; color: #fff !important; background-color: var(--f7-theme-color) !important;}
.uk-pagination > * > *{border-color: var(--f7-theme-color) !important; color: #fff!important; background-color: var(--dark-card) !important;}

/* movie_movie */
.movie-container{width: 1100px; margin: 0 auto; padding: 0 15px;}
.theme-dark .movie-details span,
.theme-dark .movie-details p,
.theme-dark .movie-details h1,
.theme-dark .movie-details h2,
.theme-dark .movie-details h3{color: #fff;}
.movie-container video{height: 425px;}
.movie-container .movie-image img{width: 100%; height: 425px; object-fit: contain;}
.movie-container .movie-details {max-width: 100%; padding: 20px 0;}
.movie-container .movie-title-section {margin-bottom: 15px;}
.movie-container .movie-title {color: #333; font-size: 28px; margin: 0 0 5px 0;}
.movie-container .movie-title-en {color: #666; font-size: 18px; font-weight: normal; margin: 0; font-style: italic;}
.movie-container .movie-price-section {margin: 15px 0;}
.movie-container .price-free {color: #333; font-weight: bold; font-size: 18px;}
.movie-container .price {color: #333; font-weight: bold; font-size: 18px;}
.movie-container .watch-button-section {margin: 20px 0;}
.movie-container .btn-watch {display: inline-block; background-color: var(--f7-theme-color); color: white; padding: 12px 25px; text-decoration: none; border-radius: 5px; font-size: 18px; font-weight: bold; transition: background-color 0.3s;}
.movie-container .btn-watch:hover{color: #fff;}
.movie-container .btn-watch i {margin-right: 8px;}
.movie-container .movie-info-item {margin: 10px 0; display: flex;}
.movie-container .info-label {font-weight: bold; width: 80px; color: #555;}
.movie-container .info-value {flex: 1; color: #333;}
.movie-container .movie-description {margin-top: 25px; border-top: 1px solid #eee; padding-top: 15px;}
.movie-container .description-title {color: #333; font-size: 20px; margin-bottom: 10px;}
.movie-container .description-text {color: #555; line-height: 1.6;}

/* movie_serial */
.movie-container .episodes-section {margin-top: 30px; background: #f8f9fa; border-radius: 12px; padding: 20px; box-shadow: 0 2px 15px rgba(0,0,0,0.08);}
.movie-container .episodes-header {display: flex; align-items: center;margin-bottom: 20px; padding-bottom: 12px; border-bottom: 2px solid var(--f7-theme-color);}
.movie-container .episodes-header i {color: var(--f7-theme-color); font-size: 20px; margin-right: 10px;}
.movie-container .episodes-title {font-size: 18px; font-weight: bold; color: #2c3e50;}
.movie-container .episode-count {color: var(--f7-theme-color); font-weight: normal;}
.movie-container .episodes-list {display: flex; flex-direction: column; gap: 15px;}
.movie-container .episode-item {display: flex; align-items: center; background: white; padding: 0; border-radius: 10px; text-decoration: none; color: inherit; transition: all 0.3s ease; border: 1px solid #e9ecef; overflow: hidden;}
.movie-container .episode-item:hover {transform: translateY(-3px); box-shadow: 0 5px 20px rgba(231, 76, 60, 0.15); border-color: var(--f7-theme-color);}
.movie-container .episode-number {width: 50px; height: 50px; background: var(--f7-theme-color); color: white; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 16px; flex-shrink: 0; margin: 0 15px;}
.movie-container .episode-image {position: relative; width: 120px; height: 60px; flex-shrink: 0; overflow: hidden;}
.movie-container .episode-image img {width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease;}
.movie-container .episode-item:hover .episode-image img {transform: scale(1.05);}
.movie-container .image-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--f7-theme-color); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s ease;}
.movie-container .episode-item:hover .image-overlay {opacity: 1;}
.movie-container .image-overlay i {color: white; font-size: 24px;}
.movie-container .episode-content {flex: 1; padding: 15px; min-width: 0;}
.movie-container .episode-name {font-weight: bold; color: #2c3e50; font-size: 16px; margin-bottom: 6px; line-height: 1.3;}
.movie-container .episode-description {color: #666; font-size: 14px; line-height: 1.4;}
.movie-container .play-icon {color: var(--f7-theme-color); font-size: 28px; margin: 0 20px; opacity: 0.7; transition: all 0.3s ease;}
.movie-container .episode-item:hover .play-icon {opacity: 1; transform: scale(1.1);}
.movie-container .no-episodes {text-align: center; padding: 50px 20px; color: #7f8c8d;}
.movie-container .no-episodes i {font-size: 48px; color: #bdc3c7; margin-bottom: 15px; display: block;}
.movie-container .no-episodes p {margin: 0; font-size: 16px;}
@media (max-width: 1100px) {
    .movie-container{width: 100%;}
    .movie-container .movie-image img{height: auto;}
}
@media (max-width: 768px) {
    .movie-container .episodes-section {padding: 15px; margin-top: 20px;}
    .movie-container .episode-item {flex-wrap: wrap;}
    .movie-container .episode-number {width: 40px; height: 40px; font-size: 14px; margin: 10px; order: 1;}
    .movie-container .episode-image {width: 100px; height: 70px; order: 2;}
    .movie-container .episode-content {padding: 12px; order: 3; flex: 1; min-width: 200px;}
    .movie-container .play-icon {font-size: 24px; margin: 0 15px; order: 4;}
    .movie-container .episode-name {font-size: 15px;}
    .movie-container .episode-description {font-size: 13px;}
    .movie-container .btn-watch{padding: 5px 10px; font-size: 15px;}
}
@media (max-width: 480px) {
    .movie-container .episodes-section {padding: 12px;}
    .movie-container .episode-item {flex-direction: column; text-align: center;}
    .movie-container .episode-number {order: 1; margin: 10px auto;}
    .movie-container .episode-image {order: 2; width: 100%; height: 120px; margin: 0;}
    .movie-container .episode-content {order: 3; padding: 15px; width: 100%;}
    .movie-container .play-icon {order: 4; margin: 10px auto;}
    .movie-container .episode-description {display: block;}
}

/* movie-view-page */
/* Breadcrumb загвар */
.movie-view-page .movie-breadcrumb {margin-bottom: 20px;padding: 15px 0;}
.movie-view-page .breadcrumb-list {display: flex;align-items: center;list-style: none;margin: 0;padding: 0;flex-wrap: wrap;}
.movie-view-page .breadcrumb-item {display: flex;align-items: center;font-size: 14px;}
.movie-view-page .breadcrumb-item:not(:last-child)::after {content: "›";margin: 0 12px;color: var(--dark-text-secondary);font-size: 16px;font-weight: bold;}
.movie-view-page .breadcrumb-item.active .breadcrumb-link {color: var(--f7-theme-color);font-weight: 600;}
.movie-view-page .breadcrumb-link {display: flex;align-items: center;text-decoration: none;color: var(--dark-text-secondary);transition: all 0.3s ease;padding: 4px 8px;border-radius: 4px;}
.movie-view-page .breadcrumb-link:hover {color: var(--f7-theme-color);background-color: var(--dark-card);}
.movie-view-page .breadcrumb-link i {margin-right: 6px;font-size: 14px;}
.movie-view-page .movie-name-truncate {display: block;max-width: 200px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.movie-view-page .movie-view-info {padding: 30px 0;}
.movie-view-page .membership-required-card {max-width: 800px;margin: 0 auto;background: var(--dark-bg);border-radius: 15px;box-shadow: 0 5px 25px rgba(0,0,0,0.3);overflow: hidden;border: 1px solid var(--dark-border);}
.movie-view-page .membership-icon {background: linear-gradient(135deg, var(--f7-theme-color), #c0392b);color: var(--dark-text);text-align: center;padding: 30px 20px;}
.movie-view-page .membership-icon i {font-size: 48px;}
.movie-view-page .membership-content {padding: 30px;}
.movie-view-page .movie-title {color: var(--dark-text);font-size: 28px;font-weight: bold;margin-bottom: 20px;text-align: center;}
.movie-view-page .movie-description {margin-bottom: 25px;padding: 20px;background: rgba(255, 255, 255, 0.05);border-radius: 10px;border-left: 4px solid var(--f7-theme-color);}
.movie-view-page .movie-description h4 {color: var(--dark-text);margin-bottom: 10px;font-size: 16px;}
.movie-view-page .movie-description p {color: var(--dark-text-secondary);line-height: 1.6;margin: 0;}
.movie-view-page .membership-alert {display: flex;align-items: flex-start;background: rgba(255, 193, 7, 0.1);border: 1px solid rgba(255, 193, 7, 0.3);border-radius: 10px;padding: 20px;margin-bottom: 25px;}
.movie-view-page .alert-icon {color: #ffc107;font-size: 24px;margin-right: 15px;flex-shrink: 0;}
.movie-view-page .alert-content {flex: 1;}
.movie-view-page .alert-title {font-weight: bold;color: #ffc107;margin-bottom: 5px;font-size: 16px;}
.movie-view-page .alert-message {color: rgba(255, 193, 7, 0.8);margin: 0;line-height: 1.5;}
.movie-view-page .membership-actions {display: flex;gap: 15px;justify-content: center;flex-wrap: wrap;}
.movie-view-page .btn-membership {display: inline-flex;align-items: center;background: linear-gradient(135deg, var(--f7-theme-color), #c0392b);color: var(--dark-text);text-decoration: none;padding: 12px 25px;border-radius: 8px;font-weight: 600;transition: all 0.3s ease;box-shadow: 0 4px 15px rgba(231, 76, 60, 0.3);}
.movie-view-page .btn-membership:hover {transform: translateY(-2px);box-shadow: 0 6px 20px rgba(231, 76, 60, 0.4);color: var(--dark-text);}
.movie-view-page .btn-browse {display: inline-flex;align-items: center;background: var(--dark-border);color: var(--dark-text);text-decoration: none;padding: 12px 25px;border-radius: 8px;font-weight: 600;transition: all 0.3s ease;}
.movie-view-page .btn-browse:hover {background: #4a4a4a;transform: translateY(-2px);color: var(--dark-text);}
.movie-view-page .btn-membership i, .btn-browse i {margin-right: 8px;font-size: 16px;}
/* Хариуцлагатай дизайн */
@media (max-width: 768px) {
    .movie-view-page .movie-breadcrumb {margin-bottom: 15px;padding: 10px 0;}
    .movie-view-page .breadcrumb-link {font-size: 13px;padding: 3px 6px;}
    .movie-view-page .movie-name-truncate {max-width: 150px;}
    .movie-view-page .membership-content {padding: 20px;}
    .movie-view-page .movie-title {font-size: 24px;}
    .movie-view-page .membership-alert {flex-direction: column;text-align: center;}
    .movie-view-page .alert-icon {margin-right: 0;margin-bottom: 10px;}
    .movie-view-page .membership-actions {flex-direction: column;align-items: center;}
    .movie-view-page .btn-membership, .btn-browse {width: 100%;max-width: 250px;justify-content: center;}
}
@media (max-width: 480px) {
    .movie-view-page .breadcrumb-list {font-size: 12px;}
    .movie-view-page .movie-name-truncate {max-width: 120px;}
    .movie-view-page .membership-icon {padding: 20px 15px;}
    .movie-view-page .membership-icon i {font-size: 36px;}
    .movie-view-page .movie-title {font-size: 20px;}
    .movie-view-page .movie-description {padding: 15px;}
}
.movie-view-page .no-vid {display: flex;flex-direction: column;align-items: center;justify-content: center;min-height: 400px;background: var(--dark-card);border-radius: 15px;padding: 40px 20px;text-align: center;border: 2px dashed var(--dark-border);}
.movie-view-page .no-vid-icon {font-size: 64px;color: var(--dark-text-secondary);margin-bottom: 20px;opacity: 0.7;}
.movie-view-page .no-vid-icon i {font-size: 64px;}
.movie-view-page .no-vid-title {color: var(--dark-text);font-size: 24px;font-weight: 600;margin-bottom: 15px;}
.movie-view-page .no-vid-message {color: var(--dark-text-secondary);font-size: 16px;line-height: 1.5;margin-bottom: 30px;max-width: 300px;}
.movie-view-page .no-vid-actions {display: flex;gap: 15px;flex-wrap: wrap;justify-content: center;}
.movie-view-page .btn-back {display: inline-flex;align-items: center;background: var(--dark-border);color: var(--dark-text);text-decoration: none;padding: 12px 24px;border-radius: 8px;font-weight: 500;transition: all 0.3s ease;border: 1px solid var(--dark-border);}
.movie-view-page .btn-back:hover {background: var(--f7-theme-color);color: var(--dark-text);transform: translateY(-2px);box-shadow: 0 4px 12px rgba(231, 76, 60, 0.3);}
.movie-view-page .btn-back i {margin-right: 8px;font-size: 14px;}
/* Animation */
.movie-view-page .no-vid {animation: fadeInUp 0.6s ease-out;}
@keyframes fadeInUp {
    from {opacity: 0;transform: translateY(20px);}
    to {opacity: 1;transform: translateY(0);}
}
/* Хариуцлагатай дизайн */
@media (max-width: 768px) {
    .movie-view-page .no-vid {min-height: 300px;padding: 30px 15px;}
    .movie-view-page .no-vid-icon {font-size: 48px;margin-bottom: 15px;}
    .movie-view-page .no-vid-icon i {font-size: 48px;}
    .movie-view-page .no-vid-title {font-size: 20px; margin-bottom: 12px;}
    .movie-view-page .no-vid-message {font-size: 14px;margin-bottom: 25px;}
    .movie-view-page .btn-back {padding: 10px 20px;font-size: 14px;}
    .navbar {justify-content: flex-end}
}
@media (max-width: 480px) {
    .movie-view-page .no-vid {min-height: 250px;padding: 25px 15px;}
    .movie-view-page .no-vid-icon {font-size: 36px;}
    .movie-view-page .no-vid-icon i {font-size: 36px;}
    .movie-view-page .no-vid-title {font-size: 18px;}
    .movie-view-page .no-vid-message {font-size: 13px;}
    .movie-view-page .no-vid-actions {flex-direction: column; width: 100%; max-width: 200px;}
    .movie-view-page.btn-back {width: 100%; justify-content: center;}
}
/*client-movie-create*/
.client-movie-create label,
.client-movie-create .uk-width-1-2\@m,
.client-movie-create .uk-width-1-1\@m {display: block!important;}
.client-movie-create .movie-description{width: 100%;}
.client-movie-create .imageUpload {font-family: sans-serif; margin-bottom: 15px}
.client-movie-create .imageUpload input {display: none !important;}
.client-movie-create .imageUpload label {display: block; width: max-content; border: 2px dashed #cecece; border-radius: 5px; overflow: hidden; color: #1a4756; text-align: center; word-wrap: break-word;}
.client-movie-create .imageUpload label div {height: 120px;}
.client-movie-create #file {display: none; margin: 0 auto;}
.client-movie-create #upload {display: block; max-width: 120px; width: 120px; padding: 10px 20px; border: 0; font-size: 12px; letter-spacing: 0.05em; cursor: pointer; color: #fff;; outline: none; transition: 0.3s ease-in-out; background: #FF6600;}
.client-movie-create #upload:hover {background: #1aa39a;}
.client-movie-create #upload:active {transition: 0.1s ease-in-out; background: #13d4c8;}
.client-movie-create .imageUpload img {display: block;}
.client-movie-create .uk-input,
.client-movie-create .uk-select ,
.client-movie-create .audioUpload,
.client-movie-create .videoUpload{border: 1px solid #ccc; border-radius: 8px; transition: border-color 0.3s ease;}
.client-movie-create .uk-button-primary{border-radius: 5px;}
.client-movie-create .audioUpload,
.client-movie-create .videoUpload{padding: 10px;}
.client-movie-create .save-button,
.client-movie-create-head .back-button{padding: 0 15px; font-size: 12px; border-radius: 8px;}
.client-movie-create .form-field__upload-label,
.client-movie-create .form-field__upload-icon,
.client-movie-create .form-group label,
.client-movie-create .control-label,
.client-movie-create .form-group input{color: #363636;}
.theme-dark .client-movie-create .form-field__upload-label,
.theme-dark .client-movie-create .form-field__upload-icon,
.theme-dark .client-movie-create .form-group label,
.theme-dark .client-movie-create .control-label{color: #eee;}
/*#uploadImg + label { display: none; }*/
.client-movie-create textarea{height: 100px;}
@media (max-width: 640px) {
    .client-movie-create .save-button{margin-top: 20px;}
    .client-movie-create .audioUpload,
    .client-movie-create .videoUpload{width: 50%;}
    .client-movie-create .price-create{width: 100%;}
    .client-movie-create .you-tube-video{flex-wrap: wrap;}
}

/* movie-custom-popup-section */
.movie-custom-popup-section .custom-popup {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 10000;display: none;}
.movie-custom-popup-section .popup-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);backdrop-filter: blur(5px);}
.movie-custom-popup-section .popup-content {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);border-radius: 20px;width: 90%;max-width: 700px;max-height: 90vh;overflow-y: auto;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);border: 1px solid #404040;}
.movie-custom-popup-section .popup-header {display: flex;justify-content: space-between;align-items: flex-start;padding: 25px 25px 15px 25px;border-bottom: 1px solid #404040;}
.movie-custom-popup-section .movie-title-section {flex: 1;}
.movie-custom-popup-section .movie-title-mongolian {font-size: 24px;font-weight: bold;color: #ffffff;margin-bottom: 5px;line-height: 1.2;}
.movie-custom-popup-section .movie-title-english {font-size: 16px;color: #888;font-weight: 500;text-transform: uppercase;letter-spacing: 1px;}
.movie-custom-popup-section .close-btn {background: none;border: none;color: #888;font-size: 28px;cursor: pointer;padding: 0;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;transition: color 0.3s ease;}
.movie-custom-popup-section .close-btn:hover {color: #ffffff;}
.movie-custom-popup-section .popup-body {padding: 20px 25px 25px 25px;}
.movie-custom-popup-section .movie-poster-section {text-align: center;margin-bottom: 25px;}
.movie-custom-popup-section .movie-poster {width: 120px;height: 160px;object-fit: cover;border-radius: 12px;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);}
.movie-custom-popup-section .options-section {display: flex;flex-direction: column;gap: 12px;}
.movie-custom-popup-section .option-btn {display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 5px;border-radius: 15px; text-transform: capitalize; text-decoration: none;transition: all 0.3s ease;border: 2px solid transparent;min-height: 60px;}
.movie-custom-popup-section .option-btn:hover {transform: translateY(-2px);box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);}
.movie-custom-popup-section .subscription-section{display: flex; flex-direction: column; gap: 15px;}
.movie-custom-popup-section .subscription-section .option-btn,
.movie-custom-popup-section .subscription-btn,
.movie-custom-popup-section .rent-btn {background: linear-gradient(135deg, var(--f7-theme-color), #c0392b);}
.movie-custom-popup-section .option-label {font-size: 18px;font-weight: bold;color: #ffffff;text-transform: uppercase;letter-spacing: 2px;}
.movie-custom-popup-section .option-main-text {font-size: 18px;font-weight: bold;color: #ffffff;margin-bottom: 5px;}
.movie-custom-popup-section .option-price {font-size: 14px;color: rgba(255, 255, 255, 0.9);font-weight: 500;}
.movie-custom-popup-section .popup-content::-webkit-scrollbar {width: 6px;}
.movie-custom-popup-section .popup-content::-webkit-scrollbar-track {background: #2d2d2d;border-radius: 3px;}
.movie-custom-popup-section .popup-content::-webkit-scrollbar-thumb {background: #555;border-radius: 3px;}
.movie-custom-popup-section .popup-content::-webkit-scrollbar-thumb:hover {background: #777;}
@media (max-width: 480px) {
    .movie-custom-popup-section .popup-content {width: 95%;max-width: 350px;}
    .movie-custom-popup-section .movie-title-mongolian {font-size: 20px;}
    .movie-custom-popup-section .movie-title-english {font-size: 14px;}
    .movie-custom-popup-section .option-btn {padding: 5px;min-height: 65px;}
    .movie-custom-popup-section .option-main-text {font-size: 16px;}
    .movie-custom-popup-section .option-price {font-size: 12px;}
}

/* subscription-view */
.subscription-view{}
.subscription-view .subscription-title{text-align: center; font-weight: bold; margin-top: 24px;}
.subscription-view .subscription-image{text-align: center;}
.subscription-view .subscription-description{display: flex; justify-content: center;}
.subscription-view .subscription-description p{width: 60%; color: #fff; text-align: center; font-weight: bold;}
.subscription-view .subscription-info{display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 10px;}
.subscription-view .subscription-info p{margin: 0; color: #fff; text-align: center; font-weight: bold;}
.subscription-view .subscription-info .subscription-btn {padding: 5px 10px; border-radius: 8px; background: linear-gradient(135deg, var(--f7-theme-color), #c0392b);}
.subscription-view .subscription-info .subscription-btn a,
.subscription-view .subscription-info .subscription-btn a:visited{color: #fff; font-weight: bold; text-align: center;}
@media (max-width: 768px) {
    .subscription-view .subscription-description p{width: auto;}
}

/* footer */
.footer-items .footer-wrapper ul{margin: 0 0 20px; padding: 0;}
.footer-items .copyright{display: flex; align-items: center; justify-content: center;}
.footer-items .developerBy{justify-content: center;}
.footer-items .middle-footer ul{padding: 0;}
.footer-items .middle-footer ul li{}
.footer-items .middle-footer ul li a,
.footer-items .middle-footer ul li a:visited{}
.footer-items .middle-footer ul li a i{color: #eee;}
.footer-items .footer-address p{color: #fff;}
@media (max-width: 640px) {
    .footer-items .copyright{flex: 0 0 100%; max-width: 100%;}
    .footer-items .copyright div {width: 100%;}
    .footer-items .copyright div p{text-align: center;}
    .footer-items .developerBy{margin-bottom: 20px;}
}

/* header-items */
.header-web-items{display: block!important;}
.header-items .isMobile,
.header-mobile-items{display: none!important;}
.header-items .header-menu{display: flex;}
.header-items @keyframes slideDown {from {transform: translateY(-100%);} to {transform: translateY(0);}}
.header-items .basket-buttun path{fill: #eee;}
.header-items .basket-buttun svg{margin-right: 5px;}
.header-items .slogan{display: flex; align-items: center; color: #eee; font-size: 19px; font-weight: 500;}
.header-items .slogan p{padding-left: 20px; margin: 0;}
.header-items .logo{display: flex; align-items: center;}
.header-items .logo img{width: 300px; height: 93px; max-height: 93px!important; margin: -23px 0 -36px 0;}
.header-items .header-wrapper{background-color: #f8f8f8;}
.theme-dark .header-items .header-wrapper{background-color: transparent;}
.theme-dark .header-items .header-position{position: fixed; width: 100%; z-index: 100000000;}
.header-items .header-signin div,
.header-items .header-bg,
.theme-dark .header-items .header-bg{background-color: rgba(0, 0, 0, 0.2); backdrop-filter: blur(10px);;}
.header-items .header-top-right{display: inline-block; align-items: center; justify-content: space-between; gap: 20px; float: right;}
.header-items .header-signin{display: inline-block; align-items: center; gap: 10px; float: right;}
.header-items .header-signin div{padding: 5px 10px; border: 1px solid #ddd; border-radius: 5px;}
.header-items .header-signin div a,
.header-items .header-signin div a:visited,
.header-items .header-top-right a,
.header-items .header-top-right a:visited{color: #eee; font-size: 16px;}
.header-items .header-signin .signup{display: none;}
@media (max-width: 768px) {
    .header-items .header-wrapper .logo{margin-top: 0;}
    .header-items .header-wrapper .search-div{display: flex; justify-content: flex-end; width: 100%; margin: 10px 0 0; z-index: 2;}
    .header-items .mobile-top-header{display: flex; flex-wrap: nowrap; gap: 10px;}
    .header-items .slogan{justify-content: center;}
    .header-items .header-top-right-mobile{display: flex; justify-content: flex-end; margin-top: 0; padding: 0;}
    .header-items .header-bottom-mobile{display: flex; flex-direction: column-reverse; gap: 10px; margin: -70px 0 0;}
    .header-items .header-bottom-right{padding: 0;}
    .header-items .header-signin{align-items: center; justify-content: flex-end; float: none!important;}
    .header-items .slogan{font-size: 16px!important;}
    .header-items .header-signin div{padding: 0 7px;}
    .header-items .header-signin div a,
    .header-items .header-signin div a:visited,
    .header-items .header-top-right a,
    .header-items .header-top-right a:visited{font-size: 14px!important;}
    .header-items .slogan p{padding-left: 0!important; text-align: center;}
    .header-items .signin ,.signup{display: flex; justify-content: flex-end; z-index: 10;}
    .header-items .search-form{width: 100%;}
    .header-items .header-top-right{flex-wrap: wrap; gap: 10px;}
    .header-items .login-name{z-index: 10;}
    .header-items .logo img{width: auto; height: auto;}
    .theme-dark .header-items .navbar-toggler{height: auto!important; padding: 5px!important;}
    .theme-dark .header-items .navbar-toggler .navbar-toggler-icon,
    .theme-dark .header-items .navbar-toggler .navbar-toggler-icon:before,
    .theme-dark .header-items .navbar-toggler .navbar-toggler-icon:after{width: 22px;!important; color: #fff!important;}
}
.header-items .search-container {position: relative;display: flex;align-items: center;}
.header-items .search-icon {cursor: pointer;font-size: 18px;color: #fff;padding: 8px;transition: color 0.3s ease;}
.header-items .search-icon:hover {color: #ccc;}
.header-items .search-form-container {position: absolute;top: 100%;right: 0;width: 300px;background: #fff;border-radius: 4px;box-shadow: 0 2px 10px rgba(0,0,0,0.1);opacity: 0;visibility: hidden;transform: translateY(-10px);transition: all 0.3s ease;z-index: 1000;}
.header-items .search-form-container.active {opacity: 1;visibility: visible;transform: translateY(0);}
.header-items .search-form {display: flex;align-items: center;padding: 5px;position: relative;}
.header-items .search-form input[type="search"] {flex: 1;border: none;outline: none;padding: 8px 12px;font-size: 14px;border-radius: 4px;}
.header-items .search-submit {background: none;border: none;cursor: pointer;padding: 8px;color: #333;font-size: 14px;}
@media (max-width: 768px) {
    .header-web-items{display: none!important;}
    .header-items .isMobile,
    .header-mobile-items{display: block!important;}
    .header-items .search-form-container {position: fixed;top: 0;left: 0;right: 0;width: 100%; margin-top: 77px; border-radius: 0;padding: 10px;box-shadow: 0 2px 15px rgba(0,0,0,0.2);}
    .header-items .search-form input[type="search"] {font-size: 16px; /* iOS дээр zoom-ийг зайлсхийх */}
}
/*Онцгой цэс*/
.theme-dark .header-wrapper .nav-menu li .feature-menu-link {background: linear-gradient(90deg, #ffcc00, #ff6600);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 600;text-transform: uppercase;position: relative;transition: all 0.3s ease;}
.theme-dark .header-wrapper .nav-menu li .feature-menu-link::after {content: '';position: absolute;left: 0;bottom: -3px;width: 100%;height: 2px;background: linear-gradient(90deg, #ffcc00, #ff6600);opacity: 0;transform: translateY(5px);transition: all 0.3s ease;}
.theme-dark .header-wrapper .nav-menu li .feature-menu-link:hover {color: #ffffff;text-shadow: 0 0 8px rgba(255, 204, 0, 0.6);}
.theme-dark .header-wrapper .nav-menu li .feature-menu-link:hover::after {opacity: 1;transform: translateY(0);}

/* banner-items */
.banner-items .header-wrapper .nav-menu{z-index: 99;}
.banner-items .header-wrapper .nav-menu li a{color: #fff!important;}
.banner-items .movie-slider-img{height: 720px!important; border-radius: 0!important;}
.banner-items .movie-slider-img img{object-position: 0 25%;}
.full-wrap .banner-items  .banner-wrapper .owl-carousel .owl-stage-outer .owl-item.active {opacity: 1;}
.banner-items .banner-wrapper{margin-top: -81px;}
.banner-items .banner-wrapper .left-wrap{padding-left: 200px;}
.banner-items .owl-items {position: relative;overflow: hidden;}
.banner-items .owl-items::before, .owl-items::after {content: "";position: absolute;left: 0;width: 100%;height: 30%;z-index: 9;pointer-events: none;}
.banner-items .movie-banner-slider .owl-items::before {top: 0;background: linear-gradient(to bottom, rgba(0, 0, 0, 1.25), transparent);}
.banner-items .movie-banner-slider .owl-items::after {bottom: 0;background: linear-gradient(to top, rgba(0, 0, 0, 0.25), transparent);}
@media (max-width: 768px) {
    .banner-items .header-wrapper .nav-menu li a{color: #000!important;}
    .banner-items .banner-wrapper{margin-top: 0;}
    .banner-items .banner-wrapper .left-wrap{padding-left: 20px;}
    .banner-items .banner-wrapper .left-wrap .btn-lg img, .banner-wrapper .left-wrap .btn-group-lg > .btn img{width: 15px;}
    .banner-items .banner-wrapper .left-wrap .btn-lg img, .banner-wrapper .left-wrap .btn-group-lg > .btn img,
    .banner-items .banner-wrapper .left-wrap h2{margin: 0!important;}
    .banner-items .banner-wrapper .left-wrap p,
    .banner-items .slide-wrapper .slide-one .slide-content p,
    .banner-items .banner-wrapper .left-wrap a{display: block}
    .banner-items .banner-wrapper .left-wrap p{display: -webkit-box!important; -webkit-box-orient: vertical!important; -webkit-line-clamp: 1!important; overflow: hidden!important; margin: 0!important;}
    .banner-items .movie-slider-img{height: auto!important;}
    .banner-items .movie-banner-slider .owl-items::before {top: 0; background: transparent;}
    .banner-items .movie-banner-slider .owl-items::after {bottom: 0; background: transparent;}
    .banner-items .banner-wrapper .left-wrap .btn-lg, .banner-wrapper .left-wrap .btn-group-lg > .btn{min-width: auto!important; padding: 5px 10px!important; letter-spacing: 0!important;}
}

/* client-movie-user-subscription-sodonPayment-create */
.user-info__name:nth-child(2){width: 100% !important;}