*{margin:0;padding:0;box-sizing:border-box}:root{--bg-color:#141414;--bg-bg-color:rgba(31,31,31,.95);--orange-color:#FF5500;--bg-orange:var(--primary-gradient,linear-gradient(135deg,#f50 69.93%,#d6bb00 100%));--text-color:hsla(0,0%,100%,.6);--text-dark-color:#00000099;--premium-color:#e2bce8}@font-face{font-family:Kinopoisk;src:url(/fonts/text-variable-full.woff2) format("woff2-variations");font-weight:100 900;font-stretch:75% 125%;font-style:normal;font-display:swap}body{font-family:Kinopoisk,Arial,sans-serif}.card-rating p{color:#fff}.header{background-image:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.8) 90%,black),url(/images/header.jpg);background-size:cover;background-position:50%;height:30vh;align-items:end}.header,.header-blok{display:flex;justify-content:center}.header-blok{align-items:center;gap:20px;padding:0 10px 10px}.header-blok__section{position:relative}.header-blok__section a{text-decoration:none;display:flex;align-items:center;gap:10px;transition:.5s;cursor:pointer}.header-blok__section img{width:150px}.header-blok__section a p{font-weight:500}.header-blok__section a p,.header__icon{color:var(--text-color);transition:.5s}.header-blok__section a:hover .header-blok__section__p,.header-blok__section a:hover .header__icon{color:#fff}.popup-message{position:absolute;top:100%;left:0;background-color:#222;color:#fff;padding:6px 12px;border-radius:5px;margin-top:10px;margin-left:20px;font-size:14px;animation:fadeOut 3s forwards;z-index:10}@keyframes fadeOut{0%{opacity:1}80%{opacity:1}to{opacity:0}}@media (max-width:768px){.header-blok{flex-wrap:wrap}.header-blok img{width:100px}.header-blok__section p{font-size:80%}.header-blok__section a{gap:5px}.header__icon{width:10px;height:10px}.header-blok__section-3{width:100%}.popup-message{font-size:10px}}.search-container{position:relative;width:100%;max-width:500px}.search-form{position:relative}.search-blok{background-color:#373737;padding:10px 15px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:10px;transition:all .3s ease;border:1px solid transparent}.search-blok.focused{background-color:#fff;border-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.2)}.search-blok input{background-color:transparent;border:none;outline:none;width:300px;color:#fff;padding:5px;font-size:14px;flex-grow:1}.search-blok.focused input{color:#252525}.search-blok input::placeholder{font-weight:400;color:#a0a0a0;transition:color .3s}.search-blok.focused input::placeholder{color:#7a7a7a}.search-button{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.search__icon{color:#a0a0a0;width:20px;height:20px;transition:color .3s}.search-blok.focused .search__icon{color:#252525}.suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border-radius:0 0 10px 10px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000;max-height:400px;overflow-y:auto;margin-top:2px}.suggestion-item{padding:12px 15px;cursor:pointer;display:flex;justify-content:start;align-items:center;gap:10px;transition:background .2s;color:#252525}.suggestion-item img{width:50px;height:50px;object-fit:cover}.suggestion-item:hover{background:#f5f5f5}.suggestion-name{font-weight:500}.suggestion-type{font-size:12px;color:#7a7a7a;font-style:italic}.suggestion-item.empty,.suggestion-item.loading{justify-content:center;color:#7a7a7a}.suggestion-item.empty{font-style:italic}@media (max-width:768px){.search-container{max-width:100%}.search-blok input{font-size:12px}.search__icon{width:18px;height:18px}.suggestion-item{padding:10px 12px;font-size:14px}}.layout{background-color:#f4f4f4}.layout__container{display:flex;flex-direction:column;background-color:#fff;margin:0 120px}.layout-blok{display:flex}.layout-header{display:flex;flex-direction:column;gap:20px;border-right:1px solid #e8e8e8;padding:30px}.layout-header__section{display:flex;justify-content:start;gap:5px;align-items:center;text-decoration:none;transition:.5s;cursor:pointer;width:170px}.layout-header__section-1{-webkit-text-decoration:2px underline var(--orange-color);text-decoration:2px underline var(--orange-color)}.layout-header__section:hover{opacity:.5}.layout-header__icon{width:25px;height:25px;color:var(--text-dark-color)}.layout-header__icon-1{color:#000}.layout-header__section p{font-weight:700;color:var(--text-dark-color);font-size:95%}.layout-body{padding:10px;display:flex;flex-direction:column;gap:20px;width:100%;overflow:hidden}.layout-body__section{padding:20px}.layout-footer{background-color:var(--bg-color);color:var(--text-color);display:flex;flex-direction:column;padding:30px;gap:30px}.layout-footer__header{display:flex;justify-content:center;align-items:center;gap:20px}.layout-footer__header__icon{width:25px;height:25px;color:var(--text-color);transition:.5s;cursor:pointer}.layout-footer__header__icon:hover{color:#fff}.layout-footer__header a{text-decoration:none}.layout-footer__links{display:flex;justify-content:center;align-items:center;gap:30px;flex-wrap:wrap}.layout-footer__links a{text-decoration:none;font-size:90%;color:var(--text-color);transition:.5s;cursor:pointer}.layout-footer__links a:hover{color:#fff}.layout-footer__footer{margin-top:20px;display:flex;justify-content:space-between}.layout-footer__footer div{display:flex;justify-content:center;gap:10px;align-items:center}.layout-footer__footer a{text-decoration:none;transition:.5s;cursor:pointer}.layout-footer__footer a,.layout-footer__footer div p{font-size:80%;color:var(--text-color)}.layout-footer__footer a:hover{color:#fff}.layout-footer__footer p{font-size:80%}@media (max-width:1300px){.layout__container{margin:0 50px}}@media (max-width:768px){.layout__container{margin:0 10px}.layout-blok{flex-direction:column}.layout-header{gap:15px;padding:20px}.layout-header__icon{width:15px;height:15px}.layout-header__section p{font-size:80%}.layout-body{padding:0;gap:0}.layout-footer{gap:20px}.layout-footer__footer{justify-content:center;gap:30px;flex-wrap:wrap}.layout-footer__links{gap:10px;margin:10px 0}.layout-footer__footer a,.layout-footer__links a{font-size:70%}.layout-footer__footer div{gap:5px}.layout-footer__footer div p{font-size:70%}.layout-footer__header{gap:10px}.layout-footer__header__icon{width:20px;height:20px}}.popular{width:100%;box-sizing:border-box}.popular h2{margin-bottom:15px}.popular-blok{display:flex;justify-content:start;gap:10px;flex-wrap:wrap}.popular-blok__section{background-size:cover;background-position:50%;background-blend-mode:multiply;background-color:#00000071;position:relative;height:300px;width:200px;border-radius:10px;overflow:hidden;margin-bottom:20px;transition:.5s;cursor:pointer}.popular-blok__section:hover{background-color:#00000024}.popular-blok a{text-decoration:none}.popular-blok__section-h3{position:"absolute";bottom:10px;left:10px;margin:0;color:#fff;padding:10px;border-radius:5px;z-index:2}.popular-blok__footer{background-image:url(/images/more.png);background-position:50%;background-size:cover;background-color:#000;opacity:.5;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.5s;color:var(--orange-color);font-weight:500;height:300px;border-radius:10px;width:200px}.popular-blok__footer p{color:#fff;font-size:120%;font-weight:500;transition:.5s}.popular-blok__footer:hover{opacity:1}.popular-blok__footer:hover .popular-blok__footer-p{transform:scale(1.1)}@media (max-width:1000px){.popular-blok__section{width:170px;height:200px}.popular-blok__section-h3{font-size:100%}}@media (max-width:768px){.popular-blok{width:100%;justify-content:center}.popular-blok__section{width:250px;margin-bottom:0}.popular-blok__footer{width:250px;height:200px}.popular h2{font-size:100%}}@media (max-width:585px){.popular-blok__footer,.popular-blok__section{width:200px}}@media (max-width:488px){.popular-blok__footer,.popular-blok__section{width:100%;height:150px}}.loading{display:flex;justify-content:center;align-items:center;height:100vh;width:100%}.loading-spinner{width:100px;height:100px;border:4px solid rgba(0,0,0,.1);border-top:4px solid var(--orange-color);border-radius:50%;animation:spin 1s linear infinite}.series-slide{border-radius:12px;overflow:hidden;height:200px;position:relative}.series-content{height:100%;background-size:cover;background-position:50%;position:relative}.series-content:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent)}.series-title{bottom:12px;color:#fff}.series-title,.series-title-2{position:absolute;left:12px;z-index:2}.series-title-2{font-size:110%;bottom:30px;color:var(--premium-color)}.series-subtitle{position:absolute;bottom:12px;left:12px;color:var(--text-color);font-weight:300;z-index:2;font-size:90%}.slider-wrapper{position:relative}.arrow,.slider-wrapper{display:flex;align-items:center}.arrow{background:rgba(0,0,0,.6);border:none;cursor:pointer;z-index:10;transition:.5s;width:40px;height:40px;border-radius:50%;justify-content:center}.arrow-icon{width:30px;height:30px;color:#fff;transition:.5s;position:relative}.arrow:hover{opacity:.7}.arrow:hover .arrow-icon{color:#fff}.next,.prev{position:absolute;top:50%;transform:translate(-50%,-50%)}.next{right:-40px}.card-rating{position:absolute;top:10px;left:10px;color:var(--orange-color);font-weight:500}.tranding{background-color:var(--bg-color);padding:20px;border-radius:15px}.tranding-h1{color:var(--premium-color)}.tranding-blok{justify-content:center!important}.detail{background-color:var(--bg-color);color:#fff;padding:0 150px}.detail-header{margin-bottom:30px}.detail-blok{display:flex;gap:20px}.detail-blok__section-1__img{width:500px;overflow:hidden}.detail-blok__section-1__img img{width:100%;object-fit:cover}.detail-blok__section-2{display:flex;flex-direction:column}.detail-blok__section-2 h1{font-size:230%}.detail-blok__section-2 h1 span{color:var(--text-color);font-size:70%}.detail-blok__section-2__header{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:10px 0 20px;max-width:300px}.detail-blok__section-2__header__p-1{color:var(--text-color)}.detail-blok__section-2__header__p-2{font-weight:600;color:var(--orange-color)}.detail-blok__section-2__description{margin:5px 0}.detail-blok__section-2__description p{letter-spacing:.5px;font-size:105%}.detail-blok__section-2__button{margin:20px 0}.detail-blok__section-2__button a{text-decoration:none}.detail-blok__section-2__button button{display:flex;align-items:center;justify-content:start;gap:15px;padding:15px;border-radius:10px;border:none;transition:.5s;cursor:pointer;font-weight:600;font-size:110%;background:linear-gradient(135deg,#f50 69.93%,#d6bb00);color:#fff}.detail-blok__section-2__button button:hover{opacity:.5}.detail-blok__section-2__button__icon{color:#fff;width:25px;height:25px}.detail-blok__section-2__container{display:flex;flex-direction:column;gap:20px;padding:20px 0}.detail-blok__section-2__container div{display:flex;justify-content:start;align-items:center;gap:10px}.detail-blok__section-2__container__p-1{width:200px;font-size:80%;color:var(--text-color)}.detail-blok__section-2__container__p-2{font-size:80%}@media (max-width:1300px){.detail{padding:0 50px}.detail-blok__section-1__img{width:350px;overflow:hidden}}@media (max-width:768px){.detail{padding:0 10px}.detail-header{margin-bottom:0}.detail-blok{flex-direction:column-reverse}.detail-blok__section-1__img{width:100%;display:flex;margin:auto}.detail-blok__section-2{padding-top:20px}.detail-blok__section-2 h1{font-size:160%}.detail-blok__section-2__header__p-1,.detail-blok__section-2__header__p-2{font-size:80%}.detail-blok__section-2__container__p-1{width:150px}.detail-blok__section-2__description p{font-size:80%}.detail-blok__section-2__button__icon{width:15px;height:15px}.detail-blok__section-2__button{font-size:80%}}.header2{background-color:var(--bg-color);align-items:end}.header2,.header2-blok{display:flex;justify-content:center}.header2-blok{align-items:center;gap:20px;padding:20px 10px}.header2-blok__section{position:relative}.header2-blok__section a{text-decoration:none;display:flex;align-items:center;gap:10px;transition:.5s;cursor:pointer}.header2-blok__section img{width:150px}.header2-blok__section a p{font-weight:500}.header2-blok__section a p,.header2__icon{color:var(--text-color);transition:.5s}.header2-blok__section a:hover .header2-blok__section__p,.header2-blok__section a:hover .header2__icon{color:#fff}@media (max-width:768px){.header2-blok{flex-wrap:wrap}.header2-blok img{width:100px}.header2-blok__section p{font-size:80%}.header2-blok__section a{gap:5px}.header2__icon{width:10px;height:10px}.header2-blok__section-3{width:100%}}.films{padding:30px;margin:0 120px;background-color:#fff}.films-blok{display:flex;gap:30px}.films-blok__section-1{width:250px;flex-shrink:0}.films-blok__section-1 h2{margin-bottom:20px}.films-blok__section-2{flex-grow:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:20px;gap:20px}.genres-list{display:flex;flex-direction:column;gap:30px}.genre-item{cursor:pointer;border-radius:4px;transition:.5s;text-transform:capitalize}.genre-item:hover{opacity:.5}.genre-item.active{color:var(--orange-color)}.filmm-card{overflow:hidden;transition:.3s}.filmm-card:hover{opacity:.9}.filmm-card a{text-decoration:none}.filmm-poster{position:relative;height:300px}.poster-image{width:100%;height:100%;object-fit:cover}.filmm-rating{position:absolute;top:10px;left:10px;background:rgba(0,0,0,.7);color:var(--orange-color);padding:5px 10px;border-radius:5px;font-weight:700}.filmm-info{padding:10px}.filmm-title{font-size:100%;overflow:hidden;color:#000}.filmm-meta{margin:5px 0 0;color:var(--text-dark-color);font-size:80%}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1300px){.films{margin:0 50px}}@media (max-width:768px){.genres-list{display:flex;justify-content:start;flex-wrap:wrap;flex-direction:row}.films{margin:0 10px;padding:20px 10px}.films-blok{flex-direction:column}.films-blok__section-1{width:100%}.films-blok__section-1 h2{font-size:130%}.genre-item{font-size:85%}.films-blok__section-2{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.pagination{display:flex;justify-content:start;align-items:center;gap:5px}.pagination button{padding:5px;transition:.3s;cursor:pointer}@media (max-width:768px){.pagination{margin-top:10px;justify-content:center}.pagination span{font-size:90%}}.similars{padding-top:70px;padding-bottom:50px}.similars-blok{display:flex;justify-content:center;flex-wrap:wrap;gap:30px}.similars h2{text-align:center;margin-bottom:20px}.similars-blok__section{padding-bottom:20px}.similars-blok__section a{text-decoration:none}.similars-blok__section img{width:300px;height:400px;object-fit:cover;transition:.3s}.similars-blok__section img:hover{opacity:.8}.similars-blok__section h4{color:#fff}@media (max-width:768px){.similars-blok{gap:20px}.similars-blok__section{width:250px}.similars-blok__section img{width:250px;height:300px}.similars-blok__section h4{font-size:85%}}@media (max-width:555px){.similars-blok__section{width:200px}.similars-blok__section img{width:100%}.similars-blok__section h4{font-size:80%}}@media (max-width:456px){.similars-blok__section{width:170px}.similars-blok__section h4{font-size:75%}}