/**
 * 통합 검색 (Search/Index) — 가변 컨테이너 전폭.
 * 머리·구역은 프레임 공용 부품(.page-head · .section-head), 상품은 공용 카드 격자.
 * 여기에는 기본 결과 목록(게시글 등)과 작은 조각만 둔다.
 */
.search-page { padding-block: clamp(32px, 3vw, 56px) clamp(64px, 6vw, 120px); }
.search-page__head { align-items: flex-end; padding-bottom: 20px; border-bottom: 2px solid var(--foreground); }
.search-page__total { margin-left: 4px; color: var(--muted-foreground); font-weight: 700; }
.search-page__form { width: min(360px, 100%); }
.search-page__form .input { min-height: 40px; }
.search-page__form .btn { min-height: 40px; }
.search-page__empty { padding-block: 96px; }
.search-page__empty p + p { margin-top: 6px; font-size: var(--text-body-sm); color: var(--muted-foreground); }

.search-group__count { margin-left: 6px; font-size: var(--text-body-sm); font-weight: 500; color: var(--muted-foreground); }
.search-group .section-head { padding-bottom: 12px; margin-bottom: 0; border-bottom: 1px solid var(--foreground); }
.search-group .product-grid { margin-top: 24px; }

/* 기본 결과 목록 (게시글 등) */
.search-result-list { list-style: none; margin: 0; padding: 0; }
.search-result-item {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    padding: 18px 4px;
    border-bottom: 1px solid var(--border);
}
.search-result-item__thumb-link { flex-shrink: 0; }
.search-result-item__thumb { width: 72px; height: 72px; object-fit: cover; background: var(--muted); }
.search-result-item__body { min-width: 0; }
.search-result-item__title { display: block; font-size: var(--text-body); font-weight: 600; color: var(--foreground); }
.search-result-item__title:hover { text-decoration: underline; text-underline-offset: 3px; }
.search-result-item__summary {
    margin-top: 4px;
    font-size: var(--text-body-sm);
    line-height: 1.6;
    color: var(--muted-foreground);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.search-result-item__meta { display: flex; gap: 8px; margin-top: 6px; font-size: var(--text-caption); color: var(--subtle-foreground); }
.search-result-item__badge::after { content: '·'; margin-left: 8px; }

.search-products__plain { display: block; padding: 12px 0; font-size: var(--text-body-sm); }
.search-products__plain span { display: block; margin-top: 4px; font-weight: 700; }

@media (max-width: 767px) {
    .search-page__head { flex-direction: column; align-items: stretch; }
    .search-page__form { width: 100%; }
}