/* =========================================================
   活動橫條 — 粉色漸層整條可點（column 小工具，無 __inner）
   依賴：kd-pages.css
   ========================================================= */

.kd-pages-scope.kd-pages-scope .kd-pages-campaign-bar__bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
	padding: 18px 24px;
	border-radius: var(--kd-radius-card);
	background: var(--kd-grad-bar);
	color: var(--kd-white);
}

.kd-pages-scope.kd-pages-scope a.kd-pages-campaign-bar__bar:hover {
	color: var(--kd-white);
	filter: brightness(1.04);
}

.kd-pages-scope.kd-pages-scope .kd-pages-campaign-bar__text {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}

.kd-pages-scope.kd-pages-scope .kd-pages-campaign-bar__title {
	font-size: clamp(20px, 2.2vw, 26px);
	font-weight: 900;
	letter-spacing: .04em;
	line-height: 1.3;
}

.kd-pages-scope.kd-pages-scope .kd-pages-campaign-bar__sub {
	font-size: 14.5px;
	color: #FFF3F6; /* 設計稿副標淡粉白，無對應 token */
}

.kd-pages-scope.kd-pages-scope .kd-pages-campaign-bar__cta {
	font-size: 15px;
	font-weight: 700;
	white-space: nowrap;
}