/* 2026-11-04 첫 방문자용 홈 추천 진열 */
.home-picks { max-width: 1100px; margin: 0 auto; padding: 0 0 30px; text-align: left; }
.home-picks-intro { margin: 10px 0 24px; text-align: center; font-size: 15px; color: #555; }
.home-shelf { margin-bottom: 28px; }
.home-shelf-head { display: flex; align-items: baseline; justify-content: space-between; padding: 0 12px; margin-bottom: 10px; }
.home-shelf-head h4 { margin: 0; font-size: 17px; font-weight: bold; color: #222; }
.home-shelf-head a { font-size: 13px; color: #777; }
.home-shelf-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px 12px; padding: 0 12px; }
.home-card, .home-card:hover, .home-card:focus { display: block; color: #222; text-decoration: none; min-width: 0; }
.home-card-link, .home-card-link:hover, .home-card-link:focus { display: block; color: #222; text-decoration: none; }
.home-card-tags { margin-top: 3px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; line-height: 20px; }
.home-card-tags a { margin-right: 8px; color: #666; }
.home-card-tags a:hover, .home-card-tags a:focus { color: #222; text-decoration: underline; }
.home-card-thumb { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 6px; background: #e8e8e8; }
.home-card-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.home-card-duration { position: absolute; right: 5px; bottom: 5px; padding: 1px 5px; border-radius: 3px; background: rgba(0, 0, 0, .75); color: #fff; font-size: 11px; line-height: 16px; }
.home-card-title { display: -webkit-box; margin-top: 6px; overflow: hidden; font-size: 13px; line-height: 18px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.home-picks-feed { display: block; width: 220px; margin: 8px auto 0; padding: 10px 0; border: 1px solid #ccc; border-radius: 20px; background: #fff; color: #444; text-align: center; font-size: 14px; }
.home-picks-feed:hover, .home-picks-feed:focus { color: #222; text-decoration: none; background: #f5f5f5; }
.home-list-title { max-width: 1100px; margin: 0 auto 12px; padding: 0 12px; text-align: left; font-size: 17px; font-weight: bold; color: #222; }
@media (max-width: 767px) {
	/* 모바일: 가로로 밀어서 보는 진열. 다음 카드가 살짝 보이게 해 스크롤할 수 있음을 알림 */
	.home-picks-intro { margin-bottom: 18px; padding: 0 12px; }
	.home-shelf-list { display: flex; gap: 10px; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
	.home-shelf-list::-webkit-scrollbar { display: none; }
	.home-card { flex: 0 0 62%; }
}