/* BASIC LAYOUT ----------------------------------------------- */ body {position: relative;} .laz {min-width: 320px; overflow: hidden; overflow: clip;} .laz__container {max-width: var(--max-width); margin: 0 auto; position: relative; z-index: 20;} .laz__container--main {background-color: var(--bg-darker); box-shadow: var(--bsh-long);} .degne {padding: 0 var(--indent); position: sticky; z-index: 100; left: 0; top: 0; background-color: var(--bg); box-shadow: var(--bsh-block);} .degne-is-sticky .degne {translate: 0 -200%;} .naz {background-color: var(--bg-blackest); margin: 0 var(--indent-negative); padding: 20px var(--indent);} .glv > .naz {margin-top: -20px; margin-bottom: 20px;} .naz--lastviewed {margin-top: 0 !important; margin-bottom: 0 !important;} .glv {padding: 20px var(--indent); min-height: 100vh;} .qexeq {padding: 40px var(--indent); padding-bottom: 20px; background-color: var(--bg-black); color: var(--tt-fade); --tt: #fff; --tt-fade: #ccc; --bdc: rgba(255,255,255,0.2);} .qexeq__two {border-top: 1px solid var(--bdc); padding-top: 20px; margin-top: 40px;} .glv:has(.descr), .glv:has(.fazpo__related), .glv:has(.naz--lastviewed) {padding-bottom: 0;} .laz::before, .laz::after {position: absolute; left: 0; top: 0; right: 0; height: 500px; background: url(../images/bg.jpg) center center / 1400px auto no-repeat; content: ''; filter: grayscale(0.66); --left: calc((100vw - 1340px)/2); --right: calc((100vw - 1340px)/2 + 1300px); mask-image: linear-gradient(to right, transparent 0%, transparent var(--left), #000 calc(var(--left) + 160px), #000 calc(var(--right) - 160px), transparent var(--right), transparent 100%);} .laz::after {background: linear-gradient(to top, #111 0%, transparent 300px); z-index: 1; mask-image: none;} .has-branding {padding-top: 200px;} .scrolltop {position: fixed; width: 40px; height: 40px; right: 10px; bottom: 10px; padding: 0; z-index: 990; border-radius: 4px; font-size: 18px; opacity: 0; scale: 0 0;} .scrolltop.is-active {scale: 1 1; opacity: 1;} .overlay {position: fixed; z-index: 998; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.8; background-color: #1d1924; cursor: pointer; display: none;} /* HEADER, TOPMENU, CAROU ----------------------------------------------- */ .logo {display: flex; align-items: center; font-family: 'Righteous-Regular'; font-weight: 400; color: var(--tt); padding-left: 50px; text-transform: uppercase; position: relative; font-size: 24px; height: 40px; letter-spacing: 1px;} .logo::before {content: ''; width: 40px; height: 40px; position: absolute; left: 0; top: 50%; background: url(../images/logo.svg) 0 center / contain no-repeat; translate: 0 -50%;} .lt .degne__logo {--tt: #000;} .logo:has(img) {background: none; min-width: 200px;} .logo:has(img)::before {display: none;} .logo img {display: block; position: absolute; left: 0; top: 50%; translate: 0 -50%; max-height: 100%;} .degne__theme-select {color: var(--yellow);} .dt .degne__theme-select::before {content:"\f755";} .degne__btn-login {height: 34px; padding: 0 20px;} .degne__btns {padding-left: 30px;} .degne__btn1 {height: 30px; font-size: 12px;} .degne__ava {width: 40px; cursor: pointer;} .degne__btn1 span {position: absolute; right: -5px; top: -10px; padding: 2px 3px; font-size: 10px; border-radius: 2px; background-color: var(--accent); color: #fff; display: inline-block; text-align: center; min-width: 20px; line-height: 1;} .degne__menu {margin: 0 30px;} .degne__menu li {position: relative;} .degne__menu > li > a {display: flex; align-items: center; height: 70px; text-transform: uppercase; font-size: 16px; font-weight: 700; opacity: 0.6; font-family: 'Oswald', sans-serif;} .degne__menu-hidden {background-color: var(--bg); border-top: 3px solid var(--accent); box-shadow: 0 10px 20px rgba(0,0,0,0.1); position: absolute; left: 0; top: 99%; width: 240px; z-index: 10; padding: 20px 26px; display: grid; gap: 6px 26px; opacity: 0; visibility: hidden; translate: 0 30px;} div.degne__menu-hidden {grid-template-columns: repeat(3,1fr); width: 660px;} .degne__menu-hidden-col {display: grid; gap: 6px;} .degne__menu-hidden li:not(:has(a)) {font-weight: 500;} .degne__menu-hidden a {opacity: 0.8;} .degne .degne__menu li:has(.degne__menu-hidden)::before {content: ''; position: absolute; left: 50%; bottom: 0%; border: 6px solid transparent; border-bottom-color: var(--accent); margin-left: -6px;} .search-block {position: relative;} .search-block__input, .search-block__input:focus {padding: 0 40px 0 10px; border: 0; box-shadow: none; height: 34px; line-height: 34px; box-shadow: inset 0 0 0 1px #e3e3e3, inset 1px 2px 5px rgba(0,0,0,0.2);} .search-block__input:not(:focus)::placeholder {color: var(--tt); opacity: 0.66; font-size: 12px;} .search-block__btn {position: absolute; right: 0; top: 0; height: 34px; font-size: 16px; width: 40px; color: var(--accent);} /* SECTION ----------------------------------------------- */ .vixi:not(:last-child) {margin-bottom: 20px;} .vixi__header {margin-bottom: 20px;} .vixi__title {font-size: 18px; font-weight: 500; text-transform: none;} .vixi__title :is(h1,h2,h3) {font-size: inherit;} .vixi__header:has(.vixi__tabs) {margin-bottom: 10px;} .vixi__tabs button {background: none; color: var(--tt); text-transform: none; font-weight: 400;} .vixi__tabs button.is-active {background-color: var(--bg); color: var(--tt);} .naz__caption {color: #fff; font-size: 18px; font-weight: 500; margin-bottom: 20px;} .naz--lastviewed:not(:has(.sluk)) {display: none;} .speedbar {color: var(--tt-fade); font-size: 12px; padding: 10px 0; margin-top: -20px;} .speedbar a {color: var(--tt);} .descr {color: var(--tt-fade-0); display: grid; gap: 10px; background-color: var(--bg-darker-1); padding: 20px var(--indent); margin: 0 var(--indent-negative);} .descr :is(h1,h2,h3) {font-size: 18px; font-weight: 500; color: var(--tt);} .descr a {text-decoration: underline; color: var(--accent);} .descr ul li {position: relative; padding-left: 25px; margin-left: 25px;} .descr ul li::before {content:"\f00c"; color: var(--accent); position: absolute; left: 0; top: 0;} /* ITEM CAROUSEL, SHORTSTORY ----------------------------------------------- */ .sluk__img {box-shadow: var(--bsh); overflow: hidden;} .sluk__label {font-size: 12px; padding: 3px 12px; border-radius: 3px; font-weight: 500; background-color: var(--accent); color: #fff; position: absolute; left: 10px; top: 10px; z-index: 1;} .sluk__desc {position: absolute; inset: 0; z-index: 3; color: #fff; --tt: #fff; --bdc: rgba(255,255,255,0.3); text-align: center; padding: 10px;} .sluk__title {font-weight: 500; font-size: 15px; margin-bottom: 5px;} .sluk__year {opacity: 0.8; font-size: 12px;} .sluk__rates {line-height: 1; border-top: 1px solid var(--bdc); padding-top: 10px; margin-top: 10px;} .sluk__rates-item::before {content: attr(data-text); display: inline; margin-right: 5px; text-transform: uppercase; font-weight: 500;} .sluk__rates-item.kp::before {color: #f60;} .sluk__rates-item.imdb::before {color: #fc0;} .sluk__btn-info {cursor: pointer; position: absolute; right: 0; top: 0; z-index: 5; border-radius: 0; translate: 0 -100%; opacity: 0;} .sluk__rates:not(:has(.sluk__rates-item:nth-child(2))) {justify-content: center;} /* TRAILER, POPUP DESC ----------------------------------------------- */ .trl {background-color: rgba(0,0,0,0.9); position: fixed; z-index: 990; left: 0; top: 0; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; backdrop-filter: blur(10px);} .trl__close {position: absolute; right: 20px; top: 20px; font-size: 40px; color: #fff;} .trl__inner {width: 100%; max-width: 700px; margin: 0 auto; color: #fff; padding: 80px 20px 20px 20px;} .trl__btn {height: 40px; padding: 0 40px; margin: 15px 0; width: 100%;} .trl h1 {margin-bottom: 15px; margin-top: 20px; font-size: 24px;} .trl .fazpo__text, .trl .full-text {color: #ccc; margin: 0px; padding: 0; background: none;} .trl-is-opened {overflow: hidden;} .th-active {z-index: 100;} .th-text {display: none; background-color: var(--bg); border-left: 3px solid var(--accent); cursor: auto; padding: 20px; text-align: left; position: absolute; z-index: 1000; width: 460px; box-shadow: var(--bsh-long); min-height: 100px; font-size: 12px;} .pop-left .th-text {border-left: 0; border-right: 3px solid var(--accent);} .th-text-loader {text-align: center; font-size: 18px; color: var(--accent); padding-top: 20px;} .th-text .not-shown-ajax, .th-text h1 a, .th-text h1 small {display: none;} .th-text h1 {font-size: 18px;} .th-text .full-text {display: -webkit-box; -webkit-line-clamp: 6; line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; margin: 15px 0;} .th-text .fazpo__btn-trailer {width: 100%; margin-top: 20px;} /* FOOTER, PAGINATION ----------------------------------------------- */ .qexeq__notify {border-left: 1px solid var(--bdc); padding-left: 20px;} .qexeq__copyright {font-size: 14px;} .qexeq__menu {font-size: 16px; font-weight: 700; text-transform: uppercase; font-family: 'Oswald', sans-serif;;} .pagination {gap: 20px 10px; padding-top: 10px;} .pagination__pages a, .pagination__pages span, .pagination > a, .pagination > span {display: grid; place-items: center; color: var(--tt-fade); height: 36px; min-width: 36px; padding: 0 10px; border-radius: 3px; background-color: var(--bg);} .pagination__pages {gap: 10px; font-size: 14px;} .pagination__pages span:not(.nav_ext) {color: #fff; background: var(--accent);} .pagination__btns {height: 36px; border-radius: 4px; overflow: hidden; background-color: var(--bg); box-shadow: var(--bsh);} .pagination__btns > * {width: 40px; display: grid; place-items: center; color: var(--accent); font-size: 18px;} .pagination__btns > span {color: var(--tt-fade);} .pagination__btn-loader:has(span:not(.fal)) {display: none;} .pagination__btn-loader a {min-width: 360px;} /* INNER PAGE ----------------------------------------------- */ .fazpo__bg {box-shadow: var(--bsh-block); background-color: var(--bg); margin: 0 var(--indent-negative);} .fazpo__cols {display: grid; grid-template-columns: minmax(0,1fr) 280px;} .fazpo__cols:not(:has(.fazpo__cols-right)) {display: block;} .fazpo__cols-left {padding: 20px; padding-bottom: 0;} .fazpo__cols-right {background-color: var(--bg-darker-1); padding: 20px;} .fazpo__main {display: grid; gap: 15px 20px; grid-template-columns: 200px minmax(0,1fr); grid-template-areas: "poster header" "poster info"; grid-template-rows: auto 1fr; margin-bottom: 25px;} .fazpo__poster {grid-area: poster; border-radius: 6px; overflow: hidden; align-self: start; box-shadow:0 0 0 1px #ccc,2px 3px 3px 0 rgba(0,0,0,0.1);} .fazpo__header {grid-area: header;} .fazpo__info {grid-area: info;} .fazpo__img::after {opacity: 0.5; height: 33%;} .fazpo__rating-ext {position: relative; z-index: 10; font-size: 12px;} .fazpo__rating-ext a {display: flex; align-items: center; padding: 0 10px; font-weight: 500; gap: 10px; height: 40px;} .fazpo__rating-ext a .fal {display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; font-size: 16px; color: #fff; background-color: var(--green);} .fazpo__rating-ext a + a .fal {background-color: var(--red);} .fazpo__ratingscore-ring {width: 50px; font-weight: 500; font-size: 16px; background-color: var(--bg); color: var(--tt); box-shadow: var(--bsh); position: absolute; left: 50%; top: 0; translate: -50% -50%; isolation: isolate;} .fazpo__ratingscore-ring::before {content: ''; position: absolute; z-index: -2; inset: 0; border-radius: 50%; background: conic-gradient(from 0deg, #FDC830 0%, #F37335 var(--p), var(--bg-darker-1) var(--p));} .fazpo__ratingscore-ring::after {content: ''; position: absolute; z-index: -1; background-color: var(--bg); inset: 3px; border-radius: 50%;} .fazpo__header h1 {font-size: 20px; font-weight: 500;} .fazpo__header h1 a {font-size: 12px; margin-left: 10px;} .fazpo__text .full-text {color: #888; line-height: 1.4;} .fazpo__text {margin-bottom: 20px;} .js-hide-text {max-height: 160px; overflow: auto;} .show-text {position: absolute; z-index: 2; left: 0; bottom: 0px; width: 100%; height: 34px; font-size: 12px; box-shadow:0 0 0 1px #ccc,2px 3px 3px 0 rgba(0,0,0,0.1); background-color: var(--bg); color: var(--tt);} .js-hide-text[style]::before {content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 60%; background: linear-gradient(to top, var(--bg) 20%, transparent 100%); z-index: 1;} .fazpo__list {line-height: 1.3; font-size: 13px; display: grid; gap: 5px 20px; grid-template-columns: repeat(auto-fill,minmax(260px,1fr));} .fazpo__list li > span:first-child {font-weight: 500; margin-right: 5px;} .fazpo__list a {color: var(--blue); text-decoration: underline;} .fazpo__list-wide {grid-column: 1 / -1;} .fazpo__list-rates {grid-row: span 2;} .fazpo__list-rates-item {font-size: 15px; padding-left: 30px; line-height: 20px;} .fazpo__list-rates-item.kp {background: url(../images/kp.svg) 0 center / 20px no-repeat;} .fazpo__list-rates-item.imdb {background: url(../images/imdb.svg) 0 center / 20px no-repeat;} .fazpo__list-rates-item.tmdb {background: url(../images/tmdb.svg) 0 center / 20px no-repeat;} .fazpo__subtitle {border-top: 1px solid var(--bdc); margin: 0 -20px; padding: 15px 20px; text-align: center; font-size: 18px; font-weight: 500;} .fazpo__scr ul {display: grid; gap: 20px; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--bdc); margin: 0 -20px; padding: 20px 20px;} .fazpo__scr a, .fazpo__scr img {display: block; height: auto; width: 100%; border-radius: 0px; aspect-ratio: 300 / 200;} .fazpo__scr img {object-fit: cover;} .fazpo__scr ul li:nth-child(4) ~ li {display: none;} .fazpo__player {position: relative; background-color: var(--bg-black); padding: 0;} .fazpo__player .tabs-block__select {gap: 1px; margin-bottom: 0px;} .fazpo__player .tabs-block__select button {background: var(--bg-blackest); color: #fff; border-radius: 0;} .fazpo__player .tabs-block__select button.is-active, .fazpo__player .tabs-block__select button:hover {background: var(--accent); color: #fff;} .fazpo__complaint a {display: flex; align-items: center; gap: 10px; color: var(--red); --red: #f37e7c;} .fazpo__complaint {padding-right: 20px; --tt: #fff; color: #fff; --ui-bg-darker: rgba(255,255,255,0.3);} .nl .fazpo__player-controls + .tabs-block__content {display: block;} .fazpo__player .tabs-block__select button.is-active::before {color: rgba(0,0,0,0.8);} .ya-share2 {min-height: 24px;} .fazpo__fav a, .fazpo__fav > span {cursor: pointer; display: flex; align-items: center; gap: 10px; color: var(--tt-fade); --tt-fade: #ccc;} .fazpo__fav a:has(.fav-added) .fal {color: var(--yellow);} .fazpo__player-bottom {padding-left: 20px;} .fazpo__likes a {display: flex; align-items: center; gap: 10px; height: 40px; padding: 0 20px; background-color: var(--green); color: #fff;} .fazpo__likes a:last-child {background-color: var(--red);} .dark-overlay {background: rgba(0,0,0,0.9); position: fixed; width: 100%; height: 100%; z-index: 100; top: 0; left: 0;} .light-off #scrolltop {visibility: hidden;} .light-off .fazpo__player {position: relative; z-index: 102;} .fazpo__cols:has(.fazpo__player) .fazpo__cols-right {background-color: var(--bg-blackest); color: #fff; --tt: #fff; --tt-fade: #ccc;--bdc: rgba(255,255,255,0.2);} .fazpo__neres {position: absolute; inset: 0;} .fazpo__neres-caption {height: 40px; display: flex; align-items: center; padding: 0 20px; font-size: 14px; text-transform: uppercase; background-color: #000;} .fazpo__neres .vixi__content {padding: 20px; height: calc(100% - 40px); overflow-x: hidden; overflow-y: auto; display: grid; gap: 20px; grid-template-columns: repeat(auto-fill,minmax(220px,1fr)); align-content: start;} .neres.is-active {padding-right: 55px;} .neres__img {width: 50px;} .neres__title {font-weight: 500;} .neres__subtitle, .neres__meta {font-size: 12px; color: var(--tt-fade);} .neres__meta::before {color: var(--yellow);} .neres.is-active:after {content: attr(data-text); font-size: 10px; font-weight: 500; color: var(--tt-fade); border-left: 1px solid var(--bdc); width: 35px; padding-left: 10px; padding-right: 0; text-transform: uppercase; position: absolute; right: 0; top: 50%; transform: translateY(-50%);} .fazpo__raspisaners {padding: 20px;} .fazpo__raspisaner {border: 1px solid var(--bdc);} .raspisaner-item {padding: 6px 20px; gap: 10px 20px;} .raspisaner-item + .raspisaner-item {border-top: 1px solid var(--bdc);} .raspisaner-sluk__number {font-weight: 500; width: 280px;} .raspisaner-sluk__descr {color: var(--tt-fade);} .raspisaner-sluk__descr b {display: block; color: var(--tt); font-size: 15px;} .raspisaner-sluk__date {color: var(--tt-fade);} .raspisaner-sluk__status {color: var(--green); font-size: 24px;} .raspisaner-sluk__status .fa-times {color: var(--red);} .fazpo__cols:has(.fazpo__comments) {margin: 0 var(--indent-negative);} .boltuny {padding: 20px; margin-bottom: 20px; background-color: var(--bg);} .boltuny__title {font-size: 18px; font-weight: 500; margin-bottom: 20px;} .boltuny__content {display: grid; gap: 10px; grid-template-columns: repeat(auto-fill,minmax(200px,1fr)); counter-reset: n; font-size: 12px; font-weight: 500; line-height: 1.1;} .bolter:not(:last-child) {padding-bottom: 10px; border-bottom: 1px solid var(--bdc);} .bolter::before {content: counter(n, decimal-leading-zero); counter-increment: n; color: var(--tt-fade);} .bolter__ava {width: 24px;} .bolter__rating {height: 20px; font-size: 10px; padding: 0 10px; border-radius: 10px; font-weight: 400; border: 1px solid var(--bdc); color: var(--tt-fade); line-height: 1; text-transform: uppercase;} .bolter__rating::before {color: var(--yellow);} .rkl--holder {display: grid; place-items: center; font-weight: 500; font-size: 24px; background: var(--bg-darker); color: rgba(0,0,0,0.2); height: 500px;} .fazpo__cols-right .rkl {position: sticky; left: 0; top: 20px;} /*.tabs-block__content {position: relative;} .tabs-block__content::before {font-weight: 300; font-family:'Font Awesome 5 Pro'; content:"\f110"; font-size: 100px; color: var(--accent); position: absolute; left: 50%; top: 50%; translate: -50% -50%; z-index: 3; animation:fa-spin 2s infinite linear} .tabs-block__content iframe:not([src]) {opacity: 0;} .tabs-block__content iframe {transition: opacity 0.3s linear; z-index: 5;} @keyframes fa-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}*/ /* TEXT BLOCK, TYPOGRAPHY, VIDEO BLOCK ----------------------------------------------- */ .fazpo__title {margin-bottom: 30px; font-size: 24px;} .full-text {line-height: 1.6; font-size: 14px; word-wrap: break-word; color: var(--tt-fade-0);} .full-text a {text-decoration: underline; color: var(--ui-accent);} .full-text img:not(.emoji), .full-text p, .full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5, .full-text > ul, .full-text > ol, .full-text table {margin-bottom: 25px;} .full-text > img[style*="left"], .full-text > .highslide img[style*="left"] {margin:0 10px 10px 0;} .full-text > img[style*="right"], .full-text > .highslide img[style*="right"] {margin:0 0 10px 10px;} .full-text > ul li, .full-text > ol li {padding-left: 60px; position: relative;} .full-text > ul li:before {content: ''; width: 8px; height: 8px; border-radius: 50%; border: 3px solid var(--accent); position: absolute; top: 6px; left: 34px;} .full-text > ol {counter-reset: num;} .full-text > ol li:before {content: counter(num); counter-increment: num; background-color: var(--accent); color: #fff; position: absolute; top: -3px; left: 17px; width: 24px; height: 30px; font-size: 14px; font-weight: 500; display: flex; justify-content: flex-end; align-items: center; padding-right: 6px; box-sizing: border-box;} .full-text > ol li:after {content: ''; border: 10px solid transparent; border-left-color: var(--accent); position: absolute; left: 41px; top: -3px; transform: scale(0.66,1.5); transform-origin: 0 0;} .full-text > ul li + li, .full-text > ol li + li {margin-top: 10px;} .full-text table, .video-inside > * {width:100%;} .full-text > *:last-child {margin-bottom: 0;} .video-responsive {padding-top: 60%; position: relative; background-color: #000;} .video-responsive > iframe, .video-responsive > video {position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {font-size: 21px; margin-bottom: 20px;} /* COMMENTS ----------------------------------------------- */ .fazpo__comments {padding-bottom: 10px;} .fazpo__comments-info {color: var(--tt-fade); display: block; margin: 5px 0 20px; font-size: 14px; padding-left: 23px; position: relative;} .fazpo__comments-info::before {color: var(--red); position: absolute; left: 0; top: 2px;} .fazpo__ac {margin-bottom: 10px;} .ac-form {position: relative;} .ac-form__header, .ac-form__editor, .ac-form .message-info {gap: 10px; margin-bottom: 10px;} .ac-form__btn {padding: 0 60px;} .ac-form__bottom {gap: 25px;} .confidential-check {font-size: 14px;} .ac-form__header > span {margin-left: 15px;} .ac-form .comments_subscribe {margin-top: 0px;} .ac-toggle.ac-form {cursor: pointer;} .ac-form__header1 input, .ac-form__editor1 textarea {background-color: rgba(0,0,0,0.02);} .ac-toggle, .ac-toggle .ac-form__editor {position: relative;} .ac-toggle .ac-form__bottom button {position: absolute; bottom: 20px; right: 10px; z-index: 10; pointer-events: none;} .ac-form .bb-btn {display: none;} .ac-form .bb-pane {background: none; box-shadow: none; border: 0; position: absolute; left: 0; bottom: 0; right: 0;} .ac-form #b_emo, .ac-form #b_leech, .ac-form #b_quote, .ac-form #b_spoiler, .ac-form #b_b, .ac-form #b_u, .ac-form #b_s, .ac-form #b_color, .ac-form #b_hide {display: grid;} .ac-toggle .bb-btn {pointer-events: none;} .ac-toggle .ac-form__editor .bb-editor textarea {height: 200px; resize: none;} .ac-form__editor .bb-editor textarea {height: 200px; line-height: 1.4; padding-bottom: 40px;} .comments_subscribe + br, .ac-form .bb-editor + br {display: none;} .ac-toggle .has-checkbox {display: none;} .mass_comments_action {display: none; align-items: center; flex-wrap: wrap; gap: 10px;} .mass_comments_action select {flex: 1 1 0; margin: 0 -28px 0 0; border-radius: 0; box-shadow: none; min-width: 60%;} .mass_comments_action .bbcodes {border-radius: 0; padding: 0 10px;} .comm__title {font-size: 18px; margin-bottom: 20px;} .comm {margin-bottom: 10px; position: relative; padding: 15px 20px; padding-left: 90px; background-color: var(--bg-darker-1); border-radius: 6px;} .comm.pos {background-color: rgba(59, 179, 59, 0.1);} .comm.neg {background-color: rgba(235, 77, 75,0.1);} .comm__group {height: 20px; display: flex; align-items: center; border-radius: 10px; font-size: 10px; border: 1px solid var(--bdc); padding: 0 10px; text-transform: uppercase;} .comm__group, .comm__group * {font-weight: 400; color: var(--tt) !important;} .comm__group.adm, .comm__group.adm * {color: #fff !important; background-color: var(--accent); border-color: var(--accent);} .comm__img {width: 50px; height: 50px; border-radius: 50%; position: absolute; left: 20px; top: 20px;} .comm__user-rating {position: absolute; left: 50%; top: 100%; translate: -50% 0; gap: 3px; margin-top: 8px; background-color: var(--bg); z-index: 5; white-space: nowrap; padding: 0; width: 48px;} .comm__letter {width: 100%; height: 100%; text-transform: uppercase; border-radius: inherit; position: absolute; left: 0; top: 0; color: #fff; font-size: 18px; font-weight: 500;} .comm__author, .comm__author a {color: var(--accent); font-weight: 500; font-size: 14px;} .comm__date {color: var(--tt-fade); font-size: 12px;} .comm__rating a {color: var(--green); font-size: 18px;} .comm__rating a:last-child {color: var(--red);} .comm__rating span {font-size: 14px;} .comm__rating span .ratingplus {color: var(--green);} .comm__rating span .ratingminus {color: var(--red);} .comm__text {margin: 8px 0;} .comm__action {font-size: 12px; --tt: var(--tt-fade); color: var(--tt-fade);} .comm__ctrl-btn {font-size: 18px; height: 30px; --tt: var(--tt-fade);} .comm__ctrl-menu li + li {margin-top: 10px;} body:has(.pwidget) #dropmenudiv {z-index: 1000 !important;} /* POPUP WIDGET ----------------------------------------------- */ .pwidget {background-color: var(--bg); color: var(--tt); border-radius: 20px; overflow: hidden; z-index: 999; padding: 20px; padding-top: 24px; position: fixed; left: 20px; bottom: 20px; right: 20px; box-shadow: 0 0 60px rgba(0,0,0,0.5);} .pwidget::before {content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); background-color: rgba(0,0,0,0.2); height: 4px; width: 40px; border-radius: 2px;} .pwidget .wctrl__content {display: block; margin-bottom: 20px;} @media screen and (min-width: 760px) { .pwidget {left: 50%; bottom: 50%; right: auto; translate: -50% 50%; width: 400px;} .pwidget::before {display: none;} } /* LOGIN ----------------------------------------------- */ .lgn {position: fixed; z-index: 999; left: 50%; top: 50%; translate: -50% -50%; width: 500px; max-width: calc(100% - 40px);} .lgn__content {background-color: var(--bg); box-shadow: var(--bsh-long); padding: 30px 60px; position: relative;} .lgn__ctrl > * {color: #fff !important; font-size: 19px; font-weight: 500; height: 45px; position: relative; text-transform: uppercase;} .lgn__ctrl span::before {content: ''; border: 10px solid transparent; border-bottom-color: var(--bg); position: absolute; left: 50%; bottom: 0; margin-left: -10px; z-index: 5;} .lgn__btn-close {font-size: 40px; color: #fff; position: absolute; right: -50px; top: 0; z-index: 10;} .lgn__header {position: relative; padding-left: 80px; margin-bottom: 15px;} .lgn__avatar {width: 60px; background-color: var(--bg-darker); font-size: 24px; position: absolute; left: 0; top: 50%; translate: 0 -50%; overflow: hidden; border-radius: 50%;} .lgn__title {font-size: 19px; font-weight: 500;} .lgn__caption {color: var(--tt-fade); margin-top: 5px;} .lgn__input input {height: 50px; line-height: 50px; border-radius: 0; padding: 0 30px;} .lgn__input input::placeholder {font-size: 16px;} .lgn__input input + input {margin-top: -1px;} .lgn__input input:focus {position: relative; z-index: 5;} .lgn__btn button {height: 50px;} .lgn__cell a {color: var(--ui-accent);} .lgn__social-caption {font-size: 13px; color: var(--tt-fade); margin-top: 5px;} .lgn__social-caption::before, .lgn__social-caption::after {content: ''; flex-grow: 1; background: var(--bdc); height: 1px;} .lgn__social a {border-radius: 50%; width: 34px; height: 34px; display: grid; place-items: center;} .lgn__social a img {height: 18px; width: 18px; display: block; filter: invert(1);} .lgn__social-vk {background-color: #587ba1;} .lgn__social-ok {background-color: #ff9800;} .lgn__social-fb {background-color: #3b5998;} .lgn__social-ml {background-color: #2196f3;} .lgn__social-gg {background-color: #f44336;} .lgn__social-ya {background-color: #fc3f1d;} .lgn__social:not(:has(a)) {display: none;} .lgn--logged {width: 400px;} .lgn__menu a {display: flex; align-items: center; gap: 10px;} .c-0 span {display: none;} /** * 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 {width: 100%; position: relative; z-index: 1;} .owl-stage {position: relative; display:flex; justify-content:flex-start;} .owl-stage-outer {position: relative; overflow: hidden; transform: translate3d(0px, 0px, 0px);} .owl-item {position: relative; min-height: 10px;} .owl-nav.disabled, .owl-dots.disabled, .owl-carousel.owl-refresh .owl-item {display: none;} .owl-carousel.owl-drag .owl-item {user-select: none;} .owl-carousel.owl-grab {cursor: move; cursor: grab;} .owl-nav {position: absolute; right: 0; top: 0; margin-top: -45px; display: flex; gap: 5px;} .owl-prev, .owl-next {cursor: pointer; width: 30px; height: 30px; display: grid; place-items: center; font-size: 18px; background-color: transparent; color: #fff; box-shadow: none; border-radius: 4px;} .owl-prev {opacity: 0.6;} .owl-next {opacity: 1;} /* CLS FIX ----------------------------------------------- */ .has-carousel:not(.owl-carousel) {display: flex; overflow: hidden; gap: 20px;} .has-carousel:not(.owl-carousel) > * {flex-shrink: 0;} .has-carousel:not(.owl-carousel) > .sluk {width: calc((100% - 100px)/6);} @media screen and (max-width: 1220px) { .has-carousel:not(.owl-carousel) > .sluk {width: calc((100% - 80px)/5);} } @media screen and (max-width: 950px) { .has-carousel:not(.owl-carousel) > .sluk {width: calc((100% - 60px)/4);} } @media screen and (max-width: 760px) { .has-carousel:not(.owl-carousel) > .sluk {width: calc((100% - 40px)/3);} } @media screen and (max-width: 470px) { .has-carousel:not(.owl-carousel) > .sluk {width: calc((100% - 20px)/2);} } .bixa-block {background-color: var(--bg); margin: 0 var(--indent-negative); margin-bottom: 20px; padding: 20px var(--indent);} .bixa {gap: 10px 20px;} .bixa-block__title {font-size: 16px; font-weight: 500; margin-bottom: 20px;} .bixa__col:not(.bixa__col--submit) {flex: 1 0 240px; max-width: 100%; min-width: 240px; display: flex; flex-direction: column; gap: 10px;} .bixa__cell select {height: 40px; box-shadow: none; border: 1px solid rgba(0,0,0,0.15); background-color: var(--bg); color: var(--tt);} .bixa__cell input[type="text"] {opacity: 0;} .bixa__cell [data-dlefilter="reset"]:not(:hover) {background-color: var(--bg-darker); color: var(--tt-fade);} .bixa__col--ranges {padding: 0 20px;} .bixa-block--full .bixa__col--submit {width: 100%;} .bixa-block--full {background: none; box-shadow: none; padding: 0; margin: 0;} .tail-select, .tail-select * {outline: none; user-select: none;} .tail-select {position: relative;} .tail-select-container, .select-label {border: 1px solid rgba(0,0,0,0.15); background-color: var(--bg); padding: 5px 5px; min-height: 40px; position: relative; cursor: pointer; color: var(--tt); display: flex; flex-wrap: wrap; align-items: center; gap: 5px; padding-right: 40px; border-radius: 3px;} .tail-select .label-inner {margin-left: 5px; font-size: 14px;} .tail-select-container .select-handle {display: flex; align-items: center; height: 28px; padding: 0 8px; border-radius: 2px; background-color: var(--accent); color: #fff; cursor: pointer; font-size: 12px; text-transform: uppercase;} .tail-select .select-label::before, .tail-select .select-label::after {position: absolute; top: 50%; right: 10px; content:"\f0d8"; color: var(--tt); margin-top: -15px; opacity: 0.5;} .tail-select .select-label::after {margin-top: -5px; transform: rotate(180deg);} .tail-select .select-dropdown {top: 100%; left: 0; width: 100%; z-index: 100; display: none; position: absolute; background-color: var(--bg); border: 1px solid rgba(0,0,0,0.15); box-shadow: var(--bsh); border-radius: 3px;} .tail-select .select-dropdown .dropdown-inner {padding: 1px 0; overflow-x: hidden; overflow-y: auto; max-height: 300px;} .tail-select .dropdown-optgroup {padding: 15px;} .tail-select .select-dropdown .dropdown-empty {padding: 20px; font-size: 14px; text-align: center;} .tail-select .select-dropdown ul li + li {margin-top: 10px;} .tail-select .select-dropdown ul li {display: flex; align-items: center; gap: 10px; cursor: pointer; font-size: 14px;} .tail-select .select-dropdown ul li.dropdown-option::before {content: ""; background-color: var(--bg-darker); width: 18px; height: 18px; border-radius: 1px; box-shadow: inset 0 1px 2px rgba(0,0,0,0.2); display: flex; justify-content: center; font-size: 14px; color: #000; flex-shrink: 0; box-sizing: border-box; padding-bottom: 3px;} .tail-select .select-dropdown ul li.dropdown-option.selected {color: var(--accent);} .tail-select .select-dropdown ul li.dropdown-option.selected::before {background-color: var(--accent); color: #fff; content:"\f00c"; box-shadow: none;} .tail-select .select-dropdown ul li:hover {color: var(--blue);} .tail-select-container:hover, .select-label:hover {border-color: var(--accent);} .tail-select-container .select-handle:hover {background-color: var(--red);} .irs {position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .irs-line {position: relative; display: block; overflow: hidden; outline: none !important;} .irs-line-left, .irs-line-mid, .irs-line-right {position: absolute; display: block; top: 0;} .irs-line-left {left: 0; width: 11%;} .irs-line-mid {left: 9%; width: 82%;} .irs-line-right {right: 0; width: 11%;} .irs-bar {position: absolute; display: block; left: 0; width: 0;} .irs-bar-edge {position: absolute; display: block; top: 0; left: 0;} .irs-shadow {position: absolute; display: none; left: 0; width: 0;} .irs-handle {position: absolute; display: block; cursor: default; z-index: 1;} .irs-handle.type_last {z-index: 2;} .irs-min {position: absolute; display: block; left: 0; cursor: default;} .irs-max {position: absolute; display: block; right: 0; cursor: default;} .irs-from, .irs-to, .irs-single {position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap;} .irs-grid {position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px;} .irs-with-grid .irs-grid {display: block;} .irs-grid-pol {position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #ec2828;} .irs-grid-pol.small {height: 4px;} .irs-grid-text {position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 3px; color: #ec2828;} .irs-disable-mask {position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: rgba(0,0,0,0.0); z-index: 2;} .irs-disabled {opacity: 0.4;} .lt-ie9 .irs-disabled {filter: alpha(opacity=40);} .irs-hidden-input {position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important;} .irs {height: 40px;} .irs-line {height: 6px; top: 25px; background-color: var(--bg); border-radius: 3px; box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);} .irs-bar {height: 6px; top: 25px; background-color:var(--blue); border-radius:3px;} .irs-bar-edge {top: 25px; height: 8px; width: 11px; background-color:var(--bg);} .irs-handle {width: 20px; height: 20px; top: 18px; background-color:var(--bg); border-radius:10px; border: 4px solid var(--blue); box-shadow: 0 1px 3px rgba(0,0,0,0.3); cursor: pointer;} .irs-from, .irs-to, .irs-single {font-size: 10px; margin-top: -5px; border: 1px solid var(--bdc); padding: 0 5px; height: 22px; display: flex; align-items: center; background: var(--bg); color: var(--tt); border-radius: 3px;} /* Adlook fly*/ .adlook_ibv_onlypc, .adlook_ibv_mobpc {margin-bottom: 1rem; margin-top: 1rem} @media (max-width: 640px) { .adlook_ibv_onlypc { display: none; } .adlook_ibv_mobpc { width: 90%; } } /* Прокат фильмов*/ @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } } /* Обводка логотипа*/ .logo { font-family: 'Arial', sans-serif; /* Можно заменить на любой шрифт */ font-weight: bold; text-decoration: none; } .logo { color: #000; /* Чёрный цвет для "Lord" */ text-shadow: 1px 1px 0 #79c142, -1px -1px 0 #79c142, 1px -1px 0 #79c142, -1px 1px 0 #79c142; } .logo span { background: linear-gradient(90deg, #79c142, #a2d56e); -webkit-background-clip: text; background-clip: text; color: transparent; position: relative; } /* Дополнительный эффект при наведении */ .logo:hover span { text-shadow: 0 0 5px rgba(121, 193, 66, 0.7); transition: 0.3s; } /* возвраст */ .age-circle { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; background-color: red; color: white; border-radius: 50%; font-size: 12px; margin-left: 5px; } /* Player containers */ .tab-content { display: none; width: 100%; margin-top: 15px; } .tab-content.active { display: block; } .video-container, .cdn-player-container { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; /* 16:9 aspect ratio */ overflow: hidden; background: #000; } .video-container iframe, .cdn-player-container video-player { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } /* Tab buttons */ .tab-button { cursor: pointer; padding: 10px 20px; background: #2a2a2a; border: none; color: #fff; font-size: 14px; transition: all 0.3s ease; } .tab-button.active { background: #3a3a3a; font-weight: bold; } .tab-button:hover { background: #333; } /* Responsive adjustments */ @media (max-width: 768px) { .video-container, .cdn-player-container { padding-bottom: 56.25%; } .tab-button { padding: 8px 15px; font-size: 13px; } } @media (max-width: 480px) { .video-container, .cdn-player-container { padding-bottom: 75%; /* 4:3 for mobile */ } } /* Блок Player Js */ .video-container { position: relative; width: 100%; max-width: 900px; margin: 20px auto; border-radius: 16px; overflow: hidden; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%); border: 2px solid #404040; } .video-container::before { content: ''; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; background: linear-gradient(45deg, #ff6b6b, #4ecdc4, #45b7d1, #96ceb4); border-radius: 18px; z-index: -1; opacity: 0.7; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .video-container::after { content: ''; display: block; padding-bottom: 56.25%; /* Соотношение 16:9 */ } /* Анимация при наведении */ .video-container:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4); transition: all 0.3s ease; } /* Адаптивность для мобильных */ @media (max-width: 768px) { .video-container { margin: 10px; border-radius: 12px; border-width: 1px; } .video-container::before { border-radius: 14px; } } /* Эффект загрузки */ .video-container.loading { background: linear-gradient(90deg, #2d2d2d 25%, #3a3a3a 50%, #2d2d2d 75%); background-size: 200% 100%; animation: loading 1.5s infinite; } @keyframes loading { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } } .schedule-wrapper { padding: 20px; background: linear-gradient(135deg, #58b32a 0%, #55ff009c 100%); border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); margin: 20px 0; } .schedule-title { font-size: 24px; font-weight: bold; color: white; text-align: center; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); padding: 10px; } /* ===================================================== ONLY BUTTONS STYLE — МЕНЯЕМ ТОЛЬКО КНОПКИ ВСТАВИТЬ В САМЫЙ НИЗ style.css ===================================================== */ /* ОБЩИЙ ВИД КНОПОК */ button, .bbcodes, .ac-form__btn button, .degne__btn-login, .trl__btn, .pagination__pages a, .pagination__pages span:not(.nav_ext), .pagination > a, .pagination > span { background: #222 !important; color: #fff !important; border: 0 !important; border-radius: 6px !important; box-shadow: 0 3px 10px rgba(0,0,0,0.15) !important; transition: background 0.2s ease, color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease !important; } /* НАВЕДЕНИЕ НА КНОПКИ */ button:hover, .bbcodes:hover, .ac-form__btn button:hover, .degne__btn-login:hover, .trl__btn:hover, .pagination__pages a:hover, .pagination > a:hover { background: #e50914 !important; color: #fff !important; box-shadow: 0 5px 14px rgba(229,9,20,0.28) !important; } /* АКТИВНАЯ КНОПКА */ button.is-active, .tabs-block__select button.is-active, .vixi__tabs button.is-active, .pagination__pages span:not(.nav_ext) { background: #e50914 !important; color: #fff !important; } /* КНОПКИ ТАБОВ НА ГЛАВНОЙ И В РАЗДЕЛАХ */ .vixi__tabs button, .tabs-block__select button { background: #f1f1f1 !important; color: #222 !important; border: 1px solid #ddd !important; border-radius: 6px !important; box-shadow: none !important; font-weight: 600 !important; } .vixi__tabs button:hover, .tabs-block__select button:hover { background: #e50914 !important; color: #fff !important; border-color: #e50914 !important; } /* КНОПКИ ПЛЕЕРА */ .fazpo__player .tabs-block__select button { background: #1f1f1f !important; color: #fff !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } .fazpo__player .tabs-block__select button:hover, .fazpo__player .tabs-block__select button.is-active { background: #e50914 !important; color: #fff !important; } /* ЖАЛОБА В ПЛЕЕРЕ */ .fazpo__complaint a, .fazpo__complaint span { color: #e50914 !important; } .fazpo__complaint a:hover { color: #b20710 !important; } /* КНОПКА СВЕТ */ .page__light-button span { background: #2a2a2a !important; color: #fff !important; border-radius: 6px !important; padding: 7px 12px !important; } .page__light-button:hover span { background: #e50914 !important; color: #fff !important; } /* ДОБАВИТЬ В ЗАКЛАДКИ */ .fazpo__fav a, .fazpo__fav > span, .page__fav a, .page__fav > span { background: #2a2a2a !important; color: #fff !important; border-radius: 6px !important; padding: 8px 12px !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; text-decoration: none !important; } .fazpo__fav a:hover, .fazpo__fav > span:hover, .page__fav a:hover, .page__fav > span:hover { background: #e50914 !important; color: #fff !important; } .fazpo__fav .fav-added, .page__fav .fav-added { color: #ffcc00 !important; } /* ЛАЙКИ / ДИЗЛАЙКИ */ .fazpo__likes a, .page__likes a { border-radius: 6px !important; box-shadow: none !important; font-weight: 600 !important; } .fazpo__likes a:first-child, .page__likes a:first-child { background: #258f45 !important; color: #fff !important; } .fazpo__likes a:last-child, .page__likes a:last-child { background: #e50914 !important; color: #fff !important; } .fazpo__likes a:hover, .page__likes a:hover { filter: brightness(1.12) !important; } /* КНОПКА ЛОГИНА */ .degne__btn-login { background: #e50914 !important; color: #fff !important; } .degne__btn-login:hover { background: #b20710 !important; } /* КНОПКА ПОИСКА НЕ ЛОМАЕМ, ТОЛЬКО ЦВЕТ ИКОНКИ */ .search-block__btn { background: transparent !important; color: #e50914 !important; box-shadow: none !important; } /* ПАГИНАЦИЯ */ .pagination__pages a, .pagination__pages span, .pagination > a, .pagination > span { background: #f1f1f1 !important; color: #222 !important; border: 1px solid #ddd !important; } .pagination__pages span:not(.nav_ext), .pagination__pages a:hover, .pagination > a:hover { background: #e50914 !important; color: #fff !important; border-color: #e50914 !important; } /* МОБИЛЬНАЯ АДАПТАЦИЯ ТОЛЬКО КНОПОК */ @media screen and (max-width: 760px) { .tabs-block__select button, .vixi__tabs button { padding: 9px 12px !important; font-size: 13px !important; } .fazpo__player .tabs-block__select button { min-height: 42px !important; } .fazpo__fav a, .fazpo__fav > span, .page__fav a, .page__fav > span { justify-content: center !important; width: auto !important; } } /* ===================================================== КРАСИВАЯ КНОПКА PLAY ПО ЦЕНТРУ ПОСТЕРОВ ВСТАВИТЬ В САМЫЙ НИЗ style.css ===================================================== */ .sluk__img { position: relative; overflow: hidden; } /* КРУГЛАЯ КНОПКА */ .sluk__img::before { content: ''; position: absolute; left: 50%; top: 50%; width: 68px; height: 68px; margin-left: -34px; margin-top: -34px; border-radius: 50%; background: rgba(229, 9, 20, 0.92); box-shadow: 0 8px 24px rgba(0,0,0,0.35); z-index: 6; transition: transform 0.25s ease, background 0.25s ease, box-shadow 0.25s ease; pointer-events: none; } /* ТРЕУГОЛЬНИК PLAY */ .sluk__img::after { content: ''; position: absolute; left: 50%; top: 50%; margin-left: -8px; margin-top: -12px; width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 20px solid #fff; z-index: 7; transition: transform 0.25s ease; pointer-events: none; } /* НАВЕДЕНИЕ */ .sluk:hover .sluk__img::before, .sluk__img:hover::before { transform: scale(1.08); background: #ff1f2d; box-shadow: 0 10px 28px rgba(229,9,20,0.35); } .sluk:hover .sluk__img::after, .sluk__img:hover::after { transform: scale(1.08); } /* ЧТОБЫ ТЕКСТ БЫЛ ПОВЕРХ ПЛЕЯ ЕСЛИ НУЖНО */ .sluk__desc { position: absolute; inset: 0; z-index: 8; } /* ЕСЛИ ХОЧЕШЬ ЧУТЬ ТЕМНЕЕ ПОСТЕР ПОД КНОПКОЙ */ .sluk__img img { transition: transform 0.25s ease, opacity 0.25s ease; } .sluk:hover .sluk__img img { transform: scale(1.03); opacity: 0.92; } /* МОБИЛКА */ @media (max-width: 760px) { .sluk__img::before { width: 56px; height: 56px; margin-left: -28px; margin-top: -28px; } .sluk__img::after { margin-left: -7px; margin-top: -10px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 17px solid #fff; } } /* ===================================================== FIX: НАЗВАНИЯ НА ПОСТЕРАХ + УБРАТЬ ЗЕЛЁНЫЙ ЦВЕТ ВСТАВИТЬ В САМЫЙ НИЗ style.css ===================================================== */ /* ЗАМЕНА ГЛАВНОГО ЗЕЛЁНОГО АКЦЕНТА НА КРАСНЫЙ */ :root { --accent: #e50914 !important; --green: #e50914 !important; } /* УБИРАЕМ ЗЕЛЁНЫЙ В INLINE-СТИЛЯХ, ГДЕ ОСТАЛСЯ #79c142 */ [style*="#79c142"], [style*="121, 193, 66"] { color: #e50914 !important; border-color: #e50914 !important; text-shadow: none !important; } /* ЕСЛИ В МЕНЮ ОСТАЛАСЬ ЗЕЛЁНАЯ ОБВОДКА */ a[style*="#79c142"] { color: #e50914 !important; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000 !important; } /* ЗЕЛЁНЫЕ ЛЕЙБЛЫ НА ПОСТЕРАХ */ .sluk__label, .sluk__label *, .fazpo .sluk__label { background: #e50914 !important; color: #fff !important; border-color: #e50914 !important; } /* ЗЕЛЁНЫЕ ИКОНКИ / КНОПКИ / АКЦЕНТЫ */ .fazpo__rating-ext a .fal, .fazpo__list-rates-item, .show-text, .scrolltop, .tail-select-container .select-handle { background-color: #e50914 !important; color: #fff !important; } /* ССЫЛКИ ВМЕСТО ЗЕЛЁНОГО */ a:hover, .fazpo__list a, .descr a, .full-text a, .comm__author, .comm__author a { color: #e50914 !important; } /* ===================================================== НАЗВАНИЯ НА ПОСТЕРАХ — ЧЁТКО ВИДНО ===================================================== */ .sluk__img { position: relative !important; } /* ТЁМНАЯ ПОДЛОЖКА СНИЗУ, ЧТОБЫ БЕЛЫЙ ТЕКСТ БЫЛ ВИДЕН */ .sluk__img::after { content: '' !important; position: absolute !important; left: 0 !important; right: 0 !important; bottom: 0 !important; height: 65% !important; background: linear-gradient( to top, rgba(0,0,0,0.92) 0%, rgba(0,0,0,0.65) 45%, rgba(0,0,0,0.05) 100% ) !important; z-index: 2 !important; pointer-events: none !important; } /* ЕСЛИ У ТЕБЯ УЖЕ ЕСТЬ PLAY-КНОПКА ЧЕРЕЗ ::before/::after, ТО ГРАДИЕНТ БУДЕТ ЧЕРЕЗ .sluk__desc */ .sluk__desc { background: linear-gradient( to top, rgba(0,0,0,0.92) 0%, rgba(0,0,0,0.62) 45%, rgba(0,0,0,0.10) 100% ) !important; color: #fff !important; z-index: 5 !important; } /* НАЗВАНИЕ ФИЛЬМА НА ПОСТЕРЕ */ .sluk__title, .sluk__title a, .sluk__desc .sluk__title, .sluk__desc .sluk__title a { color: #fff !important; font-weight: 800 !important; text-shadow: 0 2px 4px rgba(0,0,0,1), 0 0 10px rgba(0,0,0,0.95), 0 0 18px rgba(0,0,0,0.85) !important; } /* ГОД / МЕТА НА ПОСТЕРЕ */ .sluk__year, .sluk__subtitle, .sluk__meta, .sluk__desc span, .sluk__desc small { color: #f1f1f1 !important; text-shadow: 0 1px 3px rgba(0,0,0,1), 0 0 8px rgba(0,0,0,0.9) !important; } /* РЕЙТИНГИ НА ПОСТЕРЕ */ .sluk__rates { border-top-color: rgba(255,255,255,0.35) !important; } .sluk__rates-item, .sluk__rates-item::before { color: #fff !important; text-shadow: 0 1px 4px rgba(0,0,0,1) !important; } /* KP / IMDb ЦВЕТА БЕЗ ЗЕЛЁНОГО */ .sluk__rates-item.kp::before { color: #ffb000 !important; } .sluk__rates-item.imdb::before { color: #ffcc00 !important; } /* ===================================================== PLAY-КНОПКА ПОВЕРХ ПОСТЕРА, ЕСЛИ ТЫ ЕЁ УЖЕ ДОБАВИЛ НЕ ДАЁМ ЕЙ ПЕРЕКРЫТЬ НАЗВАНИЕ ===================================================== */ .sluk__img::before { z-index: 4 !important; } .sluk__desc { position: absolute !important; inset: 0 !important; } /* ===================================================== МОБИЛКА ===================================================== */ @media screen and (max-width: 760px) { .sluk__title, .sluk__title a { font-size: 14px !important; line-height: 1.2 !important; } .sluk__img::after { height: 75% !important; } } /* ===================================================== FIX FINAL: PLAY НА ПОСТЕРАХ + ТЕКСТ + ЛОГО БЕЗ ЗЕЛЁНОГО ВСТАВИТЬ В САМЫЙ НИЗ style.css ===================================================== */ /* КРАСНЫЙ АКЦЕНТ ВМЕСТО ЗЕЛЁНОГО */ :root { --accent: #e50914 !important; --green: #e50914 !important; } /* ЛОГО — УБРАТЬ ЗЕЛЁНЫЙ ПОЛНОСТЬЮ */ .logo, .logo:hover, .degne__logo, .degne__logo:hover { color: #956c6e !important; text-shadow: none !important; } .logo span, .logo:hover span, .degne__logo span, .degne__logo:hover span { background: none !important; background-image: none !important; -webkit-background-clip: unset !important; background-clip: unset !important; -webkit-text-fill-color: #e50914 !important; color: #e50914 !important; text-shadow: none !important; } /* ЕСЛИ ГДЕ-ТО ОСТАЛСЯ INLINE ЗЕЛЁНЫЙ */ [style*="#79c142"], [style*="121, 193, 66"] { border-color: #e50914 !important; color: #e50914 !important; text-shadow: none !important; } /* ===================================================== ПОСТЕРЫ ===================================================== */ .sluk__img { position: relative !important; overflow: hidden !important; } /* УБИРАЕМ КОНФЛИКТ: НЕ ДЕЛАЕМ ГРАДИЕНТ ЧЕРЕЗ .sluk__img::after */ .sluk__img::after { content: '' !important; position: absolute !important; left: 50% !important; top: 50% !important; width: 0 !important; height: 0 !important; margin-left: -7px !important; margin-top: -13px !important; border-top: 13px solid transparent !important; border-bottom: 13px solid transparent !important; border-left: 22px solid #fff !important; background: transparent !important; z-index: 31 !important; pointer-events: none !important; transition: transform 0.25s ease !important; } /* КРАСНЫЙ КРУГ PLAY */ .sluk__img::before { content: '' !important; position: absolute !important; left: 50% !important; top: 50% !important; width: 66px !important; height: 66px !important; margin-left: -33px !important; margin-top: -33px !important; border-radius: 50% !important; background: rgba(229, 9, 20, 0.92) !important; box-shadow: 0 0 0 3px rgba(255,255,255,0.85), 0 8px 24px rgba(0,0,0,0.45) !important; z-index: 30 !important; pointer-events: none !important; transition: transform 0.25s ease, background 0.25s ease, box-shadow 0.25s ease !important; } /* НАВЕДЕНИЕ НА ПОСТЕР */ .sluk:hover .sluk__img::before, .sluk__img:hover::before { transform: scale(1.08) !important; background: #ff1b25 !important; box-shadow: 0 0 0 3px #fff, 0 0 22px rgba(229,9,20,0.75), 0 10px 28px rgba(0,0,0,0.55) !important; } .sluk:hover .sluk__img::after, .sluk__img:hover::after { transform: scale(1.08) !important; } /* ЗАТЕМНЕНИЕ ДЛЯ ЧИТАЕМОСТИ НАЗВАНИЯ ДЕЛАЕМ ЧЕРЕЗ ОВЕРЛЕЙ, А НЕ ЧЕРЕЗ ::after */ .sluk__desc { position: absolute !important; inset: 0 !important; z-index: 20 !important; background: linear-gradient( to top, rgba(0,0,0,0.96) 0%, rgba(0,0,0,0.76) 35%, rgba(0,0,0,0.20) 70%, rgba(0,0,0,0.05) 100% ) !important; color: #fff !important; } /* НАЗВАНИЕ НА ПОСТЕРЕ — ЧЁТКОЕ */ .sluk__title, .sluk__title a, .sluk__desc .sluk__title, .sluk__desc .sluk__title a { color: #fff !important; font-weight: 800 !important; text-shadow: 0 2px 3px #000, 0 0 8px #000, 0 0 14px #000 !important; } /* ГОД / МЕТА */ .sluk__year, .sluk__subtitle, .sluk__meta, .sluk__desc span, .sluk__desc small { color: #f5f5f5 !important; text-shadow: 0 1px 3px #000, 0 0 8px #000 !important; } /* ЛЕЙБЛЫ И ОСТАТКИ ЗЕЛЁНОГО НА ПОСТЕРАХ */ .sluk__label, .sluk__label *, .fazpo .sluk__label { background: #e50914 !important; color: #fff !important; border-color: #e50914 !important; text-shadow: none !important; } /* ЗЕЛЁНЫЕ КНОПКИ / ИКОНКИ МЕНЯЕМ НА КРАСНЫЙ */ .fazpo__rating-ext a .fal, .show-text, .scrolltop, .tail-select-container .select-handle, .tabs-block__select button.is-active, .vixi__tabs button.is-active { background-color: #e50914 !important; background: #e50914 !important; color: #fff !important; } /* ССЫЛКИ И ХОВЕРЫ */ a:hover, .fazpo__list a:hover, .full-text a:hover, .descr a:hover { color: #e50914 !important; } /* МОБИЛКА */ @media screen and (max-width: 760px) { .sluk__img::before { width: 54px !important; height: 54px !important; margin-left: -27px !important; margin-top: -27px !important; } .sluk__img::after { margin-left: -6px !important; margin-top: -10px !important; border-top: 10px solid transparent !important; border-bottom: 10px solid transparent !important; border-left: 17px solid #fff !important; } .sluk__title, .sluk__title a { font-size: 14px !important; line-height: 1.2 !important; } } /* ===================================================== FINAL START.RU STYLE — 2026 Без смены структуры и классов. Вставлено в самый низ. Цель: светло-тёмный премиум START, красный акцент, ровные кнопки, нормальный фильтр, без зелёного. ===================================================== */ :root { --accent: #ff2b3a !important; --red: #ff2b3a !important; --green: #ff2b3a !important; --blue: #ff4150 !important; --yellow: #ffbd4a !important; --bg: #121014 !important; --bg-darker: #17141a !important; --bg-darker-1: #1d1921 !important; --bg-black: #0b090d !important; --bg-blackest: #070609 !important; --tt: #f7f3f4 !important; --tt-fade: #bdb2b8 !important; --tt-fade-0: #d7ccd1 !important; --bdc: rgba(255,255,255,0.10) !important; --start-bg: #08070a; --start-surface: rgba(21,18,24,0.94); --start-surface-2: rgba(31,26,34,0.94); --start-line: rgba(255,255,255,0.10); --start-red: #ff2b3a; --start-red-2: #d91528; --start-orange: #ff7a36; --start-text: #fff7f8; --start-muted: #bdb2b8; --start-shadow: 0 18px 50px rgba(0,0,0,0.42); --start-glow: 0 0 28px rgba(255,43,58,0.30); --bsh: 0 12px 30px rgba(0,0,0,0.28) !important; --bsh-block: 0 18px 55px rgba(0,0,0,0.36) !important; --bsh-long: 0 24px 70px rgba(0,0,0,0.46) !important; } html, body { background: var(--start-bg) !important; color: var(--start-text) !important; } body { background: radial-gradient(circle at 18% 0%, rgba(255,43,58,0.24) 0%, rgba(255,43,58,0.06) 28%, transparent 48%), radial-gradient(circle at 84% 8%, rgba(255,122,54,0.16) 0%, transparent 36%), linear-gradient(180deg, #110d13 0%, #08070a 42%, #070609 100%) !important; } .laz { background: transparent !important; } .laz::before { height: 620px !important; background: radial-gradient(circle at 20% 10%, rgba(255,43,58,0.30) 0%, rgba(255,43,58,0.08) 28%, transparent 48%), radial-gradient(circle at 82% 4%, rgba(255,132,63,0.18) 0%, transparent 36%), linear-gradient(135deg, rgba(255,255,255,0.06), transparent 44%) !important; filter: none !important; opacity: 1 !important; mask-image: none !important; pointer-events: none !important; } .laz::after { height: 700px !important; background: linear-gradient(to bottom, rgba(8,7,10,0.08) 0%, rgba(8,7,10,0.82) 62%, #08070a 100%) !important; z-index: 1 !important; } .laz__container--main { background: rgba(12,10,14,0.88) !important; box-shadow: 0 0 0 1px rgba(255,255,255,0.06), 0 35px 90px rgba(0,0,0,0.50) !important; backdrop-filter: blur(14px) !important; } /* HEADER */ .degne { background: rgba(9,8,11,0.88) !important; border-bottom: 1px solid rgba(255,255,255,0.08) !important; box-shadow: 0 10px 36px rgba(0,0,0,0.34) !important; backdrop-filter: blur(18px) saturate(1.2) !important; } .logo, .logo:hover, .degne__logo, .degne__logo:hover { color: #ffffff !important; text-shadow: none !important; letter-spacing: 0.6px !important; } .logo span, .logo:hover span, .degne__logo span, .degne__logo:hover span { background: linear-gradient(90deg, #ffffff 0%, #ff2b3a 45%, #ff7a36 100%) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; color: transparent !important; text-shadow: none !important; } .degne__menu > li > a { color: rgba(255,255,255,0.74) !important; opacity: 1 !important; transition: color .2s ease, opacity .2s ease, transform .2s ease !important; } .degne__menu > li > a:hover, .degne__menu > li:hover > a { color: #ffffff !important; opacity: 1 !important; transform: translateY(-1px) !important; } .degne__menu-hidden { background: rgba(18,16,21,0.98) !important; border: 1px solid rgba(255,255,255,0.10) !important; border-top: 3px solid var(--start-red) !important; border-radius: 0 0 18px 18px !important; box-shadow: 0 22px 60px rgba(0,0,0,0.52) !important; backdrop-filter: blur(16px) !important; } .degne__menu-hidden a { color: rgba(255,255,255,0.78) !important; opacity: 1 !important; } .degne__menu-hidden a:hover { color: #ffffff !important; } .degne .degne__menu li:has(.degne__menu-hidden)::before { border-bottom-color: var(--start-red) !important; } .search-block__input, .search-block__input:focus { background: rgba(255,255,255,0.08) !important; color: #fff !important; border: 1px solid rgba(255,255,255,0.12) !important; border-radius: 12px !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.02), 0 8px 24px rgba(0,0,0,0.18) !important; } .search-block__input::placeholder { color: rgba(255,255,255,0.56) !important; } .search-block__btn { background: transparent !important; color: #ff4150 !important; border: 0 !important; box-shadow: none !important; } /* ГЛАВНЫЕ СЕКЦИИ */ .glv { background: transparent !important; } .naz, .bixa-block, .descr, .boltuny, .comm, .lgn__content, .pwidget, .fazpo__bg { background: linear-gradient(180deg, rgba(255,255,255,0.055) 0%, rgba(255,255,255,0.018) 100%), var(--start-surface) !important; border: 1px solid var(--start-line) !important; box-shadow: var(--start-shadow) !important; } .naz { border-radius: 22px !important; } .vixi__title, .naz__caption, .bixa-block__title, .boltuny__title, .comm__title, .fazpo__title, .fazpo__header h1, .descr :is(h1,h2,h3), .full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5 { color: #fff !important; font-weight: 800 !important; letter-spacing: -0.01em !important; } .vixi__title { font-size: 20px !important; } .speedbar { color: rgba(255,255,255,0.58) !important; } .speedbar a { color: rgba(255,255,255,0.90) !important; } /* КАРТОЧКИ ПОСТЕРОВ */ .sluk__img, .fazpo__poster { border-radius: 18px !important; background: #0b090d !important; border: 1px solid rgba(255,255,255,0.10) !important; box-shadow: 0 16px 42px rgba(0,0,0,0.46) !important; } .sluk__img img, .fazpo__poster img { transition: transform .28s ease, opacity .28s ease, filter .28s ease !important; } .sluk:hover .sluk__img img { transform: scale(1.045) !important; filter: saturate(1.09) contrast(1.04) !important; } .sluk__label { background: linear-gradient(135deg, #ff2b3a 0%, #ff7a36 100%) !important; color: #fff !important; border-radius: 999px !important; box-shadow: 0 8px 20px rgba(255,43,58,0.28) !important; } .sluk__desc { z-index: 20 !important; background: linear-gradient(to top, rgba(6,5,8,0.96) 0%, rgba(6,5,8,0.74) 38%, rgba(6,5,8,0.20) 72%, rgba(6,5,8,0.02) 100%) !important; color: #fff !important; } .sluk__title, .sluk__title a, .sluk__desc .sluk__title, .sluk__desc .sluk__title a { color: #fff !important; font-weight: 850 !important; text-shadow: 0 2px 5px rgba(0,0,0,0.95), 0 0 16px rgba(0,0,0,0.95) !important; } .sluk__year, .sluk__subtitle, .sluk__meta, .sluk__desc span, .sluk__desc small { color: rgba(255,255,255,0.82) !important; text-shadow: 0 1px 4px rgba(0,0,0,0.95) !important; } .sluk__rates { border-top-color: rgba(255,255,255,0.22) !important; } .sluk__rates-item, .sluk__rates-item::before { color: #fff !important; } .sluk__rates-item.kp::before, .sluk__rates-item.imdb::before { color: #ffbd4a !important; } .sluk__btn-info { background: rgba(255,255,255,0.12) !important; color: #fff !important; border: 1px solid rgba(255,255,255,0.14) !important; } /* PLAY НА ПОСТЕРАХ — START-КРАСНЫЙ, НЕ ЗЕЛЁНЫЙ */ .sluk__img::before { content: '' !important; position: absolute !important; left: 50% !important; top: 50% !important; width: 64px !important; height: 64px !important; margin-left: -32px !important; margin-top: -32px !important; border-radius: 50% !important; background: linear-gradient(135deg, #ff2b3a 0%, #d91528 100%) !important; box-shadow: 0 0 0 3px rgba(255,255,255,0.84), 0 14px 34px rgba(255,43,58,0.32), 0 14px 34px rgba(0,0,0,0.50) !important; z-index: 30 !important; pointer-events: none !important; transition: transform .25s ease, box-shadow .25s ease !important; } .sluk__img::after { content: '' !important; position: absolute !important; left: 50% !important; top: 50% !important; width: 0 !important; height: 0 !important; margin-left: -7px !important; margin-top: -12px !important; border-top: 12px solid transparent !important; border-bottom: 12px solid transparent !important; border-left: 20px solid #fff !important; background: transparent !important; z-index: 31 !important; pointer-events: none !important; transition: transform .25s ease !important; } .sluk:hover .sluk__img::before { transform: scale(1.08) !important; box-shadow: 0 0 0 3px #fff, 0 0 30px rgba(255,43,58,0.54), 0 16px 36px rgba(0,0,0,0.55) !important; } .sluk:hover .sluk__img::after { transform: scale(1.08) !important; } /* FULLSTORY */ .fazpo__bg { border-radius: 24px !important; overflow: hidden !important; } .fazpo__cols-right, .fazpo__cols:has(.fazpo__player) .fazpo__cols-right { background: linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.015)), #141117 !important; color: #fff !important; border-left: 1px solid rgba(255,255,255,0.08) !important; } .fazpo__header h1 { font-size: 24px !important; line-height: 1.18 !important; } .fazpo__text .full-text, .full-text, .descr, .comm__text { color: rgba(255,255,255,0.76) !important; } .fazpo__list { color: rgba(255,255,255,0.78) !important; } .fazpo__list li > span:first-child { color: rgba(255,255,255,0.96) !important; } .fazpo__list a, .descr a, .full-text a, .comm__author, .comm__author a { color: #ff5360 !important; } .fazpo__subtitle { border-top-color: rgba(255,255,255,0.10) !important; color: #fff !important; font-weight: 800 !important; } .fazpo__scr ul { border-top-color: rgba(255,255,255,0.10) !important; } .fazpo__scr a, .fazpo__scr img { border-radius: 14px !important; } .fazpo__player { background: #050406 !important; border-radius: 20px !important; overflow: hidden !important; border: 1px solid rgba(255,255,255,0.10) !important; box-shadow: 0 20px 60px rgba(0,0,0,0.52) !important; } .fazpo__player-bottom { background: #0b090d !important; border-top: 1px solid rgba(255,255,255,0.08) !important; } .video-container, .cdn-player-container { background: #050406 !important; border-color: rgba(255,255,255,0.10) !important; box-shadow: 0 18px 52px rgba(0,0,0,0.48) !important; } .video-container::before { background: linear-gradient(135deg, #ff2b3a, #ff7a36) !important; opacity: .80 !important; } /* ФИЛЬТР — ВОЗВРАЩАЕМ РОВНЫЙ ВИД, НЕ ЛОМАЕМ ВЕЗДЕ */ .bixa-block, .filter-block { background: linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.018)), #151219 !important; border: 1px solid rgba(255,255,255,0.10) !important; border-radius: 20px !important; box-shadow: 0 18px 48px rgba(0,0,0,0.34) !important; } .bixa-block--full, .filter-block--full { background: linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.018)), #151219 !important; border: 1px solid rgba(255,255,255,0.10) !important; border-radius: 20px !important; box-shadow: 0 18px 48px rgba(0,0,0,0.34) !important; padding: 18px !important; margin: 0 0 20px 0 !important; } .bixa, .filter { gap: 12px 18px !important; align-items: flex-end !important; } .bixa__col:not(.bixa__col--submit) { min-width: 220px !important; flex: 1 1 220px !important; } .bixa__col--ranges { padding-left: 8px !important; padding-right: 8px !important; } .bixa-block--full .bixa__col--submit { width: auto !important; flex: 0 0 auto !important; } .filter__col { min-width: 220px !important; flex: 1 1 220px !important; } .bixa__cell select, .bixa__cell input, .filter select, .filter input, .tail-select-container, .select-label, .tail-select .select-dropdown, .ac-form__editor .bb-editor textarea, .ac-form__header input, .lgn__input input, input[type="text"], input[type="password"], input[type="email"], textarea, select { background: rgba(255,255,255,0.075) !important; color: #fff !important; border: 1px solid rgba(255,255,255,0.12) !important; border-radius: 12px !important; box-shadow: none !important; } .bixa__cell select:focus, .bixa__cell input:focus, .filter select:focus, .filter input:focus, input:focus, textarea:focus, select:focus { border-color: rgba(255,43,58,0.62) !important; box-shadow: 0 0 0 3px rgba(255,43,58,0.12) !important; } .tail-select .select-dropdown { background: #151219 !important; box-shadow: 0 18px 50px rgba(0,0,0,0.46) !important; } .tail-select .select-dropdown ul li, .tail-select .label-inner { color: rgba(255,255,255,0.78) !important; } .tail-select .select-dropdown ul li:hover, .tail-select .select-dropdown ul li.dropdown-option.selected { color: #fff !important; } .tail-select-container .select-handle, .tail-select .select-dropdown ul li.dropdown-option.selected::before { background: linear-gradient(135deg, #ff2b3a 0%, #d91528 100%) !important; color: #fff !important; } .irs-line { background: rgba(255,255,255,0.10) !important; box-shadow: inset 0 1px 3px rgba(0,0,0,0.35) !important; } .irs-bar, .irs-handle { border-color: #ff2b3a !important; } .irs-bar { background: linear-gradient(90deg, #ff2b3a, #ff7a36) !important; } .irs-handle, .irs-from, .irs-to, .irs-single { background: #fff !important; color: #141117 !important; } /* ВСЕ КНОПКИ — ЕДИНЫЙ START-СТИЛЬ, ВКЛЮЧАЯ ЗАГРУЗИТЬ ЕЩЁ */ button, .bbcodes, .btn, .ui-button, .ac-form__btn button, .degne__btn-login, .trl__btn, .tab-button, .tabs-block__select button, .vixi__tabs button, .pagination__pages a, .pagination__pages span:not(.nav_ext), .pagination > a, .pagination > span, .pagination__btn-loader, .pagination__btn-loader a, .pagination__btn-loader button, .pagination__btns, .pagination__btns > *, .fazpo__player .tabs-block__select button, .fazpo__fav a, .fazpo__fav > span, .page__fav a, .page__fav > span, .page__light-button span, .mass_comments_action .bbcodes, input[type="button"], input[type="submit"] { background: linear-gradient(135deg, #ff2b3a 0%, #d91528 100%) !important; color: #fff !important; border: 0 !important; border-radius: 12px !important; box-shadow: 0 12px 28px rgba(255,43,58,0.22), 0 8px 22px rgba(0,0,0,0.22) !important; text-shadow: none !important; transition: transform .18s ease, box-shadow .18s ease, background .18s ease, filter .18s ease !important; } button:hover, .bbcodes:hover, .btn:hover, .ui-button:hover, .ac-form__btn button:hover, .degne__btn-login:hover, .trl__btn:hover, .tab-button:hover, .tabs-block__select button:hover, .vixi__tabs button:hover, .pagination__pages a:hover, .pagination > a:hover, .pagination__btn-loader:hover, .pagination__btn-loader a:hover, .pagination__btn-loader button:hover, .pagination__btns > *:hover, .fazpo__player .tabs-block__select button:hover, .fazpo__fav a:hover, .fazpo__fav > span:hover, .page__fav a:hover, .page__fav > span:hover, .page__light-button:hover span, input[type="button"]:hover, input[type="submit"]:hover { background: linear-gradient(135deg, #ff4653 0%, #ff2b3a 48%, #ff7a36 100%) !important; color: #fff !important; transform: translateY(-1px) !important; box-shadow: 0 16px 36px rgba(255,43,58,0.30), 0 12px 28px rgba(0,0,0,0.26) !important; } button.is-active, .tabs-block__select button.is-active, .vixi__tabs button.is-active, .tab-button.active, .pagination__pages span:not(.nav_ext), .fazpo__player .tabs-block__select button.is-active { background: #ffffff !important; color: #151219 !important; box-shadow: 0 12px 30px rgba(255,255,255,0.16), 0 8px 20px rgba(0,0,0,0.24) !important; } .vixi__tabs button, .tabs-block__select button, .tab-button { min-height: 38px !important; padding-left: 18px !important; padding-right: 18px !important; font-weight: 800 !important; } .fazpo__player .tabs-block__select button { border-radius: 0 !important; box-shadow: none !important; } .search-block__btn, .owl-prev, .owl-next { background: transparent !important; color: #ff4150 !important; border: 0 !important; box-shadow: none !important; transform: none !important; } .pagination { gap: 14px 10px !important; } .pagination__pages a, .pagination__pages span, .pagination > a, .pagination > span { min-width: 38px !important; height: 38px !important; } .pagination__btn-loader a { min-width: 300px !important; min-height: 42px !important; font-weight: 850 !important; text-transform: uppercase !important; letter-spacing: 0.02em !important; } /* ЛАЙКИ */ .fazpo__likes a, .page__likes a { border-radius: 12px !important; font-weight: 800 !important; color: #fff !important; } .fazpo__likes a:first-child, .page__likes a:first-child, .fazpo__likes a:last-child, .page__likes a:last-child { background: linear-gradient(135deg, #ff2b3a 0%, #d91528 100%) !important; } .fazpo__likes a:hover, .page__likes a:hover { filter: brightness(1.08) !important; } .fazpo__fav .fav-added, .page__fav .fav-added { color: #ffbd4a !important; } .fazpo__complaint a, .fazpo__complaint span { color: #ff5360 !important; } .show-text, .scrolltop, .fazpo__rating-ext a .fal { background: linear-gradient(135deg, #ff2b3a 0%, #d91528 100%) !important; color: #fff !important; } .fazpo__rating-ext a + a .fal { background: linear-gradient(135deg, #ff7a36 0%, #ff2b3a 100%) !important; } .fazpo__ratingscore-ring::before { background: conic-gradient(from 0deg, #ffbd4a 0%, #ff2b3a var(--p), rgba(255,255,255,0.12) var(--p)) !important; } .fazpo__ratingscore-ring, .fazpo__ratingscore-ring::after { background-color: #151219 !important; color: #fff !important; } /* КОММЕНТАРИИ */ .comm { background: linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.018)), #151219 !important; border: 1px solid rgba(255,255,255,0.08) !important; } .comm.pos, .comm.neg { background: linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.018)), #151219 !important; } .comm__group, .bolter__rating { border-color: rgba(255,255,255,0.14) !important; color: rgba(255,255,255,0.78) !important; } .comm__date, .comm__action, .bolter__subtitle, .bolter::before { color: rgba(255,255,255,0.55) !important; } .comm__rating a, .comm__rating a:last-child, .comm__rating span .ratingplus, .comm__rating span .ratingminus { color: #ff5360 !important; } /* FOOTER */ .qexeq { background: radial-gradient(circle at 20% 0%, rgba(255,43,58,0.18), transparent 36%), #070609 !important; border-top: 1px solid rgba(255,255,255,0.08) !important; color: rgba(255,255,255,0.68) !important; } .qexeq__two { border-top-color: rgba(255,255,255,0.10) !important; } .qexeq__menu, .qexeq__copyright { color: rgba(255,255,255,0.80) !important; } /* УБИРАЕМ ЗЕЛЁНЫЙ ИЗ INLINE-СТИЛЕЙ И СТАРЫХ ПРАВОК */ [style*="#79c142"], [style*="121, 193, 66"], [style*="#55ff00"], [style*="#58b32a"], [style*="green"] { color: #ff2b3a !important; border-color: #ff2b3a !important; text-shadow: none !important; } a[style*="#79c142"], a[style*="#55ff00"], a[style*="#58b32a"] { color: #ffffff !important; background: linear-gradient(135deg, #ff2b3a 0%, #d91528 100%) !important; text-shadow: none !important; } .schedule-wrapper { background: linear-gradient(135deg, rgba(255,43,58,0.92) 0%, rgba(255,122,54,0.86) 100%) !important; border: 1px solid rgba(255,255,255,0.14) !important; box-shadow: 0 18px 48px rgba(255,43,58,0.20), 0 18px 48px rgba(0,0,0,0.28) !important; } /* ПОПАП */ .trl { background-color: rgba(5,4,6,0.92) !important; backdrop-filter: blur(18px) !important; } .th-text { background: #151219 !important; border-left-color: #ff2b3a !important; box-shadow: 0 20px 60px rgba(0,0,0,0.55) !important; color: rgba(255,255,255,0.78) !important; } .pop-left .th-text { border-right-color: #ff2b3a !important; } /* MOBILE */ @media screen and (max-width: 950px) { .fazpo__bg { border-radius: 18px !important; } .fazpo__cols-right { border-left: 0 !important; border-top: 1px solid rgba(255,255,255,0.08) !important; } } @media screen and (max-width: 760px) { .naz, .bixa-block, .filter-block, .fazpo__bg, .comm, .boltuny { border-radius: 16px !important; } .bixa-block--full, .filter-block--full { padding: 14px !important; border-radius: 16px !important; } .bixa, .filter { gap: 10px !important; } .bixa__col:not(.bixa__col--submit), .filter__col { min-width: 100% !important; flex: 1 1 100% !important; } .bixa-block--full .bixa__col--submit { width: 100% !important; flex: 1 1 100% !important; } .bixa-block--full .bixa__col--submit button, .filter-block--full button, .filter button, .pagination__btn-loader a { width: 100% !important; min-width: 0 !important; } .sluk__img::before { width: 52px !important; height: 52px !important; margin-left: -26px !important; margin-top: -26px !important; } .sluk__img::after { margin-left: -6px !important; margin-top: -10px !important; border-top: 10px solid transparent !important; border-bottom: 10px solid transparent !important; border-left: 17px solid #fff !important; } .sluk__title, .sluk__title a { font-size: 14px !important; line-height: 1.2 !important; } .vixi__tabs button, .tabs-block__select button, .tab-button { min-height: 40px !important; padding-left: 12px !important; padding-right: 12px !important; font-size: 13px !important; } } @media screen and (max-width: 470px) { .degne { background: rgba(9,8,11,0.94) !important; } .pagination__pages a, .pagination__pages span, .pagination > a, .pagination > span { min-width: 34px !important; height: 34px !important; padding: 0 8px !important; } } /* ===================================================== FINAL FIX 2026-06-15: START.RU STYLE + НОРМАЛЬНЫЙ BIXA FILTER ВАЖНО: классы и HTML не меняем. Исправлено: 1) .bixa-block на страницах каталога — широкий ровный фильтр. 2) .fazpo__cols-right .bixa-block — компактный сайдбар fullstory. 3) .bixa-block--full больше не ломает фильтр везде. 4) Кнопка "Загрузить ещё" и все кнопки — без зелёного. ===================================================== */ :root { --accent: #e30613 !important; --red: #e30613 !important; --green: #e30613 !important; --blue: #e30613 !important; --yellow: #ffb13b !important; --start-main-bg: #08090d; --start-card-bg: #12141b; --start-card-bg-2: #171923; --start-border: rgba(255,255,255,0.10); --start-text: #ffffff; --start-muted: rgba(255,255,255,0.66); --start-red: #e30613; --start-red-hover: #ff2634; --start-shadow: 0 18px 46px rgba(0,0,0,0.38); } /* ===================================================== ОБЩИЙ СТИЛЬ START.RU — ЧИЩЕ, ДОРОЖЕ, БЕЗ ЗЕЛЁНОГО ===================================================== */ html, body { background: #08090d !important; color: #fff !important; } body { background: radial-gradient(circle at 18% 0%, rgba(227,6,19,0.22) 0%, rgba(227,6,19,0.08) 26%, transparent 48%), radial-gradient(circle at 86% 10%, rgba(255,80,50,0.12) 0%, transparent 38%), linear-gradient(180deg, #101119 0%, #08090d 42%, #07080c 100%) !important; } .laz::before { filter: none !important; opacity: 0.92 !important; background: radial-gradient(circle at 18% 0%, rgba(227,6,19,0.24), transparent 42%), radial-gradient(circle at 80% 8%, rgba(255,60,40,0.13), transparent 36%) !important; mask-image: none !important; pointer-events: none !important; } .laz::after { background: linear-gradient(to bottom, rgba(8,9,13,0.08), #08090d 82%) !important; } .laz__container--main { background: rgba(10,11,16,0.92) !important; box-shadow: 0 0 0 1px rgba(255,255,255,0.06), 0 34px 90px rgba(0,0,0,0.50) !important; } .degne { background: rgba(8,9,13,0.92) !important; border-bottom: 1px solid rgba(255,255,255,0.08) !important; box-shadow: 0 10px 32px rgba(0,0,0,0.34) !important; backdrop-filter: blur(16px) !important; } .logo, .logo:hover, .logo span, .logo:hover span { color: #fff !important; text-shadow: none !important; } .logo span, .logo:hover span { background: linear-gradient(90deg, #ffffff 0%, #e30613 55%, #ff5a36 100%) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; } .degne__menu > li > a { color: rgba(255,255,255,0.72) !important; opacity: 1 !important; } .degne__menu > li > a:hover, .degne__menu > li:hover > a { color: #fff !important; } .degne__menu-hidden { background: rgba(18,20,27,0.98) !important; border: 1px solid rgba(255,255,255,0.10) !important; border-top: 3px solid #e30613 !important; border-radius: 0 0 18px 18px !important; box-shadow: 0 22px 60px rgba(0,0,0,0.52) !important; } .degne .degne__menu li:has(.degne__menu-hidden)::before { border-bottom-color: #e30613 !important; } .search-block__input, .search-block__input:focus { background: rgba(255,255,255,0.08) !important; color: #fff !important; border: 1px solid rgba(255,255,255,0.12) !important; border-radius: 12px !important; box-shadow: none !important; } .search-block__btn { background: transparent !important; color: #e30613 !important; box-shadow: none !important; } .naz, .descr, .boltuny, .comm, .lgn__content, .pwidget, .fazpo__bg { background: linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.018)), #12141b !important; border: 1px solid rgba(255,255,255,0.10) !important; box-shadow: var(--start-shadow) !important; } .naz, .fazpo__bg, .boltuny, .comm { border-radius: 20px !important; } .vixi__title, .naz__caption, .bixa-block__title, .fazpo__header h1, .fazpo__title, .comm__title, .boltuny__title, .descr :is(h1,h2,h3), .full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5 { color: #fff !important; font-weight: 800 !important; } .full-text, .descr, .fazpo__text .full-text, .comm__text, .fazpo__list { color: rgba(255,255,255,0.74) !important; } .fazpo__list a, .descr a, .full-text a, .comm__author, .comm__author a, a:hover { color: #ff3844 !important; } /* ===================================================== КАРТОЧКИ / ПОСТЕРЫ ===================================================== */ .sluk__img, .fazpo__poster { border-radius: 16px !important; background: #08090d !important; border: 1px solid rgba(255,255,255,0.10) !important; box-shadow: 0 16px 40px rgba(0,0,0,0.44) !important; } .sluk__label { background: linear-gradient(135deg, #e30613 0%, #ff3844 100%) !important; color: #fff !important; border-radius: 999px !important; box-shadow: 0 8px 22px rgba(227,6,19,0.30) !important; } .sluk__desc { background: linear-gradient(to top, rgba(5,6,9,0.96) 0%, rgba(5,6,9,0.70) 42%, rgba(5,6,9,0.10) 100%) !important; color: #fff !important; z-index: 20 !important; } .sluk__title, .sluk__title a, .sluk__desc .sluk__title, .sluk__desc .sluk__title a { color: #fff !important; font-weight: 850 !important; text-shadow: 0 2px 5px rgba(0,0,0,0.95), 0 0 14px rgba(0,0,0,0.95) !important; } .sluk__year, .sluk__subtitle, .sluk__meta, .sluk__desc span, .sluk__desc small { color: rgba(255,255,255,0.82) !important; } .sluk__img::before { content: '' !important; position: absolute !important; left: 50% !important; top: 50% !important; width: 62px !important; height: 62px !important; margin-left: -31px !important; margin-top: -31px !important; border-radius: 50% !important; background: linear-gradient(135deg, #e30613 0%, #ff2634 100%) !important; box-shadow: 0 0 0 3px rgba(255,255,255,0.84), 0 14px 34px rgba(227,6,19,0.32), 0 14px 34px rgba(0,0,0,0.50) !important; z-index: 30 !important; pointer-events: none !important; } .sluk__img::after { content: '' !important; position: absolute !important; left: 50% !important; top: 50% !important; width: 0 !important; height: 0 !important; margin-left: -7px !important; margin-top: -12px !important; border-top: 12px solid transparent !important; border-bottom: 12px solid transparent !important; border-left: 20px solid #fff !important; background: transparent !important; z-index: 31 !important; pointer-events: none !important; } /* ===================================================== ГЛАВНЫЙ ФИКС ФИЛЬТРА BIXA ===================================================== */ /* 1) ОБЫЧНЫЙ ФИЛЬТР В КАТАЛОГЕ / НА ГЛАВНОЙ — ШИРОКИЙ И РОВНЫЙ */ .bixa-block:not(.bixa-block--full) { background: linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.018)), #12141b !important; border: 1px solid rgba(255,255,255,0.10) !important; border-radius: 20px !important; box-shadow: 0 18px 46px rgba(0,0,0,0.34) !important; margin: 0 var(--indent-negative) 20px var(--indent-negative) !important; padding: 20px var(--indent) !important; overflow: visible !important; } /* 2) FULL-ВАРИАНТ НЕ ДОЛЖЕН РАСТЯГИВАТЬСЯ И ЛОМАТЬ ВСЁ */ .bixa-block--full { background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; margin: 0 0 20px 0 !important; padding: 0 !important; overflow: visible !important; } .bixa-block--full > .bixa-block__title { display: flex !important; align-items: center !important; min-height: 42px !important; margin: 0 0 14px 0 !important; padding: 0 !important; color: #fff !important; font-size: 18px !important; font-weight: 800 !important; } /* 3) ШИРОКИЙ full-фильтр, если он НЕ в правой колонке */ .glv > .bixa-block--full, .fazpo__cols-left .bixa-block--full { background: linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.018)), #12141b !important; border: 1px solid rgba(255,255,255,0.10) !important; border-radius: 20px !important; box-shadow: 0 18px 46px rgba(0,0,0,0.34) !important; margin: 0 0 20px 0 !important; padding: 18px !important; } /* 4) Форма в широком фильтре */ .bixa { display: flex !important; flex-wrap: wrap !important; align-items: flex-start !important; gap: 14px 18px !important; width: 100% !important; } .bixa__col:not(.bixa__col--submit) { flex: 1 1 240px !important; min-width: 240px !important; max-width: 100% !important; display: flex !important; flex-direction: column !important; gap: 10px !important; } .bixa__col--ranges { flex: 1 1 260px !important; min-width: 260px !important; padding: 0 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; gap: 10px !important; } .bixa__col--submit { flex: 0 0 150px !important; width: 150px !important; min-width: 150px !important; align-self: stretch !important; display: flex !important; } .bixa__cell--submit, .bixa__col--submit .bixa__cell { width: 100% !important; height: 100% !important; } .bixa__cell--submit input, .bixa__col--submit input[type="button"] { width: 100% !important; min-height: 42px !important; } /* 5) FULLSTORY RIGHT SIDEBAR — ВОТ ГЛАВНЫЙ ФИКС */ .fazpo__cols-right .bixa-block, .fazpo__cols-right .bixa-block--full { background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; margin: 0 !important; padding: 0 !important; width: 100% !important; max-width: 100% !important; overflow: visible !important; } .fazpo__cols-right .bixa-block__title { display: flex !important; align-items: center !important; min-height: 36px !important; margin: 0 0 12px 0 !important; padding: 0 !important; color: #fff !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1.2 !important; } .fazpo__cols-right .bixa { display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; align-items: stretch !important; gap: 12px !important; width: 100% !important; } .fazpo__cols-right .bixa__col, .fazpo__cols-right .bixa__col:not(.bixa__col--submit), .fazpo__cols-right .bixa__col--ranges, .fazpo__cols-right .bixa__col--submit { width: 100% !important; min-width: 0 !important; max-width: 100% !important; flex: 0 0 auto !important; padding: 0 !important; display: flex !important; flex-direction: column !important; gap: 10px !important; align-self: stretch !important; } .fazpo__cols-right .bixa__cell, .fazpo__cols-right .bixa__cell--submit { width: 100% !important; max-width: 100% !important; } .fazpo__cols-right .bixa__cell--submit { display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; } .fazpo__cols-right .bixa__cell--submit input, .fazpo__cols-right .bixa__col--submit input[type="button"] { width: 100% !important; min-width: 0 !important; } /* 6) SELECT / TAIL-SELECT — чтобы не вылезали за колонку */ .bixa__cell, .bixa__cell *, .tail-select, .tail-select * { box-sizing: border-box !important; } .bixa__cell select, .bixa__cell input[type="text"], .bixa__cell input[type="button"], .tail-select, .tail-select-container, .select-label, .tail-select .select-dropdown { width: 100% !important; max-width: 100% !important; } .bixa__cell select, .bixa__cell input[type="text"], .filter select, .filter input, .tail-select-container, .select-label, .ac-form__editor .bb-editor textarea, .ac-form__header input, .lgn__input input, input[type="text"], input[type="password"], input[type="email"], textarea, select { background: rgba(255,255,255,0.075) !important; color: #fff !important; border: 1px solid rgba(255,255,255,0.12) !important; border-radius: 12px !important; box-shadow: none !important; } .tail-select-container, .select-label { min-height: 42px !important; padding: 6px 40px 6px 8px !important; } .tail-select .label-inner { color: rgba(255,255,255,0.80) !important; font-size: 13px !important; overflow: hidden !important; text-overflow: ellipsis !important; } .tail-select-container .select-handle { background: #e30613 !important; color: #fff !important; border-radius: 8px !important; max-width: 100% !important; } .tail-select .select-dropdown { left: 0 !important; right: auto !important; z-index: 9999 !important; background: #151822 !important; border: 1px solid rgba(255,255,255,0.12) !important; box-shadow: 0 18px 50px rgba(0,0,0,0.50) !important; } .fazpo__cols-right .tail-select .select-dropdown { position: absolute !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; } .bixa__cell input[type="text"] { opacity: 0 !important; height: 1px !important; min-height: 1px !important; padding: 0 !important; border: 0 !important; overflow: hidden !important; } /* Слайдеры в сайдбаре */ .fazpo__cols-right .irs { width: 100% !important; max-width: 100% !important; margin: 0 !important; } .irs-line { background: rgba(255,255,255,0.12) !important; box-shadow: inset 0 1px 3px rgba(0,0,0,0.36) !important; } .irs-bar { background: linear-gradient(90deg, #e30613, #ff3844) !important; } .irs-handle { border-color: #e30613 !important; background: #fff !important; } .irs-from, .irs-to, .irs-single { background: #fff !important; color: #11131a !important; border-color: transparent !important; } /* ===================================================== КНОПКИ — ВСЕ КРАСНЫЕ/ТЁМНЫЕ, ЗЕЛЁНОГО НЕТ ===================================================== */ button, .bbcodes, .btn, .ui-button, .ac-form__btn button, .degne__btn-login, .trl__btn, .tab-button, .tabs-block__select button, .vixi__tabs button, .pagination__pages a, .pagination__pages span:not(.nav_ext), .pagination > a, .pagination > span, .pagination__btn-loader, .pagination__btn-loader a, .pagination__btn-loader button, .pagination__btns > *, .fazpo__player .tabs-block__select button, .fazpo__fav a, .fazpo__fav > span, .page__fav a, .page__fav > span, .page__light-button span, .mass_comments_action .bbcodes, input[type="button"], input[type="submit"], .ajax_next_page, .load-more, .loadmore, .btn-load-more, .show-more, .more-link, [data-dlefilter="submit"] { background: linear-gradient(135deg, #e30613 0%, #ff2634 100%) !important; color: #fff !important; border: 0 !important; border-radius: 12px !important; box-shadow: 0 12px 28px rgba(227,6,19,0.24), 0 8px 22px rgba(0,0,0,0.24) !important; text-shadow: none !important; font-weight: 800 !important; transition: transform .18s ease, box-shadow .18s ease, background .18s ease, filter .18s ease !important; } button:hover, .bbcodes:hover, .btn:hover, .ui-button:hover, .ac-form__btn button:hover, .degne__btn-login:hover, .trl__btn:hover, .tab-button:hover, .tabs-block__select button:hover, .vixi__tabs button:hover, .pagination__pages a:hover, .pagination > a:hover, .pagination__btn-loader:hover, .pagination__btn-loader a:hover, .pagination__btn-loader button:hover, .pagination__btns > *:hover, .fazpo__player .tabs-block__select button:hover, .fazpo__fav a:hover, .fazpo__fav > span:hover, .page__fav a:hover, .page__fav > span:hover, .page__light-button:hover span, input[type="button"]:hover, input[type="submit"]:hover, .ajax_next_page:hover, .load-more:hover, .loadmore:hover, .btn-load-more:hover, .show-more:hover, .more-link:hover { background: linear-gradient(135deg, #ff2634 0%, #ff4a55 100%) !important; color: #fff !important; transform: translateY(-1px) !important; box-shadow: 0 16px 36px rgba(227,6,19,0.32), 0 12px 28px rgba(0,0,0,0.28) !important; } /* reset / очистить — тёмная, но не зелёная */ [data-dlefilter="reset"], .bixa__cell [data-dlefilter="reset"] { background: rgba(255,255,255,0.10) !important; color: rgba(255,255,255,0.86) !important; border: 1px solid rgba(255,255,255,0.12) !important; box-shadow: none !important; } [data-dlefilter="reset"]:hover, .bixa__cell [data-dlefilter="reset"]:hover { background: rgba(255,255,255,0.16) !important; color: #fff !important; } .tabs-block__select button.is-active, .vixi__tabs button.is-active, .tab-button.active, .pagination__pages span:not(.nav_ext), .fazpo__player .tabs-block__select button.is-active { background: #fff !important; color: #11131a !important; } .pagination__btn-loader a, .ajax_next_page, .load-more, .loadmore, .btn-load-more { min-width: 300px !important; min-height: 42px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; text-transform: uppercase !important; letter-spacing: 0.02em !important; } .search-block__btn, .owl-prev, .owl-next { background: transparent !important; color: #e30613 !important; border: 0 !important; box-shadow: none !important; transform: none !important; } .show-text, .scrolltop, .fazpo__rating-ext a .fal, .tail-select .select-dropdown ul li.dropdown-option.selected::before { background: #e30613 !important; color: #fff !important; } .schedule-wrapper { background: linear-gradient(135deg, #e30613 0%, #ff3844 100%) !important; box-shadow: 0 18px 46px rgba(227,6,19,0.24), 0 18px 46px rgba(0,0,0,0.28) !important; } /* Убрать старую зелень даже из inline style */ [style*="#79c142"], [style*="121, 193, 66"], [style*="#55ff00"], [style*="#58b32a"], [style*="green"] { color: #e30613 !important; border-color: #e30613 !important; text-shadow: none !important; } /* ===================================================== АДАПТИВ ФИЛЬТРА ===================================================== */ @media screen and (max-width: 1220px) { .bixa__col:not(.bixa__col--submit) { flex-basis: 220px !important; min-width: 220px !important; } .bixa__col--ranges { flex-basis: 240px !important; min-width: 240px !important; } } @media screen and (max-width: 950px) { .fazpo__cols-right { border-left: 0 !important; border-top: 1px solid rgba(255,255,255,0.08) !important; } .fazpo__cols-right .bixa-block, .fazpo__cols-right .bixa-block--full { background: linear-gradient(180deg, rgba(255,255,255,0.050), rgba(255,255,255,0.018)), #12141b !important; border: 1px solid rgba(255,255,255,0.10) !important; border-radius: 18px !important; padding: 16px !important; margin: 0 0 18px 0 !important; } } @media screen and (max-width: 760px) { .bixa-block:not(.bixa-block--full), .glv > .bixa-block--full, .fazpo__cols-left .bixa-block--full { border-radius: 16px !important; padding: 14px !important; margin: 0 0 18px 0 !important; } .bixa, .bixa-block--full .bixa { flex-direction: column !important; flex-wrap: nowrap !important; align-items: stretch !important; gap: 12px !important; } .bixa__col, .bixa__col:not(.bixa__col--submit), .bixa__col--ranges, .bixa__col--submit { width: 100% !important; min-width: 0 !important; max-width: 100% !important; flex: 0 0 auto !important; padding: 0 !important; } .bixa__cell--submit { display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; } .pagination__btn-loader a, .ajax_next_page, .load-more, .loadmore, .btn-load-more { width: 100% !important; min-width: 0 !important; } .sluk__img::before { width: 52px !important; height: 52px !important; margin-left: -26px !important; margin-top: -26px !important; } .sluk__img::after { margin-left: -6px !important; margin-top: -10px !important; border-top: 10px solid transparent !important; border-bottom: 10px solid transparent !important; border-left: 17px solid #fff !important; } } /* ===================================================== FINAL FIX 2026 — POPUP / INFO BUTTON / FAVORITES Исправляет: 1) popup "добавлено в избранное/закладки" был белым и невидимым 2) кнопка INFO на постере не нажималась 3) слои постера перекрывали клики 4) зелёная кнопка "загрузить ещё" / старые зелёные акценты ===================================================== */ :root { --accent: #e30613 !important; --red: #e30613 !important; --green: #e30613 !important; --yellow: #ffcc33 !important; --blue: #e30613 !important; } /* ---------- POPUP / УВЕДОМЛЕНИЯ DLE ---------- */ .pwidget, .pm_alert, .ui-dialog, #dlepopup, .dle-popup, .dle-alert, .dle-tooltip, #dropmenudiv { background: #11131a !important; color: #ffffff !important; border: 1px solid rgba(255,255,255,0.10) !important; box-shadow: 0 22px 70px rgba(0,0,0,0.65), 0 0 0 1px rgba(227,6,19,0.22) !important; } .pwidget *, .pm_alert *, .ui-dialog *, #dlepopup *, .dle-popup *, .dle-alert *, .dle-tooltip *, #dropmenudiv * { color: #ffffff !important; } .pwidget a, .pm_alert a, .ui-dialog a, #dlepopup a, .dle-popup a, .dle-alert a, .dle-tooltip a, #dropmenudiv a { color: #ff3b45 !important; } .pwidget::before { background: rgba(255,255,255,0.22) !important; } .pwidget .wctrl__content, .pwidget .wctrl__content *, .pwidget .pm_status, .pwidget .pm_status *, .pwidget .ui-dialog-content, .pwidget .ui-dialog-content * { color: #ffffff !important; } /* Кнопки внутри popup */ .pwidget button, .pwidget .bbcodes, .pm_alert button, .ui-dialog button, #dlepopup button, .dle-popup button { background: linear-gradient(135deg, #e30613, #ff3340) !important; color: #fff !important; border: 0 !important; border-radius: 12px !important; box-shadow: 0 10px 24px rgba(227,6,19,0.28) !important; } .pwidget button:hover, .pm_alert button:hover, .ui-dialog button:hover, #dlepopup button:hover, .dle-popup button:hover { background: linear-gradient(135deg, #ff1f2d, #ff5962) !important; color: #fff !important; } /* ---------- ПОСТЕРЫ: INFO ДОЛЖНА НАЖИМАТЬСЯ ---------- */ .sluk, .sluk__img { position: relative !important; } /* декоративные слои постера не должны ловить клик */ .sluk__img::before, .sluk__img::after { pointer-events: none !important; } /* описание может быть сверху, но не должно блокировать кнопку info */ .sluk__desc { pointer-events: none !important; z-index: 7 !important; } /* ссылки внутри описания всё равно кликабельные */ .sluk__desc a, .sluk__title a { pointer-events: auto !important; } /* сама кнопка info всегда выше всех слоёв */ .sluk__btn-info { position: absolute !important; right: 10px !important; top: 10px !important; z-index: 30 !important; opacity: 1 !important; visibility: visible !important; translate: 0 0 !important; transform: none !important; pointer-events: auto !important; cursor: pointer !important; width: 38px !important; height: 38px !important; min-width: 38px !important; padding: 0 !important; border: 0 !important; border-radius: 12px !important; display: grid !important; place-items: center !important; background: rgba(12, 13, 18, 0.82) !important; color: #ffffff !important; box-shadow: 0 10px 26px rgba(0,0,0,0.42), inset 0 0 0 1px rgba(255,255,255,0.12) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; } .sluk__btn-info::before { color: #fff !important; } .sluk__btn-info:hover { background: linear-gradient(135deg, #e30613, #ff3340) !important; color: #fff !important; box-shadow: 0 14px 30px rgba(227,6,19,0.34) !important; } /* ajax info popup / quick info */ .th-text { z-index: 9999 !important; background: #11131a !important; color: #fff !important; border-left: 3px solid #e30613 !important; border-radius: 16px !important; box-shadow: 0 24px 70px rgba(0,0,0,0.65), 0 0 0 1px rgba(255,255,255,0.08) !important; } .th-text *, .th-text h1, .th-text .full-text, .th-text .fazpo__text { color: #fff !important; } .th-text a { color: #ff3b45 !important; } .th-text-loader { color: #ff3b45 !important; } /* ---------- ИЗБРАННОЕ / ЗАКЛАДКИ ---------- */ .fazpo__fav a, .fazpo__fav > span, .page__fav a, .page__fav > span, .favmod, .favmod-add, .favmod-del { background: rgba(255,255,255,0.08) !important; color: #fff !important; border: 1px solid rgba(255,255,255,0.10) !important; border-radius: 12px !important; box-shadow: none !important; } .fazpo__fav a:hover, .fazpo__fav > span:hover, .page__fav a:hover, .page__fav > span:hover, .favmod:hover, .favmod-add:hover, .favmod-del:hover { background: linear-gradient(135deg, #e30613, #ff3340) !important; color: #fff !important; border-color: transparent !important; } .fazpo__fav .fav-added, .page__fav .fav-added, .fav-added { color: #ffcc33 !important; } /* ---------- ЗАГРУЗИТЬ ЕЩЁ / ПАГИНАЦИЯ ---------- */ .pagination__btn-loader a, .pagination__btn-loader button, .pagination__btn-loader, #load_more, .load_more, .load-more, a[data-ajax], button[data-ajax] { background: linear-gradient(135deg, #e30613, #ff3340) !important; color: #ffffff !important; border: 0 !important; border-radius: 14px !important; box-shadow: 0 12px 28px rgba(227,6,19,0.24) !important; } .pagination__btn-loader a:hover, .pagination__btn-loader button:hover, #load_more:hover, .load_more:hover, .load-more:hover, a[data-ajax]:hover, button[data-ajax]:hover { background: linear-gradient(135deg, #ff1f2d, #ff5a63) !important; color: #ffffff !important; box-shadow: 0 16px 34px rgba(227,6,19,0.34) !important; } /* ---------- СТАРЫЕ ЗЕЛЁНЫЕ INLINE-ЦВЕТА ---------- */ [style*="#79c142"], [style*="121, 193, 66"], [style*="55ff00"], [style*="#58b32a"] { color: #e30613 !important; border-color: #e30613 !important; text-shadow: none !important; } a[style*="#79c142"] { color: #ffffff !important; text-shadow: 0 2px 8px rgba(0,0,0,0.85), 0 0 14px rgba(227,6,19,0.55) !important; } .schedule-wrapper { background: linear-gradient(135deg, #151721 0%, #251018 45%, #e30613 160%) !important; } /* ---------- МОБИЛКА ---------- */ @media screen and (max-width: 760px) { .sluk__btn-info { width: 34px !important; height: 34px !important; min-width: 34px !important; right: 8px !important; top: 8px !important; border-radius: 10px !important; } .th-text { position: fixed !important; left: 12px !important; right: 12px !important; top: 80px !important; width: auto !important; max-width: none !important; max-height: calc(100vh - 120px) !important; overflow: auto !important; } .pwidget { left: 12px !important; right: 12px !important; bottom: 12px !important; width: auto !important; border-radius: 18px !important; } } /* ===================================================== MODERN POSTER ANIMATION — ДОРОГАЯ АНИМАЦИЯ ПОСТЕРОВ ВСТАВИТЬ В САМЫЙ НИЗ style.css ===================================================== */ .sluk { position: relative !important; transition: transform 0.28s ease, filter 0.28s ease !important; will-change: transform; } /* сама карточка постера */ .sluk__img { position: relative !important; overflow: hidden !important; border-radius: 16px !important; background: #090a0f !important; box-shadow: 0 10px 28px rgba(0,0,0,0.28), 0 0 0 1px rgba(255,255,255,0.06) !important; transition: transform 0.32s ease, box-shadow 0.32s ease, border-color 0.32s ease !important; } /* картинка внутри */ .sluk__img img { transition: transform 0.42s ease, filter 0.42s ease, opacity 0.42s ease !important; will-change: transform; } /* затемнение снизу для читаемого названия */ .sluk__img::after { content: "" !important; position: absolute !important; left: 0 !important; right: 0 !important; bottom: 0 !important; height: 70% !important; background: linear-gradient( to top, rgba(0,0,0,0.92) 0%, rgba(0,0,0,0.60) 45%, rgba(0,0,0,0.05) 100% ) !important; z-index: 3 !important; pointer-events: none !important; } /* красивый световой блик */ .sluk__img::before { content: "" !important; position: absolute !important; top: -60% !important; left: -80% !important; width: 55% !important; height: 220% !important; background: linear-gradient( 90deg, transparent, rgba(255,255,255,0.22), transparent ) !important; transform: rotate(22deg) !important; z-index: 6 !important; opacity: 0 !important; pointer-events: none !important; } /* hover эффект всей карточки */ .sluk:hover { transform: translateY(-8px) !important; } /* hover постера */ .sluk:hover .sluk__img { box-shadow: 0 22px 46px rgba(0,0,0,0.45), 0 0 0 1px rgba(227,6,19,0.35), 0 0 34px rgba(227,6,19,0.22) !important; } /* увеличение картинки */ .sluk:hover .sluk__img img { transform: scale(1.07) !important; filter: brightness(1.08) contrast(1.08) saturate(1.12) !important; } /* запуск блика */ .sluk:hover .sluk__img::before { opacity: 1 !important; animation: posterShine 0.9s ease forwards !important; } @keyframes posterShine { 0% { left: -80%; } 100% { left: 135%; } } /* текст на постере */ .sluk__desc { position: absolute !important; inset: 0 !important; z-index: 8 !important; color: #fff !important; pointer-events: none !important; transition: transform 0.28s ease, opacity 0.28s ease !important; } /* ссылки внутри описания можно нажимать */ .sluk__desc a, .sluk__title a { pointer-events: auto !important; } /* название */ .sluk__title, .sluk__title a { color: #fff !important; font-weight: 800 !important; text-shadow: 0 2px 5px rgba(0,0,0,1), 0 0 14px rgba(0,0,0,0.95) !important; } /* мета / год */ .sluk__year, .sluk__subtitle, .sluk__meta { color: rgba(255,255,255,0.82) !important; text-shadow: 0 2px 5px rgba(0,0,0,0.95) !important; } /* лёгкое поднятие текста */ .sluk:hover .sluk__desc { transform: translateY(-4px) !important; } /* лейбл на постере */ .sluk__label { z-index: 12 !important; background: linear-gradient(135deg, #e30613, #ff3340) !important; color: #fff !important; border-radius: 999px !important; box-shadow: 0 10px 24px rgba(227,6,19,0.28) !important; } /* ===================================================== INFO КНОПКА — НЕ ДАЁМ АНИМАЦИИ ЕЁ ПЕРЕКРЫТЬ ===================================================== */ .sluk__btn-info { position: absolute !important; right: 10px !important; top: 10px !important; z-index: 30 !important; opacity: 1 !important; visibility: visible !important; translate: 0 0 !important; transform: none !important; pointer-events: auto !important; cursor: pointer !important; width: 38px !important; height: 38px !important; min-width: 38px !important; padding: 0 !important; border: 0 !important; border-radius: 12px !important; display: grid !important; place-items: center !important; background: rgba(10, 11, 16, 0.82) !important; color: #ffffff !important; box-shadow: 0 10px 26px rgba(0,0,0,0.42), inset 0 0 0 1px rgba(255,255,255,0.12) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; transition: background 0.22s ease, box-shadow 0.22s ease, scale 0.22s ease !important; } .sluk__btn-info:hover { background: linear-gradient(135deg, #e30613, #ff3340) !important; color: #fff !important; scale: 1.06 !important; box-shadow: 0 14px 30px rgba(227,6,19,0.34) !important; } /* ===================================================== НА ТЕЛЕФОНЕ — БЕЗ СИЛЬНЫХ HOVER ЭФФЕКТОВ ===================================================== */ @media screen and (max-width: 760px) { .sluk, .sluk:hover { transform: none !important; } .sluk:hover .sluk__img img { transform: none !important; filter: none !important; } .sluk__img::before { display: none !important; } .sluk__btn-info { width: 34px !important; height: 34px !important; min-width: 34px !important; right: 8px !important; top: 8px !important; border-radius: 10px !important; } }