/*
 * LordFilm Unique Light Green UI
 * Custom redesign layer. Loaded after the original template styles.
 */
:root {
    --bg: #ffffff;
    --bg-darker: #f4f8f3;
    --bg-darker-1: #eaf2e8;
    --bg-black: #26332a;
    --bg-blackest: #1f2c24;
    --tt: #25312a;
    --tt-fade-0: #455249;
    --tt-fade: #6f7c73;
    --bdc: rgba(51, 77, 59, .12);
    --bsh-long: 0 20px 70px rgba(38, 62, 45, .12);
    --bsh: 0 4px 18px rgba(46, 78, 54, .10);
    --bsh-block: 0 8px 30px rgba(46, 78, 54, .08);
    --accent: #86ad78;
    --green: #6f9e66;
    --ui-bg-btn: #86ad78;
    --ui-bg-btn-hover: #769d69;
    --ui-bdc-inp-focus: #86ad78;
    --ui-accent: #5f8d5e;
    --ui-elem-bdrs: 12px;
    --max-width: 1220px;
}

body.lf-modern {
    background: linear-gradient(180deg, #edf4eb 0, #f7faf6 420px, #eef4ec 100%);
    color: var(--tt);
    padding-top: 0 !important;
}
body.lf-modern::before {
    content: '';
    position: fixed;
    inset: 0 0 auto;
    height: 380px;
    pointer-events: none;
    z-index: 0;
    background:
        radial-gradient(circle at 12% 22%, rgba(148, 187, 132, .22), transparent 34%),
        radial-gradient(circle at 83% 10%, rgba(203, 222, 196, .50), transparent 30%);
}
.lf-modern .wrapper::before,
.lf-modern .wrapper::after {display: none;}
.lf-modern .wrapper {padding: 22px 14px 40px; position: relative;}
.lf-modern .wrapper__container--main {
    background: rgba(248, 251, 247, .96);
    box-shadow: var(--bsh-long);
    border: 1px solid rgba(67, 96, 72, .10);
    border-radius: 24px;
    overflow: clip;
}

/* Header */
.lf-modern .header {
    min-height: 76px;
    padding: 10px 22px;
    background: rgba(255,255,255,.92);
    border-bottom: 1px solid rgba(73, 102, 78, .10);
    box-shadow: 0 6px 24px rgba(48, 79, 56, .06);
    backdrop-filter: blur(16px);
}
.lf-modern .logo {
    font-family: 'Righteous-Regular', sans-serif;
    font-size: 25px;
    letter-spacing: .3px;
    color: #26332a;
}
.lf-modern .logo span {color: var(--accent);}
.lf-modern .logo::before {
    width: 38px; height: 38px;
    filter: saturate(.55) hue-rotate(28deg) brightness(1.02);
}
.lf-modern .header__menu {margin: 0 22px; gap: 4px;}
.lf-modern .header__menu > li > a {
    height: 54px;
    padding: 0 12px;
    font-family: 'inter', sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .03em;
    opacity: .78;
    border-radius: 11px;
}
.lf-modern .header__menu > li > a:hover {background: #eff5ed; color: #547d55; opacity: 1;}
.lf-modern .header__menu-hidden {
    border: 1px solid rgba(75,103,79,.12);
    border-top: 0;
    border-radius: 0 0 16px 16px;
    box-shadow: 0 18px 46px rgba(41,66,47,.14);
    padding: 22px 26px;
}
.lf-modern .header .header__menu li:has(.header__menu-hidden)::before {border-bottom-color: var(--accent);}
.lf-modern .search-block__input,
.lf-modern .search-block__input:focus {
    height: 42px; line-height: 42px;
    padding: 0 46px 0 16px;
    border: 1px solid #dde8da;
    border-radius: 14px;
    background: #f8fbf7;
    box-shadow: inset 0 1px 2px rgba(42,67,47,.04);
}
.lf-modern .search-block__input:focus {background:#fff; border-color:#a9c59f; box-shadow:0 0 0 4px rgba(134,173,120,.12);}
.lf-modern .search-block__btn {height:42px; color:#688f64;}
.lf-modern .header__theme-select {color:#77936f;}
.lf-modern .header__btn-login {border-radius: 12px; background:#edf4ea; color:#4f7451;}

/* Main content */
.lf-modern .content {padding: 24px;}
.lf-modern .content > .carou {margin-top: -24px; margin-bottom: 24px;}
.lf-modern .carou {
    margin-left: -24px; margin-right: -24px;
    padding: 24px;
    background: linear-gradient(135deg, #34483a 0%, #26362c 100%);
}
.lf-modern .carou__caption {font-size: 19px; letter-spacing: .01em; margin-bottom: 18px;}
.lf-modern .sect:not(:last-child) {margin-bottom: 30px;}
.lf-modern .sect__header {margin-bottom: 16px;}
.lf-modern .sect__title {
    font-size: 21px;
    font-weight: 650;
    color: #28362d;
}
.lf-modern a.sect__title.btn {
    padding: 0;
    height: auto;
    background: transparent;
    color:#28362d;
    text-transform:none;
    justify-content:flex-start;
    flex-direction:row-reverse;
    gap:9px;
}
.lf-modern a.sect__title.btn::before {color:#86ad78; font-size:13px;}
.lf-modern .sect__tabs {
    padding: 4px;
    border-radius: 14px;
    background: #eaf2e8;
}
.lf-modern .sect__tabs button {
    min-height: 34px;
    height:34px;
    padding:0 14px;
    border-radius: 10px;
    font-size: 12px;
    color:#66756a;
}
.lf-modern .sect__tabs button.is-active {background:#fff; color:#416746; box-shadow:0 3px 12px rgba(57,85,61,.09);}

/* Cards */
.lf-modern .grid-items {gap: 18px 14px;}
.lf-modern .item {border-radius: 16px; overflow: hidden; transform: translateZ(0);}
.lf-modern .item__img {
    border-radius: 16px;
    box-shadow: 0 7px 22px rgba(39,61,43,.12);
    background:#dfe9dc;
}
.lf-modern .item__img::before {
    content:'';
    position:absolute;
    inset:0;
    border:1px solid rgba(255,255,255,.25);
    border-radius:inherit;
    z-index:2;
    pointer-events:none;
}
.lf-modern .item__label {
    left: 9px; top: 9px;
    padding: 5px 10px;
    border-radius: 20px;
    background: rgba(228, 240, 223, .94);
    color: #416647;
    font-size: 10px;
    letter-spacing:.03em;
    text-transform:uppercase;
    box-shadow:0 3px 10px rgba(20,40,25,.10);
}
.lf-modern .item__desc {padding: 14px 12px; text-align:left;}
.lf-modern .item__title {font-size:14px; line-height:1.25; font-weight:600; text-shadow:0 1px 4px rgba(0,0,0,.45);}
.lf-modern .item__year {font-size:11px; opacity:.88;}
.lf-modern .item__rates {font-size:11px; border-top-color:rgba(255,255,255,.22);}
.lf-modern .img-mask::after {height:72%; background:linear-gradient(to top, rgba(17,25,20,.92) 0%, rgba(17,25,20,.25) 56%, transparent 100%);}
@media (hover:hover) and (pointer:fine) {
    .lf-modern .item:hover {transform: translateY(-5px);}
    .lf-modern .item:hover .item__img {box-shadow:0 16px 34px rgba(37,63,43,.20);}
}

/* SEO block */
.lf-modern .descr {
    margin: 18px -24px 0;
    padding: 34px 24px 38px;
    background: linear-gradient(180deg,#eef5ec,#e7f0e4);
    border-top: 1px solid rgba(79,108,82,.10);
    color:#4d5e52;
    gap:14px;
}
.lf-modern .descr h1 {font-size: 25px; line-height:1.25; color:#27352c; margin-bottom:2px;}
.lf-modern .descr h2 {font-size: 20px; color:#314238; margin-top:14px;}
.lf-modern .descr h3 {font-size: 16px; color:#3b4d40; margin-top:8px;}
.lf-modern .descr p {max-width:980px; line-height:1.75;}
.lf-modern .descr ul {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 22px; margin:6px 0 4px;}
.lf-modern .descr ul li {margin-left:0; padding:8px 10px 8px 30px; background:rgba(255,255,255,.58); border-radius:10px;}
.lf-modern .descr ul li::before {left:10px; top:8px; color:#719c6b;}

/* Full story */
.lf-modern .page__bg {border-radius:18px; overflow:hidden; box-shadow:0 8px 28px rgba(42,67,47,.09);}
.lf-modern .page__cols-left {padding:24px;}
.lf-modern .page__cols-right {background:#edf4eb; padding:24px;}
.lf-modern .page__poster {border-radius:14px; box-shadow:0 8px 25px rgba(34,58,40,.15);}
.lf-modern .page__header h1 {font-size:25px; line-height:1.28; font-weight:650;}
.lf-modern .page__text .full-text {color:#59675d; line-height:1.7;}
.lf-modern .page__player {border-radius:16px; overflow:hidden; margin:0 24px 24px;}
.lf-modern .page__player .tabs-block__select button.is-active,
.lf-modern .page__player .tabs-block__select button:hover {background:#6f996b;}
.lf-modern .page__subtitle {border-color:#e4ece1;}
.lf-modern .speedbar {color:#7a887e;}
.lf-modern .speedbar a {color:#527556;}

/* Footer */
.lf-modern .footer {
    background: #27372d;
    padding: 34px 24px 24px;
    color:#c7d2c8;
}
.lf-modern .footer__logo {color:#fff;}
.lf-modern .footer__menu {font-family:'inter',sans-serif; font-size:13px; font-weight:600; text-transform:none;}
.lf-modern .footer__menu a {color:#dce6dd;}
.lf-modern .footer__two {margin-top:28px; border-color:rgba(255,255,255,.10);}
.lf-modern .footer__copyright {font-size:12px; opacity:.85;}

/* Mobile */
@media screen and (max-width:1220px) {
    .lf-modern .wrapper {padding:0;}
    .lf-modern .wrapper__container--main {border-radius:0; border-left:0; border-right:0;}
    .lf-modern .header {padding:10px 20px;}
}
@media screen and (max-width:760px) {
    .lf-modern .content {padding:18px 14px;}
    .lf-modern .content > .carou {margin-top:-18px;}
    .lf-modern .carou {margin-left:-14px; margin-right:-14px; padding:20px 14px;}
    .lf-modern .descr {margin-left:-14px; margin-right:-14px; padding:28px 16px;}
    .lf-modern .descr h1 {font-size:22px;}
    .lf-modern .descr ul {grid-template-columns:1fr;}
    .lf-modern .grid-items {gap:14px 10px;}
    .lf-modern .sect__title {font-size:19px;}
    .lf-modern .page__bg {border-radius:14px;}
    .lf-modern .page__player {margin:0 0 18px; border-radius:12px;}
}
@media screen and (max-width:470px) {
    .lf-modern .header {min-height:64px; padding:8px 12px;}
    .lf-modern .logo {font-size:21px; padding-left:44px;}
    .lf-modern .logo::before {width:34px; height:34px;}
    .lf-modern .grid-items {grid-template-columns:repeat(2,minmax(0,1fr));}
}