/* BASIC LAYOUT
----------------------------------------------- */
.wrapper {
 min-width: 320px;
 position: relative;
 background: url(../images/bg.png);
 margin-left: 240px;
}

.wrapper-container {
 max-width: var(--max-width);
 margin: 0 auto;
 position: relative;
 z-index: 20;
}

.wrapper-main {
 min-height: 100vh;
 background-color: var(--bg);
 box-shadow: 0 30px 60px rgba(0,0,0,0.9);
}

.header {
 position: fixed;
 z-index: 10;
 left: 0;
 top: 0;
 right: 0;
 height: 60px;
 padding-left: 30px;
 padding-right: 65px;
 margin-left: 260px;
 background: #f2ede5;
}

.footer {
 background: url(../images/logo.svg) 30px center / 40px no-repeat;
 gap: 30px;
 line-height: 1.7;
 background-color: var(--bg-dark);
 color: var(--tt-dark);
 padding: 30px var(--indent);
 padding-left: 86px;
}

.col-main {
 padding-top: 60px;
}

.col-side {
 position: fixed;
 top: 0;
 left: 0;
 height: 100vh;
 width: 260px;
 overflow-y: auto;
 overflow-x: hidden;
 z-index: 999;
 z-index: 9;
 background-color: var(--bg-dark);
 color: #fff;
 padding: 20px 15px;
}

.col-side > * {
 position: relative;
 z-index: 1;
}

.col-main__cols {
 display: grid;
 grid-template-columns: minmax(0,1fr);
 min-height: 50vh;
}

.col-main__right {
 position: relative;
 margin-top: -85px;
 z-index: 5;
}

.col-main__left {
 padding: var(--indent);
 padding-top: 34px;
}

.slider-box {
 margin-top: -80px;
 background-color: var(--bg-dark);
}

.col-main__right .side-block {
 background-color: var(--bg-2);
 padding: 30px;
 padding-bottom: 20px;
}

.sect--padding, .page-padding {
 padding: var(--indent);
 padding-top: 30px;
}
/*.hbg {background: var(--bg-dark);}*/
.footer .soc-channels {
 display: none;
}

#scrolltop {
 position: fixed;
 width: 60px;
 height: 60px;
 line-height: 60px;
 right: 10px;
 bottom: 10px;
 z-index: 990;
 display: none;
 background-color: var(--bg);
 color: var(--tt-2);
 cursor: pointer;
 font-size: 24px;
 border-radius: 50%;
 text-align: center;
 box-shadow: 0 5px 10px rgba(0,0,0,0.1);
}


/* HEADER, NAV
----------------------------------------------- */
.logo {
 display: inline-flex;
 flex-direction: column;
 justify-content: center;
 height: 28px;
 width: 200px;
 margin-right: 70px;
 border-bottom: 1px solid #313143;
}

.logo span {
 color: var(--accent);
}

.logo__title {
 text-transform: uppercase;
 color: #fff;
 font-size: 22px;
 font-weight: 900;
 line-height: 1;
 font-family: 'Cormorant Garamond', sans-serif;
 align-self: center;
}

.logo__caption {
 font-size: 10px;
 font-weight: 500;
 color: #fff;
 opacity: 0.9;
 text-transform: uppercase;
 letter-spacing: 3px;
 margin-top: 5px;
}

.header__btn, .footer__btn {
 background: transparent;
 color: #333;
 gap: 10px;
}

.header__search {
 position: relative;
 width: 576px;
 margin-left: 260px;
}

.header__search input, .header__search input:focus {
 padding: 0 60px 0 20px;
 border-radius: 10px;
 background: #faf8f5;
 box-shadow: var(--bsh-btn-dark);
 color: #333;
 border: 1px solid#e0dcd6;
}

.header__search input:not(:focus)::placeholder {
 color: #313143;
 opacity: 0.6;
 font-size: 14px;
}

.header__search button {
 position: absolute;
 right: 0;
 top: 0px;
 padding: 0;
 width: 60px;
 background: none;
 color: #313143;
 font-size: 14px;
}

.soc-channels {
 gap: 10px;
 margin-right: var(--indent);
}

.soc-channels__item {
 display: flex;
 flex-direction: column;
 justify-content: center;
 position: relative;
 background: var(--accent);
 box-shadow: var(--bsh-btn-dark);
 border-radius: 50%;
 background-position: center center;
 background-repeat: no-repeat;
 width: 40px;
 height: 40px;
}

.tlg {
 background-image: url(../images/i-tlg.svg);
 background-size: 16px;
}

.vk {
 background-image: url(../images/i-vk.svg);
 background-size: 20px;
}

.yt {
 background-image: url(../images/i-youtube.svg);
 background-size: 20px;
}

.bslide {
 height: 350px;
 padding: 0;
 color: #fff;
}

.bslide:before {
 height: 100%;
 opacity: 1;
 background: var(--gradient-2);
}

.bslide__desc {
 position: absolute;
 z-index: 1;
 left: 0;
 right: 0;
 bottom: 0;
 padding: 0 var(--indent);
 padding-bottom: 40px;
}

.bslide__title {
 font-size: 24px;
 font-weight: 700;
 max-width: 500px;
 margin-bottom: 5px;
}

.bslide__text {
 line-height: 1.3;
 margin: 15px 0 25px 0;
 max-width: 600px;
 -webkit-line-clamp: 4;
 opacity: 0.8;
}

.bslide__btn-trailer {
 background: var(--bg-btn-dark);
 box-shadow: var(--bsh-btn-dark);
 margin-left: 10px;
}


/* TOP ITEM
----------------------------------------------- */
.carou {
 padding: 30px var(--indent);
 margin-top: -80px;
 padding-top: 85px;
 background-color: var(--bg-dark);
 position: relative;
 padding-bottom: 60px;
}

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

.carou__content > .top {
 width: calc((100% - 75px)/6);
 flex-shrink: 0;
 margin-right: 15px;
}

.top {
 background-color: var(--bg-darkest);
}

.top__desc {
 position: absolute;
 left: 0;
 right: 0;
 bottom: 0;
 z-index: 10;
 padding: 15px;
 color: #fff;
}


/* SECTION
----------------------------------------------- */
.sect:not(:last-child) {
 margin-bottom: 60px;
}

.sect__header {
 margin-bottom: 23px;
}

.sect__title {
 font-size: 24px;
 font-weight: 700;
 padding: 0 0 10px 0;
}

.sect__subtitle {
 font-size: 21px;
}

.desc {
 display: grid;
 grid-gap: 20px;
 line-height: 1.7;
 color: var(--tt-3);
 background: var(--bg-2);
 padding: 60px var(--indent);
}

.desc h1, .desc h2, .desc h3 {
 font-weight: 700;
 font-size: 18px;
 color: var(--tt);
 line-height: 1.3;
}

.desc a {
 text-decoration: underline;
}

.desc ul li {
 position: relative;
 padding-left: 25px;
 margin-left: 25px;
}

.desc ul li::before {
 content: "\f00c";
 font-weight: 300;
 font-family: 'Font Awesome 5 Pro';
 color: var(--accent-blue);
 position: absolute;
 left: 0;
 top: 0;
}

.speedbar {
 font-size: 14px;
 color: var(--tt-3);
 background-color: var(--bg-2);
 margin: 0 var(--indent-negative);
 margin-bottom: -60px;
 margin-top: 30px;
 padding: 30px var(--indent);
}

.speedbar a:hover {
 text-decoration: underline;
}


/* POSTER ITEM
----------------------------------------------- */
.poster__img {
 box-shadow: var(--bsh-poster);
 border: 5px solid #fff;
}

.poster__label {
 display: flex;
 align-items: center;
 gap: 8px;
 padding: 6px 10px;
 font-size: 12px;
 border-radius: 0 0 0 3px;
 background: var(--accent-green);
 color: #fff;
 position: absolute;
 right: 0;
 top: 0;
 z-index: 3;
}

.poster__label .fal {
 font-size: 14px;
}

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

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

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

.gray {
 background-color: var(--accent-gray);
}
/*.gold {background-color: var(--accent-gold);} */
.poster__series {
 position: absolute;
 left: 0;
 bottom: 0;
 z-index: 3;
 padding: 5px 10px 1px 10px;
 font-size: 12px;
 background-color: var(--bg);
 color: var(--tt-3);
 border-radius: 0 3px 0 0;
}

.poster__trailer {
 display: flex;
 align-items: center;
 gap: 10px;
 height: 40px;
 padding: 0 10px;
 font-size: 12px;
 text-transform: uppercase;
 font-weight: 700;
 border-radius: 0 3px 3px 0;
 cursor: pointer;
 position: absolute;
 left: 0;
 top: 30px;
 z-index: 6;
 background-color: rgba(0,0,0,0.5);
 color: #fff;
}

.poster__trailer .fal, .bslide__btn-trailer .fal {
 width: 20px;
 height: 20px;
 border-radius: 50%;
 background: var(--bg);
 color: var(--tt-3);
 font-size: 10px;
 color: #000;
 padding-left: 2px;
}

.poster__trailer span {
 display: none;
}

.poster__btn-info {
 position: absolute;
 right: 0;
 top: 0;
 z-index: 6;
 border-radius: 0 0 0 3px;
 opacity: 0;
 width: 30px;
 height: 30px;
 padding: 0 0 5px 4px;
 font-size: 18px;
 background: var(--bg);
 color: var(--tt-3);
}

.has-overlay__icon {
 position: absolute;
 z-index: 5;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background-color: rgba(0,0,0,0.5);
 opacity: 0;
}

.has-overlay__icon div {
 width: 80px;
 height: 80px;
 border-radius: 50%;
 font-size: 24px;
 border: 2px solid rgba(255,255,255,0.8);
 color: #fff;
 padding-left: 4px;
}

.poster:hover .poster__btn-info, .has-overlay:hover .has-overlay__icon {
 opacity: 1;
}

.poster:hover .poster__trailer span {
 display: block;
}

.poster:hover .poster__label {
 opacity: 0;
}

.poster__desc {
 position: relative;
 padding: 12px 0 0 5px;
}

.pmovie__related .poster__desc {
 padding-right: 5px;
}

.poster__title {
 font-size: 16px;
 font-weight: 700;
 color: var(--tt);
 width: 153px;
}

.poster__subtitle {
 color: var(--tt-2);
 font-size: 14px;
 margin-top: 5px;
 padding: 0 0 5px 0;
}

.poster__rating-likes, .pmovie__ratings-score {
 font-weight: 700;
 font-size: 12px;
 width: 30px;
 height: 30px;
 border-radius: 50%;
 position: absolute;
 right: 5px;
 top: 15px;
 border: 1px solid var(--accent-blue);
 color: var(--accent-blue);
}

.poster__trailer:hover {
 background-color: #000;
}

.poster__btn-info:hover {
 color: #000;
 cursor: help;
}

.poster__rating {
 height: 17px;
 width: 170px;
 position: relative;
 background: url(../dleimages/rating.svg);
}

.poster__rating-fill {
 position: absolute;
 left: 0;
 top: 0;
 height: 100%;
 width: 0;
 transition: width 1s ease-in-out;
 z-index: 1;
 background: url(../dleimages/rating.svg) 0 -34px repeat-x;
}

.th-active {
 z-index: 100;
}

.th-text {
 display: none;
 background-color: var(--bg);
 cursor: auto;
 padding: 20px;
 text-align: left;
 position: absolute;
 z-index: 1000;
 left: 100%;
 top: 0;
 width: 460px;
 box-shadow: var(--bsh);
 border-radius: 4px;
 min-height: 100px;
}

.th-text::after {
 content: "";
 border: 10px solid var(--bg);
 position: absolute;
 top: 30px;
 right: 100%;
 border-left-color: transparent;
 border-bottom-color: transparent;
}

.pop-left .th-text::after {
 border: 10px solid var(--bg);
 border-right-color: transparent;
 border-bottom-color: transparent;
 left: 100%;
 right: auto;
}

.pop-left .th-text {
 left: auto;
 right: 100%;
}
/*.th-text-loader {text-align: center; font-size: 18px; color: var(--accent-green); padding-top: 20px;} */
.th-text-loader {
 text-align: center;
 font-size: 18px;
 color: var(--accent-blue);
 padding-top: 20px;
}

.th-text-header {
 display: block;
 text-decoration: underline;
 font-weight: 700;
 font-size: 18px;
 color: var(--accent-blue);
}

.th-text .not-shown-ajax, .th-text .page__subcol-header h1, .th-text .pmovie__quality {
 display: none;
}

.th-text .poster__label {
 border-radius: 0 4px 0 4px;
}

.th-text .pmovie__original-title, .th-text .pmovie__ratings-votes {
 color: var(--tt-2);
}

.th-text .page__text {
 font-size: 14px;
 line-height: 22px;
 max-height: 110px;
 overflow: hidden;
 margin-top: 6px;
}

.th-text .pmovie__header-list {
 background: none;
 padding: 0;
 margin: 16px 0;
 font-size: 13px;
}

.th-text .pmovie__header-list li + li {
 margin-top: 5px;
}

.th-text .pmovie__ext-rating {
 margin-top: 10px;
}


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

.side-block__title {
 font-weight: 700;
 font-size: 18px;
 margin-bottom: 30px;
}

.side-block__menu > li > a {
 padding: 15px 0 15px 60px;
 margin: 0 -30px;
 color: #fff;
 display: block;
 font-size: 0.875rem;
}

.side-block__menu li {
 position: relative;
 font-size: 16px;
}

.side-block__menu li .fal {
 position: absolute;
 left: 0px;
 top: 13px;
 pointer-events: none;
 color: var(--tt-dark);
}

.side-block__menu > li > a:hover {
 background-color: #262639;
 color: #c9a84c;
}

.side-block__menu-hidden {
 position: relative;
 left: 0;
 top: 0;
 z-index: 1;
 background-color: transparent;
 box-shadow: none;
 padding: 10px 0 0 15px;
 width: 100%;
 column-gap: 0;
 column-width: auto;
 visibility: visible;
 opacity: 1;
 transform: translateX(0);
 display: none;
}

.side-block__menu li.submenu.active .side-block__menu-hidden {
 display: block;
}

.side-block__menu-hidden li {
 margin-bottom: 10px;
}

.side-block__menu > li:hover .side-block__menu-hidden {
 visibility: visible;
 opacity: 1;
 transform: translateX(0);
}

.popular + .popular {
 margin-top: 20px;
}

.popular .poster__subtitlei {
 color: var(--tt-dark);
}

.popular__img {
 width: 60px;
 height: 60px;
 margin-right: 10px;
 box-shadow: var(--bsh-2);
 border-radius: 3px;
}

.popular__title {
 line-height: 1.4;
 -webkit-line-clamp: 2;
 color: #fff;
}

.popular:hover {
 text-decoration: underline;
}

.lcomm:not(:last-child) {
 border-bottom: 1px solid var(--bdc-dark);
 margin: 0 -30px;
 padding: 0 30px;
 padding-bottom: 20px;
 margin-bottom: 20px;
}

.lcomm {
 font-size: 13px;
}

.lcomm__link {
 display: block;
 font-size: 12px;
 color: var(--tt-2);
 text-transform: uppercase;
 padding-left: 1px;
}

.lcomm__date {
 font-size: 12px;
 color: var(--tt-2);
 margin-left: 10px;
}

.lcomm__text {
 margin: 8px 0 10px 0;
 opacity: 0.66;
 -webkit-line-clamp: 3;
}

.lcomm__author {
 font-weight: 500;
}

.lcomm__av {
 width: 24px;
 height: 24px;
 border-radius: 50%;
 margin-right: 10px;
}

.updli:not(:last-child) {
 border-bottom: 1px dashed var(--bdc-darker);
 padding-bottom: 15px;
 margin-bottom: 15px;
}

.updli-2 {
 font-size: 13px;
 color: var(--tt-3);
}

.updli-2 div {
 color: var(--tt);
 font-weight: 500;
 font-size: 13px;
 margin-bottom: 2px;
}

.updli-3 {
 text-align: right;
 margin-left: 15px;
 font-size: 12px;
 line-height: 1.1;
 color: var(--tt-3);
}

.updli-3 div {
 color: var(--accent);
 font-weight: 500;
 margin-bottom: 5px;
}

.upd-box-title {
 background: var(--bg-dark);
 color: #fff;
 font-weight: 700;
 padding: 10px 30px;
 margin: 0 -30px;
 margin-bottom: 15px;
 text-align: left;
}

.updli:hover {
 text-decoration: underline;
}


/* FOOTER, PAGINATION
----------------------------------------------- */
.footer__btn {
 margin: 0 30px;
 height: 30px;
 border-radius: 15px;
 padding: 0 15px;
 text-transform: none;
}

.footer__text {
 font-size: 13px;
 line-height: 1.7;
}

.pagination {
 text-align: center;
 padding-top: 10px;
}

.pagination__pages > a, .pagination__pages > span, .pagination__pages-btn > a, 
.pagination__pages-btn > span {
 display: inline-block;
 margin: 10px 8px 0 0;
 line-height: 35px;
 padding: 0 10px;
 min-width: 35px;
 font-size: 14px;
 border: 1px solid var(--bdc);
 border-radius: 20px;
}

.pagination__pages1 > span:not(.nav_ext), .pagination__pages a:hover, .pagination__btn-loader a:hover,   
.pagination__pages-btn > a {
 background: var(--accent);
 color: #fff;
 border-color: var(--accent);
}

.pagination__pages--full a, .pagination__pages--full span {
 line-height: 30px;
 min-width: 30px;
 font-size: 14px;
}

.pagination__pages > span:not(.nav_ext), .pagination__pages-btn > span {
 background: var(--bg-2);
 color: var(--tt-3);
}



/* INNER PAGE
----------------------------------------------- */
.page__subcols {
 padding: 30px var(--indent);
 margin: 0 var(--indent-negative);
 margin-top: -120px;
 padding-top: 124px;
 background-color: var(--bg-2);
 position: relative;
 margin-bottom: 30px;
 display: grid;
 gap: 30px 30px;
 grid-template-areas: "pside pheader pinfo" "pside pmeta pinfo" "pside pctrl pinfo";
 grid-template-columns: 200px minmax(0,1fr) 240px;
 align-items: start;
 align-content: start;
}

.page__subcol-side {
 grid-area: pside;
}

.page__subcol-header {
 grid-area: pheader;
}

.page__subcol-meta {
 grid-area: pmeta;
 align-self: start;
}

.page__subcol-info {
 grid-area: pinfo;
 background: var(--bg-2);
 padding: 20px 30px 0 30px;
 margin-right: var(--indent-negative);
}

.page__subcol-ctrl {
 grid-area: pctrl;
 align-self: end;
 top: -4px;
}

.page__subcols > * {
 position: relative;
 z-index: 4;
}

.page__subcols::before {
 content: '';
 position: absolute;
 left: 0;
 top: 0;
 right: 0;
 height: 230px;
 background: var(--bg-dark);
}

.page__subcols1::after {
 content: '';
 position: absolute;
 left: 0;
 right: 0;
 top: 100px;
 height: 140px;
 z-index: 3;
 background: var(--gradient-4);
}

.blurred-bg {
 position: absolute;
 left: 0;
 top: 0;
 z-index: 1;
 width: 100%;
 height: 230px;
 overflow: hidden;
 background: var(--bg-dark);
}

.blurred-bg img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 filter: grayscale(0.8) blur(0px);
}

.blurred-bg::after {
 content: '';
 position: absolute;
 left: 0;
 bottom: 0;
 width: 100%;
 height: 100%;
 background: var(--gradient-2);
}

.pmovie__poster {
 width: 200px;
 height: 300px;
 box-shadow: var(--bsh-poster);
 border: 5px solid #fff;
 border-radius: 2px;
}

.page__subcol-header h1 {
 font-size: 22px;
 font-weight: 700;
 color: #fff;
}

.page__subcol-header h1 a {
 margin-left: 10px;
 font-size: 14px;
 font-weight: 400;
 color: #fff;
 opacity: 0.5;
}

.pmovie__ratings-votes {
 color: var(--tt-dark);
 margin-left: 13px;
 font-size: 12px;
}

.pmovie__original-title {
 color: var(--tt-dark);
 text-transform: uppercase;
 font-size: 12px;
 margin-top: 6px;
 margin-bottom: 3px;
 font-weight: 500;
 letter-spacing: 1px;
}

.pmovie__subcaption {
 margin-top: 20px;
 margin-bottom: 10px;
}

.pmovie__year {
 margin-bottom: 6px;
}

.pmovie__quality div {
 background: var(--bg-accent);
 display: inline-block;
 padding: 6px 13px;
 border-radius: 3px;
 font-weight: 500;
 margin: 4px 10px;
}

.pmovie__genres {
 color: var(--tt-2);
 margin-top: 20px;
}

.pmovie__ext-rating {
 width: 78px;
 font-weight: 500;
 font-size: 16px;
 margin-top: 20px;
}

.pmovie__ext-rating-slide {
 width: 78px;
 font-weight: 500;
 font-size: 16px;
 margin-top: 8px;
}

.pmovie__ext-rating--imdb {
 padding-left: 38px;
 background: url(../images/imdb.svg) 0 center / 30px auto no-repeat;
}

.pmovie__ext-rating--kp {
 padding-left: 26px;
 background: url(../images/kp.svg) 0 center / 20px auto no-repeat;
}

.page__subcols .bslide__btns .bslide__btn-trailer {
 background-color: var(--accent-gray);
 box-shadow: none;
 gap: 10px;
 padding-left: 6px;
}

.pmovie__header-list {
 line-height: 1.5;
 color: var(--tt);
}

.pmovie__header-list li {
 position: relative;
}

.pmovie__header-list li + li {
 margin-top: 11px;
}

.pmovie__header-list li > span:first-child, .pmovie__header-list li > div:first-child {
 color: var(--tt-2);
 margin-right: 5px;
}
/*.pmovie__header-list li a {border-bottom: 1px dotted var(--accent-green); color: var(--accent-green);} */
.pmovie__header-list li a {
 border-bottom: 1px dotted var(--accent-blue);
 color: var(--accent-blue);
}

.page__text {
 grid-column: 1 / -1;
}

.page__subtitle {
 font-size: 16px;
 font-weight: 700;
 grid-column: 1 / -1;
 padding: 10px 0 0px 0;
}

.page__subtitle.tac {
 margin-bottom: 30px;
 text-align: center;
 padding: 0;
}

.pmovie__player {
 position: relative;
 margin-bottom: 30px;
}

.tabs-block__select span {
 cursor: pointer;
 display: inline-block;
}

.tabs-block__select span {
 height: 40px;
 line-height: 40px;
 padding: 0 20px;
 margin: 0 10px 10px 0;
 background-color: var(--bg-2);
 color: var(--tt-3);
 font-weight: 500;
 border-radius: 4px;
}

.tabs-block__select span.is-active, .tabs-block__select span:hover {
 background: var(--accent);
 color: #fff;
 border-radius: 4px;
}

.pmovie__player-bottom {
 background-color: var(--bg-accent);
 padding-left: 15px;
}

.ya-share2 {
 height: 24px;
 margin-left: 10px;
}

.pmovie__complaint a {
 display: grid;
 place-items: center;
 width: 50px;
 height: 50px;
 font-size: 24px;
 background: var(--bg-darkest);
 color: #fff;
}

.pmovie__player-bottom-2 {
 background-color: var(--bg-dark);
 color: #fff;
 padding: 15px;
}

.pmovie__ratings-score {
 position: static;
 width: 40px;
 height: 40px;
 font-size: 14px;
 margin-left: 15px;
}

.pmovie__player-bottom-222 .pmovie__ratings-score {
 color: var(--accent-green);
 border-color: var(--accent-green);
}

.pmovie__rating-likes > * {
 display: flex;
 align-items: center;
 height: 40px;
 border-radius: 20px;
 background-color: var(--accent-blue);
 color: #fff;
 box-shadow: var(--bsh-2);
 padding: 0 20px 0 15px;
 font-weight: 500;
 margin-left: 10px;
}

.pmovie__rating-likes > * .fal {
 font-size: 16px;
 margin-right: 10px;
}

.pmovie__rating-likes > * + * {
 background-color: var(--accent-red);
}

.pmovie__rating-likes > a:hover, .pmovie__fav a:hover, .pmovie__complaint a:hover {
 background-color: var(--accent);
 color: #fff;
}

.pmovie__fav a {
 display: flex;
 align-items: center;
 justify-content: center;
 font-weight: 500;
 height: 40px;
 border-radius: 20px;
 padding: 0 20px;
 margin-right: 15px;
 letter-spacing: 1px;
 font-size: 12px;
 text-transform: uppercase;
 background-color: var(--bg-darkest);
 ; color: var(--tt-dark);
}

.pmovie__franchise .sect__title {
 font-size: 20px;
 margin-bottom: 15px;
}

.fr-list {
 counter-reset: num;
 display: flex;
 flex-direction: column-reverse;
 margin-bottom: -30px;
}

.fr::before {
 content: counter(num);
 counter-increment: num;
 width: 40px;
 text-align: center;
 margin-top: -1px;
 color: var(--accent);
 font-weight: 500;
 position: absolute;
 left: 0px;
 top: 50%;
 transform: translateY(-50%);
}

.fr {
 cursor: pointer;
 position: relative;
 padding: 6px 10px;
 padding-left: 40px;
 border-radius: 3px;
}

.fr:nth-child(2n) {
 background-color: var(--bg-2);
}

.fr__title {
 display: inline-block;
 max-width: 100%;
 line-height: 20px;
 height: 20px;
 font-weight: 500;
}

.fr:hover {
 box-shadow: var(--bsh);
 z-index: 3;
}

.fr__year {
 color: var(--tt-2);
 margin: 0 10px;
 font-size: 13px;
}

.fr__rating {
 background: var(--accent-gray);
 color: #fff;
 font-weight: 700;
 font-size: 12px;
 width: 30px;
 height: 30px;
 border-radius: 15px;
}

.clrrating-1, .clrrating-2, .clrrating-3, .clrrating-4 {
 background-color: var(--accent-red);
}

.clrrating-7, .clrrating-8 {
 background-color: var(--accent-green);
}

.clrrating-9, .clrrating-10 {
 background-color: var(--accent-gold);
}

.is-active .fr__title {
 font-weight: 700;
 color: #000;
}

.fr.is-active::before {
 content: "";
 display: block;
 left: 13px;
 background-size: 13px 15px;
 background-repeat: no-repeat;
 width: 13px;
 height: 15px;
 background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='13px' height='15px' viewBox='0 0 13 15' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='sprite' transform='translate(-170.000000, -111.000000)' fill='%23000000' fill-rule='nonzero'%3E%3Cg id='play_black' transform='translate(170.000000, 111.000000)'%3E%3Cpath d='M12.508581,8.36085 L1.50873,14.86076 C1.033253,15.14173 0.420037,14.98404 0.139074,14.50857 C0.048028,14.35449 0,14.1788 0,13.99984 L0,1 C0,0.44772 0.447715,0 1,0 C1.178966,0 1.354653,0.04803 1.50873,0.13908 L12.508581,6.63899 C12.984057,6.91996 13.141741,7.53317 12.860778,8.00865 C12.774963,8.15388 12.653806,8.27503 12.508581,8.36085 Z' id='Triangle'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.pmovie__related .poster__desc {
 padding-right: 5px;
}

.pmovie__related .d-grid {
 grid-template-columns: repeat(auto-fill,minmax(130px,1fr));
 grid-gap: 30px 15px;
}

.pmovie__related .poster__title {
 font-size: 12px;
}

.pmovie__related .poster__subtitle {
 font-size: 12px;
}

/* TEXT BLOCK, TYPOGRAPHY, VIDEO BLOCK
----------------------------------------------- */
.full-text {
 line-height: 1.7;
 font-size: 15px;
 word-wrap: break-word;
}

.full-text a {
 text-decoration: underline;
 color: #5278b1;
}

.full-text img:not(.emoji), .full-text p, .full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5, 
.full-text > ul, .full-text > ol, .full-text table, .page__title {
 margin-bottom: 20px;
}

.full-text > img[style*="left"], .full-text > .highslide img[style*="left"] {
 margin: 0 10px 10px 0;
}

.full-text > img[style*="right"], .full-text > .highslide img[style*="right"] {
 margin: 0 0 10px 10px;
}

.full-text > ul li, .full-text > ol li {
 padding-left: 60px;
 position: relative;
}

.full-text > ul li:before {
 content: '';
 width: 8px;
 height: 8px;
 border-radius: 50%;
 border: 3px solid var(--accent);
 position: absolute;
 top: 5px;
 left: 34px;
}

.full-text > ol {
 counter-reset: num;
}

.full-text > ol li:before {
 content: counter(num);
 counter-increment: num;
 background-color: var(--accent);
 color: #fff;
 position: absolute;
 top: -2px;
 left: 17px;
 width: 24px;
 height: 30px;
 font-size: 14px;
 font-weight: 500;
 display: flex;
 justify-content: flex-end;
 align-items: center;
 padding-right: 6px;
 box-sizing: border-box;
}

.full-text > ol li:after {
 content: '';
 border: 10px solid transparent;
 border-left-color: var(--accent);
 position: absolute;
 left: 41px;
 top: -2px;
 transform: scale(0.66,1.5);
 transform-origin: 0 0;
}

.full-text > ul li + li, .full-text > ol li + li {
 margin-top: 10px;
}

.full-text table, .video-inside > * {
 width: 100%;
}

.full-text table tr td {
 padding: 10px;
 border: 2px solid #fff;
}

.full-text table tr:nth-child(2n+1) {
 background-color: #f2f6f9;
}

.full-text table tr:nth-child(1) {
 background-color: #cee0ed;
}

.full-text table img:not(.emoji) {
 margin: 0;
 max-width: 350px;
}

.full-text > *:last-child {
 margin-bottom: 0;
}

.video-responsive {
 padding-top: 60%;
 position: relative;
 background-color: #000;
}

.video-responsive > iframe, .video-responsive > video {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
}

.full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {
 font-size: 21px;
}

.full-text iframe {
 width: 100%;
 height: 400px;
 margin-bottom: 20px;
}


/* COMMENTS
----------------------------------------------- */
.page__comments {
 margin: 0;
}

.page__comments-title {
 font-size: 22px;
 font-weight: 500;
 margin-bottom: 20px;
}

.page__comments-info {
 font-size: 14px;
 margin-bottom: 15px;
 margin-top: -15px;
 color: var(--tt-3);
 line-height: 1.5;
}

.page__comments-info .fal {
 color: #eb4d4b;
 margin-right: 6px;
}

.page__comments-list {
 padding: 0;
}

.page__comments-list--not-comments {
 padding: 0;
 border: 0;
}

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

.add-comments-form .form__input, .add-comments-form__input, .add-comments-form .form__textarea-inside textarea, 
.mass_comments_action select {
 box-shadow: inset 0 0 0 1px #e3e3e3;
 border-radius: 0;
}

.add-comments-form__input {
 margin-left: 20px;
}

.add-comments-form .d-none, .comments_subscribe + br {
 display: none;
}

.mass_comments_action {
 display: flex;
 align-items: center;
 max-width: 800px;
 white-space: nowrap;
 margin-bottom: 20px;
}

.mass_comments_action select {
 flex: 1 1 0;
 margin: 0 10px 0 20px;
}

.mass_comments_action .bbcodes {
 border-radius: 0;
 padding: 0 10px;
}

.comment-item__title {
 font-weight: 500;
 font-size: 18px;
 margin-bottom: 20px;
}

.comment-item {
 margin-bottom: 20px;
 border-bottom: 1px solid var(--bdc);
 background: #faf8f5;
 padding: 1.25rem;
 border-radius: .625rem;
 border: 1px solid rgb(224 220 214);
}

.comment-item__img {
 width: 40px;
 height: 40px;
 border-radius: 50%;
 margin-right: 10px;
}

.comment-item__letter {
 width: 100%;
 height: 100%;
 text-transform: uppercase;
 font-weight: 500;
 position: absolute;
 left: 0;
 top: 0;
 z-index: 5;
 color: #fff;
 font-size: 18px;
}

.comment-item__author {
 font-weight: 500;
 font-size: 14px;
}

.comment-item__date {
 color: var(--tt-3);
 margin-top: 4px;
 font-size: 12px;
}

.comment-item__main {
 margin: 8px 0 6px 0;
 font-size: .875rem;
}

.comment-item__rating {
 white-space: nowrap;
 font-size: 14px;
}

.comment-item__rating a {
 margin-left: 6px;
}

.comment-item__rating a > span:first-child {
 color: var(--accent-green);
 margin-right: 2px;
}

.comment-item__rating a:last-child > span:first-child {
 color: var(--accent-red);
}

.comment-item__reply a {
 font-size: 12px;
 margin-right: 20px;
 color: var(--tt-2);
}

.comment-item__reply a .fal {
 margin-left: 5px;
}

.comment-item__reply + .comment-item__reply a .fal {
 margin-left: 0;
 margin-right: 5px;
}

.comment-item__controls {
 text-align: right;
 font-size: 12px;
 margin-right: -15px;
}

.comment-item__controls li {
 display: inline-block;
 vertical-align: middle;
 margin: 0 0 0 10px;
 height: 16px;
 line-height: 16px;
}

.comment-item__controls a:not(:hover) {
 color: var(--tt-2);
}

.comment-item__footer a:hover {
 text-decoration: underline;
}

.comment-item__rating a:hover > span:first-child {
 text-decoration: none;
}

.comment-item__controls .checkbox {
 transform: scale(0.8,0.8);
 margin-left: 5px;
}


/* LOGIN
----------------------------------------------- */
.login {
 position: fixed;
 z-index: 999;
 left: 50%;
 top: 50%;
 transform: translate(-50%,-50%);
 overflow: hidden;
 background-color: var(--ui-bg);
 border-radius: 4px;
 width: 400px;
 box-shadow: 0 0 0 10px rgba(255,255,255,0.2), 0 15px 45px rgba(0,0,0,1);
}

.login__header {
 padding: 20px 40px;
 background-color: var(--ui-bg-darker);
}

.login__title {
 font-size: 17px;
 font-weight: 500;
 padding: 1px 0;
 text-transform: capitalize;
}

.login__close {
 cursor: pointer;
 font-size: 24px;
 opacity: 0.6;
 margin-left: 20px;
}

.login__title a {
 border-bottom: 1px dotted var(--tt-3);
 margin-left: 10px;
 font-weight: 400;
 color: var(--tt-3);
}

.login__content {
 padding: 20px 40px;
}

.login__row {
 margin-bottom: 20px;
 position: relative;
 display: block;
 font-size: 14px;
 color: var(--tt-3);
}

.login__caption {
 font-size: 14px;
 color: var(--tt);
 margin-bottom: 10px;
}

.login__caption a {
 text-decoration: underline;
 margin-left: 6px;
 color: var(--accent);
}

.login__input input {
 padding-left: 40px;
}

.login__row .fal {
 opacity: 0.5;
 position: absolute;
 left: 0;
 bottom: 0;
 line-height: 40px;
 width: 40px;
 text-align: center;
}

.login__row button {
 width: 100%;
}

.login__social {
 background-color: var(--ui-bg-darker);
 padding: 20px 40px;
 text-align: center;
}

.login__social-caption {
 font-size: 11px;
 text-transform: uppercase;
 margin-bottom: 10px;
}

.login__social-btns a {
 display: inline-block;
 margin: 0 3px;
 vertical-align: top;
}

.login__social-btns img {
 display: block;
 width: 30px;
 height: 30px;
 border-radius: 50%;
}

.login__avatar {
 width: 40px;
 height: 40px;
 border-radius: 50%;
 margin-right: 10px;
}

.login__menu {
 padding-left: 35px;
 padding-right: 35px;
 margin-bottom: -10px;
}

.login__menu li {
 flex: 1 1 0;
 min-width: auto;
 max-width: 100%;
 margin: 0 5px 10px 5px;
}

.login__menu a {
 display: block;
 border-radius: 6px;
 padding: 10px;
 text-align: center;
 white-space: nowrap;
 background-color: var(--ui-bg-darker);
 box-shadow: inset 0 0 10px rgba(0,0,0,0.1);
 font-size: 13px;
}

.login__menu .fal {
 display: block;
 height: 30px;
 font-size: 24px;
 opacity: 0.3;
}


/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel {
 width: 100%;
 position: relative;
 z-index: 1;
}

.owl-carousel .owl-stage {
 position: relative;
 display: flex;
 justify-content: flex-start;
}

.owl-carousel .owl-stage-outer {
 position: relative;
 overflow: hidden;
 transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-item {
 position: relative;
 min-height: 10px;
}

.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled, .owl-carousel.owl-refresh .owl-item {
 display: none;
}

.owl-carousel.owl-loaded, .owl-carousel.owl-loading, .no-js .owl-carousel {
 display: block;
 opacity: 1;
}

.owl-carousel.owl-drag .owl-item {
 user-select: none;
}

.owl-carousel.owl-grab {
 cursor: move;
 cursor: grab;
}

.owl-carousel .animated {
 animation-duration: 1000ms;
 animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
 z-index: 0;
}

.owl-carousel .owl-animated-out {
 z-index: 1;
}

.owl-carousel .fadeOut {
 animation-name: fadeOut;
}

@keyframes fadeOut {
 0% {
  opacity: 1;
 }

 100% {
  opacity: 0;
 }
}

.owl-height {
 transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
 opacity: 0;
 transition: opacity 400ms ease;
}

.owl-carousel .owl-item img.owl-lazy {
 transform-style: preserve-3d;
}

.owl-nav {
 position: absolute;
 left: 0;
 right: 0;
 top: 50%;
}

.owl-prev, .owl-next {
 display: flex;
 cursor: pointer;
 box-shadow: none;
 width: 40px;
 height: 40px;
 border-radius: 20px;
 background: none;
 color: #fff;
 position: absolute;
 top: 0;
 font-size: 28px;
 margin-top: -20px;
}

.owl-prev {
 left: -50px;
}

.owl-next {
 right: -50px;
}

.owl-prev:hover, .owl-next:hover {
 background: var(--bg-2) !important;
 color: #000 !important;
}

.owl-dots {
 text-align: center;
 position: absolute;
 left: 0;
 right: 0;
 bottom: -37px;
}

.owl-dot {
 display: inline-block;
 width: 16px;
 height: 16px;
 border-radius: 50%;
 cursor: pointer;
 background: var(--bg);
 margin: 0 5px;
 box-shadow: var(--bsh-2);
}

.owl-dot.active, .owl-dot:hover {
 background: var(--accent-blue);
}

#owl-big .owl-nav {
 left: auto;
 top: auto;
 bottom: 40px;
 right: calc(var(--indent) + 280px);
 display: flex;
 gap: 10px;
}

#owl-big .owl-prev, #owl-big .owl-next {
 position: static;
 height: 40px;
 font-size: 18px;
 background-color: #fff;
 color: var(--tt-3);
 border-radius: 50%;
}

#owl-big .owl-dots {
 bottom: 0px;
 display: flex;
 gap: 0 5px;
 left: var(--indent);
 right: var(--indent);
}

#owl-big .owl-dot {
 flex: 1 1 0;
 height: 10px;
 border-radius: 0;
 margin: 0;
 opacity: 0.6;
}

#owl-big .owl-dot.active {
 opacity: 0.6;
}

.slider-box:not(.owl-carousel) {
 overflow: hidden;
 display: flex;
}

.slider-box:not(.owl-carousel) > * {
 flex-shrink: 0;
 width: 100%;
}


/* ADAPTIVE, MOBILE MENU
----------------------------------------------- */
.overlay {
 position: fixed;
 z-index: 998;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 opacity: 0.6;
 background-color: #000;
 cursor: pointer;
 display: none;
}

.mobile-menu {
 width: 280px;
 height: 100%;
 overflow-x: hidden;
 overflow-y: auto;
 padding: 10px 20px;
 z-index: 999;
 position: fixed;
 left: -320px;
 top: 0;
 transition: left .4s;
 background: var(--bg-dark);
 color: #fff;
}

.mobile-menu.is-active {
 left: 0;
}

.mobile-menu-close {
 cursor: pointer;
 display: block;
 left: 280px;
 top: -40px;
 position: fixed;
 z-index: 999;
 width: 40px;
 height: 40px;
 line-height: 40px;
 text-align: center;
 font-size: 18px;
 opacity: 0;
 color: #fff;
 transition: top .4s, opacity .4s;
}

.mobile-menu-close.is-active {
 top: 0px;
 opacity: 1;
}

body.mobile-menu-is-opened {
 overflow: hidden;
 width: 100%;
 height: 100%;
}

.mobile-menu .header__menu, .mobile-menu .side-block__menu-hidden {
 margin: 0;
 padding: 10px 20px;
 display: block;
 width: calc(100% + 40px);
 margin: -10px -20px 25px -20px;
 max-width: none;
}

.mobile-menu .header__menu > li {
 width: 100%;
 margin: 0;
 padding: 0;
}

.mobile-menu .header__menu > li > a {
 color: #fff;
}

.mobile-menu .side-block__menu-hidden li {
 font-size: 14px;
}

.mobile-menu .side-block__menu-hidden {
 background-color: var(--bg-2);
 position: static;
 opacity: 1;
 visibility: visible;
 transform: none;
 border: 0;
 padding-top: 20px;
 margin-top: 0;
 margin-bottom: 0;
}

@media screen and (max-width: 1220px) {
 body {
  background-image: none;
 }

 .wrapper {
  padding: 0;
  background-image: none;
  overflow: hidden;
 }

 .wrapper-container {
  max-width: 1000px;
 }

 .pagination__pages-btn, .poster__btn-info {
  display: none !important;
 }

 .header__btn-menu {
  cursor: pointer;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 40px;
  text-align: center;
  box-shadow: var(--bsh-2);
  background: var(--accent);
  color: #fff;
  display: block;
  margin-left: 10px;
  font-size: 18px;
 }

 .header {
  position: relative;
  padding: 0 var(--indent);
 }

 .header__search {
  flex: 1 1 0;
  max-width: 100%;
  min-width: 50px;
 }

 .carou {
  padding-left: var(--indent);
  padding-right: var(--indent);
  padding-bottom: 60px;
 }

 .col-main {
  padding-top: 0;
 }

 .col-side {
  width: 100%;
  padding: 30px var(--indent);
  order: 10;
  background-image: none;
 }

 #scrolltop {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
 }

 .logo {
  width: auto;
 }

 .d-grid-mob {
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(240px,1fr));
  grid-gap: 20px 20px;
 }

 .d-grid-mob > * {
  margin: 0 !important;
 }

 .lcomm {
  padding-left: 0 !important;
  padding-right: 0 !important;
 }

 .pmovie__header-list li + li {
  margin-top: 5px;
 }

 .page__subcols {
  grid-template-areas: "pside pheader" "pside pmeta" "pside pctrl" "pinfo pinfo";
  grid-template-columns: 200px minmax(0,1fr);
 }

 .page__subcol-info {
  padding: 0;
  margin: 0;
 }
}

@media screen and (max-width: 950px) {
 .wrapper-container {
  max-width: 768px;
 }

 .carou__content > .top {
  width: calc((100% - 60px)/5);
 }

 .d-grid, #dle-content {
  grid-gap: 30px 20px;
 }

 .col-main__cols {
  display: block;
 }

 .col-main__right {
  margin-top: 20px;
 }

 .col-main__left {
  padding: var(--indent);
  padding-top: 34px;
 }

 .slider-box {
  margin-top: -84px;
  background-color: var(--bg-dark);
 }

 .col-main__right .side-block {
  background-color: var(--bg-2);
  padding: 30px;
  padding-bottom: 20px;
 }

 .footer {
  justify-content: center;
  text-align: center;
  background-image: none;
  padding: 20px;
 }

 .footer__text {
  min-width: 100%;
  margin: 0;
 }

 .col-main__right .side-block__content {
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(240px,1fr));
  grid-gap: 15px 20px;
 }

 .col-main__right .side-block__content > * {
  margin: 0 !important;
 }

 #owl-big .owl-nav {
  right: var(--indent);
 }

 .header .header__btn span:last-child {
  display: none;
 }

 .header .header__btn {
  width: 40px;
  padding: 0;
  font-size: 18px;
 }

 .speedbar {
  margin-bottom: -20px;
 }

 .page__subcols {
  gap: 30px 20px;
 }

 .pmovie__player {
  margin-left: var(--indent-negative);
  margin-right: var(--indent-negative);
 }

 .tabs-block__select span {
  margin: 0;
  flex: 1 1 0;
  min-width: auto;
  max-width: 100%;
  white-space: nowrap;
  text-align: center;
 }

 .pmovie__related .d-grid {
  grid-template-columns: repeat(auto-fill,minmax(170px,1fr));
  grid-gap: 30px 20px;
 }
}

@media screen and (max-width: 760px) {
 .wrapper-container {
  max-width: 640px;
 }

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

 .carou {
  margin-top: -120px;
  padding-top: 140px;
 }

 .header__search {
  order: 10;
  min-width: 100%;
  margin: 0;
 }

 .header {
  height: 120px;
 }

 .slider-box {
  margin-top: -120px;
 }

 .bslide {
  height: 390px;
 }

 .logo {
  flex: 1 1 0;
  min-width: 50px;
  max-width: 100%;
  margin-right: 20px;
 }

 .page__subcols {
  margin-top: -150px;
  padding-top: 150px;
 }

 .blurred-bg, .page__subcols::before {
  height: 260px;
 }

 .pmovie__player-bottom-2 .pmovie__ratings {
  order: 10;
  min-width: 100%;
  justify-content: center;
  padding-top: 10px;
 }

 .pmovie__ratings-caption {
  flex-grow: 1;
  text-align: right;
 }

 .page__text .quote {
  margin-left: var(--indent-negative);
  margin-right: var(--indent-negative);
  padding-right: var(--indent);
 }

 .full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {
  font-size: 18px;
 }

 .add-comments-form__input {
  min-width: 100%;
  margin: 0 0 10px 0;
 }

 .add-comments-form__btn {
  width: 100%;
  order: 10;
 }

 .add-comments-form .form__row--protect .form__caption {
  width: 100%;
  margin: 0 0 10px 0;
 }

 .mass_comments_action, .comment-item__controls, .comment-item__rating-caption {
  display: none;
 }
}

@media screen and (max-width: 590px) {
 .wrapper-container22 {
  max-width: 480px;
 }

 .login {
  max-width: 90%;
  max-height: 90%;
  overflow-x: hidden;
  overflow-y: auto;
 }

 .login__header, .login__content, .login__social, .pages-bg {
  padding-left: 20px;
  padding-right: 20px;
 }

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

 .footer .btn {
  width: 100%;
 }

 .header .soc-channels {
  display: none;
 }

 .footer .soc-channels {
  display: flex;
 }

 .page__subcols {
  grid-template-areas: "pheader" "pside" "pmeta" "pinfo" "pctrl";
  grid-template-columns: minmax(0,1fr);
 }

 .page__subcols .bslide__btns .bslide__btn-watch {
  flex-grow: 1;
 }

 .page__subcol-header, .page__subcol-meta {
  text-align: center;
 }

 .page__subcol-side {
  justify-self: center;
 }

 .page__subcol-header .pmovie__ratings {
  justify-content: center;
  padding-top: 10px;
 }

 .page__subcols {
  padding-top: 140px;
 }

 .blurred-bg, .page__subcols::before {
  height: 360px;
 }

 .pmovie__ext-ratings {
  justify-content: center;
  text-align: left;
 }

 .pmovie__quality {
  margin-top: 10px;
  margin-bottom: -15px;
  justify-content: center;
 }

 .pmovie__ratings-caption, .pmovie__share-caption {
  display: none;
 }

 .pmovie__player-bottom-2 {
  justify-content: space-between;
 }

 .fr {
  margin: 0 var(--indent-negative);
  padding-right: 20px;
 }

 .pmovie__fav {
  margin: 0;
 }
}

@media screen and (max-width: 470px) {
 .wrapper-container22 {
  max-width: 360px;
 }

 .carou__content > .top {
  width: calc((100% - 20px)/3);
  margin-right: 10px;
 }

 .top__desc {
  padding: 10px;
  font-size: 13px;
 }

 .header__logo > * {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
 }

 #owl-big .owl-nav {
  display: none;
 }

 .bslide__btns {
  flex-wrap: nowrap;
 }

 #dle-content, .d-grid {
  grid-template-columns: 1fr !important;
 }

 .poster .poster__title {
  font-size: 14px;
  width: 100px;
 }

 .poster .poster__subtitle {
  font-size: 12px;
 }

 .poster__rating-likes {
  top: 15px;
 }
}

.filter-block {
 margin-bottom: 0px;
 margin-block-start: -5px;
}

.filter-block__form {
 display: flex;
 flex-wrap: wrap;
}

.filter-block__cell {
 margin-left: 10px;
}

.filter-block__cell--full-width {
 grid-column: 1 / -1;
}

.filter-block__cell-caption {
 margin-bottom: 10px;
}

.filter-block__cell-content > * {
 width: 100%;
 display: block;
}

.filter-block__cell-content--two-columns {
 display: flex;
 justify-content: space-between;
}

.filter-block__cell-content--two-columns > * {
 width: calc((100% - 10px)/2) !important;
}

.filter-block__cell-content select, .filter-block__cell-content input[type="text"], 
.filter-block__cell-content--check-group {
 height: 40px;
 line-height: 36px;
 background-position: right 14px top 54%;
 background-color: var(--bg);
 color: var(--tt);
 border: 2px solid var(--bdc);
 border-radius: 20px;
 box-shadow: none;
 font-size: 14px;
 padding: 0 15px;
 background-size: 10px;
 display: inline-block;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 width: auto;
 box-sizing: border-box;
}

.filter-block__cell-content select {
 padding: 0 30px 0 10px;
}

.filter-block__cell-content input[type="text"]::placeholder {
 opacity: 1;
 color: var(--tt);
 font-size: 14px;
}

.filter-block__cell-content input[type="text"]:focus::placeholder {
 opacity: 0;
}

.filter-block__cell-content--inp-year input {
 width: 80px !important;
}

[data-dlefilter="reset"] {
 width: 40px;
 background-color: var(--bg-2);
 color: var(--tt-2);
 padding: 0;
 font-size: 18px;
 border: 1px solid var(--bdc);
}

@media screen and (max-width: 1220px) {
 .filter-block {
  width: 100%;
  margin-bottom: -10px;
  margin-top: 20px;
 }

 .filter-block__cell {
  margin: 0 10px 10px 0;
 }
}

@media screen and (max-width: 470px) {
 .filter-block__form {
  justify-content: space-between;
 }

 .filter-block__cell {
  margin-right: 0;
  width: 48%;
 }

 .filter-block__cell:first-child {
  width: calc(100% - 50px);
  order: 10;
 }

 .filter-block__cell-content > * {
  width: 100% !important;
 }

 .filter-block__cell-content--inp-year input {
  width: 100% !important;
 }

 .filter-block__cell--btns {
  width: 40px;
  order: 11;
 }
}
	

/* UPDATE
----------------------------------------------- */
.theme-toggle {
 display: inline-flex;
 justify-content: space-between;
 align-items: center;
 cursor: pointer;
 background-color: var(--bg-btn-dark);
 box-shadow: var(--bsh-btn-dark);
 height: 40px;
 border-radius: 20px;
 padding: 5px 0;
 margin: 0 20px;
}

.theme-toggle li {
 cursor: pointer;
 width: 30px;
 height: 30px;
 line-height: 30px;
 border-radius: 50%;
 text-align: center;
 color: #fff;
 margin: 0 5px;
}

.theme-toggle:hover li {
 color: #fff;
 background-color: rgba(0,0,0,0.3);
}

.dt-is-active .theme-toggle li:first-child, body:not(.dt-is-active) .theme-toggle li:last-child {
 background-color: var(--accent);
 color: #fff;
}

.col-main__right .side-block--collections {
 margin-top: -45px;
 padding-bottom: 30px;
}

.side-block--collections .d-grid {
 gap: 10px 10px;
}

.coll {
 box-shadow: var(--bsh-poster);
 border: 5px solid #fff;
 border-radius: 2px;
 display: block;
}

.coll::before {
 height: 100%;
 background: #11212e;
 opacity: 0.6;
}

.coll__title {
 position: absolute;
 left: 0;
 top: 0;
 right: 0;
 bottom: 0;
 z-index: 5;
 color: #fff;
 font-size: 14px;
 font-weight: 500;
 padding: 10px;
}

.page__subcol-header h1 {
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}

@media screen and (min-width: 1220px) {
 .filter-block__cell-content select, .filter-block__cell-content input[type="text"] {
  max-width: 200px;
 }

 .page__subcols .page__subcol-info {
  min-height: 300px;
 }
}

@media screen and (max-width: 1220px) {
 .header__logo {
  margin-right: 20px;
 }

 .header .soc-channels {
  flex: 0 0 auto;
  flex-wrap: nowrap;
  margin-left: 20px;
  margin-right: 0;
 }
}

@media screen and (max-width: 590px) {
 .page__subcol-header h1 {
  white-space: normal;
 }

 .col-main__right .side-block--collections {
  padding-bottom: 0;
 }

 .coll__title {
  font-size: 14px;
  padding: 15px;
 }

 .theme-toggle {
  margin: 0;
  margin-left: 10px;
  order: 11;
 }

 .header__search {
  max-width: calc(100% - 90px);
  min-width: calc(100% - 90px);
 }
}

.dt-is-active #owl-big .owl-prev, .dt-is-active #owl-big .owl-next {
 background-color: var(--bg);
 color: var(--tt);
}

.dt-is-active .owl-prev:hover, .dt-is-active .owl-next:hover {
 background: var(--accent) !important;
 color: #fff !important;
}

.b-post__schedule_block {
 margin-bottom: 3px;
 background: #192125;
}

.b-post__schedule_block_title {
 display: flex;
 align-items: center;
 justify-content: space-between;
 overflow: hidden;
 padding: 10px 18px;
 cursor: pointer;
}

.b-post__schedule_block_title .title {
 color: #efefef;
 float: left;
 font-size: 16px;
 font-weight: 700;
 line-height: 18px;
}

.b-post__schedule_table {
 color: #fff;
 font-size: 14px;
 width: 100%;
}

.b-post__schedule_table td {
 padding: 10px 0 10px 10px;
 border-top: 1px solid rgba(255, 255, 255, .1);
}

.td-1 {
 width: 20%;
}

.td-2 {
 width: 40%;
}

.td-4 {
 text-align: right;
 white-space: nowrap;
 width: 20%;
}

.b-post__schedule_table .td-5 {
 text-align: center;
 width: 10%;
}

.b-post__schedule_table .exists-episode {
 color: #3f9d65;
}

.movie_title_full {
 margin: 0 0 0 3px;
}

.top100-box, .top100-box * {
 background: transparent;
 margin: 0;
 padding: 0;
 outline: none;
 border: 0;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}

.clearfix:after {
 content: "";
 display: table;
 clear: both;
}

.top100-box {
 text-align: center;
 font-weight: 700;
}

.top100-title {
 font-size: 24px;
 margin-bottom: 20px;
 font-weight: 700;
}

.top100-items {
 position: relative;
}

.top100-items ol {
 position: relative;
 padding-top: 490px;
}

.top100-items ol {
 position: relative;
 z-index: 100;
 counter-reset: li;
}

.top100-item {
 padding: 0px 10px 25px 10px;
 float: left;
 width: 24.66%;
 position: relative;
}

.top100-item::before {
 content: counter(li);
 counter-increment: li;
 font-size: 14px;
 color: var(--tt);
 font-weight: 700;
 position: absolute;
 bottom: 88px;
 left: 50%;
 margin-left: -25px;
 ; width: 35px;
 height: 35px;
 line-height: 35px;
 text-align: center;
 border-radius: 20%;
 background-color: var(--bg-2);
 /* background: linear-gradient(to top, #cedce7 0%,#596a72 100%); */
 box-shadow: 0 0 0 2px #647687;
}

.top100-item a {
 display: block;
 color: #000;
}

.top100-img {
 height: 260px;
 overflow: hidden;
 background-color: #000;
 width: 170px;
}

.top100-img img {
 width: 100%;
 min-height: 100%;
}

.top100-name {
 height: 50px;
 line-height: 15px;
 overflow: hidden;
 margin-top: 5px;
 color: var(--tt);
 font-size: 12px;
 text-align: center;
}

.top100-items::before {
 content: "";
 width: 100%;
 height: 460px;
 position: absolute;
 left: 0;
 top: 0;
 background-color: gray;
 background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);
}

.trophy {
 float: none;
 width: 200px;
 position: absolute;
 padding: 10px;
 background-color: rgba(0,0,0,0.5);
}

.trophy a {
 color: #fff;
}

.trophy .top100-img {
 height: 270px;
}

.trophy:nth-child(2) {
 left: 80px;
 top: 60px;
}

.trophy:nth-child(1) {
 left: 50%;
 margin-left: -105px;
 top: 20px;
}

.trophy:nth-child(3) {
 right: 80px;
 top: 80px;
}

.trophy:before {
 background-color: #ffd803;
 background: linear-gradient(to top, #d1df00 0%,#c19f25 100%);
 box-shadow: 0 0 0 2px #fff5f5;
 color: #000;
 bottom: 73px;
}

.top100-item:hover .top100-name {
 text-decoration: underline;
}

@media screen and (max-width: 950px) {
 .top100-item {
  width: 20%;
 }

 .trophy {
  width: 200px;
 }

 .trophy:nth-child(2) {
  left: 20px;
 }

 .trophy:nth-child(3) {
  right: 20px;
 }
}

@media screen and (max-width: 760px) {
 .top100-item {
  width: 33.33%;
 }

 .trophy {
  width: 200px;
  position: relative;
  left: 0 !important;
  top: 0 !important;
  margin: 0 auto 20px auto !important;
 }

 .top100-items::before {
  display: none;
 }

 .top100-items ol {
  padding-top: 0;
 }
}

@media screen and (max-width:590px) {
 .top100-item {
  width: 50%;
 }

 .trophy {
  width: 200px;
 }
}

.comments-image-gallery {
 margin: 0;
 padding: 0;
 list-style: none;
 clear: both;
}

.comments-image-gallery li {
 list-style: none;
 margin: 0;
 padding: 0;
}

.comments-image-gallery li img {
 float: left;
 margin-right: 5px;
 border: 5px solid #fff;
 width: 100px;
 height: 100px;
 transition: box-shadow 0.5s ease;
}

.comments-image-gallery li img:hover {
 box-shadow: 0px 0px 7px rgba(0,0,0,0.4);
}

.mce-toc {
 border: 1px solid #dbdada;
 margin: 0 0 .7rem 0;
}

.mce-toc h2 {
 margin: 4px;
}

.mce-toc ul {
 padding-left: 20px;
 list-style: none;
 margin-top: 0;
 margin-bottom: 0;
 margin-block-start: 1em;
 margin-block-end: 1em;
}

.mce-toc ul ul {
 padding-left: 20px;
 margin-block-start: 0;
 margin-block-end: 0;
}

.mce-toc li {
 list-style-type: none;
}

.image-bordered {
 border: 1px solid #ddd;
}

.image-shadows {
 box-shadow: rgb(9 30 66 / 25%) 0px 4px 8px -2px, rgb(9 30 66 / 8%) 0px 0px 0px 1px;
}

.image-padded {
 padding: 0.5rem;
}

.comments-user-profile {
 font-weight: bold;
 cursor: pointer;
 color: #3394e6;
}

.title_spoiler svg {
 vertical-align: middle;
 margin-top: -4px;
 margin-right: 7px;
 height: 16px;
 width: 16px;
}

.mce-accordion summary {
 cursor: pointer;
}

.self_delete_link {
 border: 0 none;
 display: inline-block;
 vertical-align: middle;
 cursor: pointer;
 padding: 12px 27px;
 border-radius: 10px;
 outline: none;
 background-color: #f44336;
 color: #fff;
 text-shadow: 0 1px #333;
 text-decoration: none !important;
 box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
 box-sizing: border-box;
 transition: all ease .1s;
 transition: all ease .1s;
}

.DLEPush {
 z-index: 2001;
 position: fixed;
 right: 20px;
 top: 20px;
}

@keyframes DLEPush-show {
 0% {
  transform: translateY(100%);
  opacity: 0;
 }

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

.DLEPush-notification.wrapper {
 animation-name: DLEPush-show;
 animation-duration: 1s;
 position: relative;
 display: grid;
 grid-template-columns: auto 1fr;
 align-items: center;
 color: #333;
 margin-bottom: 10px;
 width: 100%;
 max-width: 400px;
 box-shadow: 0 10px 15px rgb(0 0 0 / 20%);
 background-color: #fff;
 border-radius: 10px;
}

.DLEPush-notification .DLEPush-icon {
 grid-column: 1;
 grid-row: 1 / span 2;
 display: flex;
 align-items: center;
 justify-content: center;
 color: #fff;
 width: 45px;
 height: 100%;
 border-top-left-radius: 10px;
 border-bottom-left-radius: 10px;
 text-align: center;
}

.DLEPush-notification .DLEPush-icon svg {
 scale: .8;
}

.DLEPush-notification .DLEPush-header {
 font-weight: 500;
 grid-column: 2;
 grid-row: 1;
 font-size: 1rem;
 margin-left: 1rem;
 margin-top: .5rem;
}

.DLEPush-notification .DLEPush-header:empty {
 margin-top: 0;
}

.DLEPush-notification .DLEPush-message {
 grid-column: 2;
 grid-row: 2;
 font-size: .875rem;
 margin: 1rem;
}

.DLEPush-notification .DLEPush-message li, .DLEPush-notification .DLEPush-message ul {
 list-style-type: none;
 padding-left: 0;
}

.DLEPush-notification .DLEPush-close {
 position: absolute;
 top: 8px;
 right: 10px;
 font-weight: 300;
 background: none;
 border: 0;
 font-size: 1.15rem;
 cursor: pointer;
 line-height: 1;
 padding: 0;
 color: inherit;
 outline: 0;
 opacity: 0.75;
}

@media only screen and (min-width: 601px) {
 .DLEPush-notification.wrapper {
  min-width: 400px;
 }
}

.DLEPush-notification .DLEPush-close:hover {
 opacity: 1;
}

.DLEPush-notification.wrapper.push-success {
 background-color: #e0f2f1;
}

.DLEPush-notification.wrapper.push-success .DLEPush-icon {
 background-color: #00897b;
}

.DLEPush-notification.wrapper.push-warning {
 background-color: #FFF3E0;
}

.DLEPush-notification.wrapper.push-warning .DLEPush-icon {
 background-color: #FF9800;
}

.DLEPush-notification.wrapper.push-error {
 background-color: #FBE9E7;
}

.DLEPush-notification.wrapper.push-error .DLEPush-icon {
 background-color: #FF5722;
}

input[type="text"].comments_author_field {
 width: 100%;
 margin-bottom: 10px;
}

.ui-dialog-buttonset button.ui-button-delete {
 background-color: #f44336;
 border-color: #f44336;
 color: #fff;
 text-shadow: 1px 1px 2px rgba(51, 51, 51, .5);
}

.ui-dialog-buttonset button.ui-button-delete:hover {
 background-color: #db3a2f;
 border-color: #db3a2f;
 color: #fff;
 text-shadow: 1px 1px 2px rgba(51, 51, 51, .5);
}

.form-check-label {
 cursor: pointer;
}

.form-check-input {
 color: #0c5f7eed;
 flex-shrink: 0;
 width: 1.12rem;
 height: 1.12rem;
 margin: -0.188rem 0.625rem 0 0;
 appearance: none;
 background-color: transparent;
 background-image: none;
 background-repeat: no-repeat;
 background-position: center;
 background-size: contain;
 border: 1px solid #0c5f7eed;
 vertical-align: middle;
}

.form-check-input:checked[type=checkbox] {
 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%230c5f7eed' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.form-check-input:checked[type=radio] {
 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%230c5f7eed'/%3e%3c/svg%3e");
}

.form-check-input[type=checkbox] {
 border-radius: .25rem;
}

.form-check-input[type=radio] {
 border-radius: 50%;
}

.top-sidebar-links {
 display: grid;
 grid-template-columns: repeat(2, 1fr);
 align-items: center;
 gap: 17px;
 margin-bottom: 25px;
 border-bottom: 1px solid #313143;
 padding: 15px;
}

.top-sidebar-links a {
 color: rgba(232, 230, 227, 0.7);
 font-size: .75rem;
 gap: 11px;
 display: flex;
 align-items: center;
}

.top-sidebar-links a:hover {
 color: #c9a84c;
 font-size: 0.75rem;
}

.side-block__menu li.submenu {
 display: block;
}

.side-block__menu li.submenu > a {
 display: flex;
 align-items: center;
 justify-content: space-between;
 color: #fff;
}

.menu-left {
 display: flex;
 align-items: center;
 gap: 12px;
}

.submenu-arrow {
 font-size: 11px;
 opacity: 0.7;
 transition: .25s;
 margin-left: auto;
}

.side-block__menu li.submenu.active .submenu-arrow {
 transform: rotate(180deg);
}

.side-block__menu-hidden {
 display: none;
 padding-top: 5px;
}

.side-block__menu li.submenu.active .side-block__menu-hidden {
 display: block;
}

.side-block__menu li.submenu .side-block__menu-hidden {
 position: relative !important;
 left: 0 !important;
 top: 0 !important;
 width: 100% !important;
 background: transparent !important;
 padding: 8px 0 8px 15px !important;
 margin: 0 !important;
 box-shadow: none !important;
 border: none !important;
}

.side-block__menu li.submenu .side-block__menu-hidden a {
 padding: 10px 15px !important;
 font-size: 14px;
 color: #e8e6e3b3 !important;
}

.submenu-arrow-right {
 margin-left: auto !important;
 flex-shrink: 0 !important;
 position: relative !important;
 right: 0 !important;
}

.side-block__menu li.submenu .side-block__menu-hidden a {
 opacity: 1 !important;
 color: #e8e6e3 !important;
 visibility: visible !important;
}

.book-week {
 padding: 0px 45px 70px;
}

.book-week__label {
 display: flex;
 align-items: center;
 gap: 10px;
 margin-bottom: 20px;
 color: #6b6b6b;
 font-size: .75rem;
 font-weight: 500;
 letter-spacing: 2px;
 font-family: Inter;
}

.book-week__label .fal {
 color: #c9a84c;
}

.book-week__inner {
 display: grid;
 grid-template-columns: 320px minmax(0, 1fr);
 align-items: center;
 gap: 320px;
}

.book-week__cover {
 display: block;
 overflow: hidden;
 border-radius: 10px;
 box-shadow: 0 32px 55px rgba(26,26,46,0.15);
}

.book-week__cover img {
 width: 100%;
 aspect-ratio: 3 / 4.5;
 object-fit: cover;
}

.book-week__author {
 margin-bottom: 16px;
 color: #c9a84c;
 font-size: 1rem;
}

.book-week__title {
 margin: 0 0 18px;
 font-family: "Playfair Display", serif;
 font-size: 48px;
 line-height: 1.1;
}

.book-week__title a {
 color: #121524;
 text-decoration: none;
 font-size: 2.25rem;
}

.book-week__rating {
 display: flex;
 align-items: center;
 gap: 7px;
 margin-bottom: 22px;
 color: #5c626d;
 font-size: 17px;
}

.book-week__rating .fal {
 color: #e1a914;
}

.book-week__rating .empty {
 color: #d9d6cf;
}

.book-week__rating b {
 margin-left: 10px;
 color: #111423;
}

.book-week__text {
 max-width: 760px;
 margin-bottom: 30px;
 color: #5d616b;
 font-size: 1rem;
 line-height: 1.55;
}

.book-week__text p {
 margin: 0;
}

.book-week__buttons {
 display: flex;
 gap: 14px;
 flex-wrap: wrap;
}

.book-week__btn {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-height: 45px;
 padding: 0 30px;
 border-radius: 11px;
 font-size: 1rem;
 font-weight: 500;
 text-decoration: none;
}

.book-week__btn--gold {
 background: #c9a84c;
 color: #2c2c2c;
}

.book-week__btn--gold:hover {
 background: #b8963f;
 color: #2c2c2c;
}

.book-week__btn--light {
 border: 1px solid #ddd6cb;
 background: #f4efe7;
 color: #2c2c2c;
}

.book-week__btn--light:hover {
 background: #e0dcd6;
 color: #2c2c2c;
}

.authors-popular {
 margin-top: 56px;
 padding: 56px 45px 60px;
 background: #f3eee6;
}

.authors-popular__header {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 20px;
 margin-bottom: 36px;
}

.authors-popular__title {
 display: flex;
 align-items: center;
 gap: 12px;
 margin: 0;
 color: #121524;
 font-family: "Playfair Display", serif;
 font-size: 1.5rem;
 line-height: 1.15;
}

.authors-popular__title .fal {
 color: #c9a84c;
 font-size: 22px;
}

.authors-popular__all {
 color: #c9a84c;
 font-size: 16px;
 text-decoration: none;
}

.authors-popular__grid {
 display: grid;
 grid-template-columns: repeat(6, minmax(0, 1fr));
 gap: 22px;
 align-items: start;
}

.author-card {
 display: flex;
 flex-direction: column;
 align-items: center;
 min-width: 0;
 padding: 26px 18px 24px;
 border: 1px solid #e0dcd6;
 border-radius: 14px;
 background: #faf8f5;
 color: #121524;
 text-align: center;
 text-decoration: none;
 transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.author-card:hover {
 transform: translateY(-4px);
 border-color: rgba(201,168,76,0.55);
 box-shadow: 0 16px 30px rgba(26,26,46,0.1);
}

.author-card__photo {
 width: 116px;
 height: 116px;
 margin-bottom: 20px;
 overflow: hidden;
 border: 4px solid #c9a84c;
 border-radius: 50%;
 background: #ddd5c8;
}

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

.author-card__name {
 margin: 0 0 8px;
 font-family: "Playfair Display", serif;
 font-size: 1rem;
 font-weight: 600;
 line-height: 1.2;
}

.author-card__years {
 margin-bottom: 10px;
 color: #5c626d;
 font-size: 15px;
}

.author-card__books {
 display: flex;
 align-items: center;
 gap: 6px;
 color: #5c626d;
 font-size: 14px;
}

@media screen and (max-width: 1400px) {
 .authors-popular__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
 }
}

@media screen and (max-width: 650px) {
 .authors-popular__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
 }

 .authors-popular__header {
  align-items: flex-start;
  flex-direction: column;
 }

 .book-week__inner {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 10px;
 }

 .book-week {
  padding: 10px 45px 70px;
 }
}

.home-section__header {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 20px;
 margin-bottom: 36px;
}

.home-section__title {
 display: flex;
 align-items: center;
 gap: 12px;
 margin: 0;
 color: #121524;
 font-family: "Playfair Display", serif;
 font-size: 1.5rem;
 line-height: 1.15;
}

.home-section__title .fal {
 color: #c9a84c;
 font-size: 22px;
}

.home-section__all {
 color: #c9a84c;
 font-size: 16px;
 text-decoration: none;
}

.genres-explore {
 padding: 60px 45px;
}

.genres-explore__grid {
 display: grid;
 grid-template-columns: repeat(3, minmax(0, 1fr));
 gap: 20px;
}

.genre-card {
 display: grid;
 grid-template-columns: 50px minmax(0, 1fr);
 gap: 16px;
 min-height: 148px;
 padding: 30px;
 border: 1px solid #ded8ce;
 border-radius: 14px;
 background: #fbfaf8;
 color: #121524;
 text-decoration: none;
 transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.genre-card:hover {
 transform: translateY(-3px);
 border-color: rgba(201,168,76,0.75);
 box-shadow: 0 16px 30px rgba(26,26,46,0.08);
}

.genre-card__icon {
 display: flex;
 align-items: center;
 justify-content: center;
 width: 2.5rem;
 height: 2.5rem;
 border-radius: 10px;
 font-size: 18px;
}

.genre-card h3 {
 margin: 0 0 8px;
 font-family: "Playfair Display", serif;
 font-size: 1.125rem;
 line-height: 1.15;
}

.genre-card small {
 display: block;
 margin-bottom: 14px;
 color: #59606d;
 font-size: .75rem;
}

.genre-card p {
 margin: 0;
 color: #5d616b;
 font-size: .875rem;
 line-height: 1.45;
}

.genre-card--orange .genre-card__icon {
 background: #f3dfcb;
 color: #a25c23;
 display: flex;
}

.genre-card--blue .genre-card__icon {
 background: #dfe7f3;
 color: #315eaa;
 display: flex;
}

.genre-card--purple .genre-card__icon {
 background: #eadff3;
 color: #8659bd;
 display: flex;
}

.genre-card--green .genre-card__icon {
 background: #dfeadc;
 color: #507c55;
 display: flex;
}

.genre-card--red .genre-card__icon {
 background: #f1dfdf;
 color: #a85b5b;
 display: flex;
}

.reviews-recent {
 padding: 58px 45px 62px;
 background: #f3eee6;
}

.reviews-recent__grid {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 22px;
}

.review-card {
 display: grid;
 grid-template-columns: 50px minmax(0, 1fr);
 gap: 16px;
 min-height: 190px;
 padding: 15px;
 border: 1px solid #ded8ce;
 border-radius: 14px;
 background: #fbfaf8;
 color: #121524;
 text-decoration: none;
}

.review-card__avatar {
 display: flex;
 align-items: center;
 justify-content: center;
 width: 50px;
 height: 50px;
 border-radius: 50%;
 background: #c9a84c;
 color: #121524;
 font-weight: 700;
}

.review-card__top {
 display: flex;
 justify-content: space-between;
 gap: 18px;
 margin-bottom: 10px;
}

.review-card__top h3 {
 margin: 0 0 8px;
 color: #121524;
 font-size: 18px;
}

.review-card__top span {
 color: #c9a84c;
 font-size: 16px;
}

.review-card__top time {
 color: #59606d;
 font-size: .75rem;
 white-space: nowrap;
}

.review-card__stars {
 display: flex;
 gap: 4px;
 margin-bottom: 14px;
 color: #e1a914;
}

.review-card__text {
 color: #5d616b;
 font-size: 14px;
 line-height: 1.55;
 font-family: 'Playfair Display';
 font-weight: 500;
}

.review-card__text p {
 margin: 0;
}

@media screen and (max-width: 1100px) {
 .genres-explore__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
 }

 .reviews-recent__grid {
  grid-template-columns: 1fr;
 }
}

@media screen and (max-width: 650px) {
 .genres-explore__grid {
  grid-template-columns: 1fr;
 }

 .home-section__header {
  align-items: flex-start;
  flex-direction: column;
 }

 .genre-card,
    .review-card {
  padding: 22px;
 }

 .review-card__top {
  flex-direction: column;
  gap: 8px;
 }
}

.side-block__menu {
 max-height: none;
 overflow: visible;
 padding-right: 4px;
}

.side-block__menu > li > a,
.side-block__menu > li.submenu > a {
 display: flex !important;
 align-items: center !important;
 justify-content: flex-start !important;
 min-height: 40px;
 padding: 0 0 0 12px !important;
 margin: 0 -15px !important;
 color: #fff;
}

.side-block__menu .menu-left {
 display: flex;
 align-items: center;
 gap: 12px;
 min-width: 0;
 flex: 1 1 auto;
}

.side-block__menu .menu-left .fal {
 position: static !important;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 width: 22px;
 min-width: 22px;
 height: 22px;
 color: currentColor;
}

.side-block__menu .menu-left svg {
 display: block;
 width: 18px;
 height: 18px;
}

.submenu-arrow,
.submenu-arrow-right {
 position: static !important;
 display: inline-flex !important;
 align-items: center;
 justify-content: center;
 width: 18px;
 height: 18px;
 margin-left: auto !important;
 margin-right: 16px;
 flex: 0 0 18px;
 transform: rotate(0deg);
 transition: transform .2s ease;
 font-size: 11px;
 color: rgba(232,230,227,0.75);
}

.side-block__menu li.submenu.active > a .submenu-arrow {
 transform: rotate(90deg);
 color: #c9a84c;
}

.side-block__menu li.submenu > .side-block__menu-hidden {
 display: none !important;
 position: relative !important;
 padding: 4px 0 12px 30px !important;
 margin: 0 !important;
 background: transparent !important;
 box-shadow: none !important;
 border: 0 !important;
}

.side-block__menu li.submenu.active > .side-block__menu-hidden {
 display: block !important;
}

.side-block__menu li.submenu > .side-block__menu-hidden a {
 display: block !important;
 padding: 9px 0 !important;
 color: rgba(232,230,227,0.68) !important;
 font-size: .875rem !important;
}

.side-block__menu li.submenu > .side-block__menu-hidden a:hover {
 color: #c9a84c !important;
}

@media screen and (max-width: 1220px) {
 .wrapper {
  margin-left: 0 !important;
 }

 .header {
  margin-left: 0 !important;
 }

 .col-side {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 315px !important;
  max-width: 84vw;
  height: 100vh;
  padding: 20px 15px !important;
  transform: translateX(-105%);
  transition: transform .25s ease;
  z-index: 999;
  order: initial !important;
 }

 body.mobile-menu-is-open .col-side {
  transform: translateX(0);
 }

 .col-side .js-this-in-mobile-menu {
  display: block !important;
 }

 body.mobile-menu-is-open::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 998;
  background: rgba(0,0,0,0.55);
 }
}










/* Красивый scroll в левом меню */
.col-side {
 scrollbar-width: thin;
 scrollbar-color: #c9a84c transparent;
}

.col-side::-webkit-scrollbar {
 width: 10px;
}

.col-side::-webkit-scrollbar-track {
 background: transparent;
}

.col-side::-webkit-scrollbar-thumb {
 min-height: 70px;
 border: 3px solid #17182b;
 border-radius: 999px;
 background: #c9a84c;
}

.col-side::-webkit-scrollbar-thumb:hover {
 background: #d8b85a;
}

/* Плавное раскрытие submenu */
.side-block__menu li.submenu > .side-block__menu-hidden {
 display: block !important;
 max-height: 0;
 overflow: hidden;
 padding-top: 0 !important;
 padding-bottom: 0 !important;
 opacity: 0;
 transform: translateY(-6px);
 transition: max-height .32s ease, opacity .22s ease, transform .22s ease, padding .22s ease;
}

.side-block__menu li.submenu.active > .side-block__menu-hidden {
 max-height: 420px;
 padding-top: 8px !important;
 padding-bottom: 12px !important;
 padding-left: 67px!important;
 opacity: 1;
 transform: translateY(0);
}

/* Стрелка: вправо в закрытом виде, вниз в открытом */
.side-block__menu li.submenu > a .submenu-arrow {
 transform: rotate(-90deg);
 transition: transform .22s ease;
}

.side-block__menu li.submenu.active > a .submenu-arrow {
 transform: rotate(0deg);
}

.side-block__menu li.submenu > a .submenu-arrow {
 transform: rotate(0deg) !important;
 transition: transform .22s ease;
}

.side-block__menu li.submenu.active > a .submenu-arrow {
 transform: rotate(90deg) !important;
}

.side-block__menu {
 margin-left: -15px;
 margin-right: -15px;
 padding-left: 0;
 padding-right: 0;
 margin-top: 10px;
}

.side-block__menu > li > a,
.side-block__menu > li.submenu > a {
 margin-left: 0 !important;
 margin-right: 0 !important;
 padding-left: 15px !important;
 padding-right: 20px !important;
}

.side-block__menu > li.active > a,
.side-block__menu > li.submenu.active > a {
 background-color: #262639;
 color: #c9a84c;
}

.side-block__menu-hidden li.active > a {
 color: #fff !important;
 font-weight: 600;
}

.category-head {
 padding: 28px 30px 54px;
 background: #1a1a2e;
 color: #e8e6e3;
}

.category-head__speedbar {
 margin-bottom: 34px;
 color: rgba(232,230,227,0.68);
 font-size: 15px;
}

.category-head__speedbar a {
 color: rgba(232,230,227,0.68);
 text-decoration: none;
}

.category-head__speedbar a:hover,
.category-head__speedbar span {
 color: #c9a84c;
}

.category-head__main {
 display: flex;
 align-items: center;
 gap: 18px;
}

.category-head__icon {
 display: flex;
 align-items: center;
 justify-content: center;
 width: 58px;
 height: 58px;
 border-radius: 14px;
 background: rgba(201,168,76,0.16);
 color: #c9a84c;
 font-size: 26px;
}

.category-head h1 {
 margin: 0 0 10px;
 font-family: "Playfair Display", serif;
 font-size: 2.25rem;
 line-height: 1.05;
 color: #fff;
}

.category-head p {
 margin: 0 0 18px;
 color: rgba(232,230,227,0.76);
 font-size: 1rem;
}

.category-head__count {
 color: #c9a84c;
 font-size: 16px;
}

.category-filter {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 20px;
 padding: 16px 30px;
 border-bottom: 1px solid #ded8ce;
 background: #f3eee6;
}

.category-filter__genres {
 display: flex;
 align-items: center;
 gap: 10px;
 flex-wrap: wrap;
}

.category-filter__genres > span {
 margin-right: 8px;
 color: #777b84;
 font-size: 13px;
 font-weight: 700;
 letter-spacing: 1px;
}

.category-filter__genres a {
 display: inline-flex;
 align-items: center;
 min-height: 40px;
 padding: 0 18px;
 border-radius: 999px;
 background: #fbfaf8;
 color: #121524;
 text-decoration: none;
 font-size: 16px;
}

.category-filter__genres a:hover,
.category-filter__genres a.is-active {
 background: #c9a84c;
 color: #121524;
}

.category-filter__sort {
 display: inline-flex;
 align-items: center;
 gap: 9px;
 min-height: 40px;
 padding: 0 18px;
 border: 0;
 border-radius: 12px;
 background: #fbfaf8;
 color: #121524;
 font-size: 16px;
 cursor: pointer;
}

.category-filter__sort:hover {
 background: #c9a84c;
}

@media screen and (max-width: 760px) {
 .category-head {
  padding: 24px 20px 38px;
 }

 .category-head__main {
  align-items: flex-start;
 }

 .category-head h1 {
  font-size: 36px;
 }

 .category-filter {
  align-items: flex-start;
  flex-direction: column;
  padding: 16px 20px;
 }
}

.author-full {
 padding: 24px 30px 60px;
}

.author-full__speedbar {
 margin-bottom: 28px;
 color: #777b84;
 font-size: 15px;
}

.author-full__hero {
 display: grid;
 grid-template-columns: 375px minmax(0, 1fr);
 gap: 40px;
 align-items: start;
 margin-bottom: 76px;
}

.author-full__photo {
 overflow: hidden;
 border-radius: 14px;
 box-shadow: 0 24px 48px rgba(26,26,46,0.16);
}

.author-full__photo img {
 width: 100%;
 aspect-ratio: 1 / 1;
 object-fit: cover;
}

.author-full__country {
 display: inline-flex;
 margin-right: 10px;
 padding: 5px 10px;
 border-radius: 5px;
 background: #4e8b61;
 color: #fff;
 font-size: 12px;
 font-weight: 700;
 text-transform: uppercase;
}

.author-full__years {
 display: inline-flex;
 color: #656b76;
 font-size: 17px;
}

.author-full h1 {
 margin: 16px 0 18px;
 font-family: "Playfair Display", serif;
 font-size: 46px;
 line-height: 1.08;
 color: #111423;
}

.author-full__stats {
 display: flex;
 gap: 22px;
 margin-bottom: 28px;
 color: #5f6672;
 font-size: 16px;
}

.author-full__stats .fal {
 color: #c9a84c;
}

.author-full__links {
 display: flex;
 gap: 14px;
 margin-bottom: 30px;
 flex-wrap: wrap;
}

.author-full__links a {
 display: inline-flex;
 align-items: center;
 gap: 8px;
 min-height: 46px;
 padding: 0 18px;
 border: 1px solid #ded8ce;
 border-radius: 10px;
 background: rgba(255,255,255,0.45);
 color: #121524;
 text-decoration: none;
}

.author-full__text {
 color: #5d616b;
 font-size: 18px;
 line-height: 1.65;
}

.author-books {
 margin-top: 20px;
}

.author-books__header {
 display: flex;
 justify-content: space-between;
 align-items: center;
 gap: 18px;
 margin-bottom: 28px;
}

.author-books h2 {
 margin: 0;
 font-family: "Playfair Display", serif;
 font-size: 1.5rem;
}

.author-books__sort {
 display: flex;
 gap: 10px;
}

.author-books__sort span {
 padding: 10px 16px;
 border-radius: 10px;
 color: #5f6672;
}

.author-books__sort span:first-child {
 background: #c9a84c;
 color: #121524;
}

.author-books__grid {
 display: grid;
 grid-template-columns: repeat(4, minmax(0, 1fr));
 gap: 30px;
}

@media screen and (max-width: 1100px) {
 .author-full__hero {
  grid-template-columns: 280px minmax(0, 1fr);
 }

 .author-books__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
 }
}

@media screen and (max-width: 760px) {
 .author-full__hero {
  grid-template-columns: 1fr;
 }

 .author-full__photo {
  max-width: 360px;
 }

 .author-books__header {
  align-items: flex-start;
  flex-direction: column;
 }

 .author-books__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
 }
}







/* ===== Страница отзывов ===== */
.reviews-page-wrapper {
 padding: 20px 0;
}

/* Хедер */
.reviews-header {
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin-bottom: 30px;
 padding-bottom: 20px;
 border-bottom: 1px solid rgba(255,255,255,0.1);
}

.reviews-header__left h1 {
 font-size: 32px;
 margin: 0 0 8px;
 color: #c9a84c;
}

.reviews-header__left p {
 color: rgba(232,230,227,0.65);
 margin: 0 0 10px;
}

.reviews-count {
 color: rgba(232,230,227,0.5);
 font-size: 14px;
}

.btn-primary {
 background: #c9a84c;
 color: #1a1a2e;
 padding: 10px 24px;
 border-radius: 30px;
 border: none;
 font-weight: 600;
 cursor: pointer;
}

/* Фильтры как на скриншоте */
.reviews-filters {
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin-bottom: 30px;
 flex-wrap: wrap;
 gap: 15px;
}

.reviews-filters__tabs {
 display: flex;
 gap: 8px;
 background: rgba(255,255,255,0.05);
 padding: 5px;
 border-radius: 40px;
}

.reviews-filters__tabs a {
 padding: 8px 20px;
 border-radius: 30px;
 color: rgba(232,230,227,0.7);
 text-decoration: none;
 font-size: 14px;
}

.reviews-filters__tabs a.active {
 background: #c9a84c;
 color: #1a1a2e;
}

/* Две колонки */
.reviews-two-columns {
 display: grid;
 grid-template-columns: 1fr 320px;
 gap: 30px;
}

/* Карточка отзыва */
.review-card {
 background: rgba(255,255,255,0.03);
 border-radius: 20px;
 padding: 24px;
 margin-bottom: 20px;
 border: 1px solid rgba(255,255,255,0.05);
}

.review-card__author {
 display: flex;
 align-items: center;
 gap: 12px;
 margin-bottom: 15px;
}

.review-card__avatar span {
 font-size: 40px;
 color: #c9a84c;
}

.review-card__author-info strong {
 display: block;
 color: #e8e6e3;
 font-size: 16px;
}

.review-card__author-info time {
 font-size: 12px;
 color: rgba(232,230,227,0.45);
}

.review-card__book-title {
 font-size: 18px;
 font-weight: 600;
 color: #c9a84c;
 text-decoration: none;
 display: block;
 margin-bottom: 10px;
}

.review-card__rating {
 margin-bottom: 15px;
 color: #ffc107;
 font-size: 14px;
}

.review-card__text {
 color: rgba(232,230,227,0.8);
 line-height: 1.6;
 margin-bottom: 20px;
}

.review-card__footer {
 display: flex;
 gap: 20px;
}

.review-card__like,
.review-card__comment {
 background: none;
 border: none;
 color: rgba(232,230,227,0.55);
 cursor: pointer;
 padding: 0;
 font-size: 14px;
}

.review-card__like span,
.review-card__comment span {
 margin-right: 6px;
}

/* Правая колонка - боковые карточки */
.side-card {
 background: rgba(255,255,255,0.03);
 border-radius: 20px;
 margin-bottom: 30px;
 border: 1px solid rgba(255,255,255,0.05);
}

.side-card__title {
 padding: 18px 20px;
 border-bottom: 1px solid rgba(255,255,255,0.08);
 font-weight: 600;
 color: #c9a84c;
}

.side-card__title span {
 margin-right: 8px;
}

.side-card__content {
 padding: 15px 20px;
}

/* Топ рецензенты */
.top-reviewer-item,
.top-book-item {
 display: flex;
 align-items: center;
 gap: 12px;
 padding: 12px 0;
 border-bottom: 1px solid rgba(255,255,255,0.05);
}

.top-reviewer-item__rank,
.top-book-item__rank {
 width: 28px;
 height: 28px;
 background: rgba(201,168,76,0.2);
 border-radius: 8px;
 display: flex;
 align-items: center;
 justify-content: center;
 color: #c9a84c;
 font-weight: 700;
 font-size: 14px;
}

.top-reviewer-item__name {
 font-weight: 600;
 color: #e8e6e3;
}

.top-reviewer-item__stats {
 font-size: 12px;
 color: rgba(232,230,227,0.5);
}

.top-book-item__title {
 font-weight: 500;
 color: #e8e6e3;
 margin-bottom: 4px;
}

.top-book-item__rating {
 font-size: 12px;
 color: #ffc107;
}

/* Адаптив */
@media (max-width: 900px) {
 .reviews-two-columns {
  grid-template-columns: 1fr;
 }

 .reviews-header {
  flex-direction: column;
  text-align: center;
  gap: 15px;
 }

 .reviews-filters {
  flex-direction: column;
 }
}

.reviews-page-head {
 padding: 28px 30px 54px;
 background: #242442;
 color: #e8e6e3;
}

.reviews-page-head__speedbar {
 margin-bottom: 34px;
 color: rgba(232,230,227,0.68);
 font-size: 15px;
}

.reviews-page-head__speedbar a {
 color: rgba(232,230,227,0.68);
 text-decoration: none;
}

.reviews-page-head__speedbar span {
 color: #c9a84c;
}

.reviews-page-head__main {
 display: flex;
 align-items: center;
 gap: 18px;
}

.reviews-page-head__icon {
 display: flex;
 align-items: center;
 justify-content: center;
 width: 58px;
 height: 58px;
 border-radius: 14px;
 background: rgba(201,168,76,0.16);
 color: #c9a84c;
 font-size: 26px;
}

.reviews-page-head h1 {
 margin: 0 0 10px;
 font-family: "Playfair Display", serif;
 font-size: 46px;
 line-height: 1.05;
 color: #fff;
}

.reviews-page-head p {
 margin: 0;
 color: rgba(232,230,227,0.76);
 font-size: 18px;
}

.reviews-page {
 padding: 52px 30px 70px;
}

.reviews-page__filters {
 display: flex;
 align-items: center;
 gap: 10px;
 margin-bottom: 30px;
 flex-wrap: wrap;
}

.reviews-page__filters span {
 margin-right: 8px;
 color: #777b84;
 font-size: 13px;
 font-weight: 700;
 letter-spacing: 1px;
}

.reviews-page__filters a {
 display: inline-flex;
 align-items: center;
 min-height: 40px;
 padding: 0 18px;
 border-radius: 999px;
 background: #fbfaf8;
 color: #121524;
 text-decoration: none;
}

.reviews-page__filters a:hover,
.reviews-page__filters a.is-active {
 background: #c9a84c;
}

.reviews-page__layout {
 display: grid;
 grid-template-columns: minmax(0, 1fr) 360px;
 gap: 32px;
 align-items: start;
}

.reviews-page__list {
 display: grid;
 gap: 20px;
}

.review-list-card {
 display: grid;
 grid-template-columns: 76px minmax(0, 1fr);
 gap: 20px;
 padding: 24px;
 border: 1px solid #ded8ce;
 border-radius: 14px;
 background: #fbfaf8;
}

.review-list-card__cover {
 display: block;
 overflow: hidden;
 border-radius: 10px;
 box-shadow: 0 8px 18px rgba(26,26,46,0.14);
}

.review-list-card__cover img {
 width: 76px;
 height: 112px;
 object-fit: cover;
}

.review-list-card__top {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 16px;
 margin-bottom: 10px;
}

.review-list-card__person {
 display: flex;
 align-items: center;
 gap: 12px;
}

.review-list-card__avatar {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 width: 42px;
 height: 42px;
 border-radius: 50%;
 background: #c9a84c;
 color: #121524;
 font-weight: 700;
}

.review-list-card__top strong {
 color: #121524;
 font-size: .875rem;
}

.review-list-card__top time {
 color: #59606d;
 font-size: 14px;
 white-space: nowrap;
}

.review-list-card__book {
 display: inline-block;
 margin-bottom: 8px;
 color: #c9a84c;
 font-size: .875rem;
 text-decoration: none;
}

.review-list-card__stars {
 display: flex;
 gap: 4px;
 margin-bottom: 12px;
 color: #e1a914;
}

.review-list-card__text {
 color: #5d616b;
 font-size: .875rem;
 line-height: 1.55;
}

.review-list-card__text p {
 margin: 0;
 display: -webkit-box;
 -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
 overflow: hidden;
}

.review-list-card__likes {
 margin-top: 18px;
 color: #5d616b;
 font-size: 14px;
}

.reviews-widget,
.reviews-cta {
 padding: 28px;
 border: 1px solid #ded8ce;
 border-radius: 14px;
 background: #fbfaf8;
}

.reviews-widget {
 margin-bottom: 28px;
}

.reviews-widget h3,
.reviews-cta h3 {
 margin: 0 0 22px;
 font-family: "Playfair Display", serif;
 font-size: 26px;
}

.top-reviewers {
 margin: 0;
 padding: 0;
 list-style-position: inside;
 color: #c9a84c;
}

.top-reviewers li {
 display: grid;
 grid-template-columns: 30px 42px minmax(0, 1fr);
 align-items: center;
 gap: 12px;
 margin-bottom: 16px;
}

.top-reviewers span {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 width: 42px;
 height: 42px;
 border-radius: 50%;
 color: #c9a84c;
 font-weight: 600;
 font-size: .875rem;
}

.top-reviewers b {
 display: block;
 color: #121524;
}

.top-reviewers small {
 display: block;
 color: #59606d;
 font-size: 13px;
}

.reviews-cta {
 background: #c9a84c!important;
 color: #121524;
 text-align: center;
}

.reviews-cta > span {
 font-size: 36px;
}

.reviews-cta p {
 color: #4f4324;
 line-height: 1.5;
}

.reviews-cta a {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-height: 44px;
 margin-top: 18px;
 padding: 0 22px;
 border-radius: 10px;
 background: #17182b;
 color: #c9a84c;
 text-decoration: none;
 font-weight: 700;
}

@media screen and (max-width: 1100px) {
 .reviews-page__layout {
  grid-template-columns: 1fr;
 }
}

@media screen and (max-width: 650px) {
 .reviews-page-head h1 {
  font-size: 36px;
 }

 .review-list-card {
  grid-template-columns: 1fr;
 }

 .review-list-card__top {
  align-items: flex-start;
  flex-direction: column;
 }
}



















/* ===== Страница отзывов ===== */
.reviews-page-wrapper {
 padding: 20px 0;
}

/* Хедер */
.reviews-header {
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin-bottom: 30px;
 padding-bottom: 20px;
 border-bottom: 1px solid rgba(255,255,255,0.1);
}

.reviews-header__left h1 {
 font-size: 32px;
 margin: 0 0 8px;
 color: #c9a84c;
}

.reviews-header__left p {
 color: rgba(232,230,227,0.65);
 margin: 0 0 10px;
}

.reviews-count {
 color: rgba(232,230,227,0.5);
 font-size: 14px;
}

.btn-primary {
 background: #c9a84c;
 color: #1a1a2e;
 padding: 10px 24px;
 border-radius: 30px;
 border: none;
 font-weight: 600;
 cursor: pointer;
}

/* Фильтры как на скриншоте */
.reviews-filters {
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin-bottom: 30px;
 flex-wrap: wrap;
 gap: 15px;
}

.reviews-filters__tabs {
 display: flex;
 gap: 8px;
 background: rgba(255,255,255,0.05);
 padding: 5px;
 border-radius: 40px;
}

.reviews-filters__tabs a {
 padding: 8px 20px;
 border-radius: 30px;
 color: rgba(232,230,227,0.7);
 text-decoration: none;
 font-size: 14px;
}

.reviews-filters__tabs a.active {
 background: #c9a84c;
 color: #1a1a2e;
}

/* Две колонки */
.reviews-two-columns {
 display: grid;
 grid-template-columns: 1fr 320px;
 gap: 30px;
}

/* Карточка отзыва */
.review-card {
 background: rgba(255,255,255,0.03);
 border-radius: 20px;
 padding: 24px;
 margin-bottom: 20px;
 border: 1px solid rgba(255,255,255,0.05);
}

.review-card__author {
 display: flex;
 align-items: center;
 gap: 12px;
 margin-bottom: 15px;
}

.review-card__avatar span {
 font-size: 40px;
 color: #c9a84c;
}

.review-card__author-info strong {
 display: block;
 color: #e8e6e3;
 font-size: 16px;
}

.review-card__author-info time {
 font-size: 12px;
 color: rgba(232,230,227,0.45);
}

.review-card__book-title {
 font-size: 18px;
 font-weight: 600;
 color: #c9a84c;
 text-decoration: none;
 display: block;
 margin-bottom: 10px;
}

.review-card__rating {
 margin-bottom: 15px;
 color: #ffc107;
 font-size: 14px;
}

.review-card__text {
 color: rgba(232,230,227,0.8);
 line-height: 1.6;
 margin-bottom: 20px;
}

.review-card__footer {
 display: flex;
 gap: 20px;
}

.review-card__like,
.review-card__comment {
 background: none;
 border: none;
 color: rgba(232,230,227,0.55);
 cursor: pointer;
 padding: 0;
 font-size: 14px;
}

.review-card__like span,
.review-card__comment span {
 margin-right: 6px;
}

/* Правая колонка - боковые карточки */
.side-card {
 background: rgba(255,255,255,0.03);
 border-radius: 20px;
 margin-bottom: 30px;
 border: 1px solid rgba(255,255,255,0.05);
}

.side-card__title {
 padding: 18px 20px;
 border-bottom: 1px solid rgba(255,255,255,0.08);
 font-weight: 600;
 color: #c9a84c;
}

.side-card__title span {
 margin-right: 8px;
}

.side-card__content {
 padding: 15px 20px;
}

/* Топ рецензенты */
.top-reviewer-item,
.top-book-item {
 display: flex;
 align-items: center;
 gap: 12px;
 padding: 12px 0;
 border-bottom: 1px solid rgba(255,255,255,0.05);
}

.top-reviewer-item__rank,
.top-book-item__rank {
 width: 28px;
 height: 28px;
 background: rgba(201,168,76,0.2);
 border-radius: 8px;
 display: flex;
 align-items: center;
 justify-content: center;
 color: #c9a84c;
 font-weight: 700;
 font-size: 14px;
}

.top-reviewer-item__name {
 font-weight: 600;
 color: #e8e6e3;
}

.top-reviewer-item__stats {
 font-size: 12px;
 color: rgba(232,230,227,0.5);
}

.top-book-item__title {
 font-weight: 500;
 color: #e8e6e3;
 margin-bottom: 4px;
}

.top-book-item__rating {
 font-size: 12px;
 color: #ffc107;
}

/* Адаптив */
@media (max-width: 900px) {
 .reviews-two-columns {
  grid-template-columns: 1fr;
 }

 .reviews-header {
  flex-direction: column;
  text-align: center;
  gap: 15px;
 }

 .reviews-filters {
  flex-direction: column;
 }
}

.reviews-page-wrapper {
 padding: 30px;
}

.reviews-page-header {
 background: linear-gradient(135deg,#16193b,#1e2250);
 border-radius: 0 0 28px 28px;
 padding: 50px;
 margin-bottom: 30px;
 color: #fff;
}

.reviews-page-title {
 font-size: 56px;
 font-weight: 700;
 margin-bottom: 14px;
}

.reviews-page-title span {
 color: #d4aa45;
 margin-right: 12px;
}

.reviews-page-desc {
 font-size: 21px;
 opacity: .85;
}

.reviews-page-content {
 display: grid;
 grid-template-columns: minmax(0,1fr) 320px;
 gap: 30px;
}

.reviews-filters {
 display: flex;
 gap: 12px;
 margin-bottom: 28px;
 flex-wrap: wrap;
}

.reviews-filter {
 background: #fff;
 border-radius: 30px;
 padding: 12px 22px;
 cursor: pointer;
 font-weight: 600;
 border: 1px solid #ece3d5;
}

.reviews-filter.active {
 background: #d4aa45;
 color: #fff;
}

.reviews-sidebar {
 display: flex;
 flex-direction: column;
 gap: 24px;
}

.reviews-sidebar-box {
 background: #fff;
 border-radius: 24px;
 padding: 28px;
 border: 1px solid #ece3d5;
}

.reviews-sidebar-title {
 font-size: 28px;
 font-weight: 700;
 margin-bottom: 22px;
 color: #1a1a1a;
}

.reviews-sidebar-title span {
 color: #d4aa45;
 margin-right: 10px;
}

.top-reviewers {
 display: flex;
 flex-direction: column;
 gap: 16px;
}

.top-reviewer {
 display: flex;
 gap: 12px;
 align-items: center;
 font-size: 17px;
}

.top-reviewer span {
 color: #d4aa45;
 font-weight: 700;
}

.reviews-cta {
 background: #d4aa45;
 color: #1b1b1b;
 text-align: center;
}

.reviews-cta-icon {
 font-size: 42px;
 margin-bottom: 18px;
}

.reviews-cta-title {
 font-size: 32px;
 font-weight: 700;
 margin-bottom: 14px;
}

.reviews-cta-desc {
 font-size: 17px;
 margin-bottom: 22px;
}

.reviews-cta-btn {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 height: 54px;
 padding: 0 28px;
 border-radius: 16px;
 background: #171b42;
 color: #fff;
 text-decoration: none;
 font-weight: 700;
}

@media(max-width:992px) {

 .reviews-page-content {
  grid-template-columns: 1fr;
 }

 .reviews-page-title {
  font-size: 38px;
 }

 .reviews-page-header {
  padding: 35px 25px;
 }
}

.reviews-layout {
 display: grid;
 grid-template-columns: minmax(0,1fr) 320px;
 gap: 24px;
 align-items: start;
}

.reviews-sidebar {
 position: sticky;
 top: 20px;
}

@media(max-width:992px) {

 .reviews-layout {
  grid-template-columns: 1fr;
 }

 .reviews-sidebar {
  position: static;
 }
}

.top-reviewer {
 display: flex;
 align-items: center;
 gap: 12px;
 padding: 12px 0;
 border-bottom: 1px solid rgba(255,255,255,0.05);
}

.top-reviewer span:first-child {
 width: 28px;
 color: #c9a84c;
 font-weight: 700;
}

.top-reviewer-stats {
 margin-left: auto;
 font-size: 12px;
 color: rgba(232,230,227,0.5);
}

.top-reviewer-avatar {
 width: 36px;
 height: 36px;
 background: rgba(201,168,76,0.15);
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 color: #c9a84c;
}

.reviews-sidebar-box {
 background: #fff;
 border-radius: 12px;
 padding: 20px;
 margin-bottom: 20px;
 box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.reviews-sidebar-title {
 font-size: 18px;
 font-weight: 700;
 color: #1a1a1a;
 margin-bottom: 16px;
 display: flex;
 align-items: center;
 gap: 8px;
}

.reviews-sidebar-title .fal {
 color: #c9a961;
 font-size: 20px;
}

.popular-books {
 display: flex;
 flex-direction: column;
 gap: 12px;
}

/* Dlya MALENKIH oblojek */
.popular-books img {
 width: 40px !important;
 height: 56px !important;
 border-radius: 3px;
 object-fit: cover;
 box-shadow: 0 2px 4px rgba(0,0,0,0.12);
}

.popular-books a {
 display: flex;
 align-items: flex-start;
 gap: 8px;
 text-decoration: none;
 font-size: 13px;
 color: #1a1a1a;
}

.popular-books a:hover {
 color: #c9a961;
}

.book-full {
 padding: 24px 30px 60px;
 color: #121524;
}

.book-full__speedbar {
 margin-bottom: 26px;
 color: #777b84;
 font-size: 14px;
}

.book-full__hero {
 display: grid;
 grid-template-columns: 360px minmax(0, 1fr);
 gap: 42px;
 align-items: start;
 margin-bottom: 70px;
}

.book-full__cover {
 overflow: hidden;
 border-radius: 12px;
 box-shadow: 0 28px 55px rgba(26,26,46,0.16);
}

.book-full__cover img {
 width: 100%;
 aspect-ratio: 3 / 4.5;
 object-fit: cover;
}

.book-full__genre {
 display: inline-flex;
 margin-bottom: 18px;
 padding: 5px 10px;
 border-radius: 5px;
 background: #9a551e;
 color: #fff;
 font-size: 12px;
 font-weight: 700;
 text-transform: uppercase;
}

.book-full__title {
 margin: 0 0 8px;
 font-family: "Playfair Display", serif;
 font-size: 2.25rem;
 line-height: 1.1;
}

.book-full__author {
 margin-bottom: 18px;
 color: #c9a84c;
 font-size: 1.125rem;
}

.book-full__rating {
 display: flex;
 align-items: center;
 gap: 6px;
 margin-bottom: 24px;
 color: #5c626d;
 font-size: 16px;
}

.book-full__rating .fal {
 color: #e1a914;
}

.book-full__rating .empty {
 color: #d8d3ca;
}

.book-full__rating b {
 margin-left: 8px;
 color: #121524;
}

.book-full__meta {
 display: grid;
 grid-template-columns: repeat(3, minmax(0, 1fr));
 gap: 18px 42px;
 max-width: 680px;
 margin-bottom: 30px;
 color: #6a6f7a;
 font-size: .875rem;
}

.book-full__meta div {
 display: flex;
 align-items: center;
 gap: 10px;
}

.book-full__meta .fal {
 color: #c9a84c;
}

.book-full__actions {
 display: flex;
 gap: 12px;
 flex-wrap: wrap;
}

.book-full__btn {
 display: inline-flex;
 align-items: center;
 gap: 9px;
 min-height: 40px;
 padding: 0 18px;
 border: 1px solid #ded8ce;
 border-radius: 10px;
 background: transparent;
 color: #121524;
 font-size: .875rem;
 text-decoration: none;
 cursor: pointer;
}

.book-full__btn:hover {
 background: #e0dcd6;
}

.book-full__section {
 max-width: 940px;
 margin: 0 auto 58px;
}

.book-full h2,
.book-author-box h2,
.book-reviews h2 {
 margin: 0 0 22px;
 font-family: "Playfair Display", serif;
 font-size: 1.5rem;
 line-height: 1.2;
}

.book-full__text {
 color: #626771;
 font-size: 1rem;
 line-height: 1.75;
}

.book-author-box {
 margin: 0 -30px 58px;
 padding: 42px 90px;
 background: #f3eee6;
}

.book-author-box__card {
 display: grid;
 grid-template-columns: 56px minmax(0, 1fr);
 gap: 18px;
 padding: 24px;
 border: 1px solid #ded8ce;
 border-radius: 12px;
 background: #fbfaf8;
}

.book-author-box__photo {
 width: 56px;
 height: 76px;
 overflow: hidden;
 border-radius: 8px;
 background: #ddd5c8;
}

.book-author-box__photo img {
 width: 100%;
 height: 100%;
 object-fit: cover;
}

.book-author-box h3 {
 margin: 0 0 4px;
 font-family: "Playfair Display", serif;
 font-size: 1.125rem;
}

.book-author-box small {
 display: block;
 margin-bottom: 10px;
 color: #6a6f7a;
}

.book-author-box p {
 margin: 0;
 color: #626771;
 line-height: 1.6;
}

.book-reviews {
 display: grid;
 grid-template-columns: minmax(0, 1fr) 320px;
 gap: 28px;
 max-width: 940px;
 margin: 0 auto 58px;
}

.book-review-form {
 padding: 24px;
 border: 1px solid #ded8ce;
 border-radius: 12px;
 background: #faf8f5;
}

.book-review-form h3 {
 margin: 0 0 18px;
 font-family: "Playfair Display", serif;
 font-size: 1.125rem;
}

.book-review-form__hint {
 margin: 14px 0 8px;
 color: #6a6f7a;
 font-size: 14px;
}

.book-review-form__stars {
 display: flex;
 gap: 5px;
 color: #d8d3ca;
 font-size: 22px;
}

.book-reviews__list {
 display: grid;
 gap: 18px;
}

@media screen and (max-width: 950px) {
 .book-full__hero {
  grid-template-columns: 1fr;
 }

 .book-full__cover {
  max-width: 360px;
 }

 .book-full__meta {
  grid-template-columns: repeat(2, minmax(0, 1fr));
 }

 .book-reviews {
  grid-template-columns: 1fr;
 }

 .book-author-box {
  padding: 34px 30px;
 }
}

@media screen and (max-width: 560px) {
 .book-full {
  padding: 20px 18px 44px;
 }

 .book-full__title {
  font-size: 36px;
 }

 .book-full__meta {
  grid-template-columns: 1fr;
 }

 .book-author-box {
  margin-left: -18px;
  margin-right: -18px;
 }
}


















/* ============================================
   LOGO IN HEADER + SIDEBAR SCROLL FIX
   ============================================ */

/* Логотип теперь занимает ширину сайдбара слева в хедере */
.header {
 left: 0 !important;
 margin-left: 0 !important;
 padding-left: 0 !important;
 padding-right: 30px !important;
 display: flex !important;
 align-items: center !important;
 background: #f2ede5;
 height: 60px;
}

.header__logo {
 flex: 0 0 260px;
 width: 260px;
 height: 60px;
 margin: 0 !important;
 padding: 0 20px;
 display: flex;
 align-items: center;
 justify-content: center;
 background: #1a1a2e;
 border-bottom: 1px solid #313143;
 border-right: 1px solid #2a2a3e;
 box-sizing: border-box;
}

.header__logo .logo__title {
 margin: 0;
 color: #fff;
 font-size: 22px;
 font-weight: 900;
 font-family: 'Cormorant Garamond', serif;
 letter-spacing: 2px;
}

.header__logo .logo__title span {
 color: #c9a84c;
 letter-spacing: .025em;
 font-weight: 700;
}

.header__logo .logo__caption {
 display: none;
}

/* Поиск — обычное место в хедере, без отступа на 240px */
.header__search {
 flex: 1 1 auto;
 max-width: 700px;
 margin-left: 30px !important;
 margin-right: 20px;
}

/* Кнопка Cont справа */
.header .header__btn {
 margin-left: auto;
}

.col-side {
 top: 60px !important;
 height: calc(100vh - 60px) !important;
 padding-top: 0 !important;
 overflow: hidden !important;
 display: flex !important;
 flex-direction: column !important;
}

/* Десктопный лого внутри сайдбара (если он там есть) скрываем */
.col-side .mobile-logo {
 display: none;
}

/* Top-sidebar-links фиксированы, не скроллятся */
.col-side .top-sidebar-links {
 margin: 0;
 padding: 15px;
 border-bottom: 1px solid #313143;
 flex-shrink: 0;
}

.col-side .side-block {
 overflow-y: auto;
 overflow-x: hidden;
 flex: 1 1 auto;
 min-height: 0;
 margin: 0 !important;
 padding: 10px 15px;
}

.col-side .side-block__menu {
 max-height: none !important;
 overflow: auto;
 padding-right: 0 !important;
}

.col-side .side-block {
 scrollbar-width: thin;
 scrollbar-color: #c9a84c transparent;
}

.col-side .side-block::-webkit-scrollbar {
 width: 8px;
}

.col-side .side-block::-webkit-scrollbar-track {
 background: transparent;
}

.col-side .side-block::-webkit-scrollbar-thumb {
 background: #c9a84c;
 border-radius: 999px;
 border: 2px solid #1a1a2e;
}

.col-side .side-block::-webkit-scrollbar-thumb:hover {
 background: #d8b85a;
}

/* Бургер скрыт на десктопе */
.header__btn-menu {
 display: none;
}

/* ============================================
   MOBILE (до 1220px) — по скрину
   ============================================ */

@media screen and (max-width: 1220px) {
 .wrapper {
  margin-left: 0 !important;
 }

 .header {
  position: relative !important;
  height: 60px !important;
  padding: 0 !important;
  background: #ede8e1 !important;
  flex-wrap: nowrap;
 }

 .fal {
  color: #1a1a2e;
 }
    /* Десктопный лого в хедере на мобилке скрываем — он будет внутри drawer */
 .header > .header__logo {
  display: none !important;
 }

    /* Бургер слева */
 .header__btn-menu {
  order: 1;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 60px;
  margin: 0 !important;
  padding: 0;
  background: transparent !important;
  color: #fff !important;
  font-size: 22px;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  flex-shrink: 0;
 }

    /* Поиск по центру */
 .header__search {
  order: 2;
  flex: 1 1 auto;
  max-width: 100%;
  min-width: 50px;
  margin: 0 10px !important;
  padding: 0;
 }

 .header__search input,
    .header__search input:focus {
  background: #faf8f5 !important;
  color: #fff !important;
  border-color: rgb(224 220 214) !important;
  height: 38px;
  border-radius: 8px;
 }

 .header__search input::placeholder {
  color: #6b6b6b !important;
 }

 .header__search button {
  color: rgba(255,255,255,0.6) !important;
  height: 40px;
 }

    /* Cont справа */
 .header .header__btn {
  order: 3;
  height: 60px;
  width: 50px;
  margin: 0 !important;
  padding: 0;
  background: transparent !important;
  color: #fff !important;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  box-shadow: none;
  flex-shrink: 0;
 }

 .header .header__btn span:last-child {
  display: none;
 }

    /* ====== Сайдбар как drawer на мобилке ====== */
 .col-side {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 315px !important;
  max-width: 84vw;
  height: 100vh !important;
  padding: 0 !important;
  transform: translateX(-105%);
  transition: transform .25s ease;
  z-index: 999;
  order: initial !important;
  background: #1a1a2e;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  display: flex !important;
  flex-direction: column;
 }

 body.mobile-menu-is-open .col-side {
  transform: translateX(0);
 }

 body.mobile-menu-is-open::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 998;
  background: rgba(0,0,0,0.55);
 }

    /* Мобильный лого внутри drawer сверху */
 .col-side .mobile-logo {
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 24px 20px 20px;
  border-bottom: 1px solid #313143;
  flex-shrink: 0;
 }

 .col-side .mobile-logo .logo__title {
  color: #c9a84c;
  font-size: 22px;
  font-weight: 900;
  font-family: 'Cormorant Garamond', serif;
  letter-spacing: 2px;
 }

    /* Top links (4 ссылки) под лого */
 .col-side .top-sidebar-links {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 14px 18px;
  padding: 18px 22px;
  border-bottom: 1px solid #313143;
  margin: 0;
  flex-shrink: 0;
 }

 .col-side .top-sidebar-links a {
  display: flex;
  align-items: center;
  gap: 10px;
  color: rgba(232,230,227,0.7);
  font-size: 13px;
 }

 .col-side .top-sidebar-links a i {
  color: rgba(232,230,227,0.7);
 }

    /* Блок с меню — без своего скролла */
 .col-side .js-this-in-mobile-menu,
    .col-side .side-block {
  display: block !important;
  overflow: visible !important;
  max-height: none !important;
  padding: 8px 0 !important;
  margin: 0 !important;
  flex: 1 1 auto;
 }

 .col-side .side-block__menu {
  margin: 0 !important;
  padding: 0 !important;
 }

 .col-side .side-block__menu > li > a,
    .col-side .side-block__menu > li.submenu > a {
  padding: 14px 22px !important;
  margin: 0 !important;
  font-size: 15px;
 }

 .col-side .side-block__menu li.submenu > .side-block__menu-hidden {
  padding-left: 60px !important;
 }
}

/* Совсем узкие экраны */
@media screen and (max-width: 470px) {
 .header__logo .logo__title {
  font-size: 16px;
  letter-spacing: 1px;
 }
}

.logo__titlemob {
 text-transform: uppercase;
 color: #1a1a2e;
 font-size: 22px;
 font-weight: 900;
 line-height: 1;
 font-family: 'Cormorant Garamond', sans-serif;
 align-self: center;
 order: 1;
}

@media (min-width:650px) {
 .logo__titlemob {
  display: none;
 }
}

.mobile-menu-close .fal {
 color: #fff;
}

@media (max-width:1200px) {
 .authors-popular, .genres-explore, .reviews-recent {
  padding: 56px 15px 60px;
 }
}

button:hover, .btn:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .form__btn:hover, .qq-upload-button:hover, .pm__links a:hover, .usp__btn a:hover {
 background: #e0dcd6;
 color: #2c2c2c;
 border-radius: 10px;
}

.ms-footer {
 background: #1a1a2e;
 color: #e8e6e3;
 margin-top: 0;
}

.ms-footer__stats {
 border-bottom: 1px solid rgba(255,255,255,0.1);
}

.ms-footer__stats-inner {
 display: grid;
 grid-template-columns: repeat(4, 1fr);
 gap: 24px;
 padding: 36px 30px;
 text-align: center;
}

.ms-footer__stat {
 display: flex;
 flex-direction: column;
 align-items: center;
 gap: 7px;
}

.ms-footer__stat span {
 color: #c9a84c;
 font-size: 25px;
}

.ms-footer__stat b {
 color: #c9a84c;
 font-family: "Playfair Display", serif;
 font-size: 28px;
 line-height: 1;
}

.ms-footer__stat small {
 color: rgba(232,230,227,0.72);
 font-size: 15px;
}

.ms-footer__main {
 display: grid;
 grid-template-columns: 1.4fr 1fr 1fr 1.3fr;
 gap: 52px;
 padding: 48px 30px;
 border-bottom: 1px solid rgba(255,255,255,0.1);
}

.ms-footer h3 {
 color: #c9a84c;
 font-family: "Playfair Display", serif;
 font-size: 24px;
 margin: 0 0 22px;
}

.ms-footer h4 {
 margin: 0 0 22px;
 color: rgba(232,230,227,0.55);
 font-size: 13px;
 font-weight: 700;
 text-transform: uppercase;
 letter-spacing: 1px;
}

.ms-footer p {
 color: rgba(232,230,227,0.72);
 font-size: 15px;
 line-height: 1.55;
 margin: 0;
}

.ms-footer ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

.ms-footer li + li {
 margin-top: 13px;
}

.ms-footer a {
 color: rgba(232,230,227,0.72);
 text-decoration: none;
 transition: color .2s;
}

.ms-footer a:hover {
 color: #c9a84c;
}

.ms-footer__newsletter form {
 display: flex;
 gap: 10px;
 margin-top: 18px;
}

.ms-footer__newsletter input {
 min-width: 0;
 width: 100%;
 height: 46px;
 padding: 0 15px;
 border-radius: 10px;
 border: 1px solid rgba(255,255,255,0.18);
 background: rgba(255,255,255,0.08);
 color: #e8e6e3;
}

.ms-footer__newsletter input::placeholder {
 color: rgba(232,230,227,0.45);
}

.ms-footer__newsletter button {
 height: 46px;
 padding: 0 18px;
 border: 0;
 border-radius: 10px;
 background: #c9a84c;
 color: #1a1a2e;
 font-weight: 700;
 cursor: pointer;
}

.ms-footer__newsletter button:hover {
 background: #b8963f;
}

.ms-footer__bottom {
 display: flex;
 justify-content: space-between;
 align-items: center;
 gap: 20px;
 padding: 18px 30px;
}

.ms-footer__bottom p,
.ms-footer__bottom a {
 color: rgba(232,230,227,0.5);
 font-size: 13px;
}

.ms-footer__bottom div {
 display: flex;
 gap: 22px;
}

@media screen and (max-width: 950px) {
 .ms-footer__main {
  grid-template-columns: repeat(2, 1fr);
  gap: 34px;
 }
}

@media screen and (max-width: 650px) {
 .ms-footer__stats-inner {
  grid-template-columns: repeat(2, 1fr);
 }

 .ms-footer__main {
  grid-template-columns: 1fr;
 }

 .ms-footer__bottom {
  flex-direction: column;
  text-align: center;
 }

 .ms-footer__bottom div {
  justify-content: center;
  flex-wrap: wrap;
 }
}

@media (max-width:768px) {
 .book-week__inner {
  gap: 90px;
 }
}

@media (max-width:960px) {
 .book-week__inner {
  gap: 90px;
 }
}

.book-full__genre a {
 color: #fff;
 font-size: 10px;
}

.genre-card p {
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
 overflow: hidden;
 margin-left: -65px;
}

.sidebar-title {
 display: flex;
 align-items: center;
 gap: 8px;
 font-family: "Playfair Display", serif;
 font-size: 1.125rem;
 font-weight: 600;
 color: #151726;
 margin-bottom: 18px;
}

.sidebar-title .fal {
 color: #c9a84c;
}

.reviewer-item, .apreciate-item {
 display: flex;
 align-items: center;
 gap: 12px;
 padding: 10px 0;
 border-bottom: 1px solid #ece7dd;
 text-decoration: none;
 color: #151726;
}

.reviewer-item:last-child, .apreciate-item:last-child {
 border-bottom: none;
}

.reviewer-rank, .apreciate-rank {
 font-weight: 700;
 color: #c9a84c;
 min-width: 18px;
}

.reviewer-avatar img,
.reviewer-avatar .reviewer-initial {
 width: 35px;
 height: 35px;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 object-fit: cover;
 background: #151726;
 color: #fff;
 font-weight: 600;
 font-size: .75rem;
}

.reviewer-info b, .apreciate-info b {
 display: block;
 font-size: .875rem;
 font-weight: 500;
}

.reviewer-info small, .apreciate-info small {
 color: #8a8275;
 font-size: 13px;
}

.apreciate-info small .fal {
 color: #e1a914;
}

.apreciate-cover img {
 width: 40px;
 height: 56px;
 object-fit: cover;
 border-radius: 6px;
 display: block;
}