.franchises--full {background-color: #000;}

.franchises--full .ffranchise__item {display: flex; align-items: center; background-color: #000; gap: 5px;
    padding: 10px 20px;}
.franchises--full .ffranchise__item:nth-child(1) {border-top: none;}
.franchises--full .ffranchise__item:nth-child(2n) {background-color: rgba(255, 255, 255, 0.02);}


.franchises--full a:hover .title {
    color: #ffdc3a;
}
.franchises--full a:hover .fr-item__subtitle {
    color: #fff;
}
.franchises--full .ffranchise__item .ratings .rating {
    width: 60px;
}

.ffranchise {
    padding-top: 20px;
}

.ffranchise__item {
    display: flex;
    align-items: center;
    gap: 5px;
    background-color: #212121;
    padding: 10px;
    border-bottom: 1px solid #111;
}

.ffranchise__item.ccdn_current_part {
    background-color: #1a1a1a;
}

.ffranchise__item .num {
    position: relative;
    color: #dedede;
    width: 25px;
}

.ffranchise__item .num.ccdn_current_part {
    color: #1a1a1a;
}

.ffranchise__item .num.ccdn_current_part:before {
    content: "";
    display: block;
    background-size: 13px 15px;
    background-repeat: no-repeat;
    width: 13px;
    height: 15px;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    margin-left: -6px;
    left: 50%;
    opacity: 1;
    transition: opacity .25s ease-in-out;
}

.ffranchise__item .num.ccdn_current_part:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='8.332995414733887 6.996636867523193 31.332599639892578 34.006412506103516'%3E%3Cg%3E%3Cpath d='m37.324 20.026-22-12.412a4.685 4.685 0 0 0-4.711.036 4.528 4.528 0 0 0-2.28 3.938v24.824a4.528 4.528 0 0 0 2.28 3.938 4.687 4.687 0 0 0 4.711.036l22-12.412a4.543 4.543 0 0 0 0-7.948z' fill='%23ffffff' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}


.ffranchise__item .title {
    color: #fff;
    font-weight: 600;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: .3s color;
}

.ffranchise__item .title .fr-item__subtitle {
    color: #c3c3c3;
    font-weight: normal;
    font-size: 13px;
    transition: .3s color;
}

.ffranchise__item a.title:hover {
    color: #c9c9c9;
}

.ffranchise__item .year {
    color: #fff;
    padding: 3px 7px;
    background-color: #2b2b2b;
    border-radius: 5px;
    flex: none;
    width: 75px;
    text-align: center;
}

.ffranchise__item .ratings {
    display: flex;
    gap: 5px;
    align-items: center;
}

.ffranchise__item .ratings .rating {
    padding: 3px 7px;
    background-color: #2b2b2b;
    border-radius: 5px;
    color: #222222;
    font-weight: 600;
    width: 50px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.ffranchise__item .ratings .tmdb {
    background-color: #88cda3;
}

.ffranchise__item .ratings .green { background-color: #3bb33b; color: #fff; }
.ffranchise__item .ratings .gray { background-color: #16131e; color: #fff; }
.ffranchise__item .ratings .red { background-color: #e90c0c; color: #fff; }
.ffranchise__item .ratings .imdb-new { background-color: #ffc100;}
.ffranchise__item .ratings svg {margin-right: 5px; width: 15px; height: 15px;}

.ffranchise__item .ratings .imdb {
    background-color: #f7c836;
}

.franchises--full .ffranchise__item .img img {
    width: 55px;
    height: 75px;
    border-radius: 6px;
    display: block;
}

.ffranchise__item .about {display: flex; align-items: center; gap: 5px; flex: 1; overflow: hidden;}
.ffranchise__item .meta {display: flex; align-items: center; justify-content: start; gap: 5px; flex: 1;}

@media only screen and (max-width: 950px) {
    .ffranchise__item .about {flex-direction: column;}
    .franchises--full .ffranchise__item {gap: 15px;}
    .ffranchise__item .about {align-items: start;}
    .franchises--full .ffranchise__item .num {
        display: none;
    }
}
@media only screen and (min-width: 950px) {
    .franchises--full .ffranchise__item .img {
        display: none;
    }
}