/* 상품선정 플러그인: 홈 '최신 게시글'을 목록형 + 오른쪽 카테고리로 */
.zzpch-posts.zzp-list {
	--zl-ink: #152721;
	--zl-sub: #5d6f68;
	--zl-green: #0c694a;
	--zl-line: #e4eae6;
	--zl-side: #f6f3eb;
	--zl-pick-bg: #fff0e8;
	--zl-pick: #b8532a;
	--zl-guide-bg: #e6f2eb;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 232px;
	column-gap: 40px;
	align-items: start;
}
.zzpch-posts.zzp-list > .zzpch-section-title { grid-column: 1 / -1; }

/* 오른쪽 카테고리 */
.zzpch-posts.zzp-list > .zzpch-categories {
	grid-column: 2; grid-row: 2;
	display: flex; flex-direction: column; gap: 2px;
	background: var(--zl-side); border-radius: 14px; padding: 18px 14px;
	position: sticky; top: 24px;
	align-items: stretch; justify-content: flex-start; text-align: left;
}
.zzpch-posts.zzp-list > .zzpch-categories::before {
	content: "카테고리"; font-size: 13px; font-weight: 700; color: var(--zl-sub);
	padding: 0 10px 10px; letter-spacing: .02em;
}
.zzpch-posts.zzp-list > .zzpch-categories a {
	display: block; border: 0; background: none; border-radius: 8px;
	padding: 9px 10px; font-size: 15px; color: var(--zl-ink); text-decoration: none;
	box-shadow: none; margin: 0; width: auto; text-align: left; justify-content: flex-start;
}
.zzpch-posts.zzp-list > .zzpch-categories a:hover { background: #fff; color: var(--zl-green); }
.zzpch-posts.zzp-list > .zzpch-categories a[aria-current="page"] {
	background: #fff; color: var(--zl-green); font-weight: 700;
}

/* 왼쪽 목록 */
.zzpch-posts.zzp-list > .zzpch-grid {
	grid-column: 1; grid-row: 2;
	display: block; border-top: 2px solid var(--zl-ink);
}
.zzpch-posts.zzp-list .zzpch-card {
	display: block; background: none; border: 0; border-bottom: 1px solid var(--zl-line);
	border-radius: 0; box-shadow: none; padding: 0; margin: 0; transform: none;
}
.zzpch-posts.zzp-list .zzpch-card:hover { transform: none; box-shadow: none; }
.zzpch-posts.zzp-list .zzpch-card-link {
	display: block; padding: 18px 4px; text-decoration: none; color: inherit;
}
.zzpch-posts.zzp-list .zzpch-card-content { padding: 0; }
.zzpch-posts.zzp-list .zzpch-card h3 {
	font-size: 18px; line-height: 1.45; margin: 0 0 6px; color: var(--zl-ink);
	display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;
}
.zzpch-posts.zzp-list .zzpch-card-link:hover h3 { color: var(--zl-green); text-decoration: underline; text-underline-offset: 3px; }
.zzpch-posts.zzp-list .zzpch-card p {
	font-size: 15px; line-height: 1.6; margin: 0 0 8px; color: var(--zl-sub);
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.zzpch-posts.zzp-list .zzpch-meta {
	order: 3; display: flex; align-items: center; gap: 10px; margin: 0;
	font-size: 13px; color: var(--zl-sub);
}
.zzpch-posts.zzp-list .zzpch-card-content { display: flex; flex-direction: column; }
.zzpch-posts.zzp-list .zzpch-card h3 { order: 1; }
.zzpch-posts.zzp-list .zzpch-card p { order: 2; }
.zzpch-posts.zzp-list .zzpch-meta span {
	background: var(--zl-guide-bg); color: var(--zl-green); border-radius: 999px;
	padding: 2px 9px; font-size: 12px; font-weight: 700;
}
.zzpch-posts.zzp-list .zzpch-meta span[data-cat="pick"] { background: var(--zl-pick-bg); color: var(--zl-pick); }
.zzpch-posts.zzp-list .zzpch-read,
.zzpch-posts.zzp-list .zzpch-card-cta { display: none; }

/* 휴대폰: 카테고리를 목록 위 가로줄로 */
@media (max-width: 820px) {
	.zzpch-posts.zzp-list { display: block; }
	.zzpch-posts.zzp-list > .zzpch-categories {
		position: static; flex-direction: row; overflow-x: auto; gap: 6px;
		background: none; padding: 0 0 12px; border-radius: 0;
	}
	.zzpch-posts.zzp-list > .zzpch-categories::before { display: none; }
	.zzpch-posts.zzp-list > .zzpch-categories a {
		white-space: nowrap; background: var(--zl-side); border-radius: 999px; padding: 7px 14px; font-size: 14px;
	}
	.zzpch-posts.zzp-list > .zzpch-categories a[aria-current="page"] { background: var(--zl-green); color: #fff; }
	.zzpch-posts.zzp-list .zzpch-card h3 { font-size: 17px; -webkit-line-clamp: 2; }
	.zzpch-posts.zzp-list .zzpch-card-link { padding: 16px 0; }
}

/* 글 안의 쿠팡 상품 카드 */
.zzp-product {
	display: flex; gap: 18px; align-items: center;
	border: 1px solid #e4eae6; border-radius: 14px; background: #fff;
	padding: 16px; margin: 18px 0;
}
.zzp-product__img { flex: 0 0 120px; text-align: center; }
.zzp-product__img img { max-width: 120px; height: auto; border-radius: 8px; }
.zzp-product__body { flex: 1; min-width: 0; }
.zzp-product__name { display: block; font-size: 17px; font-weight: 700; color: #152721; margin: 0 0 6px; line-height: 1.45; }
.zzp-product__why { font-size: 15px; line-height: 1.6; color: #5d6f68; margin: 0 0 12px; }
.zzp-product .zzp-product__btn {
	display: inline-block; background: #0c694a; color: #fff !important; text-decoration: none !important;
	font-weight: 700; font-size: 15px; padding: 10px 18px; border-radius: 10px;
}
.zzp-product .zzp-product__btn:hover { background: #064832; }
@media (max-width: 600px) {
	.zzp-product { flex-direction: column; text-align: center; }
	.zzp-product__img { flex-basis: auto; }
	.zzp-product .zzp-product__btn { display: block; }
}