/* 홈 하단 고정형 이미지 게시글: 이동·슬라이드 없음 */
.haru-static-photos{min-width:0;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:12px 12px 14px;overflow:hidden}
.haru-static-photos__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #9ca3af}
.haru-static-photos__heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;min-width:0}
.haru-static-photos__heading time{font-size:15px;font-weight:800;color:#111827;white-space:nowrap}
.haru-static-photos__heading h2{font-size:15px;font-weight:800;color:#1f2937;margin:0}
.haru-static-photos__mark{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;background:#ef4444;color:#fff;font-size:13px;font-weight:800;transform:rotate(-12deg)}
.haru-static-photos__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px 10px}
.haru-static-photos__item{display:block;min-width:0;text-decoration:none;color:inherit}
.haru-static-photos__image{aspect-ratio:16/9;overflow:hidden;background:#f3f4f6;border-radius:4px;border:1px solid #f3f4f6}
.haru-static-photos__image img{display:block;width:100%;height:100%;object-fit:cover}
.haru-static-photos__channel{display:block;margin-top:5px;color:#dc2626;font-size:10px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.haru-static-photos__title{display:-webkit-box;margin-top:2px;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.45;font-weight:600;color:#1f2937;word-break:break-word}
.haru-static-photos__item:hover .haru-static-photos__title{color:#2563eb;text-decoration:underline}
.haru-static-photos__empty{padding:20px 8px;text-align:center;color:#94a3b8;font-size:12px}
@media(max-width:767px){.haru-static-photos__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.haru-static-photos__heading time,.haru-static-photos__heading h2{font-size:14px}}
@media(min-width:768px) and (max-width:1000px){.haru-static-photos__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* ==============================================
   고정형 이미지 게시글: 관리자 설정
============================================== */

.haru-static-photos__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

.haru-static-photos__header-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
}

.haru-static-photos__settings {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    font-size: 11px;
    color: #64748b;
}

.haru-static-photos__settings label {
    white-space: nowrap;
}

.haru-static-photos__settings select,
.haru-static-photos__settings input {
    min-width: 0;
    height: 29px;
    padding: 0 6px;
    border: 1px solid #cbd5e1;
    border-radius: 5px;
    background: #fff;
    color: #334155;
    font-size: 11px;
}

.haru-static-photos__settings input {
    width: 45px;
    text-align: center;
}

.haru-static-photos__settings select {
    max-width: 85px;
}

.haru-static-photos__apply {
    height: 29px;
    padding: 0 10px;
    border: none;
    border-radius: 5px;
    background: #172554;
    color: white;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
}

.haru-static-photos__apply:hover {
    background: #1e40af;
}

.haru-static-photos__reset {
    padding: 5px;
    font-size: 11px;
    color: #64748b;
    text-decoration: none;
}

.haru-static-photos__reset:hover {
    text-decoration: underline;
}

.haru-static-photos__count {
    flex-shrink: 0;
    color: #94a3b8;
    font-size: 11px;
}

/* PC: 관리자 설정으로 열 개수 변경 */
.haru-static-photos .haru-static-photos__grid {
    display: grid;
    grid-template-columns:
        repeat(var(--haru-photo-columns, 5), minmax(0, 1fr));
    gap: 12px;
}

.haru-static-photos__item {
    min-width: 0;
}

/* 태블릿 */
@media (max-width: 900px) {
    .haru-static-photos .haru-static-photos__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* 모바일 */
@media (max-width: 600px) {
    .haru-static-photos .haru-static-photos__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .haru-static-photos__header-right {
        width: 100%;
        justify-content: flex-start;
    }

    .haru-static-photos__settings {
        gap: 5px;
    }
}