/**

 * Brand archive (/brand/{slug}/) — candy home visual language.

 */



.sc-brand-page {

	padding: 0 0 2.5rem;

	color: #e5e7eb;

	font-family: "Noto Sans TC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

}



/* 避免外層滾動容器裁切魚塘高亮與中文小字 */

body.sc-brand-page .site-main,

body.sc-brand-page .ast-container,

body.sc-brand-page #content .ast-container {

	overflow: visible !important;

}



.sc-brand-hero {

	position: relative;

	margin: 0 1rem 1.25rem;

	padding: 1.75rem 1.25rem 1.5rem;

	border-radius: 0;

	overflow: visible;

	background: transparent;

	border: none;

	box-shadow: none;

}



/* 僅關閉左側光暈層（虛化背景 + 穿過麵包屑的豎線感），其餘 Hero 樣式保持原樣 */

.sc-brand-hero__glow {

	display: none !important;

}



.sc-brand-hero__inner {

	position: relative;

	z-index: 1;

	max-width: 920px;

}



.sc-brand-breadcrumb {

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	gap: 0.35rem;

	margin: 0 0 1rem;

	font-family: "Noto Sans TC", sans-serif;

	font-size: 0.72rem;

	font-weight: 400;

	letter-spacing: 0.06em;

	text-transform: uppercase;

	color: #9ca3af;

}



.sc-brand-breadcrumb a {

	color: #9ca3af;

	text-decoration: none;

	transition: color 0.2s ease;

}



.sc-brand-breadcrumb a::before,

.sc-brand-breadcrumb a::after {

	display: none !important;

	content: none !important;

}



.sc-brand-page .sc-brand-breadcrumb a {

	background: transparent !important;

	background-image: none !important;

	box-shadow: none !important;

	text-shadow: none !important;

	filter: none !important;

}



.sc-brand-breadcrumb a:hover {

	color: #39ff14;

}



.sc-brand-breadcrumb__sep {

	opacity: 0.45;

}



.sc-brand-breadcrumb__current {

	color: #d1d5db;

}



.sc-brand-hero__badge {

	display: inline-block;

	margin-bottom: 0.65rem;

	padding: 0.2rem 0.65rem;

	border-radius: 999px;

	font-family: "VT323", ui-monospace, monospace;

	font-size: 0.95rem;

	letter-spacing: 0.12em;

	color: #000;

	background: #39ff14;

	box-shadow: none;

}



.sc-brand-hero__title {

	margin: 0 0 0.65rem;

	display: flex;

	flex-wrap: wrap;

	align-items: baseline;

	gap: 0.5rem 0.85rem;

	line-height: 1.05;

}



.sc-brand-hero__title-en {

	font-family: "VT323", ui-monospace, monospace;

	font-size: clamp(2.4rem, 8vw, 3.6rem);

	font-weight: 400;

	color: #39ff14;

	text-shadow: none;

}



.sc-brand-hero__title-zh {

	font-family: "Noto Sans TC", sans-serif;

	font-size: clamp(1.35rem, 4vw, 1.85rem);

	font-weight: 900;

	color: #fff;

}



.sc-brand-hero__desc {

	margin: 0 0 0.75rem;

	max-width: 42rem;

	font-family: "Noto Sans TC", sans-serif;

	font-size: 0.9rem;

	font-weight: 400;

	line-height: 1.55;

	color: #9ca3af;

}



.sc-brand-hero__desc p {

	margin: 0;

}



.sc-brand-hero__meta {

	margin: 0;

	font-family: "Noto Sans TC", sans-serif;

	font-size: 0.78rem;

	font-weight: 400;

	color: #6b7280;

	letter-spacing: 0.04em;

}



.sc-brand-siblings {

	margin: 1.25rem 0 1.75rem;

	padding: 0.5rem 1rem 0;

	overflow: visible;

}



.sc-brand-siblings__head {

	display: flex;

	flex-wrap: wrap;

	align-items: baseline;

	justify-content: space-between;

	gap: 0.35rem 1rem;

	margin-bottom: 0.65rem;

}



.sc-brand-siblings__title {

	margin: 0;

	font-size: 1rem;

	font-weight: 800;

	color: #fff;

}



.sc-brand-siblings__title::before {

	content: "# ";

	color: #39ff14;

}



.sc-brand-siblings__hint {

	font-size: 0.72rem;

	color: #6b7280;

}



/* 品牌魚塘橫向滑軌（與首頁 #brand-pond 一致；flex 橫排避免 Elementor 覆蓋 grid） */

.sc-brand-page.elementor.elementor-13 {

	display: block !important;

	width: 100% !important;

}



.sc-brand-siblings__rail-wrap {

	display: block !important;

	width: 100% !important;

	max-width: 100% !important;

	margin: 0;

	padding: 0.35rem 0 0;

	overflow: visible !important;

}



.sc-brand-siblings__rail-wrap.e-con,

.sc-brand-siblings__rail-wrap.e-flex {

	flex-direction: row !important;

}



#sc-brand-pond-rail.wm-brand-grid,

.sc-brand-siblings .wm-brand-grid.sc-brand-siblings__grid {

	display: flex !important;

	flex-direction: row !important;

	flex-wrap: nowrap !important;

	align-items: flex-start !important;

	gap: 0.65rem;

	width: 100% !important;

	max-width: 100% !important;

	overflow-x: auto !important;

	overflow-y: visible !important;

	-webkit-overflow-scrolling: touch;

	scroll-behavior: smooth;

	scroll-snap-type: x proximity;

	padding-top: 10px !important;

	padding-bottom: 22px !important;

	min-height: 7.5rem;

	box-sizing: border-box;

	scrollbar-color: #39ff14 #000000;

	scrollbar-width: thin;

}



#sc-brand-pond-rail.wm-brand-grid::-webkit-scrollbar,

.sc-brand-siblings .wm-brand-grid.sc-brand-siblings__grid::-webkit-scrollbar {

	height: 10px;

}



#sc-brand-pond-rail.wm-brand-grid::-webkit-scrollbar-track,

.sc-brand-siblings .wm-brand-grid.sc-brand-siblings__grid::-webkit-scrollbar-track {

	background: #000000;

	border-radius: 9999px;

}



#sc-brand-pond-rail.wm-brand-grid::-webkit-scrollbar-thumb,

.sc-brand-siblings .wm-brand-grid.sc-brand-siblings__grid::-webkit-scrollbar-thumb {

	background: #39ff14;

	border-radius: 9999px;

	border: 2px solid #000000;

}



#sc-brand-pond-rail.wm-brand-grid::-webkit-scrollbar-thumb:hover,

.sc-brand-siblings .wm-brand-grid.sc-brand-siblings__grid::-webkit-scrollbar-thumb:hover {

	background: #5dff5d;

}



#sc-brand-pond-rail .elementor-section,

#sc-brand-pond-rail .elementor-container,

#sc-brand-pond-rail .e-con,

#sc-brand-pond-rail .ast-container,

.sc-brand-siblings .wm-brand-grid .elementor-section,

.sc-brand-siblings .wm-brand-grid .elementor-container,

.sc-brand-siblings .wm-brand-grid .e-con,

.sc-brand-siblings .wm-brand-grid .ast-container {

	max-width: 100% !important;

	margin: 0 !important;

	padding: 0 !important;

}



#sc-brand-pond-rail > .wm-brand-item,

#sc-brand-pond-rail > .sc-brand-sibling {

	flex: 0 0 auto !important;

	width: auto !important;

	max-width: none !important;

	min-width: 0 !important;

	display: block !important;

}



#sc-brand-pond-rail .elementor-3549,

#sc-brand-pond-rail .elementor-element.elementor-element-9a7864a {

	width: 72px !important;

	max-width: 96px !important;

	min-width: 72px !important;

}



.sc-brand-sibling {

	scroll-snap-align: center;

	flex-shrink: 0;

	text-decoration: none;

	transition: transform 0.2s ease, opacity 0.2s ease;

}



.sc-brand-sibling:not(.is-active) {

	opacity: 0.72;

}



.sc-brand-sibling:not(.is-active):hover {

	opacity: 1;

}



.sc-brand-sibling.is-active {

	opacity: 1;

	transform: none;

}



.sc-brand-sibling.is-active .wm-brand-tile {

	outline: none !important;

	border-color: #39ff14 !important;

	box-shadow: 0 0 14px rgba(57, 255, 20, 0.5);

	background: linear-gradient(145deg, rgba(57, 255, 20, 0.18) 0%, rgba(0, 0, 0, 0.9) 100%) !important;

}



.sc-brand-sibling.is-active .brand-repeater-slug p {

	color: #39ff14 !important;

	font-weight: 800 !important;

	text-shadow: none;

}



.sc-brand-sibling.is-active .brand-repeater-name p {

	color: #ffffff !important;

	font-weight: 700 !important;

}



.sc-brand-products {

	padding: 0 1rem;

}



.sc-brand-products__grid {

	margin-bottom: 1.75rem;

}



.sc-brand-pagination {

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	justify-content: center;

	gap: 0.5rem 0.75rem;

	padding: 0.5rem 0 1rem;

}



.sc-brand-pagination__btn,

.sc-brand-pagination__page {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	min-height: 2.25rem;

	padding: 0.35rem 0.9rem;

	border-radius: 999px;

	font-size: 0.8rem;

	font-weight: 700;

	letter-spacing: 0.04em;

	text-decoration: none;

	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;

}



.sc-brand-pagination__btn {

	border: 1px solid rgba(57, 255, 20, 0.45);

	color: #39ff14;

	background: rgba(0, 0, 0, 0.5);

}



.sc-brand-pagination__btn:hover:not(.is-disabled) {

	background: #39ff14;

	color: #000;

	box-shadow: 0 0 16px rgba(57, 255, 20, 0.4);

}



.sc-brand-pagination__btn.is-disabled {

	opacity: 0.35;

	cursor: not-allowed;

}



.sc-brand-pagination__pages {

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	justify-content: center;

	gap: 0.35rem;

}



.sc-brand-pagination__page {

	min-width: 2.25rem;

	border: 1px solid rgba(255, 255, 255, 0.12);

	color: #d1d5db;

	background: rgba(255, 255, 255, 0.04);

}



.sc-brand-pagination__page:hover {

	border-color: rgba(57, 255, 20, 0.5);

	color: #39ff14;

}



.sc-brand-pagination__page.is-current {

	border-color: #39ff14;

	background: #39ff14;

	color: #000;

	box-shadow: 0 0 14px rgba(57, 255, 20, 0.45);

}



.sc-brand-pagination__ellipsis {

	padding: 0 0.25rem;

	color: #6b7280;

	font-size: 0.85rem;

}



.sc-brand-empty {

	margin: 2rem auto;

	max-width: 28rem;

	padding: 2rem 1.5rem;

	text-align: center;

	border-radius: 16px;

	border: 1px dashed rgba(57, 255, 20, 0.35);

	background: rgba(0, 0, 0, 0.55);

}



.sc-brand-empty__title {

	margin: 0 0 0.5rem;

	font-size: 1.1rem;

	font-weight: 800;

	color: #fff;

}



.sc-brand-empty__text {

	margin: 0 0 1.25rem;

	font-size: 0.88rem;

	line-height: 1.5;

	color: #9ca3af;

}



.sc-brand-empty__link {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	padding: 0.55rem 1.25rem;

	border-radius: 999px;

	font-weight: 700;

	font-size: 0.85rem;

	text-decoration: none;

	color: #000;

	background: #39ff14;

	box-shadow: 0 0 18px rgba(57, 255, 20, 0.35);

}



.sc-brand-empty__link:hover {

	background: #5dff5d;

}



body.sc-brand-page .wm-tag-products-grid {

	gap: 0.85rem;

}



@media (min-width: 768px) {

	.sc-brand-hero {

		margin: 0 1.25rem 1.5rem;

		padding: 2rem 1.75rem 1.75rem;

	}



	.sc-brand-siblings,

	.sc-brand-products {

		padding-left: 1.25rem;

		padding-right: 1.25rem;

	}

}



@media (max-width: 767px) {

	.sc-brand-pagination__btn--prev,

	.sc-brand-pagination__btn--next {

		flex: 1 1 40%;

	}

}