/* ==========================================
   Home Section
========================================== */

.home-section{
    max-width:1110px;
    margin:40px auto 0;
}

.home-section-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    border-bottom:2px solid #d6a84f;
    padding-bottom:10px;
    margin-bottom:18px;
}

.home-section-title{
    margin:0;
    font-size:30px;
    color:#d6a84f;
    font-weight:bold;
}

.home-section-more{
    color:#d6a84f;
    font-size:16px;
    text-decoration:none;
}

.home-section-more:hover{
    color:#fff3c4;
}
.home-section-content{
    min-height:320px;
}

.more-btn{
    display:inline-block;
    padding:8px 18px;
    border-radius:20px;
    background:#111;
    border:1px solid #7a6230;
    color:#d6a84f;
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
    transition:.2s;
}

.more-btn:hover{
    background:#d6a84f;
    border-color:#d6a84f;
    color:#fff;
}

.home-section-content{
    min-height:0;
}
.home-section .grid{
    max-width:1110px;
    margin:0 auto 32px;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:16px;
}

.home-section .card{
    width:154px;
    background:#1b1b1b;
    border-radius:8px;
    padding:8px;
}


.home-section .name{
    font-size:14px;
    line-height:1.4;
    height:40px;
    overflow:hidden;
    margin-top:8px;
    color:#ddd;
}

.home-section .no{
    font-size:12px;
    color:#888;
    margin-top:5px;
}

.home-section .tags{
    margin-top:7px;
    line-height:22px;
}

.home-section .tag{
    display:inline-block;
    padding:1px 6px;
    border-radius:4px;
    font-size:12px;
    margin-right:4px;
    margin-bottom:4px;
    background:#fff8df;
    border:1px solid #d6a84f;
    color:#8a5a00;
    line-height:18px;
}

.home-section .chinese{color:#8a5a00;}
.home-section .first{color:#7b3fa0;}
.home-section .bluray{color:#2b65a0;}
.home-section .original{
    color:#8a5a00;
    background:#fff8df;
    border:1px solid #d6a84f;
}

.home-section .price_row{
    display:flex;
    justify-content:space-between;
    margin-top:7px;
    font-size:13px;
}

.home-section .price{
    color:#d6a84f;
    font-weight:bold;
    font-size:15px;
}

.home-section .points{
    color:#777;
}

/* home product card follow list style */
.home-section .grid{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    gap:20px;
}

.home-section .card{
    width:162px;
    background:#111 !important;
    border:2px solid #222222 !important;
    border-radius:8px !important;
    overflow:hidden !important;
    padding:2px !important;
    box-sizing:border-box !important;
}

.home-section .card img{
    width:154px;
    height:220px;
    display:block;
    object-fit:contain;
    border-radius:6px;
    background:#fff;
    border:0;
    box-sizing:border-box;
}

.home-section .name{
    font-size:14px;
    line-height:1.4;
    height:40px;
    overflow:hidden;
    margin-top:8px;
    color:#eee !important;
}

.home-section .no{
    font-size:12px;
    color:#999;
    margin-top:6px;
}

.home-section .tags{
    margin-top:8px;
    line-height:24px;
}

.home-section .tag{
    display:inline-block;
    padding:2px 6px;
    border-radius:4px;
    font-size:12px;
    margin-right:4px;
    margin-bottom:4px;
    background:#111;
    border:1px solid #7a6230;
    color:#d6a84f;
    line-height:18px;
}

.home-section .chinese{color:#ffe680}
.home-section .first{color:#e6c6ff}
.home-section .bluray{color:#9fc8ff}

.home-section .original{
    color:#ffd45a;
    background:#111;
    border:1px solid #7a6230;
}

.home-section .price_row{
    display:flex;
    justify-content:space-between;
    margin-top:8px;
    font-size:13px;
}

.home-section .price{
    color:#d6a84f;
}

.home-section .points{
    color:#bbb;
}

@media(max-width:768px){
    .home-section .grid{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:10px;
    }

    .home-section .card{
        width:100%;
        box-sizing:border-box;
    }

    .home-section .card img{
        width:100%;
        height:auto;
        aspect-ratio:154/220;
        object-fit:contain;
    border-radius:6px;
    }

    .home-section .name{
        font-size:13px;
        height:38px;
    }

    .home-section .price_row{
        display:block;
        font-size:12px;
    }
}