/*
 * 糖果首頁：主容器頂邊直角、底邊圓角；捲動僅在 #page 內（綠色捲軸貼黑色區右側，非整個視窗）
 */
html:has(body.sc-candy-home) {
	background-color: #0a0a0a;
	/*
	 * 勿對根節點使用 overflow:hidden：年齡驗證彈窗為 body 直屬、position:fixed 全屏，
	 * 在 Chrome / WebKit / 部分行動版會被 html/body 的 overflow 裁切而完全看不到。
	 * 捲動與裁切已由 .sc-candy-home #page 的 overflow-y: auto + max-height 承擔。
	 */
	height: 100%;
}

body.sc-candy-home {
	background-color: #0a0a0a;
	margin: 0;
	min-height: 100%;
}

.sc-candy-home #page {
	/* 固定為視窗減外邊距，由本層捲動，捲軸落在圓角黑框內 */
	--sc-candy-page-radius: clamp(16px, 3vw, 22px);
	--sc-candy-thumb-r: max(3px, calc(var(--sc-candy-page-radius) - 3px));
	min-height: calc(100vh - 24px);
	max-height: calc(100vh - 24px);
	display: flex;
	flex-direction: column;
	margin: 12px;
	border-radius: var(--sc-candy-page-radius);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	background: #000;
	box-sizing: border-box;
	scrollbar-color: #39ff14 #000000;
	scrollbar-width: thin;
}

.sc-candy-home #page::-webkit-scrollbar {
	width: 10px;
}

.sc-candy-home #page::-webkit-scrollbar-track {
	background: #000000;
	margin-block: 0;
}

/*
 * 滑塊右側底角與 #page 底弧對齊；頂邊直角與頁面頂對齊。左側略圓避免直角割裂；邊框同色讓綠條略縮入內。
 */
.sc-candy-home #page::-webkit-scrollbar-thumb {
	background-color: #39ff14;
	background-clip: padding-box;
	border: 2px solid #000000;
	border-radius: 0;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	border-top-right-radius: 0;
	border-bottom-right-radius: var(--sc-candy-thumb-r);
}

.sc-candy-home #page::-webkit-scrollbar-thumb:hover {
	background-color: #5dff5d;
}

.sc-candy-home .site-main {
	flex: 1 1 auto;
	min-height: 0;
}

@media (max-width: 767px) {
	.sc-candy-home #page {
		margin: 8px;
		min-height: calc(100vh - 16px);
		max-height: calc(100vh - 16px);
		/* 手機版小圓弧；捲軸滑塊共用此變數以對齊圓角 */
		--sc-candy-page-radius: 14px;
		--sc-candy-thumb-r: max(3px, calc(var(--sc-candy-page-radius) - 3px));
		border-radius: var(--sc-candy-page-radius);
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}

	.sc-candy-home #page::-webkit-scrollbar {
		width: 6px;
	}

	.sc-candy-home #page::-webkit-scrollbar-track {
		margin-block: 0;
	}

	.sc-candy-home #page::-webkit-scrollbar-thumb {
		border-width: 1px;
		border-top-left-radius: 1px;
		border-bottom-left-radius: 1px;
	}

	/* 商品卡：壓低圖區高度（覆寫 post-3753 手機 180px） */
	.wm-tag-product-card .elementor-3753 .elementor-element-991d333 {
		--min-height: 132px !important;
	}

	.wm-tag-product-card .elementor-3753 .elementor-element-8aec374 img {
		height: 132px !important;
		object-fit: cover;
	}

	.wm-tag-product-card .elementor-element-119c135 {
		--padding-top: 0.35rem !important;
		--padding-bottom: 0.35rem !important;
		--padding-left: 0.35rem !important;
		--padding-right: 0.35rem !important;
	}

	.wm-tag-products-grid {
		gap: 0.65rem;
	}
}

/* Product shortcode grids (from mirror inline styles; generic class). */
.wm-tag-products-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1rem;
	width: 100%;
	align-items: stretch;
}

.wm-tag-product-card {
	position: relative;
	min-width: 0;
	cursor: pointer;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.wm-tag-product-card > .elementor.elementor-3753 {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	min-height: 0;
	width: 100%;
}

.wm-tag-product-card .elementor-element-119c135.e-con {
	flex: 1 1 auto;
	flex-direction: column !important;
	align-items: stretch !important;
	min-height: 0;
}

.wm-tag-product-card .elementor-element-01a0907 {
	margin-top: auto;
}

.wm-tag-product-card .elementor-element-85c6ca1.elementor-widget-text-editor p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin: 0;
	word-break: break-word;
	overflow-wrap: anywhere;
}

.wm-tag-product-card a {
	text-decoration: none;
}

.wm-tag-product-card .recommond-product-name,
.wm-tag-product-card .recommond-product-name .elementor-heading-title,
.wm-tag-product-card .recommond-product-name h1,
.wm-tag-product-card .recommond-product-name h2,
.wm-tag-product-card .recommond-product-name h3,
.wm-tag-product-card .recommond-product-name h4,
.wm-tag-product-card .recommond-product-name h5,
.wm-tag-product-card .recommond-product-name h6 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: 0;
	display: block;
	width: 100%;
}

@media (max-width: 1024px) {
	.wm-tag-products-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Footer — parity with exported Elementor post 383 (post-383.css) */
.simpdog-candy-mirror-footer {
	margin-top: auto;
	position: relative;
	z-index: 10;
	font-family: "Noto Sans TC", sans-serif;
	background: #000000;
	border-top: 4px solid #333333;
	color: #fff;
}

/* Brand pond (front page) — 砖块略缩小：一屏更多、仍可横向滑动 */
.home-page-brand-repeater-container .wm-brand-grid {
	/*
	 * 1) 只保留底部横向滚动，不要出现独立“上浮”的滚动条
	 * 2) 给底部滚动条预留空间，避免压到品牌小字
	 */
	overflow-y: hidden !important;
	padding-bottom: 18px !important; /* 预留滚动条高度与文字安全距离 */
	box-sizing: border-box;
	scrollbar-color: #39ff14 #000000; /* Firefox */
	scrollbar-width: thin; /* Firefox */
}

.home-page-brand-repeater-container .wm-brand-grid::-webkit-scrollbar {
	height: 10px; /* Chrome/Safari/Edge */
}

.home-page-brand-repeater-container .wm-brand-grid::-webkit-scrollbar-track {
	background: #000000;
	border-radius: 9999px;
}

.home-page-brand-repeater-container .wm-brand-grid::-webkit-scrollbar-thumb {
	background: #39ff14;
	border-radius: 9999px;
	border: 2px solid #000000; /* 让绿条缩进一点，更像参考页 */
}

.home-page-brand-repeater-container .wm-brand-grid::-webkit-scrollbar-thumb:hover {
	background: #5dff5d;
}

.elementor-3549 .elementor-element.elementor-element-9a7864a {
	--sc-brand-pond-item-w: 72px;
	--width: 72px !important;
	width: 72px !important;
}

.elementor-3549 .elementor-element.elementor-element-00d7aed {
	width: 72px !important;
	min-height: 72px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.wm-brand-tile {
	width: 72px !important;
	height: 72px !important;
}

.elementor-3549 .elementor-element.elementor-element-b00b456 {
	font-size: 0.85rem !important;
	line-height: 0.95rem !important;
}

.elementor-3549 .elementor-element.elementor-element-e8d04a8 {
	font-size: 0.7rem !important;
	line-height: 0.85rem !important;
	font-weight: 500 !important;
	color: #9ca3af !important;
}

/* 避免默认 p 外边距在 overflow 裁切下被吃掉，导致“小字消失” */
.elementor-3549 .elementor-element.elementor-element-e8d04a8 p {
	margin: 0 !important;
}

.simpdog-candy-mirror-footer__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	gap: 0;
	padding: 2rem 1rem;
	box-sizing: border-box;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.simpdog-candy-mirror-footer__nav {
	width: 100%;
	text-align: center;
	margin-bottom: 0.25rem;
}

.simpdog-candy-mirror-footer__menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 0 24px;
	row-gap: 0.5rem;
}

.simpdog-candy-mirror-footer__item {
	margin: 0;
	padding: 0;
}

.simpdog-candy-mirror-footer__link {
	display: inline-block;
	padding: 15px 0;
	font-family: "Noto Sans TC", sans-serif;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1rem;
	/* 與 Elementor footer（post-383）一致：主色螢光綠 */
	color: var(--e-global-color-primary, #39ff14);
	text-decoration: none;
	transition: color 0.15s ease;
}

.simpdog-candy-mirror-footer__link:hover,
.simpdog-candy-mirror-footer__link:focus {
	color: var(--e-global-color-text, #ffffff);
	text-decoration: none;
}

.simpdog-candy-mirror-footer__copy {
	margin: 0 0 0.5rem;
	font-family: "Noto Sans TC", sans-serif;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.25rem;
	color: #6b7280;
	text-align: center;
}

.simpdog-candy-mirror-footer__tagline {
	margin: 0;
	font-family: "Noto Sans TC", sans-serif;
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1rem;
	/* post-383 為 #374151；黑底上改為較淺灰以維持可讀與層次 */
	color: #9ca3af;
	text-align: center;
}

@media (max-width: 767px) {
	.simpdog-candy-mirror-footer__menu {
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-around;
		align-items: center;
		gap: 0;
		width: 100%;
	}

	/* 對齊導出頁 post-383：頁尾連結 1rem / 700（先前 clamp 上限低於 1rem 顯得過小） */
	.simpdog-candy-mirror-footer__link {
		padding: 10px 2px;
		font-size: clamp(0.875rem, 3.2vw, 1rem);
		font-weight: 700;
		line-height: 1.15rem;
		white-space: nowrap;
	}
}

.elementor-29 .wm-menu-icon .elementor-icon,
.elementor-29 .wm-menu-icon button.elementor-icon {
	cursor: pointer;
}

/* 首页：新歡/備胎/前任 + 新增分类（五代/注油/魔盒）— 单行横滑（不变形版） */
#sales .elementor-element-d835f03 .e-n-tabs-heading{
	justify-content: flex-start !important;
	flex-wrap: nowrap !important;
	overflow-x: auto !important;
	overflow-y: hidden !important;
	-webkit-overflow-scrolling: touch;
	padding-bottom: 10px; /* 预留底部，避免滚动条压到内容 */
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none; /* IE/旧 Edge */
}

#sales .elementor-element-d835f03 .e-n-tabs-heading::-webkit-scrollbar{
	height: 0 !important; /* WebKit：不占位 */
}

#sales .elementor-element-d835f03 .e-n-tab-title{
	flex: 0 0 auto !important;
	width: auto !important;
	border-radius: 9999px !important;
	padding: 6px 14px !important;
}

#sales .elementor-element-d835f03 .e-n-tab-title-text{
	font-size: 0.92rem !important; /* 比参考页略小 */
	line-height: 1.05rem !important;
	white-space: nowrap !important;
}

@media (max-width: 767px) {
	#sales .elementor-element-d835f03 .e-n-tab-title{
		padding: 6px 12px !important;
	}
	#sales .elementor-element-d835f03 .e-n-tab-title-text{
		font-size: 0.9rem !important;
	}
}