@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-SemiBoldItalic.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

html{
    margin-top: 0!important;
}
html, body {
/*    height: 100%;*/
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue","sans-serif";
}

body, h1, h2, li, ul[class] {
    margin: 0;
    color: #717171;
    transition: .3s ease;
}
ol li strong::after,
ul li strong::after {
  content: " ";
}
a {
    text-decoration: none;
}
a:not([class]) {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
}
button,input,a {
  outline: none;
}
img {
    max-width: 100%;
    height: auto;
    display: block;
}
use{
    max-width: 100%;
    height: auto;
    display: block;
}
ul[class] {
    list-style: none;
    padding: 0;
}
ul {
     box-sizing: border-box; 
}
ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    unicode-bidi: isolate;
}
*, ::after, ::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
ol:not([class]) {
    padding-left: 0;
    list-style: none;
    counter-reset: num;
}
ol:not([class]) li {
    position: relative;
    padding-left: 32px;
    margin-bottom: 10px;
}
ol:not([class]) li::before {
    content: counter(num);
    counter-increment: num;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    background:  var(--green);
    color: var(--white);
    font-weight: 700;
    line-height: 1;
    position: absolute;
    left: 0;
    font-family: Poppins;
    font-size: 16px;
    border-radius: 8px;
    top: 4px;
}
ul:not([class]) {
    padding-left: 0;
    list-style: none;
}
ul:not([class]) li {
    position: relative;
    padding-left: 32px;
    margin-bottom: 10px;
}
ul:not([class]) li::before {
    content: "✓";
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    background: var(--green);
    color: var(--white);
    font-weight: 700;
    line-height: 1;
    position: absolute;
    left: 0;
    font-family: Poppins;
    font-size: 16px;
    border-radius: 8px;
    top: 4px;
}
button{
    cursor: pointer;
    border: none;
}


:root {
/*--white: #FFFFFF;
--white_bd: #FFFFFF;
--black: #000000;
--green: #7DC247;
--light_green: #76BB40;
--red: #FF022F;
--stroke: #CCCCCC;
--bg: #272727;
--Dark-grey: #8690AA;
--text: #010101;
--ser: #666666;
--menu: #D3D3D3;
--border: #D3D3D3;
--placeholder: #4F4C4C;
--perekl: #EDEDED;
--lyna: #939393;
--sol: #FFFFFF;
--404: rgba(255, 255, 255, 0.8);
--colorMenu: #F2F2F1;
--coment: #fff;
--single: rgb(255 255 255 / 80%);
--main-color: #4f4f4f;
--main_bg: #F2F2F1;
--razvorot: linear-gradient(0deg, #F2F2F1 18.81%, rgba(242, 242, 241, 0) 100%);
--single-text-color: #4F4C4C;
--star: #E3E3E3;
--btn-refresh: #F2F2F1;
--like: #EDFCE2;
--dislike: #FFF5F5;
--karma: #4F4C4C;*/
--cat_new_date: #CBCBCB;
--cat_news_border_img: #2a2a2a00;
--cat_new_btn: #7DC247;
--cat_new_btn_border: #7DC247;
--logo-text: #232222;
--cat_news_p: #888888;
--cat_new_date: #CBCBCB;
--cat_new_green_hover: #7DC247;
--colorMenuMain: linear-gradient(to bottom, #f0f0f0 0%, #dcd9d9 100%)!important;
--neon_logo: #fff;
}

body[data-theme="dark"] {
/*    --white_bd: #141513;
    --white: #000000;
    --black: #FFFFFF;
    --bg: #272727;
    --text: #FFFFFF;
    --ser: #AAAAAA;
    --menu: #1E1E1E;
    --border: #444444;
    --placeholder: #888888;
    --perekl: #242623;
    --lyna: #ffffff;
    --sol: #939393;
    --404: rgb(0 0 0 / 80%);
    --colorMenu: #141513;
    --coment: #141513;
    --single: rgb(0 0 0 / 50%);
    --main-color: #4f4f4f;
    --main_bg: #141513;
    --razvorot: linear-gradient(0deg, #141513 18.81%, rgba(20, 21, 19, 0) 100%);
    --single-text-color: #FFFFFF;
    --star: #141513;
    --btn-refresh: #141513;
    --like: #20231E;
    --dislike: #211D1D;
    --karma: #fff;*/
    --cat_news_border_img: #2A2A2A;
    --logo-text: #ffffff;
    --colorMenuMain:linear-gradient(to bottom, #100e0e 0%, #000000 100%)!important;
    --neon_logo: #000;
}

/* =========================
   ОСНОВА
========================= */
.light_dark {
  width: 80px;
  height: 40px;
  border-radius: 999px;
  border: none;
  padding: 0;
  cursor: pointer;
}

.track {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  overflow: hidden;
  background: linear-gradient(180deg, #C0E8FA 0%, #FFFFFF 100%);
  transition: background 0.5s ease, border 0.5s ease;
}

/* =========================
   СЦЕНЫ
========================= */
.scene {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  border-radius: inherit;
}

.scene.day {
  opacity: 1;
  transition: opacity 0.5s ease;
}

.scene.night {
  opacity: 0;
  transition: opacity 0.5s ease;
}

/* =========================
   СОЛНЕЧНЫЕ ЛУЧИ 
========================= */
.sun-rays-wrap {
  position: absolute;
  top: 50%;
  right: 4px;
  width: 100%;
  height: 40px;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 1;
}

.sun-rays-wrap svg {
  position: absolute;
  inset: 0;

  width: 100%;
  height: 100%;
}

.rays-big {
  animation: raysBlinkBig 3s ease-in-out infinite;
  animation-fill-mode: both;
}

.rays-small {
  animation: raysBlinkSmall 3s ease-in-out infinite;
  animation-delay: 1.5s;
  animation-fill-mode: both;
}

@keyframes raysBlinkBig {
  0%, 100% {
    opacity: 1;
    filter: brightness(1);
  }
  50% {
    opacity: 0.6;
    filter: brightness(1.25);
  }
}

@keyframes raysBlinkSmall {
  0%, 100% {
    opacity: 0.6;
    filter: brightness(1.2);
  }
  50% {
    opacity: 1;
    filter: brightness(1);
  }
}

/* =========================
   ОБЛАКА
========================= */
.cloud {
  position: absolute;
  z-index: 2;
  transition: transform 0.6s ease, opacity 0.6s ease;
}

.cloud-1 {
  width: 20px;
  top: 4px;
  left: 10px;
  animation: cloudFloat1 6s ease-in-out infinite alternate;
}
.cloud-1 svg{
    width: 20px;
    height: 10px;
}

.cloud-2 {
  width: 16px;
  top: 20px;
  left: 27px;
  animation: cloudFloat2 8s ease-in-out infinite alternate;
}
.cloud-2 svg{
    width: 25px;
    height: 20px;
}

@keyframes cloudFloat1 {
  from { transform: translateX(0); }
  to   { transform: translateX(6px); }
}

@keyframes cloudFloat2 {
  from { transform: translateX(0); }
  to   { transform: translateX(-6px); }
}

/* =========================
   ЗВЕЗДЫ
========================= */
.stars {
  position: absolute;
  top: 1px;
  bottom: 0;
  left: 4px;
  right: 44px;
  opacity: 0;
  transition: opacity 0.5s ease;
  animation: starsFade 3s ease-in-out infinite alternate;
  overflow: hidden;
}

.stars svg {
  width: 100%;
  height: 100%;
  display: block;
}

@keyframes starsFade {
  0% { opacity: 0.6; filter: brightness(0.8); }
  100% { opacity: 1; filter: brightness(1.2); }
}

@keyframes starsDrift {
  0%   { transform: translateX(0); }
  50%  { transform: translateX(-2px); }
  100% { transform: translateX(0); }
}

/* =========================
   ПАДАЮЩАЯ ЗВЕЗДА
========================= */
.shooting-star {
  position: absolute;
  width: 6px;
  height: 6px;
  top: 6px;
  left: 8px;
  opacity: 0;
  transform: rotate(45deg);
  pointer-events: none;
  z-index: 3;
}

@keyframes shootingStar {
  0% { opacity: 0; transform: translate(0,0) scale(0.5) rotate(45deg); }
  10% { opacity: 1; }
  60% { transform: translate(35px,25px) scale(1) rotate(45deg); opacity: 1; }
  100% { transform: translate(55px,40px) scale(0.3) rotate(45deg); opacity: 0; }
}

/* =========================
   ПАДАЮЩАЯ ЗВЕЗДА (НА ЛУНУ)
========================= */
.shooting-star-smail {
  position: absolute;
  width: 4px;
  height: 4px;
  top: 2px;
  right: 10px;
  opacity: 0;
  transform: rotate(45deg);
  pointer-events: none;
  z-index: 4;
}

@keyframes shootingStarSmall {
  0% {
    opacity: 0;
    transform: translate(0, 0) scale(0.4) rotate(45deg);
  }
  15% {
    opacity: 1;
  }
  60% {
    transform: translate(-20px, 18px) scale(0.9) rotate(45deg);
    opacity: 1;
  }
  100% {
    transform: translate(-30px, 28px) scale(0.2) rotate(45deg);
    opacity: 0;
  }
}

body[data-theme="dark"] .shooting-star-smail {
  animation: shootingStarSmall 14s linear infinite;
}

/* =========================
   КОСМОНАВТ
========================= */
.astronaut {
  position: absolute;
  top: 10px;
  right: 18px;
  width: 15px;
  height: 19px;
  opacity: 0;
  transform-origin: bottom center;
  z-index: 4;
}

body[data-theme="dark"] .astronaut {
  animation: 
    astronautAppear 1.9s ease-out forwards,
    astronautFloat 5s ease-in-out infinite;
  animation-delay: 0.2s, 2.1s;   
}

@keyframes astronautAppear {
  0% {
    opacity: 0;
    transform: translate(-16px, 10px) scale(0.5) rotate(-8deg);
  }
  40% {
    opacity: 1;
    transform: translate(-7px, 5px) scale(0.97) rotate(-20deg);
  }
  60% {
    transform: translate(-4px, 2px) scale(1.02) rotate(-27deg);   
  }
  100% {
    opacity: 1;
    transform: translate(0, 0) scale(1) rotate(0deg);
  }
}

@keyframes astronautFloat {
  0%, 100% {
    transform: translate(0, 0) rotate(0deg);
  }
  50% {
    transform: translate(1px, -3px) rotate(-3deg);   
  }
}

/* =========================
   ФЛАГ 
========================= */
.flag {
  position: absolute;
  width: 16px;
  top: 8px;
  right: 37px;        
  opacity: 0;
  transform-origin: bottom center;
  z-index: 6;
}

@keyframes flagPlant {
  0% {
    opacity: 0;
    transform: scale(0.3) rotate(-15deg);
  }
  50% {
    opacity: 0.7;
    transform: scale(0.75) rotate(10deg);
  }
  100% {
    opacity: 1;
    transform: scale(1) rotate(32deg);
  }
}

body[data-theme="dark"] .flag {
  animation: flagPlant 1.1s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
  animation-delay: 0.78s;
}
/* =========================
   THUMB (СОЛНЦЕ / ЛУНА)
========================= */
.thumb {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 50%;
  left: 4px;
  transform: translate(40px, -50%);
  border-radius: 50%;
  background: #f4d277;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
  transition: transform 0.5s cubic-bezier(.68,-0.55,.27,1.55),
              background 0.5s ease;
  border: 1px solid #fff;
}

.thumb-icon {
  width: 32px;
  height: 32px;
  opacity: 0;
  transition: all 0.4s ease;
}

.thumb-icon-2{
    width: 27px;
    height: 27px;
    left: 1.5px;
    position: absolute;
    opacity: 1;
    transition: all 0.4s ease;
}

body[data-theme="dark"] .thumb-icon-2 {
  opacity: 0;
}

.light_dark:active .thumb {
  transform: translate(40px, -50%) scale(0.92);
}
/* =========================
   Тряска СОЛНЦА 
========================= */
@keyframes sunShake {
  0%, 100% {
    transform: translate(0, 0) rotate(0deg);
  }

  25% {
    transform: translate(0.5px, -0.5px) rotate(1deg);
  }

  50% {
    transform: translate(-0.5px, 0.5px) rotate(-1deg);
  }

  75% {
    transform: translate(0.5px, 0.5px) rotate(1deg);
  }
}

body:not([data-theme="dark"]) .thumb-icon-2 {
  animation: sunShake 0.25s linear infinite;
}
/* =========================
   Язык СОЛНЦА 
========================= */
.sun-tongue{
    z-index: 8;
    height: 10px;
    width: 10px;
    left: 13px;
    position: absolute;
    opacity: 1;
    transition: all 0.4s ease;

}
.sun-tongue svg{
    width: 10px;
    height: 8px;
}
body[data-theme="dark"] .sun-tongue {
  opacity: 0;
}
@keyframes tongueMove {
  0% {
    transform: translateY(0) scaleY(1);
  }

  25% {
    transform: translateY(1px) scaleY(1.1);
  }

  50% {
    transform: translateY(2px) scaleY(0.9);
  }

  75% {
    transform: translateY(1px) scaleY(1.05);
  }

  100% {
    transform: translateY(0) scaleY(1);
  }
}

body:not([data-theme="dark"]) .sun-tongue {
  animation: tongueMove 0.25s ease-in-out infinite;
  transform-origin: top center;
}

/* =========================
   DARK MODE 
========================= */
body[data-theme="dark"] .track {
  background: #111010;
  border: 1px solid #303030;
}

body[data-theme="dark"] .scene.day {
  opacity: 0;
}

body[data-theme="dark"] .scene.night {
  opacity: 1;
}

body[data-theme="dark"] .thumb {
  transform: translate(0, -50%);
  background: #E5E5E5;
  border: none;
}

body[data-theme="dark"] .thumb-icon {
  opacity: 1;
  transform: scale(1);
  filter: drop-shadow(0 0 4px rgba(255,255,255,0.4));
}

body[data-theme="dark"] .stars {
  left: 44px;
  right: 4px;
  opacity: 1;
}

body[data-theme="dark"] .cloud-1 {
  transform: translateX(-20px);
  opacity: 0;
}

body[data-theme="dark"] .cloud-2 {
  transform: translateX(-35px);
  opacity: 0;
}

body[data-theme="dark"] .shooting-star {
  animation: shootingStar 10s linear infinite;
}

body[data-theme="dark"] .sun-rays-wrap {
  opacity: 0;
}

.black svg {
  width: 24px;
  height: 24px;
  transition: transform 0.6s ease;
  transform: rotate(0deg);
}

.black svg.active {
  transform: rotate(360deg);
}

/*body {
    scrollbar-width: thin; 
    scrollbar-color: var(--green) var(--main_bg); /
    overflow-y: auto; 
}*/
body::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
body::-webkit-scrollbar-thumb {
    background-color: var(--green);
    border-radius: 4px;
}

body::-webkit-scrollbar-track {
    background-color: var(--menu);
}

body[data-theme="dark"]::-webkit-scrollbar-thumb {
    background-color: var(--green);
}
body[data-theme="dark"]::-webkit-scrollbar-track {
    background-color: var(--black);
}


.dropdown.open .dropdown-menu::-webkit-scrollbar, .kinobalancer-players::-webkit-scrollbar, .kinobalancer-episodes::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
.dropdown.open .dropdown-menu::-webkit-scrollbar-thumb, .kinobalancer-players::-webkit-scrollbar-thumb, .kinobalancer-episodes::-webkit-scrollbar-thumb {
    background-color: var(--green);
    border-radius: 4px;
}

.dropdown.open .dropdown-menu::-webkit-scrollbar-track, .kinobalancer-players::-webkit-scrollbar-track, .kinobalancer-episodes::-webkit-scrollbar-track {
        background-color: var(--menu);
}
/*--------------------------------------------breadcrumb----------------------------------------------------------*/
.breadcrumb {
    padding: 20px 0;
    color: #909090;
}
.breadcrumb ul {
    display: flex;
    font-size: 14px;
    list-style: none;
/*    font-family: Inter;*/
    font-weight: 300;
    line-height: 100%;
}
.breadcrumb a {
    text-decoration: none;
    color: var(--black);
    display: flex;
}
.breadcrumb a::after {
    content: "/";
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    color: var(--black);
}
.breabUl span{
    color: var(--black);
}
/*--------------------------------------------HEADER----------------------------------------------------------*/
.rel{
    position: relative;
}
.height{
    min-height: 300px;
}
.absolute{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    overflow: hidden;
    height: 100vh;
    pointer-events: none;
}
.absolute:before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
}
.absolute div {
    position: absolute;
    display: flex;
    width: max-content;
    max-width: 100%;
    height: auto;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
    justify-content: center;
    align-items: center;
}
.absolute img {
    display: block;
}
.absolute div span:nth-of-type(1) {
    height: 50%;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top,#000,transparent);
}
.absolute div span:nth-of-type(2) {
    width: 30%;
    height: 100%;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg,#000,transparent);
}
.absolute div span:nth-of-type(3) {
    width: 30%;
    height: 100%;
    bottom: 0;
    right: 0;
    background: linear-gradient(-90deg,#000,transparent);
}
.absolute div span {
    position: absolute;
}
.header {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background: var(--colorMenuMain);
    color: var(--black);
    padding: 12px 15px;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
/*    box-shadow: 0px 2px 2px 0px #00000040;*/
}
.header__content {
    text-transform: uppercase;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    flex-wrap: nowrap!important;
}
.header__logo{
    margin-right: 30px;
}
.header__logo .logo {
    display: flex;
    gap: 6px;
    justify-content: center;
    align-items: center;
    color: var(--black);
    transition: 0.3s ease;
/*    width: 213px;*/
/*    height: 29px;*/
}

#main-search.active {
      display: block;
      order: 4;
      margin-top: 10px;
      transition: all 0.4s ease;
      width: 100%;
}
.header form {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
/*    width: 416px;*/
    flex-grow: 1;
    margin-right: 30px;
    
}
.header form input {
/*    font-family: Inter;*/
    font-weight: 300;
    font-size: 12px;
    line-height: 100%;
    padding: 0px 10px 0px 45px;
    border-radius: 3px;
    height: 40px;
    width: 100%;
    background-color: var(--colorMenuMain);
    color: var(--placeholder);
    border: solid 1px var(--menuBorder);
    border-radius: 12px;
}
input::placeholder, textarea::placeholder{
/*    font-family: Inter;*/
    font-weight: 300;
    font-size: 12px;
    line-height: 100%;
}
.header form button[type=submit] {
    position: absolute;
    top: 6px;
    z-index: 10;
    padding: 0;
    background: var(--green);
    border: 0;
    cursor: pointer;
    color: red;
    width: 28px;
    height: 28px;
    left: 8px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.header form button.close-burger {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 45px;
    background: #e84e36;
    border: 0;
    display: none;
}
.logo-text {
    width: 160px;
    height: 19px;
    fill: var(--black); 
    color: var(--black); 
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase;
}
.logo .logo-text-footer{
    width: 182px;
    height: 19px;
    fill: white;
    color: white;
    font-size: 19px;
    font-weight: 800;
    text-transform: uppercase;
}
.dark{
    width: 24px;
    height: 24px;
    fill: var(--lyna); 
    color: var(--lyna); 
    transition: all 0.9s ease;
}

.sol{
    width: 24px;
    height: 24px;
    fill: var(--sol); 
    color: var(--sol); 
    transition: all 0.9s ease; 
}
.icon-search{
    width: 12px;
    height: 12px;
    position: relative;
    fill: #fff;
    color: #fff;
}
.button_header{
    margin: 0 0 0 auto;
    display: flex;
    gap: 30px;
}
.zakladka{
    height: 40px;
    background: var(--green);
    width: 40px;
    display: flex;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    border: none;
    transition: 0.3s ease;
}
.button_header .zakladka:hover{
  background: var(--black);
}
.button_header .zakladka:hover .icon-zakladka{
      color: var(--green);
}
.icon-zakladka{
    width: 12px;
    height: 16px;
    color: #fff;
}


.menu {
    font-size: 14px;
    line-height: 29px;
/*    font-family: Roboto;*/
}
.menu__item {
    margin-right: 30px;
}
.menu__link:not([aria-current=page]) {
    color: var(--black);
    transition: 0.3s ease;
}
.menu__link:not([aria-current=page]):hover{
    color: var(--green);
}
.menu__link{
/*    font-family: Oswald;*/
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
/*    letter-spacing: 0.1em;*/
    text-align: center;
    color: var(--green);
}
.header__m-menu {
    display: none;
}
.open-menu {
    position: relative;
    width: 35px;
    height: 35px;
    background: var(--green);
    border-radius: 8px;
    border: none;
}
.centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.close_btn{
    display: flex;
    width: 35px;
    height: 35px;
    background: var(--green);
    border-radius: 8px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    top: 50px;
    right: 50px;
}
.close_btn span:nth-of-type(1){
    width: 18px;
    background: #fff;
    height: 2px;
    border-radius: 8px;
    transform: rotate(45deg);
    position: relative;
    top: 1px;
}
.close_btn span:nth-of-type(2){
    width: 18px;
    background: #fff;
    height: 2px;
    border-radius: 8px;
    transform: rotate(320deg);
    top: -1px;
    position: relative;
}
.search_m{
    display: none;
}
.menu_m{
    width: 18px;
    height: 13px;
}
.logo-icon {
    width: 51px;
    height: 45px;
}
@media (max-width: 1440px) {
    .header form {
/*        width: 222px;*/
    }
}
@media (max-width: 1340px) {
    .header__logo {
        margin-right: 20px;
    }
    .menu__item {
        margin-right: 15px;
    }
    .header form {
/*        width: 250px;*/
    }
    .button_header {
        margin: 0 0 0 auto;
        display: flex;
        gap: 20px;
    }
}
@media (max-width: 1199px) {
    .header form {
        width: 116px;
        margin-right: 15px;
    }
    .header__logo {
        margin-right: 15px;
    }
    .button_header{
        gap: 15px;
    }
}
@media (min-width: 1025px) {
    .close_btn{
        display: none;
    }
}
@media (max-width: 1024px) {
    .header__menu {
        position: fixed; 
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh; 
        background: var(--white);
        padding: 60px 20px;
        color: var(--Black);
        display: none;
        z-index: 1000; 
        border: none;  
        border-radius: 0; 
        overflow-y: auto; 
    }
    .header__m-menu {
        display: block;
        margin-left: 20px;
    }
    .header__menu.open {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
     .open {
        display: block;
    }
    .header .menu {
        flex-direction: column;
        gap: 30px; 
    }
    .header .menu__item {
        margin: 0;
        text-align: center;
        font-size: 24px;
        font-weight: bold;
    }
    .header {
        padding: 10px;
        position: relative;
        z-index: 9;
    }
    .logo-text{
        width: 129px;
    }
    .button_header{
        margin-left: 20px;
        gap: 20px;
    }

    .header__logo {
        margin-right: 10px;
    }
    .zakladka{
        height: 40px;
        width: 40px;
    }
    .light_dark{
        height: 40px;
    }
    .header form {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 260px;
        margin: 0 0 0 auto;
    }
}

@media (min-width: 395px) and (max-width: 767px) {
    .light_dark{
       height: 40px;
    }
    .button_header{
        gap: 10px;
    }
    .header form{
        display: none;
    }
    .search_m{
        width: 35px;
        height: 35px;
        border: solid 1px #D3D3D3;
        border-radius: 8px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 0 0 auto;
    }
    .search_m .icon-search{
        width: 15px;
        height: 15px;
        fill: var(--green);
        color: var(--green);
    }
    .header__m-menu {
        margin-left: 10px;
    }
    .button_header {
        margin-left: 10px;
        gap: 10px;
    }

}
@media (min-width: 320px) and (max-width: 449px) {
    .light_dark{
        display: none;
    }
}
@media (min-width: 320px) and (max-width: 394px) {

    .header form{
        display: none;
    }
    .search_m{
        width: 35px;
        height: 35px;
        border: solid 1px #D3D3D3;
        border-radius: 8px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 0 0 auto;
    }
    .search_m .icon-search{
        width: 15px;
        height: 15px;
        fill: var(--green);
        color: var(--green);
    }
    .header__m-menu {
        margin-left: 10px;
    }
    .button_header {
        margin-left: 10px;
        gap: 10px;
    }
    .logo-icon{
        width: 40px;
        height: 35px;
    }

}

/*--------------------------------------------CONTENT----------------------------------------------------------*/
.body {
/*    display: flex;
    flex-direction: column;
    min-height: 100vh;*/
    background: var(--black);
}
.content {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
/*    background: #000000;*/
/*    overflow-x: clip;*/
}
.container {
    margin: 0 auto;
    max-width: 1300px;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.section{
    padding: 0px 15px;
    background: var(--main_bg);
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}
.pb_20{
    padding-bottom: 20px;
}
.h1 .category{
    color: var(--black);
}
.single-post .section{
    padding: 0px 15px;
    background: var(--main_bg);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.category{
/*    font-family: Oswald;
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
   text-transform: uppercase;
    color: var(--black);
    margin-bottom: 20px;*/
}

/* ====== фильтр ====== */
.filter {
    display: flex;
    gap: 10px;
    padding: 20px 0px;
    border-radius: 12px;
    align-items: center;
}
.filter h2{
    font-family: Oswald;
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    text-transform: uppercase;
    color: var(--black);
    margin-right: 10px;
}

.filter-btn {
    padding: 7px 12px;
    border: 1px solid #E4E4E4;
    border-radius: 7px;
    background: var(--main_bg);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
/*    font-family: Oswald;*/
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color: #B7B7B7;
    transition: .3s ease;
}
.filter-btn:hover{
  border-color: var(--green);
  color: var(--black);
}
.filter .last{
    width: 10px;
    height: 10px;
}
.filter .fire{
    width: 7px;
    height: 9px;
}
.filter .rating_fil{
    width: 9px;
    height: 9px;
}
.filter .caret_fill{
    width: 6px;
    height: 4px;
    transition: transform 0.3s;
}
.filter-btn.active {
  border-color: var(--green);
  color: var(--black);
/*  font-family: Oswald;*/
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
}

.dropdown {
  position: relative;
  display: flex;
  flex-grow: 1;
}

.dropdown-toggle {
  padding: 7px 12px;
  border: 1px solid #E4E4E4;
  border-radius: 7px;
  background: var(--menu);
  cursor: pointer;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 30px;
  width: 145px;
/*  font-family: Oswald;*/
  font-weight: 300;
  font-size: 14px;
  line-height: 100%;
  color: var(--black);
  display: flex;
  flex-grow: 1;
}

.caret {
  transition: transform 0.2s;
  height: 20px;
}
:not(.green) .filter .dropdown .caret {
    transform: translateY(15%);
}
.green .filter .dropdown .caret {
    transform: none;
}

.dropdown.open .dropdown-menu {
  display: flex;
  max-height: 150px;
  overflow-y: overlay;
}

.dropdown.open .caret_fill {
  transform: rotate(180deg);

}

.dropdown-menu {
  position: absolute;
  top: 110%;
  left: 0;
  min-width: 100%;
  background: var(--main_bg);
  border: 1px solid #E4E4E4;
  border-radius: 8px;
  display: none;
  flex-direction: column;
  z-index: 1000;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.dropdown-menu li {
    padding: 8px 12px;
    cursor: pointer;
/*    font-family: Oswald;*/
    font-weight: 300;
    font-size: 14px;
    line-height: 100%;
    color: var(--black);
    text-transform: capitalize;
}

.dropdown-menu li:hover {
  color: var(--green);
}

.apply-btn {
  margin-left: auto;
  padding: 7px 14px;
  background: var(--green);
  color: #fff;
  border: none;
  border-radius: 7px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
/*  font-family: Oswald;*/
  transition:  0.3s ease;
  white-space: nowrap;
  height: 30px;
  display: flex;
  align-items: center;
  gap: 5px;
/*font-family: Inter;*/
font-weight: 600;
font-size: 13px;
line-height: 100%;
letter-spacing: 0%;
border: solid 1px var(--green);
}

.apply-btn:hover{
  border: 1px solid #e4e4e4;
  color: var(--green);
  background: #fff;
}
.search{
    width: 12px;
    height: 12px;
}
.content_film{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
/*    overflow: hidden;*/
}



.cards-wrapper{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 20px 0;
}
.card {
    width: calc(100% / 3 - 20px * 2 / 3);
    border-radius: 20px;
    padding-bottom: 20px;
    color: #fff;
    transition: 0.3s ease;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 5px;
    
}

.card:hover {
    background: var(--cat_new_green_hover);
}

.card-content {
    padding-left: 10px;   
    padding-right: 10px;
    transform: translateX(0);
    transition: transform 0.3s ease;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
}
.card-image {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    padding: 8px;
    background: var(--cat_news_border_img);
    transition: 0.3s ease;
}

.card:hover .card-image {
    background: var(--cat_new_green_hover);
}

.card-image img {
    width: 100%;
    border-radius: 16px;
    display: block;
    height: 280px;
    object-fit: cover;
}

.card-btn-no-hover {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background: var(--cat_new_btn, #ff6f61);
    border: 1px solid var(--cat_new_btn_border, #ff4c3b);
    padding: 10px;
    border-radius: 12px;
    color: #fff;
    font-weight: 500;
    font-size: 0px;
    cursor: pointer;
    transform: translateY(2px); 
    transition: 
        transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), 
        opacity 0.5s ease, 
        filter 0.5s ease;
}

.card:hover .card-btn-no-hover {
    opacity: 0;
    transform: translateY(40px) scale(0.9); 
    filter: blur(2px);
}

.card-btn {
    position: absolute;
    bottom: 40%; 
    left: 50%;
    transform: translate(-50%, 0) scale(0.8); 
    background: var(--cat_new_btn);
    border: 1px solid var(--cat_new_btn_border);
    padding: 10px 20px;
    border-radius: 12px;
    color: #fff;
    opacity: 0;
    pointer-events: none;
    transition: 
        transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), 
        opacity 0.5s ease;
    cursor: pointer;
    font-weight: 500;
    font-size: 15px;
    text-transform: uppercase;
}

.card:hover .card-btn {
    opacity: 1;
    pointer-events: auto;
    transform: translate(-50%, -50%) scale(1); 
}

.card-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color: #717171;
    transition: 0.3s ease;
    margin: 0;
    font-family: Inter;
}

.card:hover .card-text {
    color: #fff;
}

.card-date {
    font-weight: 300;
    font-size: 13px;
    line-height: 100%;
    color: #717171;
    transition: 0.3s ease;
    margin-top: auto;
    font-family: Inter;
}

.card:hover .card-date {
    color: #DBF8D2;
}

.card-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    color: var(--logo-text);
    transition: 0.3s ease;
    font-family: Oswald;
}
.card:hover .card-title {
    color: #fff;
}
.loader_text{
    display: flex;
    justify-content: center;
    width: 100%;
    height: 280px;
    align-items: center;
}
.news_svg svg{
    width: 16px;
    height: 16px;
    color: #7DC247;
    fill: #7DC247;
    transition: 0.3s ease;
}
.card:hover .news_svg svg{
    color: #fff;
    fill: #fff;
}
.card-btn-no-hover svg{
    width: 15px;
    height: 15px;
    color: #fff;
    fill: #fff;
}



.cart {
  position: relative;
  width: calc(100% / 6 - 10px * 5 / 6);           
  border-radius: 12px;
  overflow: visible;     
}

.img_cart { 
    position: relative; 
    border-radius: 12px; 
    overflow: hidden; 
    height: 280px; 
}
.img_cart img { 
    display:block; 
    width:100%; 
/*    height:auto;
    min-height: 330px; */
}

.card_filter {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 3px;
    justify-content: flex-start;
    z-index: 0;
    flex-wrap: wrap;
    width: 100%;
    padding-left: 10px;
}
.cart_icon {
    background: var(--green);
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
    /* font-family: Inter; */
    /* font-weight: 500; */
    /* font-size: 10.23px; */
    line-height: 100%;
    /* height: 17px; */
    display: flex;
    opacity: 0.9;
    text-transform: capitalize;
}
.cart_icon span{
    font-size: 14px;
/*    line-height: 100%;*/
}

.card_bottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 12px;
    background: linear-gradient(360deg, #00080B 0%, #00080B 30%, rgba(0, 8, 11, 0) 100%);
    height: 140px;
    color: #fff;
    z-index: 4;
    display: flex;
    flex-direction: column;
    justify-content: end;
    gap: 15px;
}
.cart_name { 
/*    font-family: Inter;*/
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    text-align: center;
    color: #fff;
/*    text-shadow: 2px 2px 3px black;*/
    width: 127px;
    margin: 0 auto;
}
.cart_line { 
    width: 112px;
    height: 1px;
    background: rgb(255 255 255 / 11%);
    margin: 0 auto;
}

.card_overlay {
  position: absolute; inset:0;
  display:flex; align-items:center; justify-content:center;
  background: rgba(0,0,0,0.55);
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease;
  z-index: 3;
}
.play-btn {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #000000;
    cursor: pointer;
}
.raiting_info {
  display: flex;
  justify-content: center;
  gap: 14px;
}
.rating {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #fff;
/*    font-family: Inter;*/
    font-weight: 600;
    font-size: 13px;
    line-height: 100%;
}
.rating_2{
      display: flex;
    align-items: center;
    gap: 4px;
    color: #fff;
/*    font-family: Inter;*/
    font-weight: 600;
    font-size: 13px;
    line-height: 100%;
}
.kinopoisk{
  width: 16px;
  height: 16px;
}
.imdb{
  width: 37px;
  height: 16px;
}
.card-info-icon{
    position: absolute;
    top: 12px;
    right: 12px;
    width: 21px;
    height: 21px;
    border-radius: 7px;
    background: var(--green);
    border: none;
    opacity: 0;
    transition: opacity .15s ease, transform .15s;
    z-index: 6;
    cursor: pointer;
}
.i{
    width: 5px;
    height: 12px;
    position: relative;
    top: 1px;
}
.izb .zakladka{
    height: 25px;
    background: var(--green);
    width: 25px;
    display: flex;
    border-radius: 7px;
    justify-content: center;
    align-items: center;
    padding: 5px;
    color: #fff;
}
.card_hover-content .flex{
    justify-content: space-between;
    align-items: end;
    width: calc(100% - 30px);
}
.card_hover-content .izb{
    position: absolute;
    top: 18px;
    right: 18px;
}
.card_hover {
  position: absolute;
  top: 0;
  left: calc(100% - 10px);
  width: 420px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
/*  opacity: 0;*/
  visibility: hidden;
  transform: translateX(18px);
  transition: opacity .18s ease, transform .18s ease;
  z-index: 9;
  display: none;
}

.card_hover-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.card_hover-content {
  position: relative;
  z-index: 1;
  padding: 18px;
  color: #222;
}

.card_hover h3{
    margin: 0;
/*    font-family: Inter;*/
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    color: #000;
}
.card_hover p{
/*    font-family: Inter;*/
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 25px;
    color: #7F94A0;
}
.rehiser {
/*  font-family: Inter;*/
  font-weight: 600;
  font-size: 16px;
  color: var(--green);
  margin-bottom: 5px;
  margin-right: 18px;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: 100%; 
}

.rehiser span{
/*    font-family: Inter;*/
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: #7F94A0;
}

.cart:hover .card_overlay { 
    opacity:1; 
    pointer-events:auto; 
}
.cart:hover .card-info-icon { 
    opacity:1; 
    pointer-events:auto; 
    transform: translateY(0); 
}
.card-info-icon:hover ~ .card_hover,
.card_hover:hover,
.card-info-icon:focus ~ .card_hover {
/*  opacity: 1;*/
  visibility: visible;
  transform: translateX(0);
  pointer-events: auto;
  display: block;
}
.card-info-icon:focus { 
    outline: 2px solid rgba(107,176,74,.6); 
}
.card_hover.right_hover {
  left: auto;
  right: calc(20% - 10px);
}

.card_hover.right_hover .card_hover-bg {
  transform: scale(-1, 1);
  transform-origin: center; 
}
.section .center{
    display: flex;
    justify-content: center;
    border-bottom: solid 1px #E8E8E8;
    padding: 0px 0px;
}
.category_bnt{
    padding-top: 20px;
}
.section .center:last-child {
  border: none;
}
.section .befor::before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background: linear-gradient(to top, var(--main_bg) 20%, transparent 100%);
    z-index: 1;
    pointer-events: none;
}
.desc.open + .befor::before {
    height: 0%;
}

.center .bnt_refhesh{
    border-radius: 7px;
    border: solid 1px var(--green);
    padding: 7px 14px;
/*    font-family: Oswald;*/
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    text-transform: uppercase;
    height: 45px;
    display: flex;
    gap: 5px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: var(--black);
    background: var(--main_bg);
    margin-bottom: 20px;
    transition: .3s ease;
}
.center .bnt_refhesh:hover{
    background: var(--green);
    color: #fff;
}
.center .bnt_refhesh:hover .refhesh{
    fill: #fff;
    color: #fff;
}
.refhesh{
    width: 12px;
    height: 12px;
    fill: var(--green);
    color: var(--green);
    transition: .3s ease;
}

.btn_filter_li{
    display: flex;
    gap: 10px;
    flex-grow: 1;
}
.dropdown{
    position: relative;
    display: flex;
    flex: 1;
}
.dropdown:hover .dropdown-toggle{
  background: #fff;
  color: var(--green);
}
.dropdown:hover .caret_fill{
  color: var(--green);
}
.dropdown-toggle {
    padding: 7px 12px;
    border: 1px solid #E4E4E4;
    border-radius: 7px;
    background: var(--main_bg);
    cursor: pointer;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 30px;
    width: auto;
/*    font-family: Oswald;*/
    font-weight: 300;
    font-size: 14px;
    line-height: 100%;
    color: var(--black);
    display: flex;
    flex-grow: 1;
    flex: 1;
    text-transform: capitalize;
    transition: .3s ease;
}
.btn_filter{
    display: flex;
    gap: 10px;
}
/*--------------------------------------------single----------------------------------------------------------*/
.post {
  display: flex;
  gap: 30px; 
    padding-bottom: 20px;
    padding-top: 20px;
}
.dis_767{
    display: none;
}
.breadcrumb + .post{
    padding-top: 0;
}
.desc-wrapper{
    position: relative;
}

.left_post {
    position: relative;
    max-width: 328px;
    flex: 1;
}

.img_post {
  width: 100%;
  height: 480px;
  position: relative;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.poster-img {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.img_post > :not(.poster-img) {
  position: relative;
  z-index: 1;
}

.izb {
    z-index: 2;
/*    margin-right: 15px;
    margin-top: 15px;*/
    display: flex;
    justify-content: center;
    background: var(--green);
    align-items: center;
    width: 25px;
    height: 25px;
/*    margin: 15px 15px 0 auto;*/
    border-radius: 8px;
    cursor: pointer;
}
.left_post .izb{
    width: max-content;
    height: 45px;
    margin: 15px auto 0 auto;
    border: none;
    padding: 0px 30px;
    border: 1px solid #88888838;
    backdrop-filter: blur(12px);
    transition: all 0.3s ease;
}
.izb-text{
    margin-left: 8px;
    font-size: 16px;
    color: #fff;
}
.post .izb .zakladka{
    height: 20px;
    width: 14px;
    background: unset;
    display: unset;
    border-radius: unset;
    justify-content: unset;
    align-items: unset;
    padding: unset;
}
.bottom_flex {
    display: flex;
    background: #00000000;
    justify-content: space-between;
    width: 100%;
    flex-grow: 1;
    align-items: end;
    padding: 0px 15px 15px 15px;
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%);
    border-radius: 12px;
}
.deslike_full{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}
.like{
    width: 50px;
    height: 50px;
    background: var(--green);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.deslike{
    width: 50px;
    height: 50px;
    background: #A86060;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: rotate(180deg);
}
.deslike_full span{
/*    font-family: Inter;*/
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #8A8A8A;
}
.like_svg{
    height: 21px;
    width: 21px;
}
.page-sosical{
    height: 20px;
    width: 20px;
    fill: #fff;
}
.deslike_svg{
    height: 21px;
    width: 21px;
}

.circle_rating {
  width: 71px;
  height: 71px;
  position: relative;
}

.circle_rating svg {
  transform: rotate(-90deg);
  width: 100%;
  height: 100%;
}

.circle_rating circle {
  fill: none;
  stroke-width: 5px;
}

.circle_rating circle.bg {
  stroke: #474747;
}

.circle_rating circle.progress {
  stroke: #FFBB00; 
/*  stroke-dasharray: 314; 
  stroke-dashoffset: 314; */
  transition: stroke-dashoffset 1.5s ease;
}

.circle_rating .circle_text {
  position: absolute;
  top: 52%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff; 
  display: flex;
    flex-direction: column;
    gap: 3px;
}

.circle_rating .circle_text .rating {
/*    font-family: Inter;*/
    font-weight: 900;
    font-size: 22px;
    line-height: 100%;
    color: #fff;
}

.circle_rating .circle_text .total_votes {
/*    font-family: Inter;*/
    font-weight: 500;
    font-size: 11px;
    line-height: 100%;
    color: #8A8A8A;
}
.right_post {
  flex: 1;
}

.right_post h1{
/*    font-family: Oswald;*/
    font-weight: 700;
    font-size: 34px;
    line-height: 100%;
    color: var(--black);
    margin-bottom: 20px;
}
.right_post h1::first-letter {
  text-transform: uppercase;
}
.desc {
    max-height: 100px;
    overflow: hidden;
    transition: max-height 0.4s ease;
    color: #717171;
}
.desc p{
/*    margin: 0;*/
/*    font-family: Inter;*/
    font-weight: 400;
    font-size: 16px;
    color: #717171;
    line-height: normal;
}
.desc p:first-of-type {
    margin-top: 0;
}
.right_post .btn{
/*    background: var(--single);*/
    display: flex;
    align-items: center;
    padding: 10px 20px;
    border-radius: 12px;
    gap: 10px;
    color: var(--black);
    text-transform: uppercase;
    justify-content: center;
    border: solid 1px var(--green);
    /* font-family: Inter; */
    font-weight: 600;
    font-size: 13px;
    line-height: 100%;
    width: auto;
    z-index: 2;
    background: var(--razvorot);
    position: relative;
/*    top: -10px;*/
    height: 45px;
}
.open .btn{
    top: 0;
}
/*.btn-text{
    flex-grow: 1;
}*/
.right_post .caret{
    width: 6px;
    height: 4px;
    color: var(--green);
    transition: transform 0.3s ease;
/*    margin: 0 0 0 auto;*/
}
.right_post .caret.rotated {
  transform: rotate(180deg);
}

/*.right_post .center {
  position: absolute;
    transform: translate(-50%, -50%);
  transition: transform .5s ease;
    left: 50%;
}*/


.right_post .desc.open + .center {
/*    transform: translate(-50%, -50%);
    position: relative;
    left: 50%;*/
    padding-bottom: 0;
/*    padding-top: 20px;
    margin-top: 20px;*/
}
.desc.open {
/*  max-height: 100%; */
}

/* Блок рейтингов */
.rating_flex {
    display: flex;
    gap: 20px;
    margin: 20px 0 20px 0;
}
.rating_flex .border{
    width: 1px;
    background: #E8E8E8;
    opacity: 0.11;
}
.kp{
    display: flex;
    gap: 10px;
    align-items: center;
}
.kp .kinopoisk{
    width: 28px;
    height: 28px;
}
.kp span{
/*    font-family: Inter;*/
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    color: var(--black);
}
.kp .imdb{
    width: 65px;
    height: 28px;
}
.right_post .full{
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
}
.box100 .flex{
    gap: 5px;
    flex-wrap: nowrap;
    height: 28px;
    overflow: hidden;
}
.dots{
    flex-grow: 1;
    border-bottom: 1px dotted #D8D8D8;
    margin-bottom: 8px;
}
.full .name{
/*    font-family: Inter;*/
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    position: relative;
    color: #717171;
}
.full .value{
/*font-family: Inter;*/
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    text-align: left;
    color: var(--single-text-color);
}
.full .box{
    flex: none;
    width: calc(100% / 3 - 20px);
}
.full .box100{
    width: 100%;
    gap: 13px;
    display: flex;
    flex-direction: column;
}
.slime{
    padding-bottom: 15px;
    flex-wrap: nowrap;
}
.slime .box{
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    width: calc(100% / 8);
/*    background: #F2F2F1;*/
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    flex: unset;
}
.slime .smail{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
/*    background: #e6e6e6;*/
    width: 100%;
    padding: 8px 0px;
    gap: 5px;
/*    width: 100px;*/
}
.slime .smail{
    transition: transform 0.3s ease;
    cursor: pointer;
}
/*.slime .smail img:hover {
  transform: scale(1.2);
}*/
.smail span{
/*    font-family: Inter;*/
    font-size: 18px;
    font-weight: 600;
    color: #666666;
    display: inline-block;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.smail span.flip {
  transform: rotateX(90deg);
  opacity: 0;
}
.slime .box a{
    width: 100%;
}
.slime .sosical{
    
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 0px;
    height: 45px;
}
.slime .box:nth-of-type(1) .sosical { background: blue; border-bottom-left-radius: 12px;}
.slime .box:nth-of-type(2) .sosical { background: orange; }
.slime .box:nth-of-type(3) .sosical { background: #7db4e5; }
.slime .box:nth-of-type(4) .sosical { background: #e00e0e; }
.slime .box:nth-of-type(5) .sosical { background: #9505f4; }
.slime .box:nth-of-type(6) .sosical { background: #2e9afb; }
/*.slime .box:nth-of-type(5) .page-sosical{ width: 26px; height: 26px;  }*/
.slime .box:nth-of-type(7) .sosical { background: #20d84e; }
.slime .box:nth-of-type(8) .sosical { background: red; border-bottom-right-radius: 12px;}
/*--------------------------------------------coment----------------------------------------------------------*/
.coment .icon{
    width: 20px;
    height: 20px;
}
.coment .commentpro-avatar img{
    object-fit: cover;
}
.coment .commentpro-date .icon{
    fill: #7DC247;
    margin-right: 5px;
}
.coment .commentpro-login-as a{
    color: var(--black);
}
.coment .commentpro-likes button{
    width: auto;
    height: auto;
}
.commentpro-likes button[data-action="dislike"].active {
    fill: #ee0000;
    color: #ee0000;
}
.coment .commentpro-karma{
    color: var(--karma);
    font-weight: 600;
}
.coment .commentpro-karma-2{
    color: var(--karma);
    font-weight: 600;
}
.coment .commentpro-form_group [type="text"]{
    height: 55px;
    border-radius: 12px;
}
.coment .commentpro-emoji{
    scrollbar-color: var(--green);
}
.coment .commentpro-karma.red {
    color: red;
}
.coment .ql-editor{
    color: color: #4F4C4C;
}
.coment .commentpro-form_reply{
    display: none!important;
}
.comment .commentpro-form_change, .commentpro-form_reply{
    color: #4F4C4C;
}
.coment  .commentpro-karma.green {
    color: #79c142;
    background: unset;
    padding: 0px;
}
.commentpro-sort{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.coment .commentpro.two-columns{
    gap: 20px;
    position: relative;
    padding-bottom: 20px;
}
.coment .commentpro.two-columns .commentpro-form-wrapper{
    width: calc(40% - 20px);
    padding-top: 20px;
}
.coment .commentpro.two-columns .commentpro-comments{
    width: calc(60% - 20px);
    padding-top: 115px;
}
.coment .commentpro-sort_count{
/*    font-family: Inter;*/
    font-weight: 600;
    font-size: 22px;
    line-height: 100%;
    color: var(--black);
}
.commentpro-sort_count:nth-of-type(2) {
/*    font-family: Inter;*/
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #717171;
}
.coment .commentpro-sort_btn{
    background: transparent;
    margin: 0 2px;
    border: solid 1px #717171;
    /* border-bottom: 1px dashed; */
    cursor: pointer;
    color: #717171;
    /* opacity: .8; */
    padding: 0 10px;
    border-radius: 8px;
    height: 30px;
    transition: transform .3s ease;
}
.coment .commentpro-sort_btn:hover{
    border: solid 1px var(--green);
    color: var(--green);
}
.ql-editor.ql-blank::before{
    color: #717171!important;
}
.ql-snow button.ql-spoiler{
    color: #717171!important;
}
.commentpro-text img{
    width: 20px;
}
.coment .commentpro-item{
    gap: 20px;
    display: flex;
    flex-direction: column;
}
.coment .commentpro-inner{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    padding: 15px;
    border-radius: 12px;
    border: solid 1px #e8e8e854;
    background: var(--coment);
}
.coment .commentpro-items-child{
    margin-left: 10%;
}
.coment .commentpro-author{
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.coment .commentpro-name{
    font-weight: 600;
    color: var(--karma);
    max-width: calc(100% - 120px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
/*    font-family: Inter;*/
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
}
.coment .commentpro-avatar-list{
    margin-top: 15px;
}
.coment .commentpro-date{
    opacity: .7;
/*    font-family: Inter;*/
    font-weight: 500;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: unset;
    color: var(--karma);
}
.coment .commentpro-text{
    margin: 15px 0 15px;
    margin-left: -50px;
    border-top: solid 1px #e8e8e854;
    color: #4F4C4C;
    padding-top: 15px;
}
.coment .commentpro-text p{
    margin: 0;
    color: #4F4C4C;
}
.coment .commentpro-controls{
    margin-left: -50px;
}
.coment .commentpro-reply button svg, .commentpro-abuse button svg{
    display: none;
}
.coment .commentpro-body{
    position: relative;
    margin: 0;
}
.coment .commentpro-reply, .coment .commentpro-abuse {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0px;
}
.commentpro-reply button, .commentpro-abuse button {
    width: min-content;
    align-items: flex-end;
/*    font-family: Inter;*/
    font-weight: 500;
    font-size: 13px;
    line-height: 100%;
    border: solid 1px var(--green);
    padding: 10px 20px;
    border-radius: 8px;
    color: var(--black);
    height: auto;
    opacity: 1;
    transition: transform .3s ease;

}
.commentpro-reply button{
    background: var(--green);
    color: var(--white);
}
/*.commentpro-reply button:hover, .commentpro-abuse button:hover {
    background: var(--green);
    color: var(--white);
}*/
/*.commentpro-likes button.active, .commentpro-reply button:hover,
 .commentpro-abuse button:hover, .commentpro-likes button:hover {
    fill: #fff;
    color: #fff;
}*/

.commentpro-reply button:hover{
    fill: #ffffff;
    color: #ffffff;
}
.coment .commentpro-reply{
    right: 170px;
    z-index: 2;
}
.coment .commentpro-abuse {
    right: 10px;
    z-index: 1;
}
.coment .commentpro-form_group [type="text"]:disabled{
    width: 100%;
    background: var(--coment);
    border: solid 1px #e8e8e854;
}
.coment .commentpro-standalone-container{
    box-shadow: 3px 3px 6px rgba(0, 0, 0, .1);
    border-radius: 12px;
    overflow: hidden;
    background: var(--coment);
    border: solid 1px #e8e8e854;
}
.coment .commentpro-load-more, .commentpro-form_btn button{
    display: inline-block;
    text-align: center;
    padding: 0 20px;
    height: 48px;
    border-radius: 12px;
    cursor: pointer;
    color: #fff;
    background-color: var(--green);
    border: 0;
    width: auto;
/*    font-family: Oswald;*/
    font-weight: 600;
    font-size: 13px;
    line-height: 100%;
    text-transform: uppercase;
    box-shadow: unset;
}
.coment .commentpro-login-as{
    color: var(--black);
    /* font-family: Inter; */
    font-weight: 600;
    font-size: 22px;
    line-height: 100%; 
    margin: 0;
    margin-bottom: 16px;
}
.coment .commentpro-comments p{
/*    display: none;*/
/*    color: var(--black);*/
/*    font-family: Inter;*/
}
.coment .commentpro-heading{
    position: absolute;
    top: 0;
    right: 102px;
/*    font-family: Inter;*/
    font-weight: 600;
    font-size: 22px;
    line-height: 100%;
    display: none;
    
}
.coment .commentpro-form::before {
    content: "Оставь свой отзыв 💬";
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: var(--black);;
}
.coment .commentpro-heading img{
    display: none !important;
}
.coment .commentpro-form_group [type="text"]{
    background: var(--coment);
    color: #717171;
    width: 100%;
    border: solid 1px #e8e8e854;
}
.coment .commentpro-items-child > li:last-child,
.coment .commentpro-items_father > li:last-child {
  margin-bottom: 0;
}
.coment .commentpro-isauthor{
 display: none;
}
.content_post{
    background: var(--coment);
    margin: 0;
    padding: 0;
    color: #717171;
}
.the_content{
/*    max-width: 70%;
    margin: 0 auto;*/
/*    padding: 40px 0px;*/
    font-size: 17px;
    padding: 40px 15px;
    font-weight: 400;
    line-height: 1.6;
}
.news .the_content{
    padding: 0 0 20px 0;
}
.the_content .first-image-wrapper{
    margin-top: 35px;
}
.the_content .first-image-wrapper img{
    width: 100%;
}
.the_content img{
    border-radius: 12px;
}

.the_content p {
    color: #717171;
    transition: .3s ease;
}
.the_content h2 {
    font-weight: 500;
    font-size: 26px;
    line-height: 100%;
    color: var(--black);
    transition: .3s ease;
    margin: 35px 0 20px;
}
.the_content h3 {
    font-weight: 500;
    font-size: 22px;
    line-height: 100%;
    color: var(--black);
    transition: .3s ease;
    margin: 35px 0 20px;
}
.the_content h4 {
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    color: var(--black);
    transition: .3s ease;
    margin: 35px 0 20px;
}


.single_popular .popular .blurred-border{
    padding: 20px 0px;
}
.single{
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}
.commentpro-likes button[data-action="dislike"]:hover {
    fill: #ee0000;
    color: #ee0000;
}

.stars-wrapper {
  display: flex;
  gap: 4px;
  align-items: center;
}

.star {
  width: 42px;
  height: 42px;
  fill: #ff000000;
  background: #ff000000;
  transition: fill 0.3s ease;
}

.star.filled {
  fill: #FFD700; /* золотая звезда */
}

.total_reit.rating {
  font-size: 22px;
  font-weight: bold;
  margin-top: 6px;
}

.reit .total_votes {
  font-size: 14px;
  color: #777;
}
.polosa{
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}
.polosa .flex{
    display: flex;
    gap: 8px;
}
.polosa .rating{
/*    font-family: Inter;*/
    font-weight: 700;
    font-size: 55px;
    line-height: 100%;
    color: var(--green);
    margin: 0;
}
.polosa .total_votes{
/*    font-family: Inter;*/
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: #717171;
    display: flex;
    gap: 5px;
}

.pos_rel{
    position: relative;
}
.pos_rel .reit{
    position: absolute;
    top: 0;
    padding-top: 20px;
}
.reit .name{
/*    font-family: Inter;*/
    font-weight: 600;
    font-size: 22px;
    line-height: 100%;
    color: var(--black);
/*    padding-bottom: 8px;*/
    width: 100%;
}
.player{
    position: relative;
    background: #000;
    border-radius: 12px;
}
.player .kinobalancer{
    overflow: hidden;
}
/*.player .kinobalancer-players .btn svg{
    width: 20px;
    height: 20px;
    background: #ffffff;
}*/
.player .kinobalancer-players .btn svg {
    display: none;
}
.player .kinobalancer .btn:hover{
    background: var(--green);
}
.player .kinobalancer-films .btn{
    color: var(--black);
}
.player .kinobalancer-films .btn.active{
    color: var(--white);
}
.player .kinobalancer-films .btn:hover {
    color: var(--white);
    background: rgb(77, 77, 77);
}
.player .kinobalancer .btn svg{
    fill: #fff;
}
.player .kinobalancer .btn svg{
    fill: var(--black);
}
.player .kinobalancer .btn:hover {
    color: #fff;
}
.player .kinobalancer:has(.kinobalancer-players[style*=none]) .kinobalancer-episodes{
    margin: 0px 0px -5px 0px!important;
    max-width: calc(65% - 12px);
    width: calc(65% - 12px);
}
.player .kinobalancer .kinobalancer-episodes-width, .player .kinobalancer .kinobalancer-players-width{
    width: 100%!important;
    max-width: 100%!important;
}
.kinobalancer-controls-width{
    display: none;
}
.player .kinobalancer .btn{
    width: auto;
    text-transform: capitalize;
}
.player .kinobalancer-films .btn{
    width: 100%;
}
.player .kinobalancer-films .btn:last-child {
   margin-bottom: 45px;
}
.player .kinobalancer .kinobalancer-show_hide_films{
    width: 40px;
    background: #FFFFFF1A;
}
.player .kinobalancer .kinobalancer-show_hide_films:hover{
    background: var(--green);
}
.player .kinobalancer .kinobalancer-show_hide_films:hover svg{
    color: #fff;
    fill: #fff;
}
.player .kinobalancer .kinobalancer-show_hide_films svg{
    transform: rotate(180deg);
    color: var(--green);
    fill: var(--green);
}
.player .kinobalancer-films{
/*    margin-top: -35px;*/
/*    aspect-ratio: 0.8668;*/

}
.player .kinobalancer-controls{
    width: 35%;
}

.player .kinobalancer-controls .sort {
  flex: 1;
  position: relative;
}
.player .kinobalancer-controls .sort svg{
  display: none;
  transition: none;
}
.player .kinobalancer-controls .sort[data-dir]:not([data-dir="0"]) svg {
  position: absolute;
  fill: #fff;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 10px;
  width: 25px;
  height: 25px;
  display: block;
  transform: rotate(-90deg);
}
.player .kinobalancer-controls .sort[data-dir="1"] svg{
  top: 1px!important;
  transform: rotate(90deg)!important;
}
.player .kinobalancer-controls .sort[data-dir="2"] svg{
  top: 4px!important;
  transform: rotate(-90deg)!important;
}
.player .kinobalancer-players .btn, .player .kinobalancer-episodes .btn{
    background: transparent;
    border: 1px solid var(--green);
}
body .kinobalancer-films{
    scrollbar-width: thin; 
    scrollbar-color: var(--green) #141513;
    overflow-y: auto; 
}
.player .kinobalancer-controls .light{
    display: none;
}
.section .player .kinobalancer-films .btn {
    color: #fff;
    border: 1px solid #4d4d4d;
    border-radius: 8px;
    padding: 8px;
}
.section .player .kinobalancer-films .btn:before{
    background: var(--green);
    color: #fff;
}
.section .player .kinobalancer-films .btn.active:before{
    background: var(--green);
    color: #fff;
    border: solid 1px #fff;
}
.section .player .kinobalancer-films .btn::after {
    content: attr(data-kp);
    padding-right: 20px;
    font-size: 16px;
    background: url('/wp-content/themes/lord_film/images/svg/kp.svg') no-repeat right center;
    display: flex;
    flex-grow: 1;
    justify-content: end;
}
.section .player .kinobalancer-films .btn:hover::after {
    content: attr(data-kp);
    padding-right: 20px;
    font-size: 16px;
    background: url('/wp-content/themes/lord_film/images/svg/kp-active.svg') no-repeat right center;
    display: flex;
    flex-grow: 1;
    justify-content: end;
}
.section .player .kinobalancer-films .btn.active::after {
    content: attr(data-kp);
    padding-right: 20px;
    font-size: 16px;
    background: url('/wp-content/themes/lord_film/images/svg/kp-active.svg') no-repeat right center;
    display: flex;
    flex-grow: 1;
    justify-content: end;
}
.section .player .kinobalancer .btn.active{
    background: var(--green);
    color: #fff;
    font-weight: 700;
    border: 1px solid var(--green);
}

.section .player .kinobalancer .btn.active:hover{
/*    background: #4f4f4f;*/
    color: #fff;
    font-weight: 700;
}
.player .kinobalancer .kinobalancer-episodes .btn,
.player .kinobalancer .kinobalancer-players .btn{
    position: relative;
    height: 40px;
    padding: 0 15px 0 39px;
    font-weight: 700;
    border-radius: 8px;
}
.player .kinobalancer .kinobalancer-episodes .btn::before,
.player .kinobalancer .kinobalancer-players  .btn::before{
    content: "";
    position: absolute;
    left: 17px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 16px;
    background-image: url("/wp-content/themes/lord_film/images/svg/kinobalancer-play-active.svg");
    background-size: cover;
    z-index: 1;
}
.player .kinobalancer .kinobalancer-episodes .active::before,
.player .kinobalancer .kinobalancer-players .active::before{
    content: "";
    position: absolute;
    left: 17px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 16px;
    background-image: url("/wp-content/themes/lord_film/images/svg/kinobalancer-play.svg");
    background-size: cover;
    z-index: 1;
}

/*.player .kinobalancer .kinobalancer-episodes .btn::after {
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    background: #83CE4F;
    border-radius: 3px;
}
.player .kinobalancer .kinobalancer-episodes .active::after {
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    background: #FFF;
    border-radius: 3px;
}*/

.player .kinobalancer .kinobalancer-episodes .btn:hover,{
    background: #7ec247;
}

.player .kinobalancer .kinobalancer-episodes .btn:hover::before,
.player .kinobalancer .kinobalancer-players .btn:hover::before{
    background-image: url("/wp-content/themes/lord_film/images/svg/kinobalancer-play.svg");
}
/*.player .kinobalancer .kinobalancer-episodes .active:hover::before,
.player .kinobalancer .kinobalancer-players .active:hover::before {
    background-image: url("/wp-content/themes/lord_film/images/svg/kinobalancer-play-active.svg");
}*/

.player .kinobalancer .kinobalancer-episodes .btn:hover::after{
    background: #fff;
}

#player .play_button svg{
    display: none!important;
}
.player .play_background .play_button::before{
    content: "";
    position: absolute;
    left: 19px;
    top: 50%;
    transform: translateY(-50%);
    width: 11px;
    height: 13px;
    background-image: url("/wp-content/themes/lord_film/images/svg/play_film.svg");
    background-size: cover;
    z-index: 1;
}
.player .kinobalancer-controls .btn:hover{
    background: #83CE4F;
}
.player .kinobalancer-controls .light{
    display: none;
}
.player .kinobalancer-players{
    max-width: calc(65% - 12px);
}



.section  .player .kinobalancer-films .btn:hover{
    background: var(--green);
    color: #fff;
}
.player .kinobalancer-films .btn:hover::before {
    background: var(--green);
    color: #fff;
    border: solid 1px #fff;
}
.coment .commentpro-load-more{
    margin-top: 20px;
    border: solid 1px #79C142;
    background: var(--btn-refresh);
    color: var(--black);
}
.commentpro-form_btn button:hover{
    background-color: var(--green);
}
.like_karma_chethik{
    display: flex;
    background: var(--like);
    padding: 5px 10px;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.like_karma_chethik .icon{
    fill: #76BB40;
}
.dislike_karma_chethik{
    display: flex;
    background: var(--dislike);
    padding: 5px 10px;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: row-reverse;
}
.dislike_karma_chethik .icon{
    fill: #A86060;
}

.player .kinobalancer:has(
  .kinobalancer-players[style*="none"],
  .kinobalancer-episodes[style*="none"]
) .kinobalancer-controls .sort {
  flex: unset;
  width: 210px;
}
/*--------------------------------------------single----------------------------------------------------------*/

@media (max-width: 1440px) {
    .container {
        max-width: 1200px;
    }
    .height {
        min-height: 250px;
    }
    .player .kinobalancer:has(
      .kinobalancer-players[style*="none"],
      .kinobalancer-episodes[style*="none"]
    ) .kinobalancer-controls .sort {
      flex: unset;
      width: 192px;
    }
}
@media (max-width: 1340px) {
    .container {
        max-width: 1100px;
    }
    .filter h2{
        margin-right: 0px;
    }
    .height {
        min-height: calc(200px + 3vh);
    }
    .reit .name{
        order: 1;
        width: 100%;
    }
    .polosa .rating{
        order: 2;
    }
    .polosa .total_votes{
        order: 3;
    }
    .polosa .flex{
        gap: 0px;
        order: 2;
        width: auto;
    }
    .polosa{
        flex-wrap: wrap;
    }
    .pos_rel .reit {
        position: absolute;
        top: 0;
        padding-top: 20px;
    }
    .coment .commentpro.two-columns .commentpro-comments {
        width: calc(60% - 20px);
        padding-top: 125px;
    }
    .coment .commentpro-heading{
        right: 46px;
    }
    .player .kinobalancer:has(
      .kinobalancer-players[style*="none"],
      .kinobalancer-episodes[style*="none"]
    ) .kinobalancer-controls .sort {
      flex: unset;
      width: 174px;
    }


}
@media (max-width: 1199px) {
    .container {
        max-width: 964px;
    }
    .cart{
        width: calc(100% / 4 - 10px * 5 / 6);
    }
    .filter {
        display: flex;
        gap: 15px;
        padding: 20px 0px;
        border-radius: 12px;
        align-items: normal;
        flex-wrap: wrap;
        flex-direction: column;
        position: relative;
    }
    .filter h2 {
/*        font-family: Oswald;*/
        font-weight: 700;
        font-size: 20px;
        line-height: normal;
        text-transform: uppercase;
        color: var(--black);
        margin-right: 20px;
        height: 30px;
    }
    .btn_filter{
        display: flex;
        justify-content: space-between;
        gap: 15px;
    }
    .filter-btn {
        padding: 7px 8px;
        border: 1px solid #E4E4E4;
        border-radius: 7px;
        background: var(--main_bg);
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 6px;
/*        font-family: Oswald;*/
        font-weight: 400;
        font-size: 14px;
        line-height: 100%;
        color: #B7B7B7;
        display: flex;
        flex-grow: 1;
        height: 31px;
    }
    .btn_filter_li {
        display: flex;
        gap: 15px;
        flex-wrap: wrap;
    }
    .order_fill{
        order: 2;
    } 
    .order_fill2{
        order: 3;
    }
    .apply-btn{
        order: 1;
        position: absolute;
        right: 0;
    }
    .height {
        min-height: calc(170px + 3vh);
    }
    .full .box{
        flex: none;
        width: 100%;
    }
    .reit .name{
        order: 1;
        width: 90px;
    }
    .polosa .rating{
        order: 2;
    }
    .polosa .total_votes{
        order: 3;
    }
    .polosa .flex{
        gap: 0px;
        order: 4;
        width: 100%;
    }
    .polosa{
        flex-wrap: wrap;
    }
    .pos_rel .reit {
        position: absolute;
        top: 0;
        padding-top: 20px;
    }
    .coment .commentpro.two-columns .commentpro-comments {
        width: calc(60% - 20px);
        padding-top: 131px;
    }
    .coment .commentpro-heading{
        right: 46px;
    }
}
@media (max-width: 1024px) {
    .container {
        max-width: 708px;
    }
    .cart{
        width: calc(100% / 3 - 10px * 5 / 6);
    }
    .card-info-icon{
        display: none;
    }
    .height {
        min-height: calc(125px + 3vh);
    }
     .reit .name{
        order: 1;
    }
    .polosa .rating{
        order: 2;
    }
    .polosa .total_votes{
        order: 3;
    }
    .polosa .flex{
        gap: 0px;
        order: 4;
        padding-bottom: 10px;
    }
    .coment .commentpro.two-columns{
        flex-direction: column;
    }
    .polosa{
        flex-wrap: wrap;
    }
    .coment .commentpro.two-columns .commentpro-form-wrapper{
        width: 100%;
        order: unset;
    }
    .coment .commentpro.two-columns .commentpro-comments {
        width: 100%;
        padding-top: 0px;
        margin: 0;
    }
    .coment .commentpro-heading{
        left: 0;
    }
    .pos_rel .reit {
        position: relative;
    }

}
@media (max-width: 767px) {
    .container {
        max-width: 460px;
    }
    .cart{
        width: calc(100% / 2 - 10px * 5 / 6);
    }
    .filter {
        display: flex;
        gap: 15px;
        padding: 20px 0px;
        border-radius: 12px;
        align-items: normal;
        flex-wrap: wrap;
        flex-direction: column;
        position: relative;
    }
    .filter h2 {
/*        font-family: Oswald;*/
        font-weight: 700;
        font-size: 20px;
        line-height: normal;
        text-transform: uppercase;
        color: var(--black);
        margin-right: 20px;
        height: 30px;
    }
    .btn_filter{
        display: flex;
        justify-content: space-between;
    }
    .btn_filter_li {
        display: flex;
        gap: 15px;
        flex-wrap: wrap;
    }
    .reit .name{
        width: 90px;
        order: 1;
    }
    .order_fill{
        order: 2;
    } 
    .order_fill2{
        order: 3;
    }
    .apply-btn{
        order: 1;
        position: absolute;
        right: 0;
    }
    .section{
        padding: 0px 10px;
    }
    .height {
        min-height: calc(75px + 3vh);
    }
    .post{
        flex-direction: column;
        position: relative;
        padding-top: 0px;
        gap: 20px;
    }
    .left_post{
        max-width: unset;
    }
    .right_post h1{
        position: absolute;
        top: 0;
        font-size: 18px;
        display: none;
    }
    .dis_767{
        display: block;
        font-size: 18px; 
        /* font-family: Oswald; */
        font-weight: 700;
        line-height: 100%;
        color: var(--black);
        padding: 15px 0px;
    }
    .img_post {
        width: 100%;
        height: 480px;
        background-size: cover;
        /* background-position: center; */
        position: relative;
        border-radius: 12px;
        display: flex;
        flex-direction: column;
        /* background-size: contain; */
        background-repeat: no-repeat;
        background-position: center;
    }
    .right_post .center{
        position: relative;
/*        transform: translate(-50%, 0%);*/
    }
    .the_content{
        max-width: 100%;
        padding: 15px 15px 1px 15px;
    }
    .right_post .btn{
        width: 100%;
    }
    .rating_flex{
        display: none;
    }
    .right_post .full{
        display: none;
    }
    .post .right_post .center{
        padding: 0;
    }
    .desc{
        padding-top: 0;
    }
    .coment .commentpro-heading {
        left: 0;
        top: 0;
        width: 100%;
        margin: 20px 0;
    }
    .reit .name{
        width: 90px;
        order: 1;
    }
    .polosa .rating{
        order: 2;
    }
    .polosa .total_votes{
        order: 3;
    }
    .polosa .flex{
        gap: 0px;
        order: 4;
        border-bottom: solid 1px #e8e8e869;
        padding-bottom: 10px;
    }
    .polosa{
        flex-wrap: wrap;
    }
/*    .coment .commentpro.two-columns .commentpro-form-wrapper{
        padding-top: 60px;
    }*/
    .pos_rel .reit {
        position: relative;
        padding-top: 20px;
    }
    .coment .commentpro.two-columns .commentpro-comments{
        width: 100%;
        padding-top: 0;
        margin: 0;
    }
    .coment .commentpro-comments p{
        margin: 20px 0px 20px 0px;
    }
    .coment .commentpro-comments .commentpro-text p{
        margin: 0px 0px 20px 0px;
    }
    .commentpro-sort {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
    }
    .coment .commentpro-text{
        padding-top: 60px;
    }
    .coment .commentpro-reply {
        z-index: 2;
        left: -160px;
        top: 70px;
    }
    .coment .commentpro-abuse {
        left: -45px;
        z-index: 1;
        top: 70px;
    }
    .coment .commentpro-items-child .commentpro-reply{
        left: -115px;
    }
    .coment .commentpro-items-child .commentpro-abuse{
        left: 0px;
    }
    .cart_icon:nth-of-type(2) {
        display: none;
    }
    .star{
        width: 41px;
        height: 41px;
    }
    .player .kinobalancer-films{
        margin: 0px 0px 5px 0px!important;
    }
    .player .kinobalancer-controls{
        margin: 0px 0px 5px 0px !important;
        order: 4;
        width: 100%;
    }
    .player .kinobalancer-films .btn:last-child{
        margin-bottom: 10px;
    }
    .player .kinobalancer:has(.kinobalancer-films[style*=flex]) .kinobalancer-frame {
        width: calc(100% + 20px);
    }
    .player .kinobalancer-films {
        width: 100%;
        aspect-ratio: unset;
    }
    .player .kinobalancer-films{
        max-height: 300px;
    }
    .card {
        width: calc(100% / 2 - 20px * 2 / 4);
    }
    .player .kinobalancer-players {
        max-width: 100%;
    }
}
    
@media (max-width: 469px) {
    .container {
        max-width: 100%;
    }  
    .height {
        min-height: calc(50px + 3vh);
    }
    .polosa .flex{
        gap: 2px;
        order: 4;
    }
    .star{
        width: calc(100% / 10 - 2px);
        height: auto;
    }
    .coment .commentpro-load-more, .commentpro-form_btn button{
        width: 100%;
    }
    .coment .commentpro.two-columns .commentpro-comments {
        width: 100%;
        padding-top: 0px;
        margin: 0;
    }
    .coment .commentpro-reply {
        z-index: 2;
        left: -70px;
        top: 70px;
    }
    .coment .commentpro-abuse {
        left: 30px;
        z-index: 1;
        top: 70px;
    }
    .coment .commentpro-items-child .commentpro-reply {
        left: -35px;
    }
    .coment .commentpro-items-child .commentpro-abuse {
        left: 65px;
    }
    .coment .commentpro-reply button, .commentpro-abuse button{
        padding: 10px 15px;
    }
    .coment .commentpro.two-columns .commentpro-form-wrapper{
        padding-top: 15px;
    }
    .slime .smail img{
        width: 30px;
    }
    .card {
        width: 100%;
    }
}
@media (min-width: 360px) and (max-width: 388px) {
    .btn_filter{
        gap: 10px;
    }
    .filter-btn {
        font-size: 11px;
        padding: 7px 8px;
        height: 31px;
    }
}
@media (min-width: 320px) and (max-width: 359px) {
    .filter {
        display: flex;
        gap: 10px;
        padding: 20px 0px;
        border-radius: 12px;
        align-items: normal;
        flex-wrap: wrap;
        flex-direction: column;
        position: relative;
    }
    .btn_filter{
        gap: 10px;
    }
    .filter-btn.active{
        font-size: 11px;
    }
    .filter-btn{
        font-size: 11px;
        padding: 7px 8px;
        height: 31px;
    }
    .height {
        min-height: 50px;
    }
    .reit .name{
        width: 90px;
        order: 1;
    }
    .polosa .rating{
        font-size: 50px;
        order: 2;
    }
    .polosa .total_votes{
        font-size: 14px;
        order: 3;
    }
    .polosa .flex{
        gap: 2px;
        order: 4;
    }
    .coment .commentpro-reply button, .commentpro-abuse button{
        padding: 10px;
    }
    .coment .commentpro-reply{
        left: -35px;
    }
    .coment .commentpro-abuse{
        left: 40px;
    }
    .coment .commentpro-items-child .commentpro-reply {
        left: -10px;
    }
    .coment .commentpro-items-child .commentpro-abuse {
        left: 60px;
    }
    .cart_icon { 
        background: var(--green);
        color: #fff;
        padding: 2px 4px;
        border-radius: 4px;
/*        font-family: Inter;*/
        font-weight: 500;
        font-size: 9px;
        line-height: 100%;
    }
    .logo-icon {
        width: 30px;
        height: 35px;
    }
    .logo-text {
        width: 110px;
    }

}



/*--------------------------------------------404----------------------------------------------------------*/
.notfound-content{
    background: var(--404);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 100px 0px;
}
.notfound-404{
    color: var(--black);
}
.notfound-title{
    color: var(--ser);
}
.notfound-flex{
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
}
.notfound-flex .btn{
    width: auto;
}
/*--------------------------------------------FOOTER----------------------------------------------------------*/
.footer {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 75px 0px;
    background: #000000;
}
.box{
   flex: 1;
}
.width_footer{
    flex: 0 0 23%;
}
.width_footer .logo{
    margin-bottom: 25px;
}
.gap{
    gap: 50px;
}
.footer .box .flex{
    gap: 15px;
    align-items: center;
    flex-wrap: nowrap;
}
.footer .box .flex .text{
    color: #fff;
}
.footer .socical{
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: end;
    width: 185px;
}
.footer .socical .soc a{
    background: #212322;
    width: 45px;
    height: 45px;
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    transition:  0.3s ease;
}
.footer .socical .soc a:hover{
  background: var(--green);
}
.box .zagolovok{
    color: #fff;
    margin-bottom: 25px;
/*    font-family: Oswald;*/
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
}
.box .text{
    color:#666666;
/*    font-family: Inter;*/
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
}
.btn{
    background: #79C142;
    width: 200px;
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 12px;
    gap: 10px;
    color: #fff;
    text-transform: uppercase;
    justify-content: center;
}
.logo-icon use{
    width: 33px;
    height: 29px;
}
.soc-icon {
    width: 18px;
    height: 18px;
    fill: #fff;
}
.message{
    width: 19px;
    height: 19px;
}
.fix_flex{
    position: fixed;
    display: flex;
    flex-direction: column;
    right: 85px;
    bottom: 15px;
    gap: 5px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease, bottom 0.3s ease;
    z-index: 1000;
}
.fix_flex.visible {
  opacity: 1;
  visibility: visible;
}
.fix_flex .black {
  width: 45px;
  height: 45px;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #191919;
  border: 0;
  transition: background 0.3s ease;
}

.fix_flex .black:hover {
  background: var(--green);
}

/* при наведении на кнопку */
.fix_flex .black:hover .soc-dark,
.fix_flex .black:hover .soc-sol {
  fill: #fff;
  color: #fff;
}

.fix_flex .black_top{
    width: 45px;
    height: 45px;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #191919;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
.fix_flex .black_top:hover{
    background: var(--green);
}
.black_top:hover .soc-top {
  fill: #fff;
  color: #fff;
}

.black_top .soc-top{
    width: 20px;
    height: 18px;
    fill: var(--green); 
    color: var(--green);  
}
.black .soc-dark{
    width: 15px;
    height: 17px;
    fill: var(--green); 
    color: var(--green);  
}
.black .soc-sol{
    width: 20px;
    height: 20px;
    fill: var(--green); 
    color: var(--green);  
}
.soc-sol {
  display: none;
}
.footer .new{
    padding: 10px 15px;
    font-size: 12px;
    height: auto;
}
[data-theme="dark"] .soc-dark {
  display: none;
}
[data-theme="dark"] .soc-sol {
  display: flex;
}
@media(min-width: 1025px) and (max-width: 1199px) {
    .gap {
        flex-direction: row;
    }
    .order {
        order: 0;
    }
    .order2{
        order: 2;
    }
    .order3{
        order: 4;
    }
    .order4{
        justify-content: space-between;
        align-items: center;
        order: 1;
    }
    .box .zagolovok{
        margin-bottom: 37px;
        margin-top: 15px;
    }
    .box {
        flex: none;
        width: calc(100% / 2 - 50px);
    }
    .width_footer {
        flex: none;
    }
    .footer .socical{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: auto;
        gap: unset;
    }  
    .player .kinobalancer:has(
      .kinobalancer-players[style*="none"],
      .kinobalancer-episodes[style*="none"]
    ) .kinobalancer-controls .sort {
      flex: unset;
      width: 151px;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .slime{
        flex-wrap: wrap;
    }
    .slime .box{
        width: calc(100% / 4);
    }
/*    .slime .smail{
        width: 90px;
    }*/

    .slime .box:nth-of-type(1) .sosical { background: blue; border-top-left-radius: 12px; border-bottom-left-radius: 0;}
    .slime .box:nth-of-type(2) .sosical { background: orange; }
    .slime .box:nth-of-type(3) .sosical { background: #7db4e5; }
    .slime .box:nth-of-type(4) .sosical { background: #e00e0e; border-top-right-radius: 12px; border-bottom-right-radius: 0;}
    .slime .box:nth-of-type(5) .sosical { background: #9505f4; border-bottom-left-radius: 12px;}
    .slime .box:nth-of-type(6) .sosical { background: #2e9afb; }
    /*.slime .box:nth-of-type(5) .page-sosical{ width: 26px; height: 26px;  }*/
    .slime .box:nth-of-type(7) .sosical { background: #20d84e; }
    .slime .box:nth-of-type(8) .sosical { background: red; border-bottom-right-radius: 12px;}

    .footer{
        padding: 50px 0px;
    }
    .gap {
        flex-direction: row;
    }
    .order {
        order: 0;
    }
    .order2{
        order: 2;
    }
    .order3{
        order: 4;
    }
    .order4{
        justify-content: space-between;
        align-items: center;
        order: 1;
    }
    .box .zagolovok{
        margin-bottom: 40px;
        margin-top: 13px;
    }
    .box {
        flex: none;
        width: calc(100% / 2 - 50px);
    }
    .width_footer {
        flex: none;
    }
    .footer .socical{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: auto;
        gap: unset;
    }   
    .player .kinobalancer:has(
      .kinobalancer-players[style*="none"],
      .kinobalancer-episodes[style*="none"]
    ) .kinobalancer-controls .sort {
      flex: unset;
      width: 105px;
    }

}
@media (min-width: 320px) and (max-width: 767px) {
    .slime{
        flex-wrap: wrap;
    }
    .slime .box{
        width: calc(100% / 4);
    }
/*    .slime .smail{
        width: 70px;
    }*/
    .slime .box:nth-of-type(1) .sosical { background: blue; border-top-left-radius: 12px; border-bottom-left-radius: 0;}
    .slime .box:nth-of-type(2) .sosical { background: orange; }
    .slime .box:nth-of-type(3) .sosical { background: #7db4e5; }
    .slime .box:nth-of-type(4) .sosical { background: #e00e0e; border-top-right-radius: 12px; border-bottom-right-radius: 0;}
    .slime .box:nth-of-type(5) .sosical { background: #9505f4; border-bottom-left-radius: 12px;}
    .slime .box:nth-of-type(6) .sosical { background: #2e9afb; }
    /*.slime .box:nth-of-type(5) .page-sosical{ width: 26px; height: 26px;  }*/
    .slime .box:nth-of-type(7) .sosical { background: #20d84e; }
    .slime .box:nth-of-type(8) .sosical { background: red; border-bottom-right-radius: 12px;}
    .footer{
        padding: 30px 0px;
    }
    .gap{
        flex-direction: column;
        padding: 0px 10px;
    }
    .width_footer{
        flex: 0 0 100%;
    }
    .footer .socical{
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        justify-content: space-between;
        width: auto;
    }
    .order{
        order: 4;
    }
    .order4 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-top: solid 1px #E8E8E81C;
        padding: 15px 0px;
        border-bottom: solid 1px #E8E8E81C;
    }
    .order4 .zagolovok{
        margin-bottom: 0;
    }
    .btn{
        width: auto;
    }
    .blurred-border{
        padding: 20px 10px;
    }
    .player .kinobalancer:has(
      .kinobalancer-players[style*="none"],
      .kinobalancer-episodes[style*="none"]
    ) .kinobalancer-controls .sort {
      flex: unset;
      width: 189px;
    }
}
@media (min-width: 320px) and (max-width: 340px) {
    .footer .socical{
        gap: 2px;
    }
}
@media (min-width: 320px) and (max-width: 581px) {
    .fix_flex{
        right: 20px;
        bottom: 85px;
    }
}
@media (min-width: 582px) and (max-width: 767px) {
    .fix_flex{
       left: 50%;
       transform: translateX(calc(460px / 2));
    }
}
@media (min-width: 768px) and (max-width: 814px) {
    .fix_flex{
       left: 47%;
       transform: translateX(calc(708px / 2));
    }
}
@media (min-width: 815px) and (max-width: 1024px) {
    .fix_flex{
       left: 50%;
       transform: translateX(calc(708px / 2));
    }
}

@media (min-width: 1072px) {
    .fix_flex {
        right: auto;
    }
}



/*--------------------------------------------slider----------------------------------------------------------*/
.popular{
    background: rgb(0 0 0 / 80%);
}
.popular .swiper-wrapper{
    padding-bottom: 50px;
}
.popular .flex{
    justify-content: space-between;
    padding-bottom: 20px;
    align-items: center;
}
.popular .card_hover-content .flex{
    padding-bottom: 0;
}
.popular h2{
/*    font-family: Oswald;*/
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    text-transform: uppercase;
    color: #fff;
}
.popular .blurred-border {
  position: relative;
  border-bottom: none;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  padding: 20px 15px;
/*  overflow: hidden;*/
}
.popular .blurred-border::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1px;
  background: linear-gradient(to bottom, #000000, #A5A5A538);
}

.popular .blurred-border::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 1px;
  background: linear-gradient(to bottom, #000000, #A5A5A538);
}
.recommend{
     background: #000000;
}
.recommend .flex{
    justify-content: space-between;
    padding-bottom: 20px;
    align-items: center;
}
.recommend .card_hover-content .flex{
    padding-bottom: 0;
}
.recommend h2{
/*    font-family: Oswald;*/
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    text-transform: uppercase;
    color: #fff;
}
.blurred-border {
  position: relative;
  border-bottom: 1px solid #A5A5A538;
  border-bottom-left-radius: 22px;
  border-bottom-right-radius: 22px;
  padding: 20px 15px;
/*  overflow: hidden;*/
}
.swiper-navig .left_swip, .right_swip{
    width: 24px;
    height: 24px;
    border-radius: 8px;
    border: solid 2px var(--green);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 2;
    transition: 0.3s ease;
}
.swiper-navig .left_swip:hover, .right_swip:hover{
  border: solid 2px #fff;
}
.icon-swip{
    width: 4px;
    height: 6px;
}

.swiper-backface-hidden .swiper-slide{
    transform: unset!important;
}
.swiper-navig {
    display: flex;
    gap: 10px; 
    position: relative;
}

.swiper-button-prev,
.swiper-button-next {
    width: 24px;
    height: 24px;
    border-radius: 8px;
    border: solid 1px var(--green);
}
.swiper-button-next, .swiper-button-prev{
    color: #fff!important;
}


.swiper-pagination-bullet {
  border: 1px solid var(--green); 
  background: transparent!important;   
  opacity: 1!important;                
  border-radius: 50%;      
  transition: all 0.3s ease;
}


.swiper-pagination-bullet-active {
  background: var(--green)!important;       
}
/*.swiper-slide .card_hover{
    min-height: 400px;
}*/
@media (min-width: 320px) and (max-width: 767px) {
    .blurred-border{
        padding: 20px 10px;
    }
    .popular .blurred-border{
         padding: 20px 10px;
    }
}



/* ===== Swiper до инициализации =========== */

.swiper:not(.swiper-initialized){ overflow-x: clip; }

.swiper:not(.swiper-initialized) .swiper-wrapper {
  display: flex;
  flex-wrap: nowrap; 
  gap: 20px;
}

.swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
    flex-shrink: 0;
    width: calc(100% / 6 - 20px);
    width: calc(100% / 6 - 20px * 5 / 6);
}
@media (max-width: 1200px) {
  .swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
        flex-shrink: 0;
         width: calc(100% / 4 - 20px);
         width: calc(100% / 4 - 20px * 3 / 4);
  }
}

@media (max-width: 1025px) {
  .swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
        flex-shrink: 0;
        width: 206px;
        width: calc(100% / 3 - 20px * 2 / 3);
  }
}

@media (max-width: 768px) {
  .swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
        flex-shrink: 0;
        width: calc(100% / 2 - 10px);
        width: calc(100% / 2 - 20px * 1 / 2);
  }
  .player .kinobalancer:has(.kinobalancer-players[style*=none]) .kinobalancer-episodes{
        margin: 0px 0px -5px 0px!important;
        max-width: 100%;
        width: 100%;
    }
}

/*-------------------------------------------- новая переключалка ----------------------------------------------------------*/
input:focus {
    outline: none;          
    border: 1px solid var(--menuBorder); 
}

/*-------------------------------------------- прилипание меню  ----------------------------------------------------------*/
#header-container {
  position: relative; 
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 9999;
  transition: transform 0.35s cubic-bezier(0.4,0,0.2,1), background 0.3s, box-shadow 0.3s;
}

#header-container.sticky-active {
  position: sticky; 
  top: 0;
  background: rgba(0,0,0,0.94);
  box-shadow: 0 4px 18px rgba(0,0,0,0.5);
  backdrop-filter: blur(10px);
}

#header-container.hidden {
  transform: translateY(-100%);
}
/*-----------------------Неоновое лого------------------------------*/

@font-face{
    font-display:swap;
    font-family:'Poppins-Black';
    src:url('../fonts/Poppins-Black.woff2');
    font-weight:400;
    font-style:normal
}
/*@font-face{
    font-display:swap;
    font-family:'Poppins-ExtraBold';
    src:url('../fonts/Poppins-ExtraBold.woff2');
    font-weight:400;
    font-style:normal
}*/
.logo {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    font-size: 22px;
    line-height: 1;
/*    font-family: 'Poppins-ExtraBold','ubunturegular';*/
    font-weight: 800;
    letter-spacing: 1px;
}

/*.logo .icon {
    width: 30px;
    height: 30px;
    background: #93cd59;
    clip-path: url(#playClip);
    -webkit-clip-path: url(#playClip);
    position: relative;
}*/

/*.logo .icon:before {
    content: "";
    position: absolute;
    top: 0;
    left: -100px;
    width: 70px;
    height: 100%;
    transform: skewX(-30deg);
    background: linear-gradient(
        to right,
        rgba(255,255,255,.13) 0%,
        rgba(255,255,255,.13) 77%,
        rgba(255,255,255,.5) 92%,
        rgba(255,255,255,0) 100%
    );
    animation: slide 4s ease-in-out .3s infinite;
}*/

/*@keyframes slide {
    0%   { left: -100px; }
    100% { left: 150px; }
}*/

.logo .neon {
    font-family: 'Poppins-Black','ubunturegular';
    font-size: 22px;
    color: var(--neon_logo);
    font-weight: 500;
    letter-spacing: 1px;
    position: relative;
    top: 1px;
/*    text-shadow: 0 0 22px #61BA1C;*/
}

.logo .neon i {
    position: relative;
    z-index: 1;
    font-style: normal;
    text-shadow: 0px 0px 4px #7EC249, 0px 0px 6.5px #61BA1C;
    -webkit-text-stroke: 4px #93cd59;
    paint-order: stroke fill;
}

.logo .neon i[style*="time"]{
    animation: flicker var(--time) linear infinite;
}

@keyframes flicker {
    0%, 19.999%, 22%, 62.999%, 64%, 64.999%, 70%, 100% {
        opacity: .99;
    }
    20%, 21.999%, 63%, 63.999%, 65%, 69.999% {
        opacity: 0.4;
    }
}
@media (max-width: 359px) {
    .header__logo .logo img{
        width: 25px;
        height: 25px;
    }
    .header__logo .logo{
        gap: 4px;
        font-size: 16px;
        letter-spacing: -1px;
        flex-wrap: nowrap;
    }
    .logo .neon{
        font-size: 13px;
        letter-spacing: 1px;
    }

}
@media (min-width: 360px) and (max-width: 1024px) {
    .header__logo .logo img{
        width: 32px;
        height: 32px;
    }
    .header__logo .logo{
        gap: 5px;
        font-size: 20px;
        flex-wrap: nowrap;
        letter-spacing: -1px;
    }
    .logo .neon{
        font-size: 16px;
        letter-spacing: 1px;
    }

}
@media (min-width: 1025px) and (max-width: 1199px) {
    .header__logo .logo img{
        width: 40px;
        height: 40px;
    }
    .header__logo .logo{
        gap: 4px;
        font-size: 20px;
        flex-wrap: nowrap;
        letter-spacing: -1px;
    }
    .logo .neon{
        font-size: 20px;
        letter-spacing: 1px;
    }

}
@media (min-width: 1200px) and (max-width: 1440px) {
/*    .header__logo .logo img{
        width: 40px;
        height: 40px;
    }*/
    .header__logo .logo{
        gap: 6px;
        font-size: 22px;
        flex-wrap: nowrap;
        letter-spacing: 1px;
    }
    .logo .neon{
        font-size: 22px;
        letter-spacing: 1px;
    }

}