@charset "utf-8";

/* ===================== 찜목록 페이지 ===================== */

#favorite_wrap { max-width:100%; margin:0; padding:10px 0; }

.fav_title { display:flex; align-items:center; margin:10px 0 20px; }
.fav_title img { width:32px; height:auto; margin-right:10px; }
.fav_title h2 { font-size:22px; font-weight:900; color:#000; margin:0; }

.fav_empty { text-align:center; padding:60px 0; color:#999; font-size:15px; width:100%; }

/* 카드 그리드 */
#fav_content {
    display: flex;
    flex-wrap: wrap;
}

/* 찜 카드 1개 = 헤더 + 이미지 + 제목 */
.fav_li {
    flex: 0 0 20%;             /* PC 5열 */
    max-width: 20%;
    box-sizing: border-box;
    padding: 4px;
    margin-bottom: 10px;
}

/* 카테고리 헤더 */
.fav_cate_head {
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 5px;
    padding: 0 12px;
    height: 40px;
    margin-bottom: 6px;
    box-sizing: border-box;
}
.fav_cate_head img { width: 22px; height: auto; margin-right: 8px; border-radius: 50%; flex-shrink:0; }
.fav_cate_head strong { font-size: 14px; font-weight: 900; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* 카드 본체 (높이 고정으로 줄 맞춤) */
.fav_box {
    position:relative; background:#fff;
    border:1px solid #ccc; border-radius:4px; overflow:hidden;
    height:190px; display:flex; flex-direction:column;
    box-sizing:border-box;
}
.fav_img {
    flex:1; display:flex; justify-content:center; align-items:center;
    overflow:hidden; border-bottom:1px solid #eee; padding:10px 20px;
    min-height:0;
}
.fav_img a { display:flex; justify-content:center; align-items:center; width:100%; height:100%; }
.fav_img img, .fav_img video {
    max-width:100%; max-height:100%;
    width:auto; height:auto;
    object-fit:contain; display:block;
}
.fav_img .no_image {
    display:inline-block; background:#eaeaea; color:#777;
    font-weight:bold; padding:20px; text-align:center;
}

/* 제목 + 찜버튼 */
.fav_text {
    display:flex; align-items:center; justify-content:space-between;
    background:#dfdfdf; padding:0 10px; height:50px; flex-shrink:0;
}
.fav_text .fav_subject {
    flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
    font-size:14px; font-weight:bold; color:#000; text-decoration:none;
}
.fav_text .fav_subject:hover { color:#e26925; }

.fav_btn { line-height:0; margin-left:8px; flex-shrink:0; }
.fav_btn img {
    width:34px; height:auto;
    transition:transform 0.15s ease, opacity 0.15s ease;
}
.fav_btn:hover img { transform:scale(1.1); }

/* 모바일 2열 */
@media (max-width:768px) {
    .fav_li { flex: 0 0 50%; max-width:50%; }
    .fav_title h2 { font-size:19px; }
    .fav_cate_head strong { font-size:13px; }
}