.movie-info-bg {
    height: 35rem;
    left: 0px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 90rem;
}

.mask-back {
    /*background-color: #C78800;*/
    /* background: #C78800;*/
    /*mix-blend-mode: hue;*/
    width: 99rem;
}

.movie-info-des { margin-right: 1.5rem; }
.movie-info-des-ltr { margin-left: 1.5rem; }

.bg-movie-info {
    background: rgba(199, 136, 0, 1);
    height: 100%;
    overflow: hidden;
    z-index: 2;
}

.bg-shadowtoslider { box-shadow: 0px 50px 60px 100px #000000; }

.movie-info-des h2 {
    font-family: 'Morabba' !important;
    font-size: 36px;
    font-weight: 700;
    text-align: justify;
}

.movie-info-des p {
    /* font-size: 15px;
    line-height: 27px;*/
    display: flex;
    text-align: justify;
    /*letter-spacing: 0.075em;*/
}

.movie-des-shadow { background: linear-gradient(270deg, #000 0%, rgba(0, 0, 0, 0.00) 100%); }
.movie-des-shadow-ltr { background: linear-gradient(to right, #000 0%, rgba(0, 0, 0, 0.00) 100%); }

.play-icon {
    display: block;
    margin-left: auto;
    margin-right: auto;
    /*width: 6.7rem;
    height: 6.7rem;*/
    margin-top: 2.5rem;
}

.play-elipes {
    /*background-image: url('/img/icon/EllipseDark.png');
    background-size: contain;
    background-repeat: no-repeat;*/
    border-radius: 5rem;
    /* width: 6.6rem;
    height: 6.4rem;*/
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.like-icon {
    background-image: url('/img/icon/like.png');
    background-repeat: no-repeat;
    background-size: contain;
    height: 7rem;
    margin-top: 2.5rem;
    width: 7rem;
}

.movie-tag {
    background: #D9D9D9;
    border-radius: 6px;
    color: #000000;
    font-size: 12px;
    font-weight: 700 !important;
    padding: 2px 9px;
    text-align: center;
}

.max-h-2 { height: 14rem !important; }

.bg-movie {
    background: #C78800;
    mix-blend-mode: hue;
}

.bg-sh {
    background: linear-gradient(90deg, rgba(9, 30, 58, 0) - 181.25%, rgba(4, 14, 26, 0.13) - 53.81%, rgba(6, 20, 39, 0) - 4%, #000000 100%);
    transform: rotate(90deg);
}

.comment-textarea {
    background-color: #000000;
    border: 2px solid #FFFFFF;
    border-radius: 10px;
    color: #FFFFFF80;
    font-weight: 700;
    margin-top: 1rem;
    outline: none;
    padding: 10px;
    resize: none !important;
    width: 100%;
}

.movie-tab-btn {
    background: black !important;
    border: 1px solid white !important;
    border-radius: 10px;
    color: white !important;
    min-width: 100px;
    padding: 8px;
}

.movie-tab-btn.active {
    background: white !important;
    border: 1px solid black !important;
    color: black !important;
}

.commenter-name {
    background: #212121;
    border-radius: 24px;
    margin-top: 1rem;
    padding: 8px;
    width: fit-content;
}

.show-more-comment { color: #FFB905 !important; }

.showmore-slider {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) - 1000.55%, #000 32.69%, #000 - 64.83%, rgba(0, 0, 0, 0) 100%);
    bottom: 0px;
    left: -40px;
    position: absolute !important;
    z-index: 2;
}

.showmore-slider h2 {
    font-family: 'Morabba' !important;
    font-size: 36px;
    margin-left: 40px;
    margin-top: 3rem;
}

.session-tab-btn {
    background-color: #000000;
    border-radius: 10px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    margin-left: 2rem;
    padding: 10px 15px;
}

/*.session-tab-btn-active {
    color: #000000;
    background: #FFB200;
}*/

button.active {
    border: 1px solid var(--s-primary) !important;
    color: var(--s-primary);
    background: transparent;
}

.video-tab-tizer {
    border: 1px solid white;
    border-radius: 10px;
    width: 70%;
}

.img-actor {
    border-radius: 10px;
    max-width: 80px;
}

.nav-movie-tab { margin-left: 2%; }

/* حالت عادی */
.like-film svg path {
    transition: fill 0.3s ease, stroke 0.3s ease;
}

/* وقتی لایک شد */
.like-film.fill-svg svg path {
    stroke: var(--s-primary);
    fill: var(--s-primary);
}