/* BASIC LAYOUT
----------------------------------------------- */
.wrapper-container {max-width: var(--max-width); margin: 0 auto; position: relative; z-index: 20;}
.header {background: var(--bg-black); margin-bottom: 60px; position: relative;}
.cols {background-color: var(--bg); border-radius: 3px; min-height: 100vh;}
.col-main {padding: 10px var(--indent); padding-bottom: 20px;}
.col-side {background-color: var(--ui-bg); padding: 20px; border-radius: 3px 0 0 3px;
	width: 320px; padding-top: 0;}
	
#scrolltop {position: fixed; width: 60px; height: 60px; line-height: 60px; right: 10px; bottom: 10px;
	z-index: 990; display: none; background-color: var(--bg-lighter); color: var(--tt); 
	cursor: pointer; font-size: 24px; border-radius: 3px; text-align: center;}


/* HEADER, NAV
----------------------------------------------- */
.logo {display: inline-flex; flex-direction: column; justify-content: center; height: 60px; text-align: left;}
.logo__title {text-transform: uppercase; color: #fff; font-size: 18px; letter-spacing: 5px; 
	font-weight: 700; line-height: 1;}
.logo__caption {font-size: 10px; color: #fff; 
	opacity: 0.8; text-transform: uppercase; margin-top: 3px;}
.header__btn {height: 36px;}
.header__link {margin-right: 20px; font-size: 12px; text-transform: uppercase; letter-spacing: 1px;}

.header__search {position:relative; width: 300px; margin: 0 40px;}
.header__search input, .header__search input:focus {padding: 0 50px 0 15px; border-radius: 3px; 
	background-color: var(--bg-darker); color: var(--tt-lighter); height: 36px; line-height: 36px;}
.header__search input:not(:focus)::placeholder {color: var(--tt); opacity: 0.8; font-size: 13px;} 
.header__search button {position:absolute; right: 0; top: 0; width: 50px; padding: 0; 
	background: none; color: var(--tt); font-size: 14px; height: 36px;}


/* TOP ITEM
----------------------------------------------- */

.carou {
    padding: 20px;
    background-color: var(--bg);
    margin-bottom: 20px;
    border-radius: 0 3px 3px 3px;
    position: relative;
}

.carou__menu li {
    text-align: center;
}

.carou__menu a {
    display: block;
    padding: 10px 20px;
    background-color: var(--bg);
    border-radius: 3px 3px 0 0;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--tt-darker);
    transition: all 0.25s ease;
}

.carou__menu a.is-active, 
.carou__menu a:hover {
    background-color: var(--ui-bg);
    color: var(--tt-lighter);
}

.carou__content:not(.owl-carousel) {
    display: flex;
    overflow: hidden;
    gap: 15px;
}

.carou__content > .top {
    width: calc((100% - 105px)/8);
    flex-shrink: 0;
}

.top {
    position: relative;
    transition: transform 0.3s ease;
}

.top:hover {
    transform: translateY(-5px);
}

.top__img {
    border-radius: 3px;
    overflow: hidden;
    position: relative;
    aspect-ratio: 2/3;
    background: var(--bg-darker);
}

.top__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.top:hover .top__img img {
    transform: scale(1.05);
}

.top__desc {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    padding: 15px;
    background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
}

.top__title {
    font-size: 14px;
    font-weight: 600;
    color: var(--tt-lighter);
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.top__meta {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
}

.top__year {
    color: var(--tt-lighter);
}

.top__rating {
    color: var(--accent-2);
    display: flex;
    align-items: center;
    gap: 3px;
}

.top__rating i {
    font-size: 10px;
}

.poster__rating {
    position: absolute;
    left: 0;
    top: 10px;
    z-index: 3;
    border-radius: 0 3px 3px 0;
    background-color: var(--accent-2);
    color: var(--bg);
    font-size: 13px;
    padding: 4px 8px;
    font-weight: 700;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.poster__rating.rating-1, 
.poster__rating.rating-2, 
.poster__rating.rating-3 {
    background-color: #e74c3c;
}

.poster__rating.rating-4, 
.poster__rating.rating-5, 
.poster__rating.rating-6 {
    background-color: #f39c12;
}

.poster__rating.rating-7, 
.poster__rating.rating-8, 
.poster__rating.rating-9, 
.poster__rating.rating-10 {
    background-color: #2ecc71;
}

.top__hover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 2;
    border-radius: 3px;
}

.top:hover .top__hover {
    opacity: 1;
}

.top__hover-text {
    color: var(--bg);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 8px 15px;
    background: var(--accent-2);
    border-radius: 3px;
}

@media (max-width: 1200px) {
    .carou__content > .top {
        width: calc((100% - 90px)/6);
    }
}

@media (max-width: 768px) {
    .carou__content > .top {
        width: calc((100% - 60px)/4);
    }
    
    .top__title {
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .carou__content > .top {
        width: calc((100% - 30px)/3);
    }
}

/* SECTION
----------------------------------------------- */
.sect:not(:last-child) {margin-bottom: 30px;}
.sect__title {font-size: 20px; font-weight: 700; color: var(--tt-lighter);}
.sect__subtitle {font-size: 21px;}
.site-desc {display: grid; grid-gap: 20px; line-height: 1.7; color: var(--tt-darker);  margin: 30px 0;}
.site-desc h1, .site-desc h2, .site-desc h3 {font-weight: 700; font-size: 18px; color: var(--tt); line-height: 1.3;}
.site-desc a {text-decoration: underline; color: var(--tt);}
.site-desc ul li {position: relative; padding-left: 25px; margin-left: 25px;}
.site-desc ul li::before {content:"\f00c"; font-weight: 900; font-family:'Font Awesome 5 Pro'; 
	color: var(--accent); position: absolute; left: 0; top: 0;}
.site-desc img {float:left; margin:0 20px 10px 0; width:240px; border-radius:3px; opacity:0.6;}
.speedbar {
    font-size: 13px;
    color: var(--tt-darker-2);
    padding: 8px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.speedbar a, 
.speedbar span {
    display: inline-flex;
    align-items: center;
}

.speedbar a {
    color: var(--tt-darker);
    text-decoration: none;
    transition: color 0.2s ease;
}

.speedbar a:hover {
    color: var(--accent-2);
    text-decoration: none;
}

.speedbar a::after,
.speedbar span::after {
    content: ">";
    margin: 0 8px;
    color: var(--tt-darker-2);
    font-size: 14px;
}

.speedbar span:last-child {
    color: var(--tt-lighter);
    font-weight: 500;
}

@media (max-width: 768px) {
    .speedbar {
        font-size: 12px;
        padding: 6px 0;
    }
    
    .speedbar a:not(:last-child):after,
    .speedbar span:not(:last-child):after {
        margin: 0 6px;
        font-size: 12px;
    }
}

/* SIDEBAR
----------------------------------------------- */
.side-block:not(:last-child) {
    margin-bottom: 25px;
}

.side-block__title {
    background: linear-gradient(90deg, var(--accent), var(--accent-2));
    background-size: 200% auto;
    color: var(--bg);
    font-size: 15px;
    font-weight: 500;
    padding: 12px 20px;
    margin: 0 -20px 15px -20px;
    border-radius: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    position: relative;
    animation: Gradient 10s ease infinite;
}

.side-block__title.first {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

@keyframes Gradient {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.nav-col {
    width: 50%;
    padding-right: 10px;
    box-sizing: border-box;
}

.nav-col + .nav-col {
    width: 50%;
    padding-left: 10px;
    padding-right: 0;
}

.nav-title {
    font-size: 14px;
    font-weight: 700;
    color: var(--tt-lighter);
    margin-bottom: 12px;
    padding-bottom: 5px;
}

.nav-menu + .nav-title {
    margin-top: 15px;
}

.nav-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

.nav-menu a {
    display: block;
    padding: 8px 0;
    color: var(--tt);
    font-size: 13px;
    text-decoration: none;
    transition: all 0.2s;
    border-radius: 3px;
    position: relative;
}

.nav-menu a:hover {
    background: var(--accent);
    color: var(--tt-lighter);
    padding-left: 10px;
}

@media (max-width: 992px) {
    .nav-col, 
    .nav-col + .nav-col {
        width: 100%;
        padding: 0;
    }
    
    .nav-col + .nav-col {
        margin-top: 15px;
    }
}

.lcomm:not(:last-child) {
    margin-bottom: 8px;
}

.lcomm {
    background: var(--bg);
    border-radius: 3px;
    padding: 12px;
    font-size: 13px;
    transition: all 0.2s ease;
}

.lcomm:hover {
    background-color: var(--bg-darker);
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.lcomm__av {
    width: 40px;
    height: 40px;
    border-radius: 3px;
    overflow: hidden;
    flex-shrink: 0;
}

.lcomm__av img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lcomm__author-info {
    min-width: 0;
}

.lcomm__author {
    font-weight: 700;
    color: var(--tt-lighter);
    text-decoration: none;
    display: block;
    margin-bottom: 2px;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lcomm__author:hover {
    color: var(--accent-2);
}

.lcomm__meta-bottom {
    display: flex;
    align-items: center;
    gap: 10px;
}

.lcomm__date {
    font-size: 11px;
    color: var(--tt-darker);
}

.lcomm__link {
    display: inline-block;
    color: var(--accent-3);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.2s;
}

.lcomm__link:hover {
    color: var(--accent-2);
}

.lcomm__text {
    line-height: 1.5;
    color: var(--tt);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.lcomm__username {
    font-weight: 600;
    color: var(--tt-lighter);
}

@media (max-width: 768px) {
    .lcomm {
        padding: 10px;
    }
    
    .lcomm__text {
        margin-left: 48px;
        font-size: 12px;
    }
    
    .lcomm__av {
        width: 36px;
        height: 36px;
        margin-right: 10px;
    }
}

.soon + .soon {
    margin-top: 10px;
}

.premier__full {
    background: var(--ui-bg);
    padding: 12px;
    border-radius: 3px;
    transition: all 0.25s ease;
    display: flex;
    align-items: flex-start;
}

.premier__full:hover {
    background: var(--accent);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.soon__img {
    width: 70px;
    height: 105px;
    border-radius: 3px;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
}

.soon__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.premier__full:hover .soon__img img {
    transform: scale(1.05);
}

.soon__badge {
    position: absolute;
    top: 5px;
    left: 5px;
    background: var(--accent-2);
    color: var(--bg);
    font-size: 10px;
    font-weight: 200;
    padding: 2px 6px;
    border-radius: 3px;
    text-transform: uppercase;
}

.soon__desc {
    overflow: hidden;
}

.soon__title {
    color: var(--tt-lighter);
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.soon__text {
    line-height: 1.4;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 13px;
    margin: 8px 0;
    color: var(--tt);
}

.soon__premier {
    color: var(--accent-2);
    font-weight: 100;
    font-size: 13px;
}

.soon__premier i {
    font-size: 12px;
    opacity: 0.8;
}

.soon__premier span {
    font-weight: 400;
    color: var(--tt);
}

@media (max-width: 768px) {
    .soon__img {
        width: 60px;
        height: 90px;
    }
    
    .soon__title {
        font-size: 14px;
    }
    
    .soon__text {
        -webkit-line-clamp: 2;
    }
}

.upd-box {
    background-color: var(--bg);
    border-radius: 3px;
    overflow: hidden;
}

.updli {
    padding: 12px;
    color: var(--tt);
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.25s ease;
    border-bottom: 1px solid var(--bdc);
    text-decoration: none;
}

.updli:last-child {
    border-bottom: none;
}

.updli:hover {
    background-color: var(--accent);
}

.updli-1 {
    width: 60px;
    height: 80px;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
}

.updli-1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.updli:hover .updli-1 img {
    transform: scale(1.05);
}

.updli-badge {
    position: absolute;
    bottom: 4px;
    right: 4px;
    background: rgba(0,0,0,0.8);
    color: #fff;
    font-size: 10px;
    padding: 2px 4px;
    border-radius: 2px;
    font-weight: 600;
}

.updli-2 {
    flex: 1;
    min-width: 0;
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--tt-lighter);
    font-weight: 600;
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 4px;
}

.updli-meta {
    font-size: 11px;
    color: var(--tt-darker);
    display: flex;
    align-items: center;
    gap: 6px;
}

.updli-3 {
    text-align: right;
    flex-shrink: 0;
}

.updli-time {
    font-size: 11px;
    color: var(--tt-darker);
    margin-bottom: 4px;
}

.updli-new {
    display: inline-block;
    background: var(--accent-2);
    color: var(--bg);
    font-size: 10px;
    font-weight: 200;
    padding: 2px 6px;
    border-radius: 3px;
    text-transform: uppercase;
}

/* FOOTER, PAGINATION
----------------------------------------------- */
.footer .btn {margin-right: 40px;}
.footer__logo {min-width: 0; margin-right: 30px;}
.footer__text {font-size: 13px; line-height: 1.7;}

.pagination {text-align: center; margin: 0 var(--indent-negative); padding: 20px var(--indent); padding-bottom: 0;}
.pagination__btn-loader a, .pagination__btn-loader > span {display: inline-flex; justify-content: center; align-items: center; 
	height: 44px; padding: 0 40px; max-width: 400px; background: var(--bg-darker); color: var(--tt); width: 100%;
	font-weight: 600; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; 
	margin-bottom: 10px; border-radius: 3px;;}
.pagination__pages a, .pagination__pages span {display: inline-block; margin: 10px 5px 0 5px; line-height: 38px; 
	padding: 0 10px; min-width: 40px; font-size: 16px; border-radius: 3px;}
.pagination__pages span:not(.nav_ext), .pagination__pages a:hover, .pagination__btn-loader a:hover  
{background: var(--ui-bg); color: #fff;}
.listnone {list-style-type: none;}

.ws-nowrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* INNER PAGE
----------------------------------------------- */
.movie-page {
    max-width: 1200px;
    margin: 0 auto;
    color: var(--tt);
    background-color: var(--bg);
    font-size: 14px;
    line-height: 1.4;
}

/* Заголовок */
.movie-header {
    margin-bottom: 20px;
}

.movie-title {
    font-size: 28px;
    margin: 0 0 5px 0;
    color: var(--tt-lighter);
    font-weight: 700;
}

.original-title {
    font-size: 18px;
    color: var(--tt-darker);
    font-weight: 400;
    display: block;
}

.admin-links {
    margin-bottom: 15px;
}

.admin-links a {
    color: var(--accent-2);
    text-decoration: none;
    margin-right: 15px;
    font-size: 13px;
}

.admin-links a:hover {
    text-decoration: underline;
}

/* Основной контент */
.movie-main-content {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.movie-poster {
    position: relative;
    width: 300px;
    height: 450px;
    border-radius: 3px;
    overflow: hidden;
    background: var(--bg-darker);
}

.movie-poster img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.age-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    background: var(--accent-2);
    color: var(--bg);
    width: 40px;
    height: 40px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

/* Блок информации справа */
.movie-info-block {
    flex: 1;
    min-width: 300px;
}

.movie-meta {
    margin-bottom: 20px;
}

.meta-item {
    margin-bottom: 10px;
}

.meta-item strong {
    color: var(--tt-darker-2);
    margin-right: 5px;
}

/* Рейтинг */
.movie-rating {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 20px 0;
}

.rating-title {
    font-weight: 500;
    color: var(--tt-darker-2);
}

.rating-value {
    font-weight: 600;
    color: var(--accent-2);
}

/* Кнопки действий */
.movie-actions {
    display: flex;
    gap: 10px;
    margin-top: 25px;
    flex-wrap: wrap;
}

.action-button {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px;
    background: var(--accent);
    color: var(--tt-lighter);
    border-radius: 3px;
    text-decoration: none;
    transition: all 0.2s;
}

.action-button:hover {
    background: var(--accent-2);
    color: var(--bg);
}

.action-button i {
    font-size: 14px;
}

.favorite-button {
    margin-left: auto;
}

.fav-btn {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--ui-bg);
    border: none;
    border-radius: 3px;
    color: var(--tt);
    cursor: pointer;
    transition: all 0.2s;
}

.fav-btn:hover {
    background: var(--accent);
    color: var(--tt-lighter);
}

.fav-btn.active {
    background: var(--accent-2);
    color: var(--bg);
}

.fav-btn i {
    font-size: 16px;
}

/* Дополнительная информация */
.movie-additional-info {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}

/* Описание */
.movie-description {
    margin-bottom: 30px;
    font-size: 15px;
    line-height: 1.7;
}

/* Плеер */
.player-section {
    
}

.player-tabs {
    background: var(--ui-bg);
    border-radius: 3px;
    overflow: hidden;
}

.tabs-nav {
    display: flex;
    border-bottom: 1px solid var(--bdc);
}

.tab-button {
    padding: 12px 20px;
    background: none;
    border: none;
    color: var(--tt-darker-2);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.tab-button.active {
    background: var(--accent);
    color: var(--tt-lighter);
}

.tabs-content {
    padding: 20px;
}

.tab-pane {
    display: none;
}

.tab-pane.active {
    display: block;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.watch-status {
    padding: 20px;
}

.player-footer {
    padding: 20px;
}

.player-notes {
    font-size: 14px;
    line-height: 1.5;
    color: var(--tt-darker);
    margin-bottom: 20px;
}

.registration-callout {
    text-align: center;
    padding: 15px;
    background: rgba(230, 195, 92, 0.1);
    border-radius: 3px;
    margin-bottom: 20px;
}

.registration-callout a {
    color: var(--accent-2);
    font-weight: 500;
    text-decoration: none;
}

.social-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.social-sharing {
    flex: 1;
    min-width: 300px;
}

.rating-block {
    display: flex;
    align-items: center;
    gap: 10px;
}

.rating-score {
    font-weight: 600;
    color: var(--accent-2);
}

.votes-count {
    color: var(--tt-darker);
    font-size: 13px;
}

.similar-movies {
    
}

.similar-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 15px;
    background: var(--ui-bg);
    padding: 20px;
    border-radius: 3px;
}

.comments-section {
    margin-bottom: 40px;
}

.comments-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.comments-title {
    font-size: 22px;
    margin: 0;
    color: var(--tt-lighter);
}

.comments-toggle {
    padding: 10px 15px;
    background: var(--accent-2);
    color: var(--bg);
    border: none;
    border-radius: 3px;
    font-weight: 500;
    cursor: pointer;
}

.comments-form {
    margin-bottom: 30px;
}

.comments-list {
    background: var(--ui-bg);
    border-radius: 3px;
    padding: 20px;
}

.no-comments {
    padding: 40px 20px;
    text-align: center;
}

.no-comments-message {
    color: var(--tt-darker);
    font-size: 14px;
}

.page__comments-form {
    background: var(--ui-bg);
    padding: 20px;
    border-radius: 3px;
    margin-bottom: 20px;
}

.add-comments-form.form {
    margin: 0;
    padding: 0;
}

.add-comments-form .form__input,
.add-comments-form .form__textarea-inside textarea {
    width: 100%;
    padding: 12px 15px;
    background: var(--bg-darker);
    border: 1px solid var(--bdc);
    border-radius: 3px;
    color: var(--tt-lighter);
    font-size: 14px;
    margin-bottom: 15px;
    transition: all 0.2s;
}

.add-comments-form .form__input:focus,
.add-comments-form .form__textarea-inside textarea:focus {
    border-color: var(--accent-2);
    outline: none;
}

.add-comments-form .form__textarea-inside textarea {
    min-height: 150px;
    resize: vertical;
}

.add-comments-form .form__label {
    display: block;
    margin-bottom: 8px;
    color: var(--tt-darker-2);
    font-size: 14px;
}

.add-comments-form .form__submit {
    background: var(--accent-2);
    color: var(--bg);
    border: none;
    padding: 10px 20px;
    border-radius: 3px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.add-comments-form .form__submit:hover {
    opacity: 0.9;
}

/* Адаптивность */
@media (max-width: 1200px) {
    .similar-grid {
        grid-template-columns: repeat(4, 1fr);
    }
    .movie-page {
        width: 100%;
    }
}

@media (max-width: 900px) {
    
    .movie-poster {
        width: 100%;
        height: 100%;
        max-width: 400px;
        aspect-ratio: 2/3;
    }
    
    .similar-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .action-button {width: 100%}
    .favorite-button {width: 100%}
    .watch-status__list {width: 100%; grid-template-columns: repeat(1, 1fr)!important}
}

@media (max-width: 600px) {
    .votes-count {display:none}
    .movie-additional-info {
        grid-template-columns: 1fr;
    }
    
    .similar-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .social-block {
        flex-direction: column;
    }
    
    .social-sharing {
        width: 100%;
    }
    
    .comments-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
    
    .favorite-button {display: none}
    .rating-badge--kinogo.site {display: none}
    .rating-badge--kp.kp {display: none}
    .rating-badge--imdb.imdb {display: none}
}

/* Блок рекомендуемых */
.recommended-section {
    margin: 30px 0;
}

.section-title {
    font-size: 18px;
    font-weight: 700;
    color: var(--tt-lighter);
    margin-bottom: 20px;
}

.recommended-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 15px;
}

/* Стили постера */
.poster {
    position: relative;
    text-decoration: none;
    transition: all 0.25s ease;
}

.poster:hover {
    transform: translateY(-5px);
}

.poster__img {
    width: 100%;
    aspect-ratio: 2/3;
    border-radius: 3px;
    overflow: hidden;
    background: var(--bg-darker);
    position: relative;
}

.poster__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.poster:hover .poster__img img {
    transform: scale(1.03);
}

/* Бейдж возрастного ограничения */
.age-badge {
    position: absolute;
    top: 8px;
    right: 8px;
    background: var(--accent-2);
    color: var(--bg);
    font-size: 12px;
    font-weight: 700;
    padding: 3px 6px;
    border-radius: 3px;
    z-index: 2;
}

/* Название фильма */
.poster__title {
    font-size: 14px;
    font-weight: 600;
    color: var(--tt-lighter);
    margin-top: 8px;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 36px;
}

/* Анимация */
.anim {
    position: relative;
    overflow: hidden;
}

.anim::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);
    transition: all 0.5s ease;
}

.poster:hover .anim::after {
    left: 100%;
}

/* Адаптивность */
@media (max-width: 1200px) {
    .recommended-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 768px) {
    .recommended-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 480px) {
    .recommended-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .poster__title {
        font-size: 13px;
    }
}

.movie-tech-info {
    background: var(--ui-bg);
    padding: 20px;
    border-radius: 3px;
}

.tech-info-list {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 10px;
}

.tech-info-list b {
    color: var(--tt-darker-2);
    font-weight: 500;
}

.quality-info span:first-child {
    color: var(--accent-2);
    font-weight: 600;
}

.player-notice {
    color: var(--accent-2);
    line-height: 1.6;
    font-size: 14px;
}

/* Стили для рейтингов */
.movie-ratings {
    margin: 20px 0;
}

.rating-item {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.rating-title {
    min-width: 80px;
    color: var(--tt-darker-2);
    font-weight: 500;
}

.rating-value {
    font-weight: 600;
    margin-right: 10px;
}

.add-comments-form__btn {background: var(--accent-2); color: var(--bg)}

.section-title {
    margin: 20px 0;
}

.pmovie__player {
    margin: 0 var(--indent-negative);
    background: var(--ui-bg);
    border-radius: 3px;
}

.pmovie__player-controls {
    border-bottom: 1px solid var(--bdc);
}

.tabs-block__select span {
    padding: 12px 20px;
    color: var(--tt-darker-2);
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.tabs-block__select span.is-active,
.tabs-block__select span:hover {
    background: var(--accent);
    color: var(--tt-lighter);
}

.tabs-block__content {
    display: none;
    padding: 20px;
}

.tabs-block__content.video-responsive {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.tabs-block__content.video-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.tabs-block__content.active {
    display: block;
}

.pmovie__watch-btn.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    background: var(--accent);
    color: var(--tt-lighter);
    border-radius: 3px;
    text-decoration: none;
    font-weight: 200;
    transition: all 0.2s ease;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 14px;
}

.pmovie__watch-btn.btn:hover {
    background: var(--accent-2);
    color: var(--bg);
}

.pmovie__watch-btn.btn .fas {
    margin-right: 8px;
    font-size: 14px;
}

.movie-card {
    background: var(--ui-bg);
    border-radius: 3px;
    overflow: hidden;
    transition: all 0.3s ease;
    margin: 20px 0;
}

.movie-card__header {
    padding: 15px 15px 0;
}

.movie-card__title {
    font-size: 18px;
    margin: 0 0 10px 0;
}

.movie-card__title a {
    color: var(--tt-lighter);
    text-decoration: none;
}

.movie-card__title a:hover {
    color: var(--accent-2);
}

.movie-card__ratings {
    display: flex;
    gap: 8px;
    margin-bottom: 15px;
}

.rating-badge {
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 500;
}

.rating-badge--kinogo {
    background: var(--accent);
    color: var(--accent-2);
}

.rating-badge--kp {
    background: var(--accent);
    color: #E34234;
}

.rating-badge--imdb {
    background: var(--accent);
    color: var(--accent-3);
}

.movie-card__main-content {
    display: flex;
    padding: 0 15px;
    gap: 20px;
}

.movie-card__poster {
    position: relative;
    width: 200px;
    height: 300px;
    border-radius: 3px;
    overflow: hidden;
    flex-shrink: 0;
}

.movie-card__poster img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.movie-badge {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background: rgba(0,0,0,0.8);
    color: #fff;
    padding: 4px 8px;
    border-radius: 3px;
    font-size: 12px;
}

.movie-card__content {
    flex: 1;
}

.movie-card__description {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 15px;
}

.movie-card__meta {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 13px;
    line-height: 1.6;
}

.movie-card__meta li {
    margin-bottom: 8px;
}

.movie-card__meta strong {
    color: var(--tt-darker-2);
    font-weight: 500;
}

.movie-card__footer {
    display: flex;
    align-items: center;
    padding: 15px;
    border-top: 1px solid var(--bdc);
    margin-top: 15px;
}

.movie-card__button,.random-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: var(--accent);
    color: var(--tt-lighter);
    border-radius: 3px;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.2s;
}

.movie-card__button:hover,.random-button:hover {
    background: var(--accent-2);
    color: var(--bg);
}

.movie-card__date {
    font-size: 12px;
    color: var(--tt-darker);
    margin-left: 15px;
}

.movie-card__actions {
    margin-left: auto;
}

.movie-card__fav {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--ui-bg);
    border: none;
    border-radius: 3px;
    color: var(--tt);
    cursor: pointer;
    transition: all 0.2s;
}

.movie-card__fav:hover {
    background: var(--accent);
    color: var(--tt-lighter);
}

.movie-card__fav.active {
    background: var(--accent-2);
    color: var(--bg);
}

/* Адаптивность */
@media (max-width: 768px) {
    .movie-card__main-content {
        flex-direction: column;
    }
    
    .movie-card__poster {
        width: 140px;
        height: 200px;
        aspect-ratio: 2/3;
        margin: auto;
    }
    
    .movie-card__footer {
        flex-wrap: wrap;
        gap: 10px;
    }
    
    .movie-card__button {
        order: 1;
    }
    
    .movie-card__date {
        order: 2;
    }
    
    .movie-card__actions {
        order: 3;
    }
}

/* LOGIN
----------------------------------------------- */
.login {position: fixed; z-index: 999; left: 50%; top: 50%; transform: translate(-50%,-50%); overflow: hidden;
	background-color: var(--ui-bg); border-radius: 3px; width: 400px;}
.login__header {padding: 20px 40px; background-color: var(--ui-bg-darker);}
.login__title {font-size: 18px; font-weight: 600; padding: 1px 0; text-transform: capitalize; color: var(--tt-lighter);}
.login__close {cursor: pointer; font-size: 24px; opacity: 1; margin-left: 20px;}
.login__title a {margin-left: 10px; font-weight: 400; color: var(--tt);}
.login__content {padding: 20px 40px;}
.login__row {margin-bottom: 20px; position: relative; display: block; font-size: 14px; color: var(--tt);}
.login__caption {font-size: 14px; color: var(--tt-lighter); margin-bottom: 10px;}
.login__caption a {text-decoration: underline; margin-left: 6px; color: var(--accent-3);}
.login__input input {padding-left: 40px;}
.login__row .fas {opacity: 0.6; position: absolute; left: 0; bottom: 0; line-height: 40px; width: 40px; text-align: center;}
.login__row button {width: 100%;}
.login__social {background-color: var(--ui-bg-darker); padding: 20px 40px; text-align: center;}
.login__social-caption {font-size: 11px; text-transform: uppercase; margin-bottom: 10px;}
.login__social-btns a {display:inline-block; margin: 0 3px; vertical-align:top;}
.login__social-btns img {display:block; width:30px; height: 30px; border-radius: 3px;}
.login__avatar {width: 40px; height: 40px; border-radius: 3px; margin-right: 10px;}
.login__menu {padding-left: 35px; padding-right: 35px; margin-bottom: -10px;}
.login__menu li {flex: 1 1 0; min-width: auto; max-width: 100%; margin: 0 5px 10px 5px;}
.login__menu a {display: block; border-radius: 3px; padding: 10px; text-align: center; white-space: nowrap;
	background-color: var(--ui-bg-darker); font-size: 13px;}
.login__menu .fas {font-size: 18px; opacity: 0.3; margin-right: 5px}
#ratefix {
    width: 28px;
    height: 28px;
    fill: var(--accent-2);
}

.owl-carousel {
  position: relative;
  width: 100%;
}

.owl-stage-outer {
  overflow: hidden;
}

.owl-stage {
  display: flex;
}

.owl-item {
  min-height: 1px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.owl-nav {
  position: absolute;
  top: 35%;
  width: 100%;
  transform: translateY(-50%);
  pointer-events: none;
}

.owl-prev,
.owl-next {
  pointer-events: auto;
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 3px;
  background: var(--bg);
  color: var(--accent-2);
  display: grid;
  place-items: center;
  font-size: 20px;
  cursor: pointer;
  transition: all 0.2s ease;
  opacity: 0.9;
}

.owl-prev {
  left: 15px;
}

.owl-next {
  right: 15px;
  background: var(--ui-bg);
}

.owl-prev:hover,
.owl-next:hover {
  background: var(--accent-darker);
  transform: scale(1.1);
  opacity: 1;
}

.owl-prev,
.owl-next {
    display: none!important
}

.owl-dots {
  display: flex !important;
  justify-content: center;
  gap: 8px;
  padding: 15px 0;
  margin-top: 10px;
}

.owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 3px;
  background: var(--accent);
  cursor: pointer;
  transition: all 0.2s ease;
}

.owl-dot.active,
.owl-dot:hover {
  background: var(--accent-2);
  transform: scale(1.2);
}

.owl-carousel .animated {
  animation-duration: 0.5s;
}

@keyframes fadeOut {
  to { opacity: 0; }
}

.owl-height {
  transition: height 0.3s;
}

/* ADAPTIVE, MOBILE MENU
----------------------------------------------- */
.overlay {position: fixed; z-index: 998; left: 0; top: 0; width: 100%; height: 100%; 
	opacity: 0.6; background-color: #000; cursor: pointer; display: none;}
.mobile-menu {width: 340px; height: 100%; overflow-x: hidden; overflow-y: auto;
	padding: 10px 20px; z-index: 999; position: fixed; left: -380px; top: 0; transition: left .4s; 
	background-color: var(--bg-lightest); color: var(--tt);}
.mobile-menu.is-active {left: 0;}
.mobile-menu-close {cursor: pointer; display: block; left: 340px; top: -40px; position: fixed; z-index: 999;
	width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; opacity: 0;
	background-color: #e84e36; color: #fff; transition: top .4s, opacity .4s;}
.mobile-menu-close.is-active {top: 0px; opacity: 1;}
body.mobile-menu-is-opened {overflow: hidden; width: 100%; height: 100%;}
.mobile-menu .header__menu {margin: 0; padding: 10px 20px; display: block; background: var(--bg-3); 
	width: calc(100% + 40px); margin: -10px -20px 25px -20px; max-width: none;}
.mobile-menu .header__menu > li {width: 100%; margin: 0; padding: 0;}
.mobile-menu .header__menu > li > a {height: 40px;}

@media screen and (max-width: 1220px) {
    .logo {padding-left: 20px; margin-right: 0;}
	.wrapper {overflow: hidden; background-size: 140% auto;}
	.wrapper-container {max-width:1000px;}
	.header__menu, .header__link, .col-side .js-this-in-mobile-menu {display: none;}
	.header {margin-bottom: 100px;}
	.header__search {margin: 0; margin-right: 20px; width: 240px;}
	.header__btn-menu {display: flex; width: 40px; padding: 0; border-radius: 3px; font-size: 18px; margin: 0 var(--indent);}
	.content, .carou, .col-side, .carou__menu li a {border-radius: 0;}
	.cols, .carou {border-left: 0; border-right: 0;}
	.carou {padding: 20px; margin-bottom: 0;}
	.carou__menu li {flex-grow: 1; white-space: nowrap; min-width: auto; max-width: 100%;}
	.carou__content > .top {width: calc((100% - 100px)/6);}
	.col-side {width: 100%; order: 10; padding-top: 0;}
	.site-desc, .footer {padding-left: var(--indent); padding-right: var(--indent);}
	.footer {justify-content: center; text-align: center;}
	.footer__text {min-width: 100%; margin: 20px 0;}
	#scrolltop {width: 40px; height: 40px; line-height: 40px; font-size: 18px;}
}

@media screen and (max-width: 950px) {
	.wrapper-container {max-width:768px;}
	.carou__content > .top {width: calc((100% - 80px)/5);}
	.header__search {order: 10; width: calc(100% - 130px); margin: 0 10px 0 20px;}
	.header {padding-bottom: 10px;}
	.header__btn-menu {margin-left: 10px;}
	.page__subcol-side2, .page__col-side {width: 100%; margin: 0; margin-top: 20px;}
	.pmovie__header-list li + li {margin-top: 10px;}
}

@media screen and (max-width: 760px) {
	.wrapper-container {max-width:640px;}
	.carou__content > .top {width: calc((100% - 40px)/3);}
	.sect__btn-filter {font-size: 0; margin-left: 10px;}
	.sect__btn-filter::before {content: attr(data-text); font-size: 12px; margin-right: -20px;}
	.card__meta, .card__btn1 {display: none;}
	.card {grid-gap: 5px;}
	.card__img {width: 150px; height: 200px;}
	.card__desc {order: 10; grid-column: 1 / -1;}
	.card__bottom, .card__title, .card__rating-ext {margin: 0;}
	.card .card__rating-ext {width: 100%; margin-bottom: 20px; margin-left: 200px; top: -200px;}
	.card__btn {width: 50%; margin: 0; order: 10; margin-top: -110px; margin-left: auto;}
	.card__list--margin {margin: 0;}
	.card__desc .card__title {margin-bottom: 15px; padding: 0;}
	.card__title {padding: 0;}
    .card__text {margin-top: -30px; margin-bottom: 10px;}
    .pmovie__series {font-size: 10px;}
    .card__img_top {margin: 0;}
    .age_b {display: none;}
	
	.page__header {padding: 0;}
	.pmovie__bottom {margin: 0; margin-top: 20px;}
	.pmovie__bottom .card__ratings {gap: 20px 20px;}
	.pmovie__bottom .card__rating-ext {margin: 0;}
	.page__text {border-radius: 0; margin-left: -20px; margin-right: -20px;}
	.pmovie__share {margin: 0}
    .pmovie__rating-likes {display: none}
    .text-vote-social {width: 50%}

	.page__text .quote {margin-left: var(--indent-negative); margin-right: var(--indent-negative); padding-right: var(--indent);}
	.full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {font-size: 18px;}
    
	.add-comments-form__input {min-width: 100%; margin: 0 0 10px 0;}
	.add-comments-form__btn {width: 100%; order: 10;}
	.add-comments-form .form__row--protect .form__caption {width: 100%; margin: 0 0 10px 0;}
	.mass_comments_action, .comment-item__controls, .comment-item__rating-caption {display: none;}
}

@media screen and (max-width: 590px) {
	.wrapper-container {max-width:480px;}
	.login {max-width: 90%; max-height: 90%; overflow-x: hidden; overflow-y: auto;}
	.login__header, .login__content, .login__social, .pages-bg {padding-left: 20px; padding-right: 20px;}
	.carou__content > .top {width: calc((100% - 40px)/3);}
	.header {margin-bottom: 0;}
	.header .header__btn {font-size: 0; padding: 0; width: 40px; padding-left: 5px;}
	.header .header__btn::before {content: "\f007"; font-weight: 900; font-family: 'Font Awesome 5 Pro'; font-size: 18px;}
	.pagination__btn-loader a, .pagination__btn-loader > span {max-width: 100%;}
	.footer .btn {width: 100%; margin: 0; margin-top: 20px;}
	.carou__menu a {padding: 10px; font-size: 13px; border-right: 0;}
	.wrapper {background-image: none;}

	.page__header {text-align: center;}
	.page__subcols {display: block; position: relative;}
	.page__subcol-side {margin: 0 auto; margin-bottom: 20px;}
	.page__subcol-main {display: grid; grid-gap: 0px 20px; grid-template-columns: minmax(0,1fr) 150px;}
	.pmovie__bottom {grid-row: 1 / 3; grid-column: 2 / 3; margin: 0; align-self: start;}
	.pmovie__subinfo {width: 100%; padding-top: 5px;}
	.pmovie__subinfo::before {content: ""; display: table; clear: both; width: 100%;}
	.tabs-block__select span {flex: 1 1 0; min-width: auto; max-width: 100%; white-space: nowrap; text-align: center;}
}

@media screen and (max-width: 470px) {
	.wrapper-container22 {max-width:360px;}
	.carou__content > .top {width: calc((100% - 20px)/3); margin-right: 10px;}
	.top__desc {padding: 10px; font-size: 13px;}
	.header__logo {flex: 1 1 0; min-width: 100px; max-width: 100%;}
	.header__logo > * {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.header__logo .logo__title {font-size: 18px;}
	.header__login {display: none;}
	.site-desc img {float: none; margin: 0 auto; margin-bottom: 20px; display: block; display: none;}
	.mobile-menu {width: 100%; left: -120vw;}
	.mobile-menu-close {left: calc(100% - 40px);}

	.pmovie__year {grid-column: 1 / -1;}
	.pmovie__bottom {grid-row: 2 / 3;}
}
@media screen and (max-width: 370px) {
	.card {grid-gap: 20px 10px;}
}

.filter-block {margin-bottom: 30px;}
.filter-block__form {display: grid; grid-template-columns: repeat(auto-fit,minmax(280px,1fr)); grid-gap: 10px 10px;}
.filter-block__cell--full-width {grid-column: 1 / -1;}
.filter-block__cell-caption {margin-bottom: 10px;}
.filter-block__cell-content > * {width: 100%; display: block;}
.filter-block__cell-content--two-columns {display: flex; justify-content: space-between;}
.filter-block__cell-content--two-columns > * {width: calc((100% - 10px)/2) !important;}
.filter-block__cell-content select, .filter-block__cell-content input[type="text"], 
.filter-block__cell-content--check-group {height: 36px; line-height: 34px; background-position: right 8px top 50%;
	background-color: var(--bg-darker); color: var(--tt); border-radius: 3px; 
	font-size: 14px;  padding: 0 7px; 
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.filter-block__cell-content select {padding: 0 8px 0 4px;}
.filter-block__cell-content input[type="text"]::placeholder {opacity: 1; color: var(--tt); font-size: 14px;}
.filter-block__cell-content input[type="text"]:focus::placeholder {opacity: 0;}
.filter-block__cell-content label {position: relative; padding-left: 50px; cursor: pointer; 
	height: 36px; display: flex; flex-direction: column; justify-content: center; font-size: 14px;}
.filter-block__cell-content label input {display: inline-block; appearance: none; -webkit-appearance: none;
	height: 20px; width: 40px; border-radius: 3px; background-color: var(--bg-darker); cursor: pointer; transition: all .2s linear; 
	position: absolute; left: 0; top: 50%; margin-top: -10px;}
.filter-block__cell-content label input::before {content: ''; width: 18px; height: 18px; border-radius: 3px; 
	position: absolute; left: 1px; top: 1px; background-color: var(--bg); transition: all .2s linear;}
.filter-block__cell-content label input:checked {background-color: #6ab04c;}
.filter-block__cell-content label input:checked::before {left: 21px;}
.filter-block__cell-content input[type="button"], .filter-block__cell-content button {cursor: pointer; 
	height: 36px; display: inline-flex; justify-content: center; padding: 0 10px; border-radius: 3px;}
.filter-block__cell-content input[type="button"][data-dlefilter="reset"] {background: var(--bg-darker); color: var(--tt);}
.filter-block__cell-content--check-group label {padding: 0; text-align: center; white-space: nowrap; 
	flex: 1 1 0; min-width: 30px; max-width: 100%; background: var(--bg);}
.filter-block__cell-content--check-group label input {position: absolute; left: 0; top: 0; 
	width: 100%; height: 100%; opacity: 0; z-index: 5;}
.filter-block__cell-content--check-group {display: flex; justify-content: center; overflow: hidden; padding: 0;}
.filter-block__cell-content--check-group label div {height: 36px; font-size: 13px;}
.filter-block__cell-content--check-group label input:checked + div {background-color: var(--bg-darker); color: var(--tt);}

.content-box {
            background-color: var(--ui-bg);
            border-radius: 4px;
            padding: var(--indent);
            margin-bottom: var(--indent);
            box-shadow: var(--bsh-2);
            border: 1px solid var(--ui-bdc);
        }

        .email-contact {
            background-color: var(--accent);
            padding: var(--indent);
            border-radius: 4px;
            margin: var(--indent) 0;
            text-align: center;
        }

        .email-contact a {
            color: var(--accent-2);
            font-size: 1.2rem;
            text-decoration: none;
            font-weight: bold;
        }

        .email-contact a:hover {
            text-decoration: underline;
        }
.watch-status__btn.active {
    background: var(--accent-2);
    color: var(--bg);
}

.watch-status__list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 8px
}

.watch-status__btn {
    padding: 8px 15px;
    background: var(--bg-lighter);
    border: none;
    border-radius: 3px;
    color: var(--tt);
    cursor: pointer;
    transition: all 0.2s;
}

.watch-status__message {
    margin-top: 10px;
    font-size: 14px;
    color: var(--accent-2);
}

.margin__full {margin: 20px 0}
.tv__show {color: var(--accent-2)}

.random-button-wrapper {
    margin-top: 1rem;
}