/* =========================================================
   側欄 — ≥1025px 顯示 <aside>（分類群組、人氣品牌、品牌 A–Z、社群、諮詢盒）；≤1024.98px 顯示分類膠囊列
   切換點 1024.98px 為 ADR-0002 例外（與 Elementor 平板容器堆疊一致）
   依賴：kd-pages.css
   ========================================================= */

.kd-pages-scope.kd-pages-scope.kd-pages-sidebar {
	width: 100%;
	min-width: 0;
}

/* 桌機側欄（預設隱藏，≥1025px 顯示） */
.kd-pages-scope.kd-pages-scope .kd-pages-sidebar__aside {
	display: none;
	flex-direction: column;
	gap: 14px;
}

/* 分類群組白盒 */
.kd-pages-scope.kd-pages-scope .kd-pages-sidebar__box {
	background: var(--kd-white);
	border: 1px solid var(--kd-line);
	border-radius: var(--kd-radius-card);
	padding: 20px 20px 10px;
}

.kd-pages-scope.kd-pages-scope .kd-pages-sidebar__box-title {
	margin: 0 0 12px;
	font-size: 17px;
	font-weight: 900;
	letter-spacing: .04em;
	color: var(--kd-dark);
}

.kd-pages-scope.kd-pages-scope .kd-pages-sidebar__links {
	display: flex;
	flex-direction: column;
}

.kd-pages-scope.kd-pages-scope .kd-pages-sidebar__link {
	display: flex;
	justify-content: space-between;
	gap: 8px;
	padding: 9px 0;
	border-top: 1px solid rgba(43, 36, 48, .06); /* 設計稿群組內分隔線，比 --kd-line 更淡 */
	color: var(--kd-text-2);
	font-size: 15px;
}

.kd-pages-scope.kd-pages-scope .kd-pages-sidebar__link:hover {
	color: var(--kd-pink);
}

.kd-pages-scope.kd-pages-scope .kd-pages-sidebar__link-arrow {
	color: var(--kd-faint);
}

/* 人氣品牌 / 品牌 A–Z：粉底白標題列 */
.kd-pages-scope.kd-pages-scope .kd-pages-sidebar__brands {
	border-radius: var(--kd-radius-card);
	overflow: hidden;
	border: 1px solid var(--kd-line-pink);
	background: var(--kd-bg-pink);
}

.kd-pages-scope.kd-pages-scope .kd-pages-sidebar__bar {
	display: flex;
	align-items: baseline;
	gap: 6px;
	padding: 14px 20px;
	background: var(--kd-pink);
	color: var(--kd-white);
}

.kd-pages-scope.kd-pages-scope .kd-pages-sidebar__bar-title {
	font-size: 17px;
	font-weight: 900;
	letter-spacing: .04em;
	color: inherit;
}

.kd-pages-scope.kd-pages-scope .kd-pages-sidebar__bar-sub {
	font-size: 12px;
	font-weight: 700;
	opacity: .9;
}

.kd-pages-scope.kd-pages-scope .kd-pages-sidebar__list {
	padding: 8px 0;
}

.kd-pages-scope.kd-pages-scope .kd-pages-sidebar__item a {
	display: block;
	padding: 8px 20px;
	font-size: 14.5px;
	color: var(--kd-dark);
}

.kd-pages-scope.kd-pages-scope .kd-pages-sidebar__item a:hover {
	color: var(--kd-pink);
	background: var(--kd-bg-pink-3);
}

/* 社群磚 */
.kd-pages-scope.kd-pages-scope .kd-pages-sidebar__social {
	background: var(--kd-bg-grey-2);
	border-radius: var(--kd-radius-card);
	padding: 16px;
}

.kd-pages-scope.kd-pages-scope .kd-pages-sidebar__social-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px 8px;
	padding: 14px 10px;
	background: var(--kd-white);
	border-radius: var(--kd-radius-card);
}

.kd-pages-scope.kd-pages-scope .kd-pages-sidebar__social-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	color: var(--kd-dark);
	text-align: center;
	min-width: 0;
}

.kd-pages-scope.kd-pages-scope a.kd-pages-sidebar__social-item:hover {
	color: var(--kd-pink);
}

.kd-pages-scope.kd-pages-scope .kd-pages-sidebar__tile {
	width: 56px;
	height: 56px;
	border-radius: var(--kd-radius-card);
	display: grid;
	place-items: center;
	overflow: hidden;
	border: 1px solid rgba(43, 36, 48, .06); /* 設計稿磚框 */
}

.kd-pages-scope.kd-pages-scope .kd-pages-sidebar__tile-img {
	width: 30px;
	height: 30px;
	object-fit: contain;
}

.kd-pages-scope.kd-pages-scope .kd-pages-sidebar__tile-img--image {
	width: 46px;
	height: 46px;
}

.kd-pages-scope.kd-pages-scope .kd-pages-sidebar__social-label {
	font-size: 12px;
	line-height: 1.3;
}

/* 購買前諮詢 */
.kd-pages-scope.kd-pages-scope .kd-pages-sidebar__consult {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 20px;
	background: var(--kd-bg-pink);
	border: 1px solid var(--kd-line-pink);
	border-radius: var(--kd-radius-card);
}

.kd-pages-scope.kd-pages-scope .kd-pages-sidebar__consult-title {
	font-size: 17px;
	font-weight: 900;
	color: var(--kd-dark);
}

.kd-pages-scope.kd-pages-scope .kd-pages-sidebar__consult-text {
	font-size: 14px;
	line-height: 1.85;
	color: var(--kd-text);
}

.kd-pages-scope.kd-pages-scope .kd-pages-sidebar__consult .kd-pages__btn--outline-soft {
	font-size: 14px;
}

.kd-pages-scope.kd-pages-scope .kd-pages-sidebar__consult .kd-pages__btn--line {
	padding: 12px;
}

.kd-pages-scope.kd-pages-scope .kd-pages-sidebar__consult .kd-pages__btn--white {
	padding: 11px;
	font-size: 14px;
	font-weight: 700;
}

/* ≤1024.98px：分類膠囊列 */
.kd-pages-scope.kd-pages-scope .kd-pages-sidebar__chips {
	display: flex;
	gap: 8px;
	padding-bottom: 6px;
}

.kd-pages-scope.kd-pages-scope .kd-pages-sidebar__chip {
	flex: 0 0 auto;
	padding: 9px 16px;
	background: var(--kd-white);
	border: 1px solid #ECDFE5; /* 設計稿膠囊框色，無對應 token */
	border-radius: var(--kd-radius-pill);
	font-size: 13.5px;
	color: var(--kd-text-2);
	white-space: nowrap;
}

.kd-pages-scope.kd-pages-scope .kd-pages-sidebar__chip:hover {
	border-color: var(--kd-pink);
	color: var(--kd-pink);
}

@media (min-width: 1025px) {
	.kd-pages-scope.kd-pages-scope .kd-pages-sidebar__aside {
		display: flex;
	}

	.kd-pages-scope.kd-pages-scope .kd-pages-sidebar__chips {
		display: none;
	}
}