/* Datalife Engine template
name: Cool Serial,
creation date: 13 april 2020,
version dle: 12-14
*/

/* SET BASE
----------------------------------------------- */
* {background: transparent; margin: 0; padding: 0; outline: none; border: 0; box-sizing: border-box;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
table {border-collapse: collapse; border-spacing: 0;}
input, select {vertical-align: middle;}
article, aside, figure, figure img, hgroup, footer, header, nav, section, main {display: block;}
img {max-width: 100%;}
.clr {clear: both;}
.clearfix:after {content: ""; display: table; clear: both;}

body {
    font: 15px 'Montserrat', sans-serif;
    line-height: normal;
    padding: 0;
    margin: 0;
    color: #c7d8e8; /* Light blue-gray for text */
    background: #0a0e14; /* Deep dark blue background */
    background-attachment: fixed;
    min-height: 100%;
    width: 100%;
    font-weight: 400;
}
a {color: #90caf9; text-decoration: none;} /* Light blue for links */
a:hover, a:focus {color: #64b5f6; text-decoration: none;} /* Slightly darker blue on hover */
h1, h2, h3, h4, h5 {font-weight: 600; font-size: 24px;}

button, textarea, select, input[type="text"], input[type="password"], input[type="button"], input[type="submit"]
{appearance: none; -webkit-appearance: none; font-size: 16px; font-family: 'Montserrat' !important;}

.button, .btn, .pagi-load a, .up-second li a, .usp-edit a, .qq-upload-button,
button:not(.color-btn):not([class*=fr]):not(.search-btn):not([class*=owl-]),
html input[type="button"], input[type="reset"], input[type="submit"], .meta-fav a, .usp-btn a {
display: inline-block; text-align: center; padding: 0 15px; height: 36px; line-height: 36px; /* Slightly smaller button */
border-radius: 0; /* Strict square */
cursor: pointer; font-weight: 500;
background-color: #1565c0; /* Darker blue button */
color:#e0e9f5; font-size: 14px; /* Smaller font for buttons */
}
.button:hover, .btn:hover, .up-second li a:hover, .usp-edit a:hover, .qq-upload-button:hover,
.pagi-load a:hover, .usp-btn a:hover,
button:not(.color-btn):not([class*=fr]):not(.search-btn):not([class*=owl-]):hover,
html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .meta-fav a:hover
{background-color: #1976d2; color: #fff; box-shadow: none;} /* Darker blue on hover, no shadow */
button:active, input[type="button"]:active, input[type="submit"]:active {box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1);}

input[type="text"], input[type="password"] {height: 36px; line-height: 36px; /* Smaller input fields */
border-radius: 0; /* Strict square */
border: 0; padding: 0 10px;} /* Smaller padding */
select {height: 36px; border: 0; padding: 0 10px;}
textarea {padding: 10px; overflow: auto; vertical-align: top; resize: vertical;} /* Smaller padding */
input[type="text"], input[type="password"], select, textarea {width: 100%; background-color: #0f1621; color: #c7d8e8; /* Darker background for inputs */
box-shadow: inset 0 0 0 1px #0f1621, inset 1px 2px 5px rgba(0,0,0,0.1);} /* Darker shadow */
select {width: auto;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus
{box-shadow: inset 0 0 0 1px #90caf9, inset 1px 2px 5px rgba(0,0,0,0.1);} /* Blue focus border */
input::placeholder, textarea::placeholder {color: #9ab3d1; opacity: 1; font-size: 13px;} /* Lighter placeholder */
input:focus::placeholder, textarea:focus::placeholder {color: transparent}

.img-box, .img-wide, .img-resp, .img-resp-vert, .img-fit {overflow: hidden; position: relative;}
.img-resp {padding-top: 70%;}
.img-resp-vert {padding-top: 140%;}
.img-box img, .img-resp img, .img-resp-vert img {width: 100%; min-height: 100%; display: block;}
.img-resp img, .img-resp-vert img {position: absolute; left: 0; top: 0;}
.img-wide img {width: 100%; display: block;}
.img-fit img {width: 100%; height: 100%; object-fit: cover;}
.nowrap {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.fx-row, #dle-content {display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;
-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.fx-col {display:-ms-flexbox;display:-webkit-flex;display:flex;
-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.fx-center {-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}
.fx-middle {-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.fx-start {-webkit-justify-content:flex-start;justify-content:flex-start;}
.fx-first {-ms-flex-order: -1;-webkit-order: -1;order: -1;}
.fx-last {-ms-flex-order: 10;-webkit-order: 10;order: 10;}
.fx-1 {-ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;
	max-width: 100%; min-width: 50px;}
.fx-between {-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}

b, strong, .fw700 {font-weight: 600;}
.icon-left [class*="fa-"], .icon-left .icon {margin-right: 10px;}
.icon-right [class*="fa-"], .icon-right .icon {margin-left: 10px;}
.hidden, #dofullsearch {display: none;}
.anim, .btn, button, .popular-item-img:before, .short-item a, .sidebar a, .header-btn,
.short-img, .footer a, .side-nav a {transition: all .3s;}
.mtitle, .sub-title h1, .form-wrap h1 {margin-bottom: 25px; font-size: 22px !important; font-weight: 600;} /* Slightly smaller heading */
#dle-content > * {width: 100%;}


/* BASIC GRID
----------------------------------------------- */
.wrap {min-width:320px; position: relative; padding: 25px;} /* Smaller padding */
.wrap-center {max-width:1100px; margin:0 auto; position:relative; z-index:20;} /* Slightly narrower max-width */
.wrap-main {background-color: #0f1621; border-radius: 0; box-shadow: 0 10px 20px rgba(0,0,0,0.6);} /* Darker background, strict square, smaller shadow */
.header {padding: 15px 30px; background-color: #0a0e14; border-radius: 0; /* Strict square */}
.cols {padding: 30px 30px;} /* Smaller padding */
.main {min-height: 100vh;}
.sidebar {width: 280px; margin-right: 30px;} /* Slightly narrower sidebar */

.footer {
  background: #0a0e14; /* Deep dark blue for footer */
  padding: 15px 30px; /* Smaller padding */
  color: #8fa7c6;
  border-radius: 0; /* Strict square */
}
.footer a {color: #90caf9; text-decoration: underline;} /* Light blue for footer links */


#gotop{position:fixed; width:50px; height:50px; line-height:50px; right:10px; bottom:10px; /* Smaller gotop button */
z-index:990; display:none; background-color:#0f1621; color:#9ab3d1; cursor:pointer; font-size:22px;
border-radius:0; /* Strict square */
text-align:center; box-shadow: 0 15px 30px rgba(0,0,0,0.5);} /* Smaller shadow */


/* HEADER
----------------------------------------------- */
.logo {
    display: flex;
    align-items: center;
    font-family: 'Montserrat', sans-serif;
    text-decoration: none;
}

.logo-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px; /* Smaller logo icon */
    height: 36px; /* Smaller logo icon */
    background: #90caf9; /* Light blue logo icon */
    color: #0a0e14;
    border-radius: 0; /* Strict square */
    margin-right: 10px; /* Smaller margin */
    font-size: 15px; /* Smaller font */
}

.logo-text {
    font-size: 24px; /* Slightly smaller logo text */
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.5px; /* Reduced letter spacing */
}

.logo-text span {
    color: #90caf9; /* Light blue for span */
    font-weight: 800;
    position: relative;
}

.logo-text span:before {
    content: "";
    position: absolute;
    bottom: -4px; /* Slightly higher line */
    left: 0;
    width: 100%;
    height: 2px; /* Thinner line */
    background: linear-gradient(90deg, #90caf9, transparent); /* Light blue gradient */
}
.footer-logo {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    margin-right: 10px; /* Smaller margin */
}

.footer-logo-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px; /* Smaller footer logo icon */
    height: 28px; /* Smaller footer logo icon */
    background: #90caf9; /* Light blue footer logo icon */
    color: #0a0e14;
    border-radius: 0; /* Strict square */
    margin-right: 8px; /* Smaller margin */
    font-size: 13px; /* Smaller font */
}

.footer-logo-text {
    font-size: 16px; /* Smaller footer logo text */
    font-weight: 700;
    color: #fff;
}

.footer-logo-text span {
    color: #90caf9; /* Light blue for span */
}

.footer-copyright {
    font-size: 12px; /* Smaller font */
    color: #9ab3d1;
}

.footer-copyright a {
    color: #90caf9; /* Light blue for footer copyright links */
    text-decoration: none;
    margin-left: 8px; /* Smaller margin */
}

.footer-copyright a:hover {
    text-decoration: underline;
}
.header-btn {padding: 0 30px;} /* Smaller padding */
.search-wrap {position:relative; margin: 0 15px 0 30px;} /* Smaller margins */
.search-box input, .search-box input:focus {padding: 0 40px 0 12px; border-radius: 0; /* Strict square */
	box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2);} /* Smaller shadow */
.search-box input:not(:focus)::placeholder {color: #9ab3d1; opacity: 1; font-size: 11px;} /* Lighter placeholder, smaller font */
.search-box button {position:absolute; right:0px; top:0px; z-index:10; width: 40px; cursor: pointer; /* Smaller button */
background: none; color: #c7d8e8; line-height: 36px; text-align: center; border-radius: 0; /* Strict square */}

.carou-content {height: 180px;} /* Slightly smaller height */
.carou-sect {padding: 15px 30px; background-color: #0a0e14;} /* Smaller padding, darker background */
.carou-title {font-size: 17px; font-weight: 500; margin-bottom: 15px;} /* Slightly smaller title */
.popular-item-img {display: block; border-radius: 0; /* Strict square */
height: 180px;} /* Smaller height */
.popular-item-title {position: absolute; z-index: 10; left: 0; bottom: 0; right: 0;
	padding: 15px; color: #c7d8e8; font-weight: 500; word-wrap: break-word;} /* Smaller padding */
.popular-item-img:before {content: ''; position: absolute; z-index: 5;  left: 0; right: 0; bottom: 0; height: 60%; /* Smaller gradient */
	background: linear-gradient(to bottom, transparent 0%,#0f1621 100%); opacity: 1;} /* Darker gradient */
.popular-item:hover .popular-item-img:before, .popular-item:hover .popular-item-title {opacity: 0;}


/* SIDEBAR
----------------------------------------------- */
.side-box {margin-bottom: 30px;} /* Smaller margin */
.side-bt {font-size: 17px; font-weight: 500; margin-bottom: 15px;} /* Slightly smaller title */
.mb-remove {margin-bottom: -15px;} /* Adjusted margin */

.nav-col {width: 55%;}
.nav-col + .nav-col {width: 40%;}
.nav-title {font-weight: 500; margin-bottom: 8px;} /* Smaller margin */
.nav-menu + .nav-title {margin-top: 10px;} /* Smaller margin */
.nav-menu a {display:block; padding: 4px 0; font-size: 12px; color: #9ab3d1;} /* Smaller font, padding */
.nav-menu a:hover, a.short-title:hover, .side-popular-item:hover .side-popular-item-title
{text-decoration: underline; color: #90caf9;} /* Light blue on hover */

.side-popular-item {margin-bottom: 15px;} /* Smaller margin */
.side-popular-item-img {width: 60px; height: 80px; border-radius: 0; /* Strict square */
margin-right: 15px;} /* Smaller image, margin */
.side-popular-item-title {font-weight: 500;}
.side-popular-item-info {color: #9ab3d1; margin-top: 8px; font-size: 12px;} /* Smaller font, margin */
.side-popular-item-date {color: #9ab3d1; margin-top: 8px; font-size: 10px; font-weight: 300;} /* Smaller font, margin */

.side-recommend-item {display: block; margin-bottom: 15px; width: 46.6%;} /* Smaller margin */
.side-recommend-item-img {border-radius: 0; /* Strict square */}
.side-recommend-item:hover {opacity: 0.8;}

.lcomm {margin-bottom: 15px;} /* Smaller margin */
.ltitle {display: block; line-height: 1; font-weight: 300; font-size: 12px; margin-top: 8px; padding-left: 2px;} /* Smaller font, margin */
.ltext {line-height: 1.3; background-color: #0f1621; padding: 8px; border-radius: 0; /* Strict square */} /* Darker background, smaller padding */
.lmeta {font-size: 12px; margin: 8px 0; color: #9ab3d1; font-weight: 300;} /* Smaller font, margin */
.ldate, .lav, .lname {display: inline-block; vertical-align: middle; margin-right: 5px;} /* Smaller margin */
.lav {width: 28px; height: 28px; border-radius: 0; /* Strict square */} /* Smaller avatar */
.lcomm .comm-letter {line-height: 28px; font-size: 11px;} /* Adjusted line-height, font-size */
.lname {color: #9ab3d1; font-weight: 400;}


/* SECTION
----------------------------------------------- */
.sect {margin-bottom: 30px;} /* Smaller margin */
.sect-header {margin-bottom: 15px;} /* Smaller margin */
.sect:last-child {margin-bottom: 0;}
.sect-title {font-weight: 600; font-size: 22px;} /* Slightly smaller title */
.sect-title [class*=fa-], .side-bt [class*=fa-], .speedbar [class*=fa-], .carou-title [class*=fa-] {color: #90caf9; margin-right: 10px;} /* Light blue icons, smaller margin */
.sorter, .sect-link {position:relative; cursor:pointer; height: 28px; line-height: 28px; margin-left: 10px; /* Smaller height, margin */
    padding: 0 8px; background-color: #0f1621; border-radius: 0; /* Strict square */
font-size: 12px; display: block;} /* Smaller padding, font-size, darker background */
.sorter:before {content:attr(data-label); display: inline-block; vertical-align: top;}
.sorter > span {display: inline-block; vertical-align: top; margin-left: 2px;}
.sorter form {display:none; background-color:#0a0e14; padding:8px; line-height:24px; box-shadow:0 0 10px 0 rgba(0,0,0,0.4); /* Darker background, smaller padding, shadow */
position:absolute; right:0; top:100%; width:150px; z-index:999; border-radius: 0;} /* Strict square */
.sorter a:hover {text-decoration:underline;}
.sort li.asc a:after, .sort li.desc a:after {content:"\f063"; font-family:"Font Awesome 5 Pro";
display:inline-block; margin-left:8px; font-weight: 300;} /* Smaller margin */
.sort li.desc a:after {content:"\f062"}
.sorter:hover, .sect-link:hover {background-color: #1565c0; color: #fff;} /* Darker blue on hover */


/* SHORT ITEM
----------------------------------------------- */
.short-item {margin-bottom: 15px; padding: 15px; border-radius: 0; /* Strict square */
background-color: #0f1621;} /* Darker background, smaller padding */
.short-img {width: 150px; height: 220px; margin-right: 15px; /* Smaller image, margin */
	display: block; border-radius: 0; /* Strict square */
box-shadow: 0 3px 8px rgba(0,0,0,0.4);} /* Smaller shadow */
.short-header {margin-bottom: 8px;} /* Smaller margin */
.short-title {display: block; font-size: 18px; font-weight: 500; line-height: 1.4;} /* Smaller font, line-height */
.short-text {font-size: 13px; line-height: 1.6;} /* Smaller font, line-height */
.short-list li {position: relative; padding-left: 100px; margin: 4px 0; /* Smaller padding, margin */
	font-size: 13px; line-height: 1.4;} /* Smaller font, line-height */
.short-list li > span:first-child {position: absolute; left: 0; top: 0; color: #7e94b0;}
.short-list a {color: #90caf9; border-bottom: 1px dotted #90caf9;} /* Light blue for links */
.short-meta {margin-top: 8px; color: #7e94b0; font-size: 12px; font-weight: 300;} /* Smaller font, margin */
.short-meta-item {margin-right: 15px;} /* Smaller margin */
.short-rating {line-height: 24px; background-color: #0f1621; padding: 0 8px; font-size: 12px; /* Smaller line-height, padding, font-size */
border-radius: 0; /* Strict square */
border: 1px solid rgba(0,0,0,0.6); margin-right: 15px;} /* Darker border, smaller margin */
.short-rating .fa-thumbs-up {color: #83bf45; margin-right: 8px;} /* Smaller margin */
.short-rating .fa-thumbs-down {color: #ee3442; margin: 0 8px;} /* Smaller margin */
.short-label {background-color: #90caf9; color: #000; padding: 2px 5px; border-radius: 0; /* Strict square */
position: absolute; left: 8px; top: 8px; z-index: 10; font-size: 11px; font-weight: 500;} /* Light blue label, smaller padding, font-size */
.short-btn {height: 28px; line-height: 28px; font-size: 11px; padding: 0 8px; /* Smaller height, line-height, font-size, padding */
	border-radius: 0; /* Strict square */
box-shadow: 0 3px 8px rgba(0,0,0,0.4);} /* Smaller shadow */
.short-rate-in {line-height: 28px; border-radius: 0; /* Strict square */
text-align: center; font-size: 12px; opacity: 0.7;
padding: 0 5px; margin-left: 8px; font-weight: 500; box-shadow: 0 1px 4px rgba(0,0,0,0.4);} /* Smaller padding, margin, shadow */
.short-rate-in:before {content: attr(data-text); display: inline; margin-right: 2px; text-transform: uppercase;}
.short-rate-kp {background-color: #1976d2; color: #fff;} /* Darker blue */
.short-rate-imdb {background-color: #64b5f6; color: #000;} /* Lighter blue */
.mrating {margin-right: 15px; overflow: hidden;} /* Smaller margin */
.mrating a {transition: none}
.short-img:hover {opacity: 0.8;}


/* SEO DESCRIPTION
----------------------------------------------- */
.site-desc {line-height: 1.6; color: #9ab3d1; font-size: 13px; padding-top: 30px;} /* Smaller line-height, font-size, padding */
.site-desc:before {content: ''; position: absolute; left: 0; top: 0; right: 0; height: 4px;} /* Thinner line */
.site-desc h1, .site-desc h2 {font-size: 16px; font-weight: 500; margin-bottom: 8px; color: #c7d8e8;} /* Smaller font, margin */
.site-desc li {list-style-type: disc; margin-left: 30px;} /* Smaller margin */
.site-desc p {margin-bottom: 8px;} /* Smaller margin */
.site-desc > *:last-child {margin-bottom: 0;}
.site-desc a {color: #90caf9; text-decoration: underline;} /* Light blue for links */
.site-desc img {float: left; max-width: 180px; margin: 0 8px 8px 0;} /* Smaller image, margin */


/* BOTTOM NAVIGATION
----------------------------------------------- */
.bottom-nav {margin-bottom: -8px; text-align: center;} /* Adjusted margin */
.navigation a, .navigation span, .pnext a, .pprev a, .pprev > span, .pnext > span {display:inline-block; padding:0 8px; /* Smaller padding */
margin:0 8px 8px 0px; line-height: 40px; min-width: 40px; background-color: #0f1621; /* Darker background, smaller min-width */
border-radius: 0; /* Strict square */
font-weight: 500; font-size: 16px;} /* Smaller font-size */
.navigation span:not(.nav_ext), .pagi-nav a:hover {background-color: #1565c0; color:#e0e9f5;} /* Darker blue */


/* FULL
----------------------------------------------- */
.speedbar {font-size: 12px; color: #9ab3d1; margin-bottom: 15px;} /* Smaller font, margin */
.speedbar .fal {margin-right: 6px;} /* Smaller margin */
.fleft {width: 180px; margin-right: 15px;} /* Smaller width, margin */
.fimg {border-radius: 0; /* Strict square */
box-shadow: 0 3px 8px rgba(0,0,0,0.1);} /* Smaller shadow */
.ftext {margin: 15px 0;} /* Smaller margin */
.fcols .short-list li {font-size: 12px;} /* Smaller font */
.fcols .short-meta-item:last-child {margin-right: 0;}
h1 a {margin-left: 8px; font-size: 14px;} /* Smaller margin, font */
.fcols {padding: 15px; border-radius: 0; /* Strict square */
background-color: #0f1621;} /* Darker background, smaller padding */
.frels .popular-item-img:before {background: linear-gradient(to bottom, transparent 0%,#0a0e14 100%); opacity: 1;}

.fsubtitle {text-align: center; font-size: 16px; font-weight: 500; margin-bottom: 15px;} /* Smaller font, margin */
.fplayer {position:relative; background-color: #0a0e14;}
.fctrl {padding-right: 15px;} /* Smaller padding */
.fplayer .tabs-sel span {display:inline-block; padding:0 15px; height:36px; line-height:36px; cursor:pointer; /* Smaller padding, height, line-height */
background-color: rgba(0,0,0,0.4); font-weight: 500;} /* Darker background */
.fplayer .tabs-sel span.current {background-color: #1565c0; color:#e0e9f5;} /* Darker blue */
.fplayer .tabs-sel span:hover {text-decoration: underline;}
.js .tabs-b {background-color: #000; display: none;}
.js .tabs-b.visible {display: block;}
.fcompl a:hover, .ffav a:hover, .ffav span:hover {color: #90caf9; cursor: pointer;} /* Light blue on hover */
.fcompl, .ffav {margin-left: 15px;} /* Smaller margin */

.fshare {padding: 8px; text-align:center; white-space:nowrap;} /* Smaller padding */
.fshare .fab, .fshare .fas {width:40px; height:28px; border-radius:0; /* Strict square */
text-align:center; line-height:28px; /* Smaller height, line-height */
background-color:#C70003; color:#fff; font-size:13px; margin:0 2px; cursor:pointer;} /* Smaller font */
.fshare .fa:hover {opacity:0.8;}
.fab.fa-vk {background-color:#5075a5;}
.fab.fa-facebook-f {background-color:#4b6baf;}
.fab.fa-twitter {background-color:#2daae1;}
.fab.fa-odnoklassniki, .fa.fa-rss {background-color:#FC6D00;}
.fas.fa-paper-plane {background-color:#5682a3;}
.fshare .fa-facebook-f::before {content: "\f39e" !important;}


/* FULL STORY STATIC
----------------------------------------------- */
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame
{max-width:100% !important; display:block; width:100%; height:360px;} /* Slightly smaller height */
.mejs-container {max-width:100% !important;}
.full-text {line-height: 1.6; font-size: 14px;} /* Smaller line-height, font-size */
.full-text img:not(.emoji) {max-width:100%; margin-top: 8px; margin-bottom: 8px;} /* Smaller margin */
.full-text > img[style*="left"], .full-text > .highslide img[style*="left"] {margin:0 8px 8px 0;} /* Smaller margin */
.full-text > img[style*="right"], .full-text > .highslide img[style*="right"] {margin:0 0 8px 8px;} /* Smaller margin */
.full-text a {text-decoration:underline; color:#1976d2;} /* Darker blue */
.full-text a:hover {text-decoration:none;}
.full-text h2, .full-text h3, .full-text h4, .full-text h5 {margin:8px 0; font-size:20px; font-weight:700;} /* Smaller font, margin */
.full-text p {margin-bottom:8px;} /* Smaller margin */
.full-text > ul, .full-text > ol {margin:0;}
.full-text > ul li {list-style:disc; margin-left:30px;} /* Smaller margin */
.full-text > ol li {list-style:decimal; margin-left:30px;} /* Smaller margin */


/* COMMENTS
----------------------------------------------- */
.add-comms {margin-bottom: 20px; padding: 15px; background-color: #0f1621; border-radius: 0;} /* Darker background, smaller padding, strict square */
.ac-inputs input {width: 48.5%; margin-bottom: 12px;} /* Smaller margin */
.ac-textarea textarea {height: 90px; margin-bottom: 12px;} /* Smaller height, margin */
.add-comms input, .add-comms textarea, .ac-submit button {}
.ac-protect, .ac-textarea .bb-editor + br {display: none;}
.comments_subscribe input {margin-right: 8px;} /* Smaller margin */
.comments_subscribe {display: block;}
.mass_comments_action {display: none;}
.last-comm-link {display: inline-block; padding-bottom: 15px; color: #1976d2; font-size: 16px;} /* Darker blue, smaller font, padding */

.comm-avatar {position: absolute; left: 0; top: 0; width: 36px; height: 36px; border-radius: 0;} /* Smaller avatar, strict square */
.comm-letter {position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 36px; text-align: center; /* Adjusted line-height */
background-color: #000; color: #fff; font-size: 16px; font-weight: 600; text-transform: uppercase;} /* Smaller font */
.comm-item {font-size: 12px; padding-left: 45px; position: relative; min-height: 36px; margin-bottom: 15px;} /* Smaller font, padding, min-height, margin */
.comm-two {margin: 4px 0 8px 0;} /* Smaller margin */
.comm-one > span {margin-right: 10px; opacity: 0.6;} /* Smaller margin */
.comm-one > span.comm-author, .comm-one > span.comm-author a {font-weight: 500; opacity: 1;}
.comm-three-left > a, .comm-three-right li a {opacity: 0.6;}
.comm-three-right li {display: inline-block; margin-left: 10px;} /* Smaller margin */
.comm-rate3 {white-space:nowrap; margin-right: 10px; height: 18px; line-height: 18px; /* Smaller margin, height, line-height */
	display: inline-block; vertical-align: top; position: relative; top: -2px;}
.comm-rate3 a {display: inline-block; vertical-align: middle; position: relative; opacity: 0.8;}
.comm-rate3 a:first-child {top: -4px;}
.comm-rate3 > span {margin: 0 4px;} /* Smaller margin */
.comm-rate3 > span > span.ratingtypeplus {color: #06b601;}
.comm-rate3 > span > span.ratingplus {color: #95c613;}
.comm-rate3 > span > span.ratingminus {color: #ff0e0e;}
.comm-three a:hover {border-bottom-color: transparent;}
.comm-three-left > a {opacity: 1; color: #9ab3d1; border-bottom: 1px dotted #9ab3d1;}


/* LOGIN
----------------------------------------------- */
.overlay-box {position: fixed; z-index: 998; left: 0; top: 0; width: 100%; height: 100%;
opacity: 0.7; background-color: #000; cursor: pointer;} /* Slightly less opaque */
.login-box {position: fixed; z-index: 999; left: 50%; top: 50%; transform: translate(-50%,-50%);
background-color: #0f1621; padding: 25px 50px 30px 50px; border-top: 4px solid #90caf9; width: 360px; /* Darker background, smaller padding, border, width */
box-shadow: 0 15px 40px rgba(0,0,0,0.4);} /* Smaller shadow */
.login-close {width: 24px; height: 24px; line-height: 24px; text-align: center; font-size: 22px; /* Smaller icon, font */
	cursor: pointer; position: absolute; top: -25px; right: -25px; color: #fff;} /* Adjusted position */
.login-title {font-size: 20px; font-weight: 600; margin-bottom: 12px; text-align: center;} /* Smaller font, margin */
.login-avatar {width: 50px; height: 50px; border-radius: 0; /* Strict square */
margin: 0 auto 12px auto; /* Smaller margin */
text-align: center; line-height: 50px; font-size: 22px; background-color: #0a0e14; color: #9ab3d1;} /* Smaller avatar, font */
.login-input {margin-bottom: 12px;} /* Smaller margin */
.login-btn button {width: 100%; margin: 12px 0;} /* Smaller margin */
.login-btm a {border-bottom: 1px dotted #1565c0; color: #1565c0; font-size: 12px;} /* Darker blue, smaller font */
.login-check {position: relative; font-size: 13px;} /* Smaller font */
.login-check input {opacity: 0; position: absolute; cursor: pointer;}
.login-check span {display: block; padding-left: 32px; height: 28px; line-height: 28px; color: #939393;} /* Smaller padding, height, line-height */
.login-check span:before, .login-check span:after{content: '';position: absolute;top: 50%;transition: .3s;}
.login-check span:before{left: 0; height: 8px; margin-top: -4px; width: 24px; border-radius: 0; /* Strict square */
	background: #0a0e14; box-shadow: inset 0 1px 3px rgba(0,0,0,0.2);} /* Darker background, smaller shadow */
.login-check span:after{left: 1px; height: 10px; width: 10px; margin-top: -5px; background: #90caf9; /* Light blue */
	border-radius: 0; /* Strict square */
box-shadow: 0 1px 3px rgba(0,0,0,0);}
.login-check input:checked + span:before {background-color: #fff;}
.login-check input:checked + span:after {left: 12px; background-color: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.2);}
.login-menu {border-top: 1px solid #0a0e14; border-left: 1px solid #0a0e14;}
.login-menu li {text-align: center; border-right: 1px solid #0a0e14; border-bottom: 1px solid #0a0e14; width: 50%;}
.login-menu a {display: block; padding: 8px 4px; font-size: 12px;} /* Smaller padding, font */
.login-menu li .fa {display: none; height: 24px; font-size: 20px; color: #1565c0;} /* Darker blue, smaller font, height */
.login-admin {text-align: center; margin: -8px 0 20px 0;} /* Adjusted margin */
.login-soc-title {display: flex; align-items: center; margin: 25px 0 12px 0;} /* Smaller margin */
.login-soc-title:before, .login-soc-title:after {content: ''; height: 1px; background-color: #0a0e14; flex: 1;}
.login-soc-title:before {margin-right: 12px;} /* Smaller margin */
.login-soc-title:after {margin-left: 12px;} /* Smaller margin */
.login-soc-btns {text-align: center;}
.login-soc-btns a {display:inline-block; margin: 0 2px; vertical-align:top;}
.login-soc-btns img {display:block; width:28px; height: 28px; border-radius: 0;} /* Smaller image, strict square */


/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel {display: none; opacity: 0; transition: opacity .3s linear; width: 100%; position: relative; z-index: 10;}
.owl-carousel .owl-stage {position: relative;
	display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;}
.owl-carousel .owl-stage-outer {position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-item {position: relative; min-height: 1px;}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled, .owl-carousel.owl-refresh .owl-item {display: none;}
.owl-carousel.owl-loaded, .owl-carousel.owl-loading, .no-js .owl-carousel {display: block; opacity: 1;}
.owl-carousel.owl-loading, .owl-carousel.owl-hidden {opacity: 0;}
.owl-carousel.owl-drag .owl-item {user-select: none;}
.owl-carousel.owl-grab {cursor: move; cursor: grab;}
.owl-carousel .animated {animation-duration: 1000ms; animation-fill-mode: both;}
.owl-carousel .owl-animated-in {z-index: 0;}
.owl-carousel .owl-animated-out {z-index: 1;}
.owl-carousel .fadeOut {animation-name: fadeOut;}
@keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} }
.owl-height {transition: height 500ms ease-in-out;}
.owl-carousel .owl-item .owl-lazy {opacity: 0; transition: opacity 400ms ease;}
.owl-carousel .owl-item img.owl-lazy {transform-style: preserve-3d;}
.owl-nav {position:absolute; right:0; top:0; z-index: 1;}
.owl-prev, .owl-next {display: block; cursor: pointer; background: none; color: #90caf9; box-shadow: none; /* Light blue */
height: 18px; line-height: 18px; position: absolute; top: -40px; box-shadow: none; font-size: 26px;} /* Smaller height, line-height, font */
.owl-prev {right:40px; color: #90caf9;} /* Light blue */
.owl-next {right:0px;}
.owl-prev:hover, .owl-next:hover {color:#c7d8e8;}


/* ADAPTIVE
----------------------------------------------- */
.btn-menu {display: none;}
.side-panel {width:260px; height:100%; overflow-x:hidden; overflow-y:auto; background-color:#0f1621; /* Darker background, narrower */
padding:15px; z-index:9999; position:fixed; left:-280px; top:0; transition:left .4s;} /* Smaller padding */
.side-panel.active {left:0;}
.close-overlay {width:100%; height:100%; background-color:rgba(0,0,0,0.5);
position:fixed; left:0; top:0; z-index:9998; display:none;}
.btn-close {cursor:pointer; display:block; left: 260px; top: -35px; position: fixed; z-index: 9999; /* Adjusted position */
width:36px; height:36px; line-height:36px; text-align:center; font-size:16px; /* Smaller button, font */
background-color: #dc3545; color: #fff; transition:top .4s;} /* Redder color */
.btn-close.active {top:0px;}
body.opened-menu {overflow: hidden; width: 100%; height: 100%;}
.side-panel .side-nav a {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.side-panel .side-box {margin-bottom: 15px;} /* Smaller margin */
.movie-info-block-full {
    background: #0f1621; /* Darker background */
    border-radius: 0; /* Strict square */
    padding: 1px; /* Thinner padding */
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2); /* Smaller shadow */
    margin: 20px 0; /* Smaller margin */
    position: relative;
    overflow: hidden;
}

.movie-info-block-full::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px; /* Thinner line */
    background: linear-gradient(90deg, #90caf9, #64b5f6, #90caf9); /* Blue gradient */
}

.movie-info-inner {
    background: #0a0e14; /* Deep dark blue */
    padding: 20px 25px; /* Smaller padding */
    border-radius: 0; /* Strict square */
}

.movie-info-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0; /* Smaller padding */
    margin: 0;
    position: relative;
}

.movie-info-row:not(:last-child)::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0.5px; /* Thinner line */
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.05), transparent); /* Lighter gradient */
}

.movie-info-label {
    color: #AAB5CB;
    font-weight: 500;
    font-size: 15px; /* Smaller font */
    letter-spacing: 0.02em; /* Reduced letter spacing */
    font-family: 'Montserrat', Arial, sans-serif;
}

.movie-info-value {
    color: #fff;
    font-weight: 600;
    font-size: 16px; /* Smaller font */
    text-align: right;
    font-family: 'Montserrat', Arial, sans-serif;
    text-shadow: 0 1px 1px rgba(0,0,0,0.1); /* Smaller shadow */
}

@media (max-width: 768px) {
    .movie-info-inner {
        padding: 15px;
    }
    .movie-info-row {
        padding: 8px 0;
    }
    .movie-info-label {
        font-size: 14px;
    }
    .movie-info-value {
        font-size: 15px;
    }
}

@media (max-width: 480px) {
    .movie-info-inner {
        padding: 12px 10px;
    }
    .movie-info-label {
        font-size: 13px;
    }
    .movie-info-value {
        font-size: 14px;
    }
}
/* Основные стили плеера */
.fplayer {
    background: #0f1621; /* Darker background */
    border-radius: 0; /* Strict square */
    padding: 15px; /* Smaller padding */
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2); /* Smaller shadow */
    margin: 20px 0; /* Smaller margin */
    position: relative;
    overflow: hidden;
}

.fplayer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px; /* Thinner line */
    background: linear-gradient(90deg, #90caf9, #64b5f6, #90caf9); /* Blue gradient */
}

/* Стили вкладок */
.tabs-sel {
    display: flex;
    gap: 8px; /* Smaller gap */
    margin-bottom: 12px; /* Smaller margin */
    overflow-x: auto;
    padding-bottom: 4px; /* Smaller padding */
}

.tabs-sel::-webkit-scrollbar {
    height: 3px; /* Thinner scrollbar */
}

.tabs-sel::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.15); /* Lighter scrollbar */
    border-radius: 1px; /* Smaller border-radius */
}

.tab-btn {
    cursor: pointer;
    padding: 6px 12px; /* Smaller padding */
    border-radius: 0; /* Strict square */
    background: rgba(255,255,255,0.08); /* Darker background */
    color: #AAB5CB;
    font-weight: 500;
    font-size: 13px; /* Smaller font */
    white-space: nowrap;
    transition: all 0.3s ease;
}

.tab-btn.active {
    background: linear-gradient(90deg, #1565c0, #1976d2); /* Darker blue gradient */
    color: white;
    font-weight: 600;
}

/* Контейнер плееров */
.tabs-container {
    position: relative;
    width: 100%;
}

.video-box {
    display: none;
    width: 100%;
    background: #000;
    border-radius: 0; /* Strict square */
    overflow: hidden;
    aspect-ratio: 16/9;
}

.video-box.active {
    display: block;
}

/* Социальные кнопки */
.fshare {
    display: flex;
    gap: 8px; /* Smaller gap */
    margin-top: 12px; /* Smaller margin */
}

.fshare span {
    cursor: pointer;
    color: #AAB5CB;
    font-size: 15px; /* Smaller font */
    transition: color 0.3s;
}

.fshare span:hover {
    color: #64b5f6; /* Lighter blue on hover */
}

/* Адаптация для мобильных */
@media (max-width: 768px) {
    .fplayer {
        padding: 12px;
        margin: 15px 0;
    }

    .tab-btn {
        padding: 5px 10px;
        font-size: 12px;
    }

    .tabs-sel {
        gap: 6px;
    }
}

@media (max-width: 480px) {
    .fplayer {
        padding: 10px;
        margin: 12px 0;
        border-radius: 0;
    }

    .tab-btn {
        padding: 4px 8px;
        font-size: 11px;
    }

    .tabs-sel {
        gap: 4px;
    }
}
@media screen and (max-width: 1220px) {
.wrap {padding: 0; overflow: hidden;}
.header, .footer, .cols, .carou-sect {padding-left: 15px; padding-right: 15px; border-radius: 0; background-image: none;}
.wrap-center {max-width:960px;}
.sidebar {display: none;}
.btn-menu {display: block; font-size: 26px; margin-left: 15px; cursor: pointer; color: #90caf9;}
.cols {padding-top: 15px;}

.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:100%;}
}

@media screen and (max-width: 950px) {
.wrap-center {max-width:720px;}
.short-meta-item:not(.mrating-count) {display: none;}
.footer {display: block; text-align: center;}
.footer-copyright {margin: 0 0 15px 0;}
}

@media screen and (max-width: 760px) {
.wrap-center {max-width:600px;}
.not-logged .login-avatar {display: none;}
.login-close {top: -5px;}
.login-title {font-size: 16px;}
.login-box {max-width: calc(100% - 40px); padding: 10px;}
.search-wrap {-ms-flex-order: 10;-webkit-order: 10;order: 10; min-width: 100%; margin: 0; margin-top: 15px;}
.header-btn {padding: 0 8px;}
.logo {-ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;
	max-width: 100%; min-width: 50px; position: relative; margin-right: 15px;}

.fcols {display: block; padding: 0; background-color: transparent;}
.fleft {margin: 0 auto 8px auto;}
.fcols:after {content: ""; display: table; clear: both;}
.short-rates {width: 100%; margin: 8px 0 0 -8px; justify-content: flex-start;}
.fcols .short-list li {padding-left: 90px;}
.mrating-count {text-align: right; margin-right: 0; margin-left: -15px;}
.ffav, .fcompl {display: none;}
.fctrl {padding: 0;}


.dcont button {font-size:11px; padding:0 12px !important;}
.comments-tree-list .comments-tree-list {padding-left:0px !important;}
.comments-tree-list .comments-tree-list:before {display:none;}
.mass_comments_action {display:none;}
}

@media screen and (max-width: 590px) {
.wrap-center {max-width:440px;}
.short-item {width: 48% !important; margin-bottom: 8px; padding: 0; background-color: transparent; border: 0;}
.short-item .short-img {width: 100%; margin: 0; margin-bottom: 8px; padding-top: 130%; height: auto;}
.short-item .short-meta, .short-item .short-list, .short-item .short-rates, .sect-title .fal {display: none;}
.short-item .short-title {white-space: normal; font-size: 14px;}
.short-item .short-img img {position: absolute; left: 0; top: 0;}
.navigation {justify-content: center;}
.sect-title, .logo {font-size: 16px;}

.ac-inputs input {width: 100%;}
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:100%;}

.ui-dialog {width:100% !important;}
.upop-left, .upop-right {float:none !important; width:100% !important; margin:0; padding:0 15px;}
.upop-left {margin-bottom:8px; text-align:center;}
.ui-dialog-buttonset button {display:block; margin:0 0 4px 0; width:100%;}
#dofullsearch, #searchsuggestions span.seperator {display:none !important;}
.attach .download-link {margin:0 -10px 0 0; float:none; display:block; padding:0 8px;}
.attach-info {float:none;}
}

@media screen and (max-width: 470px) {
.wrap-center22 {max-width:320px;}

.fleft {width: 100%;}
.fimg {height: 120px;}
.fimg img {height: 100%; object-fit: cover;}
.fimg:before {content: ''; position: absolute; z-index: 5;  left: 0; right: 0; bottom: 0; height: 60%;
	background: linear-gradient(to bottom, transparent 0%,#0a0e14 100%); opacity: 1;}
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:100%;}
}
.search-result-item {
    padding: 12px 0; /* Smaller padding */
    border-bottom: 1px solid #0f1621; /* Darker border */
    margin-bottom: 12px; /* Smaller margin */
}

.search-result-title {
    margin: 0 0 4px 0; /* Smaller margin */
    font-size: 16px; /* Smaller font */
}

.search-result-title a {
    color: #c7d8e8; /* Lighter color */
    text-decoration: none;
    transition: color 0.2s;
}

.search-result-title a:hover {
    color: #90caf9; /* Light blue on hover */
}

.search-result-meta {
    margin-bottom: 6px; /* Smaller margin */
    font-size: 12px; /* Smaller font */
    color: #9ab3d1; /* Lighter color */
}

.search-result-excerpt {
    margin: 0 0 8px 0; /* Smaller margin */
    color: #c7d8e8; /* Lighter color */
    font-size: 13px; /* Smaller font */
    line-height: 1.4; /* Smaller line-height */
}

.search-result-footer {
    display: flex;
    justify-content: space-between;
    font-size: 12px; /* Smaller font */
}

.search-rating span {
    margin-right: 8px; /* Smaller margin */
    padding: 1px 4px; /* Smaller padding */
    border-radius: 0; /* Strict square */
}

.kp-rating {
    background-color: #1976d2; /* Darker blue */
    color: #fff;
}

.imdb-rating {
    background-color: #64b5f6; /* Lighter blue */
    color: #000;
}

.search-date {
    color: #9ab3d1; /* Lighter color */
}
/* Стили для скрытия текста на мобильных устройствах */
@media (max-width: 768px) {
    .ftext {
        /* Начальная (свёрнутая) высота блока с текстом */
        max-height: 100px; /* Slightly smaller initial height */
        position: relative;
        overflow: hidden;
        transition: max-height 0.5s ease-out;
    }

    /* Плавный переход для текста при сворачивании */
    .ftext::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 40px; /* Smaller gradient height */
        background: linear-gradient(to bottom, transparent, #0f1621); /* Darker background */
        pointer-events: none;
        transition: opacity 0.3s;
    }

    /* Класс для развёрнутого состояния */
    .ftext.expanded {
        /* Высота раскрытого блока. Увеличьте, если текст не влезает */
        max-height: 800px; /* Adjusted max-height */
    }

    /* Убираем градиент, когда текст полностью показан */
    .ftext.expanded::after {
        opacity: 0;
    }

    /* Стили для кнопки "Показать полностью" */
    .read-more-btn {
        display: block;
        width: 100%;
        padding: 8px; /* Smaller padding */
        margin-top: 12px; /* Smaller margin */
        background-color: #1565c0; /* Darker blue */
        color: #e0e9f5;
        border-radius: 0; /* Strict square */
        text-align: center;
        cursor: pointer;
        font-weight: 500;
        font-size: 13px; /* Smaller font */
    }
}