/* Desktop / default */
.disclaimer {
    display: flex;
    flex-direction: row;
    /* row layout on desktop */
    justify-content: flex-start;
    /* image left, content right */
    align-items: center;
    background-color: #212121;
    margin: 20px 150px;
    /* desktop side margins */
    padding: 20px;
    border-radius: 20px;
    gap: 40px;
    /* spacing between image and text */
    transition: 0.5s ease-out;
}
.disclaimer.closed {
    display: none;
    
}
.disclaimer .left img {
    width: 250px;
    height: auto;
}

.disclaimer .right {
    color: white;
    flex: 1;
    /* text section grows to fill remaining space */
}

.disclaimer .right .btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: auto;
    padding: 10px;
    border-radius: 20px;
    margin-top: 10px;
    border: 2px #FF9EC4 solid;
    transition: 0.5s ease;
    cursor: pointer;
}

.disclaimer .right .btn a {
    text-decoration: none;
    color: white;
}

.disclaimer .right .btn:hover {
    background-color: #FF9EC4;
}


.anime-list {
    /* border: 2px white solid; */
    margin: 20px 150px;
    display: flex;
    gap: 20px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

}

.anime-card {
    padding: 0;
    margin: 0;
    display: flex;
    background-color: #1a1a1a;
    color: #fff;
    border-radius: 20px;
    overflow: hidden;
    width: 350px;
    height: 220px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    transition: transform 0.2s ease;
}

.anime-card:hover {
    background-color: #212121;
    transition: 0.5s ease;
}

.anime-poster {
    flex: 0 0 100px;
    /* left side width */
    height: 100%;
    /* stretch full height */
}

.anime-poster img {
    width: 175px;
    height: auto;
    object-fit: cover;
}

.anime-info {
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.anime-title {
    font-size: 1.2rem;
    font-weight: bold;
    margin: 0;
}

.anime-original {
    font-size: 1rem;
    font-weight: normal;
    color: #ccc;
    margin: 5px 0;
}

.anime-details {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    font-size: 0.9rem;
    color: #aaa;
}

/* Mobile */
@media (max-width: 1018px) {
    .disclaimer {
        margin: 20px;
        padding: 15px;
    }

    .anime-list {
        margin: 20px;
        padding: 15px;
    }
}

@media (max-width: 768px) {
    .disclaimer {
        flex-direction: column;
        /* stack vertically */
        margin: 20px;
        padding: 15px;
        gap: 20px;
    }

    /* .anime-list a {
        width: 120px;
    } */

    .anime-poster img {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 120px;
        height: 100%;
        margin: 0 auto;
        /* center image */
    }

    section .right {
        text-align: center;
    }

    .anime-list {
        margin: 10px;
        display: flex;
        justify-content: center;
        align-items: center;

    }

.anime-card {
    padding: 0;
    margin: 0;
    display: flex;
    background-color: #1a1a1a;
    color: #fff;
    border-radius: 20px;
    overflow: hidden;
    width: 300px;
    height: 220px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    transition: transform 0.2s ease;
}


    .anime-info {
        gap: 10px;
    }

    .anime-details {
        gap: 2px;
        display: flex;
        flex-direction: column;
    }
}