/* ============================================================
   vod-search-missav.css  —  搜尋結果頁:4 欄 + 16:9 橫圖
   範圍:#vodSearchPage。整檔刪除 + 移除 <link> 即還原。
   ============================================================ */

/* 移除右側「热播影视」後,左側結果區改全寬 */
#vodSearchPage .left_row{
    width:100% !important;
    float:none !important;
}

/* 搜尋頁頂部搜尋列(參考 missav) */
#vodSearchPage .search-hero-bar{
    display:flex;
    align-items:stretch;
    width:100%;
    margin:0 0 18px;
    border:2px solid #5e81ac;
    border-radius:6px;
    background:#3b4252;
    overflow:hidden;
    box-sizing:border-box;
}
#vodSearchPage .search-hero-input{
    flex:1 1 auto;
    min-width:0;
    height:48px;
    border:0;
    outline:0;
    background:transparent;
    padding:0 16px;
    font-size:15px;
    color:#e5e9f0;
    box-sizing:border-box;
}
#vodSearchPage .search-hero-input::placeholder{ color:#9aa4b8; }
#vodSearchPage .search-hero-btn{
    flex-shrink:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    height:48px;
    padding:0 22px;
    border:0;
    background:#434c5e;
    color:#eceff4;
    font-size:15px;
    cursor:pointer;
    transition:background .15s ease;
}
#vodSearchPage .search-hero-btn:hover{ background:#4c566a; }
#vodSearchPage .search-hero-btn svg{ width:18px; height:18px; }
@media (max-width:820px){
    #vodSearchPage .search-hero-btn span{ display:none; }
    #vodSearchPage .search-hero-btn{ padding:0 16px; }
}

@media screen and (min-width:820px){
    #vodSearchPage .vodlist{
        display:grid;
        grid-template-columns:repeat(4,minmax(0,1fr));
        gap:16px 14px;
        margin:0;
    }
    #vodSearchPage .vodlist > li,
    #vodSearchPage .vodlist .vodlist_item{
        width:auto !important;
        float:none !important;
        margin:0 !important;
        padding:0 !important;
    }
}

@media (max-width:820px){
    #vodSearchPage .vodlist{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
        margin:0;
    }
    #vodSearchPage .vodlist > li,
    #vodSearchPage .vodlist .vodlist_item{
        width:auto !important;
        float:none !important;
        margin:0 !important;
    }
}

/* 縮圖改 16:9 橫式(封面 cover 裁切) */
#vodSearchPage .vodlist_thumb{
    aspect-ratio:16 / 9 !important;
    padding-top:0 !important;
    height:auto !important;
    background-size:cover !important;
    background-position:center !important;
}
