/*
 * 麥可首頁影片：一排「最新上傳」（2026-09-26 店主：放在三張卡片下面，一排就好）。
 * 原本的影片牆樣式在 style.css「首頁影片牆」那段；這支只把它改成永遠一排：
 *   桌機四支剛好一排；平板、手機改成左右滑（不會掉到第二排）。
 * 另開一支檔案是因為 style.css 的 ?v= 沒有值，改它客人的瀏覽器可能一直拿舊檔。
 * 由 themes/drycleaner/library/home_videos.lbi 載入。
 */
body .home-videos .home-videos-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 900px) {
    body .home-videos .home-videos-grid {
        grid-template-columns: none;
        grid-auto-flow: column;
        grid-auto-columns: 40%;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }
    body .home-videos .hv-item { scroll-snap-align: start; }
}

@media (max-width: 640px) {
    /* 手機一次看到一支半，露出下一支的邊，客人才知道可以往左滑 */
    body .home-videos .home-videos-grid { grid-auto-columns: 68%; }
    body .home-videos .hv-more a { display: inline-flex; align-items: center; min-height: 44px; }
}