@charset "utf-8";
/* ============================================================================
   [2026-08-07] PC 검색창 자동완성 드롭다운 — .sacz 전용 스코프
   · 모바일 .sa_auto(css/mobile/search_assist.css)와 같은 문법, PC 치수로만 재작성.
     모바일 파일은 건드리지 않는다(전역 침투 0).
   · 항목 높이 44px 이상 = 시니어 터치/클릭 기준(전 사이트 공통 규격).
   ============================================================================ */

.sacz_auto {
	display: none;
	position: absolute;
	z-index: 1200;                 /* 헤더 GNB 드롭다운보다 위 */
	max-height: 420px;
	overflow-y: auto;
	background: #fff;
	border: 1px solid #d5ddd8;
	border-radius: 10px;
	box-shadow: 0 8px 24px rgba(0,0,0,.13);
	padding: 6px;
}
.sacz_auto.on { display: block; }

.sacz_auto::-webkit-scrollbar { width: 6px; }
.sacz_auto::-webkit-scrollbar-thumb { background: #cdd8d2; border-radius: 3px; }

.sacz_item {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 44px;              /* 터치/클릭 하한 */
	padding: 6px 10px;
	border-radius: 7px;
	text-decoration: none;
	color: #333;
	line-height: 1.4;
}
.sacz_item:hover,
.sacz_item.on { background: #f1f8f4; }

.sacz_thumb {
	flex: none;
	width: 34px; height: 34px;
	border-radius: 5px;
	overflow: hidden;
	background: #f2f2f2;
}
.sacz_thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }

.sacz_kw {
	flex: 1 1 auto;
	min-width: 0;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/* 입력한 글자 강조 — 굵기만, 색은 본문과 동일(스캔 방해 최소화) */
.sacz_kw b { font-weight: 700; color: #1f2d27; }

.sacz_cnt {
	flex: none;
	font-size: 12px;
	color: #6b7a72;
	padding-left: 6px;
}

/* ── [2026-08-09] 생산자 제안 행 ──────────────────────────────────────
   키워드 제안과 한눈에 구분되게: 둥근 사진(사람) + '생산자' 꼬리표 + 지역/이번주 메타.
   목록 맨 위 최대 2건이라 키워드 제안을 밀어내지 않는다. */
.sacz_item.sacz_prdc { min-height: 52px; }
.sacz_item.sacz_prdc + .sacz_item:not(.sacz_prdc) {
	border-top: 1px solid #eef2f0;    /* 생산자 묶음과 키워드 묶음 사이 얇은 구분선 */
	margin-top: 4px; padding-top: 9px;
}
.sacz_thumb.sacz_thumb_r { border-radius: 50%; width: 38px; height: 38px; background: #e8f0eb; }
.sacz_prdc .sacz_kw { white-space: normal; line-height: 1.35; }
.sacz_meta {
	display: block; margin-top: 2px;
	font-size: 12px; color: #6b7a72; font-weight: 400;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.sacz_tag {
	flex: none; margin-left: 6px; padding: 2px 8px; border-radius: 10px;
	background: #2d6a4f; color: #fff; font-size: 11px; font-weight: 700; line-height: 1.6;
}