/*Design by MAVRIK
muxriddin1992@gmail.com
CSS dan foydalanganingiz uchun tashakkur!
https://betakror.net sayti uchun maxsus CSS 2023 [remastered 2026]*/

@charset "utf-8";
/* CSS for Ucoz */

body
{background:#131a20;color:#9db2c3;line-height:20px;padding:0 0;max-width:1500px;margin:0 auto;font-size:15px;
font-family:Calibri,Tahoma,sans-serif;box-shadow:0 3px 3px 5px rgba(0, 242, 174, 0.37)}
a{color:#9db2c3;text-decoration:none}
a:active,a:link,a:visited{color:#fff;text-decoration:none}
a:hover{color:#57f5de}a:active{color:teal}
form{font-size:15px;margin:1px;padding:0}h3{margin:0;padding:0;padding-bottom:2px}ul{margin:0;padding-left:20px}hr{border:0;border-top:1px solid #efefef;margin:0}img{vertical-align:middle;border-style:none}hr{border:0;height:1px;background-image:linear-gradient(to right,rgba(0,0,0,0),#0abd82,rgba(0,0,0,0))}

/*clearfix*/
.clearfix:before, .clearfix:after, .container:before, .container:after, .row:before, .row:after,
.navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after,
.navbar-collapse:before, .navbar-collapse:after, .modal-footer:before, .modal-footer:after,
.infobar:before, .infobar:after, .infobar-collapse:before, .infobar-collapse:after,
.infobar-header:before, .infobar-header:after {content: " "; display: table;}
.clearfix:after, .container:after, .row:after, .navbar:after, .navbar-header:after, .navbar-collapse:after,
.modal-footer:after, .infobar:after, .infobar-collapse:after, .infobar-header:after {clear: both;}

.bluebar,.fomenu,.gTableTop,.phdr,.phdr2,.uz{background-image:-webkit-linear-gradient(top,#118686,#222933);border-top:0 solid #bfc4cb;padding:7px 8px;font-weight:700;color:#8bddce;margin:2px 0;font-weight:700;border-radius:4px}

.amenu,.bluebar,.bmenu,.gTableTop,.phdr,.phdr2,.uz{margin:0 0 0;border-radius:0px 0px 0 0;padding:7px;font-weight:700}.phdr a:link,.phdr a:visited{color:#fff}.rednbar a:link,.rednbar a:visited{color:#fff}.gTableTop a:link,.gTableTop a:visited{color:#fff}.gTopCornerRight a:link,.gTopCornerRight a:visited{color:#fff}a.all{float:right}.com-order-block{background:#fff;display:none;text-align:right}input,select,textarea{background:url("") repeat-x scroll center top #1b464d;border:1px solid #0e9374;border-radius:8px;color:#18d7bc;font:13px Trebuchet MS;margin:0;padding:6px}button,input,select,textarea{margin:0;font-family:inherit}button,input{line-height:normal}form tbody tr td{font-size:13px}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}textarea{overflow:auto;vertical-align:top}#uNetRegF td{text-align:left}aside{padding:30px 0 0 20px}.customRadio{display:inline-block;width:18px;height:18px;padding:3px;border:2px solid #212121;border-radius:50%;margin:0;cursor:pointer;vertical-align:middle;margin:3px 3px 4px 0}input[type=radio]:checked+.customRadio:after{content:'';display:block;height:8px;width:8px;border-radius:50%;background-color:#3c3c3c}input[type=radio]:checked+.customRadio{border:2px solid #3c3c3c}#casing input[type=file]{color:#3c3c3c;background:0 0;padding:5px 10px 8px;margin-top:2px;margin-bottom:2px;text-decoration:none;outline:0}


.catPages1{padding:0!important;margin:0!important}.swchItem,.swchItem1,.swchItemA,.swchItemA1{color:#00eeab;display:inline-block;padding:3px 10px;border-radius:50px;text-decoration:none;font-weight:400}.swchItem,.swchItem1{color:#787878;background:#304155}.swchItem1:hover,.swchItem:hover{background:#18424f;color:#02a746;text-decoration:none}.swchItemA,.swchItemA1{background:#161616}.catPages1,.catPages2{padding:10px 0}.pagesBlock2{margin-top:10px!important;display:block}.rednbar{background:#dc143c;color:#fff;padding:6px;border-radius:5px 5px 0 0;font-weight:700}
.ablock,.bblock,.formus{background:#131920;padding:10px;color:#87bed9;border-bottom:1px solid #101e17}
.thememenu{background:#0993d1;padding:12px;color:#444;border-bottom:1px solid #e7e7e7}
.menuga{background:#293648;padding:7px;border-bottom:1px solid #116d6d}


.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.formus1 i{border-radius:12px;background:#f5f5f5;display:inline-block;width:24px;text-align:center;line-height:24px;height:24px;font-size:12px;margin-right:2px;margin-top:-2px;box-shadow:0 0 #000}.button,.small_button,.textfield{-webkit-appearance:none;background:#fff}ul{list-style:none}.uOnline{display:none}.gOnline{display:none}.bborder{background:#fefefe;padding:7px;color:#565656;border-bottom:2px dotted #a8e1fe} 

.u{color:#47607F;cursor:pointer;display:inline-block;font-size:15px;font-weight:20px;line-height:40px;margin:.2em .5em .3em;max-width:130px;position:relative;text-decoration:none;vertical-align:middle;width:27%}@media (min-width:400px){.u{display:inline-block;margin-right:.4em}.u:nth-of-type(even){margin-right:.4em}}@media (min-width:600px){.u:nth-of-type(even){margin-right:.5em}.u:nth-of-type(5){margin-right:.5em}}.u:hover{text-decoration:none}.u-5{border:0 solid;box-shadow:inset 0 0 20px rgba(255,255,255,0);outline:1px solid;outline-offset:0;text-shadow:none;-webkit-transition:all 1250ms cubic-bezier(.19,1,.22,1);transition:all 1250ms cubic-bezier(.19,1,.22,1)}.u-5:hover{border:1px solid;box-shadow:inset 0 0 20px rgba(13, 219, 161, 0.54),0 0 20px rgba(255,255,255,.2);outline-color:rgba(255,255,255,0);outline-offset:15px;text-shadow:1px 1px 2px #427388}
.u-prevnext{color:#47607F;cursor:pointer;display:inline-block;font-size:16px;font-weight:20px;line-height:30px;margin:.5em .5em .5em;max-width:45%;position:relative;text-decoration:none;text-transform:uppercase;vertical-align:middle;width:40%}@media (min-width:400px){.u-prevnext{display:inline-block;margin-right:.5em}.u-prevnext:nth-of-type(even){margin-right:.5em}}@media (min-width:600px){.u-prevnext:nth-of-type(even){margin-right:.5em}.u-prevnext:nth-of-type(5){margin-right:.5em}}.u-prevnext:hover{text-decoration:none}

.musictextnw {color:#425156;border-top:0px solid #C4C6CA;background-color:#023335;padding:7px 10px;margin:4px 0px;}
ul {margin: 0; padding-left: 0px;}

.video-player {
 background: rgba(7,16,20,0.85);
 border: 1px solid rgba(34,209,154,0.15);
 border-radius: 14px;
 box-shadow: 0 4px 16px rgba(0,0,0,0.4);
 padding: 3px; /* Oldin 8px edi — endi ancha ixcham */
 max-width: 1500px;
 margin: 5px auto;
 overflow: hidden;
 transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.video-player:hover {
 transform: translateY(-3px);
 box-shadow: 0 8px 20px rgba(0,0,0,0.6);
}

.video-player iframe {
 width: 100%;
 height: 480px;
 border-radius: 10px;
}

/* Mobil moslashuv */
@media (max-width: 640px) {
 .video-player {
 padding: 2px; /* Mobilga yanada ixcham */
 }
 .video-player iframe {
 height: 220px;
 }
}

.episode-select {
 background: rgba(7,16,20,0.85);
 padding: 20px;
 border-radius: 14px;
 border: 1px solid rgba(34,209,154,0.12);
 box-shadow: 0 4px 14px rgba(3,10,8,0.6);
 text-align: center;
 max-width: 900px;
 margin: 0px auto;
}

.episode-select h4 {
 color: var(--text-color);
 font-size: 18px;
 font-weight: 600;
 margin-bottom: 14px;
}

.episode-buttons {
 display: flex;
 flex-wrap: wrap;
 gap: 1px;
 justify-content: center;
}

.ep-btn {
 padding: 8px 14px;
 background: linear-gradient(90deg, var(--accent-1), var(--accent-2));
 color: white;
 border-radius: 8px;
 text-decoration: none;
 font-size: 14px;
 font-weight: 500;
 transition: 0.3s ease;
}

.ep-btn:hover {
 transform: translateY(-2px);
 box-shadow: 0 4px 12px rgba(34,209,154,0.4);
}

/* Moslashuv (mobil uchun) */
@media (max-width: 640px) {
 .ep-btn {
 flex: 1 1 calc(50% - 10px);
 text-align: center;
 }
}

:root {
 --accent-1: #0fb08a;
 --accent-2: #22d19a;
 --text: #e6fff5;
}

/* Katta konteyner */
.film-section {
 display: flex;
 flex-wrap: wrap;
 gap: 20px;
 align-items: flex-start;
 background: rgba(7,16,20,0.85);
 padding: 20px;
 border-radius: 14px;
 border: 1px solid rgba(34,209,154,0.12);
 box-shadow: 0 6px 22px rgba(3,10,8,0.6);
 max-width: 1500px;
 margin: 0 auto;
}

/* Rasm qismi */
.film-poster {
 flex: 0 0 220px;
 max-width: 220px;
}

.film-poster img {
 width: 100%;
 border-radius: 12px;
 display: block;
}

/* Matn qismi */
.film-about {
 flex: 1;
 color: var(--text);
 font-family: Inter, system-ui, sans-serif;
}

.fa-title {
 font-size: 20px;
 font-weight: 1500;
 margin-bottom: 8px;
 position: relative;
}

.fa-title::after {
 content: "";
 display: block;
 width: 56px;
 height: 4px;
 margin-top: 8px;
 border-radius: 6px;
 background: linear-gradient(90deg, var(--accent-1), var(--accent-2));
}

.fa-text {
 font-size: 14px;
 line-height: 1.6;
 opacity: 0.95;
}

/* Mobilga moslash */
@media (max-width: 640px) {
 .film-section {
 flex-direction: column;
 align-items: center;
 text-align: center;
 }
 .film-poster {
 max-width: 70%;
 }
 .film-about {
 text-align: left;
 width: 100%;
 }
}

.shortstory-list-category a:hover {
  background: #118686;
  color: #fff;
}
.shortstory-list-category a {
  display: inline-block;
  vertical-align: middle;
  padding: 3px 10px;
  border-radius: 3px;
  background: #161D25;
  color: #6E879F;
  font-size: 14px;
  margin-right: 2px;
}

.cover {
 width: 30%;
}

a.hvr {
 display: block;
max-width:98%;
 padding: 0.6em;
 color: #05a091;
 background: #24303e;
 font-weight: bold;
 text-decoration: none;
 border-radius: 6px;
}

 a.hvr:hover {
 background: #05a091;
 color: #fff;
}

a.telegram {
 display: block;
max-width:100%;
 padding: 0.7em;
 color: #ffffff;
 background: #28b6f6;
 font-weight: bold;
 text-decoration: none;
 border-radius: 6px;
}
 a.telegram:hover {
 background: #28b6f6;
 color: #fff;
}

.sliderContent {padding:5px 0px; background:#0d3c36; width: 100%!important;} .sliderElement {margin:3px; padding:3px; opacity:0.7; background-color:#118686; border-radius: 3px} .sliderElement:hover {opacity:3;} 
 .sliderButtonNext { 
 background: url("https://uzmovie.me/js/slider.png") no-repeat; 
 width: 60px; 
 height: 37px; 
 text-decoration: none; 
 position: absolute; 
 z-index: 2; 
 top: 90px; 
 left: -10px; 
} 
.sliderButtonPrev { 
 background: url("https://uzmovie.me/js/slider.png") -2px -38px no-repeat; 
 width: 60px; 
 height:37px; 
 text-decoration: none; 
 position: absolute; 
 z-index: 2; 
 top: 90px; 
 right: -1px; 
} 
.sliderButtonNext:active { 
 background: url("https://uzmovie.me/js/slider.png") -2px 0px no-repeat; 
} 
.sliderButtonPrev:active { 
 background: url("https://uzmovie.me/js/slider.png") 1px -38px no-repeat; 
}

.uc-block-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
}

.uc-block-card {
    background: #002929;
    padding: 45px 35px;
    border-radius: 20px;
    text-align: center;
    max-width: 100%;
    width: 100%;
    box-shadow: 0 12px 35px rgba(0,0,0,0.6);
    border-left: 5px solid #e50914;
}

.uc-block-icon {
    font-size: 70px;
    margin-bottom: 20px;
    display: inline-block;
    animation: blockBounce 4s infinite ease-in-out;
}

@keyframes blockBounce {
    0%   { transform: translateY(0); }
    25%  { transform: translateY(-15px); }
    50%  { transform: translateY(0); }
    75%  { transform: translateY(-7px); }
    100% { transform: translateY(0); }
}

.uc-block-title {
    font-size: 26px;
    font-weight: 800;
    color: #e50914;
    margin-bottom: 15px;
}

.uc-block-text {
    font-size: 16px;
    color: #ccc;
    margin-bottom: 30px;
    line-height: 1.5;
}

.uc-block-btn {
    display: block;
    padding: 14px 28px;
    background: #e50914;
    color: #fff;
    font-weight: 700;
    border-radius: 12px;
    text-decoration: none;
    margin-bottom: 15px;
}

.uc-tg-btn {
    display: block;
    padding: 14px 28px;
    background: #0088cc;
    color: #fff;
    font-weight: 700;
    border-radius: 12px;
    text-decoration: none;
}

h1 {
 font-size: 13px;
 text-align: center;
 color: #FFF;
} 

h3 {
 font-size: 30px;
 line-height: 34px;
 text-align: center;
 color: #FFF;
}

h3 a {
 color: #FFF;
}

a {
 color: #FFF;
}

h1 {
 margin-top: 0px;
 text-align:left;
 font-size: 18px;
 line-height: 20px;
 font-family:Calibri,Tahoma,sans-serif;
 }

h2 {
 margin-top: 0px;
 text-align:left;
 font-size: 14px;
 line-height: 20px;
 font-family:Calibri,Tahoma,sans-serif;
 }

#container {
 margin: 0 auto;
 max-width: 880px;
}

.seriallar {
 padding: 1.5rem;
 max-width: 1300px;
 margin: auto;
}

.title {
 text-align: center;
 margin-bottom: 1.5rem;
 font-size: 1.7rem;
 font-weight: 700;
}


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

.item {
 position: relative;
 border-radius: var(--radius);
 overflow: hidden;
 border: 3px solid var(--border);
 aspect-ratio: 3 / 4;
 box-shadow: var(--shadow);
 cursor: pointer;
 transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.item:hover {
 transform: translateY(-4px);
 box-shadow: 0 6px 18px rgba(0,0,0,0.12);
 border-color: var(--hover-border);
}

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

.overlay {
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
 padding: 0.4rem 0.5rem;
 background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.85) 100%);
 color: #fff;
 text-align: left;
}

.overlay h3 {
  margin: 0;
  font-size: 0.70rem;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.overlay p {
  margin: 2px 0 0;
  font-size: 0.70rem; 
  opacity: 0.9;
}

@media (min-width: 700px) and (max-width: 991px) {
 .grid {
 grid-template-columns: repeat(4, 1fr);
 }
}

@media (min-width: 992px) {
 .grid {
 grid-template-columns: repeat(6, 1fr);
 }

.u-comboedit {
 min-width: 360px;
 padding: 0 25px 0 10px;
 overflow: hidden;
 vertical-align: middle;
 border: 0;
 white-space: pre-wrap;
 background-color: #114d53;
 background-image: url(/.s/src/panel-v2/img/select_arrow.png);
 background-repeat: no-repeat;
 background-position: center right 7px;
 line-height: 1.75;
 box-sizing: border-box;
 color: #fff;
 outline: none;
}

@media all and (max-width : 900px) {

 nav ul li {
 display:block;
 width: 94%;
 }

}

div#footer {background: #025888 url() repeat-x;
background-image: -webkit-linear-gradient(top, #0c866f, #304155)!important; padding: 10px;
 color: #fff;
 text-align: center;
}.foot-r a {
 color: #034c7d;
}

ul {margin: 0; padding-left: 0px;}

.catsTd {padding-left:30px; background:url(...)no-repeat left center}