: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; } }
.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; }
.subscription-title{display: flex; align-items: center; justify-content: center; margin-top: 30px; font-weight: bold;}
.subscription-title span{color: #fff;}
/*footer css*/
.footer-icon i{margin-right: 5px;}
.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% - 50px) / 6);}
.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);}
@media (max-width: 640px) {
    .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 .slide-wrapper .slide-one .slide-play-image:before {margin-top: -25px;}
    .movie-list-page .see-all{margin-top: -30px;}
    .movie-list-page .mt-4, .my-4{margin-top: 10px!important}
}
@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);}
}
/*Pagination css*/
.uk-pagination > *,
.uk-pagination > * > *,
.uk-pagination > .uk-active + *{border-radius: 10px;}

/* 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;}
}
@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;}
}
@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;}
}