/*
Theme Name: Zoory Chem
Description: A custom block theme.
Requires at least: 6.7
Tested up to: 6.9
Requires PHP: 7.2
Version: 0.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: zoory-chem
Tags: full-site-editing, block-patterns, block-styles, wide-blocks, accessibility-ready, style-variations
*/

/* === hero === */
.section-hero {
	position: relative;
	width: 100%;
	/* 锁定 banner 图片宽高比（1518×650），整张图随视口宽度等比缩放（缩放而非裁切），
	   文字的相对定位因此始终落在图片同一相对位置 */
	aspect-ratio: 1518 / 650;
	height: auto;
	min-height: 320px;
	/* 超大屏或移动端 min-height 触发时会产生留白，用深色底保证金色文字始终可读 */
	background: #12352b;
	max-height: 760px;
	overflow: hidden !important;
	display: flex !important;
	align-items: flex-start;
	flex-direction: row !important;
	margin-top: 20px !important;
	margin-bottom: 20px;
	border-radius: 12px;
	box-shadow: 4px 4px 12px rgba(0,0,0,0.1);
	isolation: isolate;
}
/* 顶部四图轮播 */
.section-hero .hero-slides {
	position: absolute;
	inset: 0;
	z-index: 0;
	margin: 0;
	border-radius: inherit;
	overflow: hidden;
}
.section-hero .hero-slide {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	/* cover 铺满容器：浏览器变窄、容器宽高比偏离图片 1518:650 时，
	   图片始终填满，避免两侧露出底色色块（会按需裁切图片两侧） */
	background-size: cover;
	background-repeat: no-repeat;
	opacity: 0;
	border-radius: inherit;
	transition: opacity 0.8s ease-in-out;
}
.section-hero .hero-slide.is-active {
	opacity: 1;
}
/* 首屏第 1 张背景由 CSS 立即加载（functions.php 另有带 ?ver 的内联规则做缓存爆破覆盖）。
   第 2-4 张刻意不放 CSS（否则首屏即全量下载）：URL 由 functions.php 注入
   window.zooryHeroSlidesBgs，hero-carousel.js 会在轮播临近时才设置背景、延迟加载。 */
.section-hero .hero-slide-1 {
	background-image: url('/wp-content/uploads/2026/07/banner1.webp');
}
.section-hero .hero-content {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	display: flex;
	flex-direction: column;
	/* 覆盖 WordPress 为 flex group 自动生成的 .is-layout-flex{align-items:center}，
	   否则 column 布局下文字会在水平方向居中，padding 起不到靠左作用 */
	align-items: flex-start;
	justify-content: flex-end;
	/* 相对单位：随视口宽度自适应，小屏自动收紧，适配不同显示器
	   文字整体靠左（左内边距 220→170→120→40→80→120→160→200，逐步右移到当前值）+ 抬高（底部内边距 30→120→96→72→32，再往下调多一些） */
	padding: 0 clamp(20px, 6vw, 106px) clamp(16px, 2.2vw, 32px) clamp(48px, 10vw, 200px);
}
/* 英文首页 Hero 文字单独上移一点：英文页 h1 下方没有 .hero-en 副标题支撑，
   文字块整体比中文版显低，故单独抬高底部内边距（中文版保持不变；移动端仍由下方
   max-width:768px 的 padding:0 22px 40px!important 接管）。幅度可调下方 clamp() 数值。 */
html[lang="en-US"] .section-hero .hero-content {
	padding-bottom: clamp(44px, 4.2vw, 66px);
}
.section-hero .wp-block-heading {
	font-family: var(--wp--preset--font-family--oppo-sans);
	font-size: 40px;
	font-weight: 300;
	color: #D2B67F;
	letter-spacing: 5px;
	line-height: 1.3;
	margin-bottom: 12px;
}
.section-hero .hero-en {
	font-family: var(--wp--preset--font-family--montserrat);
	font-size: 20px;
	color: #D2B67F;
	letter-spacing: 0.3px;
	margin-bottom: 32px;
}
/* 轮动序号：位置与数字形式均参照产品中心（bottom:20px），跟随文字左起点 */
.section-hero .hero-dots {
	position: absolute;
	bottom: 20px;
	left: 100px;
	z-index: 3;
	display: flex;
	gap: 16px;
	align-items: center;
}
.section-hero .hero-dots > * {
	margin: 0 !important;
}
.section-hero .hero-dot {
	font-family: var(--wp--preset--font-family--montserrat);
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	color: rgba(255,255,255,0.45);
	letter-spacing: 1px;
	cursor: pointer;
	padding-bottom: 4px;
	border-bottom: 2px solid transparent;
	transition: color 0.25s, border-color 0.25s;
}
.section-hero .hero-dot.is-active {
	color: #D2B67F;
	border-bottom-color: var(--c-accent);
}
/* 向右箭头（对照产品中心） */
.section-hero .hero-arrow {
	font-size: 18px;
	line-height: 1;
	color: rgba(255,255,255,0.6);
	cursor: pointer;
	margin-left: 8px;
	transition: color 0.25s, transform 0.25s;
}
.section-hero .hero-arrow:hover {
	color: #D2B67F;
	transform: translateX(3px);
}
@media (prefers-reduced-motion: reduce) {
	.section-hero .hero-slide {
		transition: none;
	}
}

/* 首页各 section 正文段落统一样式（!important 覆盖区块自带行内字号） */
.section-brand .brand-content p,
.product-slider .product-info p,
.section-tech .tech-content p,
.industry-grid .industry-card .card-info p,
.news-card .card-body p {
	font-size: 18px !important;
	line-height: 1.8;
	color: var(--c-contrast-mid);
	margin: 0 0 20px;
}
/* 首页「可持续发展」中文简介：文字左右两端对齐；
   仅对中文页面生效，避免英文版 justify 在窄栏拉出过大词距 */
html[lang^='zh'] .section-tech .tech-content p {
	text-align: justify;
}

/* 首页各 section 卡片内标题统一字号（!important 覆盖区块行内字号） */
.section-brand .brand-content .section-label,
.product-slider .product-info h3,
.industry-grid .industry-card .card-info h3 {
	font-family: var(--wp--preset--font-family--oppo-sans);
	font-size: 24px !important;
	font-weight: 700;
	color: var(--c-contrast);
	margin: 0 0 12px;
}

/* === section-brand === */
.section-brand {
	display: flex !important;
	flex-direction: row !important;
	/* 整块兜底定高：中英文右侧文字高度不同时，块高度仍由 min-height 兜底，
	   左右 stretch 等高，左图在两种语言下保持一致尺寸；内容超高才自然增高 */
	min-height: 600px;
	width: 100%;
	align-items: stretch;
	clear: both;
	margin-top: 50px;
	margin-bottom: 40px;
	background: #F6FBF9;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 4px 4px 12px rgba(0,0,0,0.1);
}
.section-brand .brand-image {
	background: url('/wp-content/uploads/2026/07/brand.webp') center/cover no-repeat;
	flex: 0 0 55%;
	min-height: 400px;
	position: relative;
	overflow: hidden;
}
.section-brand .brand-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.section-brand .brand-content {
	flex: 0 0 45%;
	background: var(--c-primary);
	padding: 48px 48px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	text-align: left !important;
	min-height: 400px;
}
.section-brand .brand-content > * {
	align-self: flex-start !important;
	width: auto !important;
}
.section-brand .brand-content .section-label,
.section-brand .brand-content p,
.section-brand .brand-content .wp-block-buttons {
	text-align: left !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	justify-content: flex-start !important;
}
.section-brand .brand-content .wp-block-button__link {
	text-align: left !important;
	justify-content: flex-start !important;
	margin: 0 !important;
}
.section-brand .brand-content .section-label {
	color: #fff;
}
.section-brand .brand-content p {
	color: rgba(255,255,255,0.85);
	/* 两端对齐：让右区文字左右边界都整齐（标题与按钮仍保持左对齐） */
	text-align: justify !important;
	text-align-last: left;
}
.section-brand .brand-content .btn-brand .wp-element-button {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background-image: url('/wp-content/uploads/2026/07/brand-know-more.webp') !important;
	background-repeat: no-repeat !important;
	background-size: 100% 100% !important;
	background-position: center !important;
	background-color: transparent !important;
	border: none !important;
	color: #1a5c3a !important;
	padding: 13px 40px !important;
	font-size: 20px;
	border-radius: 20px;
	transition: all 0.25s;
	width: fit-content;
}
.section-brand .brand-content .btn-brand .wp-element-button:hover {
	background-image: url('/wp-content/uploads/2026/07/brand-know-more.webp') !important;
	background-repeat: no-repeat !important;
	background-size: 100% 100% !important;
	background-position: center !important;
	background-color: transparent !important;
	color: #fff !important;
	filter: brightness(1.15);
}

/* 首页「了解更多」按钮使用背景图片 know-more.png（特异性 0,4,0 高于 base.css 的
   .wp-block-button.btn-green 规则，可压过按钮元素上的内联 background 设置与 :hover 绿色）
   盒子按内容自适应尺寸，文字由 base.css 的 inline-flex 自然居中，不做固定宽高避免文字偏移 */
.section-product .wp-block-button.btn-green .wp-element-button,
.section-industry .wp-block-button.btn-green .wp-element-button,
.section-news .wp-block-button.btn-green .wp-element-button {
	background-image: url('/wp-content/uploads/2026/07/know-more.webp') !important;
	background-repeat: no-repeat !important;
	background-size: 100% 100% !important;
	background-position: center !important;
	background-color: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 13px 40px !important;
}
/* hover 同样使用图片，避免被 base.css 的 :hover 绿色覆盖 */
.section-product .wp-block-button.btn-green .wp-element-button:hover,
.section-industry .wp-block-button.btn-green .wp-element-button:hover,
.section-news .wp-block-button.btn-green .wp-element-button:hover {
	background-image: url('/wp-content/uploads/2026/07/know-more.webp') !important;
	background-repeat: no-repeat !important;
	background-size: 100% 100% !important;
	background-position: center !important;
	background-color: transparent !important;
	filter: brightness(0.9);
}

/* === section-product === */
.section-product {
	padding: 30px 0;
	margin-bottom: 40px;
	background: #F6FBF9;
	width: 100% !important;
	max-width: 100% !important;
	border-radius: 12px;
	box-shadow: 4px 4px 12px rgba(0,0,0,0.1);
}
/* Fix constrained layout for product section */
.section-product.is-layout-constrained > *:not(.alignfull):not(.alignwide),
.section-product.is-layout-constrained > .is-layout-constrained > *:not(.alignfull):not(.alignwide) {
	max-width: 100% !important;
	width: 100% !important;
}
/* 轮播容器 */
.product-slider {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 600px;
}
.product-slider .product-slide {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	display: flex !important;
	flex-direction: row !important;
	gap: 0;
	opacity: 0;
	transition: opacity 0.6s ease-in-out;
	pointer-events: none;
	z-index: 0;
}
.product-slider .product-slide.is-active {
	opacity: 1;
	pointer-events: auto;
	z-index: 1;
}
.product-slider .product-info {
	flex: 0 0 42%;
	padding: 40px 48px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start !important;
	text-align: left !important;
}
.product-slider .product-info > * {
	align-self: flex-start !important;
	width: auto !important;
}
.product-slider .product-info h3,
.product-slider .product-info p,
.product-slider .product-info .wp-block-buttons {
	text-align: left !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	justify-content: flex-start !important;
}
.product-slider .product-info .wp-block-buttons {
	margin: 0;
}
.product-slider .product-info p {
	/* 两端对齐（标题与按钮仍保持左对齐） */
	text-align: justify !important;
	text-align-last: left;
}
.product-slider .product-info .wp-block-button__link {
	text-align: left !important;
	justify-content: flex-start !important;
	margin: 0 !important;
}
.product-slider .product-image {
	flex: 0 0 58%;
	min-height: 600px;
	position: relative;
	overflow: hidden;
	background: #F6FBF9;
	padding: 32px 20px;
	box-sizing: border-box;
	border-radius: 12px;
	/* clip-path 而非仅靠 overflow:hidden 裁切：该容器位于带 opacity 过渡的
	   .product-slide 内会被提升为独立合成图层，非整数缩放（如110%）下
	   border-radius 遮罩会出现取整误差导致圆角失真为直角，clip-path 不受此影响 */
	clip-path: inset(0 round 12px);
}
/* figure 绝对定位填满图框（inset 对应容器 padding），不依赖 flex 百分比高度，
   确保 img 的 object-fit:cover 一定能按确定尺寸裁切，六图尺寸一致 */
.product-slider .product-image figure {
	position: absolute;
	inset: 32px 20px;
	margin: 0;
}
.product-slider .product-image figure,
.product-slider .product-image img {
	border-radius: 12px;
	overflow: hidden;
	clip-path: inset(0 round 12px);
}
/* 六张产品图统一用 object-fit:cover 填满同一图框（保留绿底相框），
   裁切使各图显示尺寸一致；照片自身的圆角由绿底相框衬托而清晰可见 */
.product-slider .product-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}
.product-slider-dots {
	position: absolute;
	bottom: 20px;
	left: 48px;
	z-index: 10;
	display: flex;
	gap: 16px;
	align-items: center;
	padding: 0;
}
.product-slider-dots .product-dot {
	font-size: 13px;
	color: var(--c-contrast-light);
	cursor: pointer;
	padding-bottom: 2px;
	border-bottom: 2px solid transparent;
	transition: all 0.2s;
}
.product-slider-dots .product-dot.is-active {
	color: var(--c-primary);
	border-bottom-color: var(--c-accent);
}
.product-slider-dots .product-arrow {
	font-size: 13px;
	color: var(--c-contrast-light);
	cursor: pointer;
	margin-left: 8px;
	transition: color 0.2s;
}
.product-slider-dots .product-arrow:hover {
	color: var(--c-primary);
}
@media (prefers-reduced-motion: reduce) {
	.product-slider .product-slide {
		transition: none;
	}
}

/* === section-process-package 成套工艺包 === */
.section-process-package {
	padding: 0 0 16px;
	margin-bottom: 24px;
	background: #F6FBF9;
	width: 100% !important;
	max-width: 100% !important;
	border-radius: 12px;
	box-shadow: 4px 4px 12px rgba(0,0,0,0.1);
}
.section-process-package.is-layout-constrained > *:not(.alignfull):not(.alignwide),
.section-process-package.is-layout-constrained > .is-layout-constrained > *:not(.alignfull):not(.alignwide) {
	max-width: 100% !important;
	width: 100% !important;
}
.section-process-package .process-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
	padding: 44px 30px 20px;
	width: 100%;
	box-sizing: border-box;
}
.section-process-package .process-card {
	display: flex;
	flex-direction: column;
	background: #F6FBF9;
	overflow: hidden;
}
.section-process-package .process-image {
	width: 100%;
	overflow: hidden;
	border-radius: 12px;
}
.section-process-package .process-image figure {
	margin: 0;
}
.section-process-package .process-image img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 12px;
}
.section-process-package .process-content {
	padding: 18px 24px 12px;
	background: #F6FBF9;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-rows: auto auto;
	align-items: center;
	column-gap: 16px;
	text-align: left;
}
.section-process-package .process-content h3 {
	font-family: var(--wp--preset--font-family--oppo-sans);
	font-size: 24px !important;
	font-weight: 700;
	color: #1a1a1a;
	grid-column: 1 / -1;
	grid-row: 1;
	margin: 0 0 16px;
}
.section-process-package .process-content p {
	font-size: 18px !important;
	line-height: 1.8;
	color: #1a1a1a;
	grid-column: 1;
	grid-row: 2;
	min-width: 0;
	margin: 0;
	overflow-wrap: anywhere;
	word-break: break-word;
}
.section-process-package .process-content .wp-block-buttons {
	grid-column: 2;
	grid-row: 2;
	justify-self: end;
	align-self: center;
	white-space: nowrap;
	margin: 0;
}
.section-process-package .wp-block-button.btn-gold .wp-element-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	background-image: url('/wp-content/uploads/2026/07/know-more.webp') !important;
	background-repeat: no-repeat !important;
	background-size: 100% 100% !important;
	background-position: center !important;
	background-color: transparent !important;
	color: #D2B67F !important;
	border: none !important;
	border-radius: 0 !important;
	font-size: 20px !important;
	padding: 13px 40px !important;
	transition: filter 0.25s;
}
.section-process-package .wp-block-button.btn-gold .wp-element-button:hover {
	background-image: url('/wp-content/uploads/2026/07/know-more.webp') !important;
	background-repeat: no-repeat !important;
	background-size: 100% 100% !important;
	background-position: center !important;
	background-color: transparent !important;
	color: #D2B67F !important;
	filter: brightness(0.9);
}

/* === section-tech === */
.section-tech {
	padding: 40px 0;
	margin-bottom: 40px;
	background: #F6FBF9;
	border-radius: 12px;
	box-shadow: 4px 4px 12px rgba(0,0,0,0.1);
}
.section-tech .tech-inner {
	display: flex;
	gap: 0;
	width: 100%;
	align-items: stretch;
}
.section-tech .tech-content {
	flex: 0 0 45%;
	padding: 48px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.section-tech .tech-images {
	flex: 0 0 55%;
	display: flex;
	gap: 10px;
	align-items: stretch;
}
.section-tech .tech-images .img-cell.img-main {
	flex: 0 1 60%;
	align-self: stretch;
	border-radius: 10px;
	overflow: hidden;
}
.section-tech .tech-images .img-cell.img-main .wp-block-image {
	height: 100%;
	margin: 0;
}
.section-tech .tech-images .img-cell.img-main img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.section-tech .tech-images .tech-images-right {
	flex: 0 1 40%;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.section-tech .tech-images .tech-images-right .img-cell {
	flex: 1 1 0;
	overflow: hidden;
	border-radius: 10px;
}
.section-tech .tech-images .tech-images-right .img-cell .wp-block-image {
	height: 100%;
	margin: 0;
}
.section-tech .tech-images .tech-images-right .img-cell img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* === section-industry === */
.section-industry {
	padding: 0;
	margin-bottom: 40px;
	width: 100% !important;
	max-width: 100% !important;
}
.section-industry.is-layout-constrained > *:not(.alignfull):not(.alignwide),
.section-industry.is-layout-constrained > .is-layout-constrained > *:not(.alignfull):not(.alignwide) {
	max-width: 100% !important;
	width: 100% !important;
}
.industry-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 15px;
	width: 100%;
}
.industry-grid .industry-col {
	display: flex;
}
.industry-grid .industry-card {
	position: relative;
	display: flex;
	gap: 0;
	width: 100%;
	min-height: 220px;
	background: #F6FBF9;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.1);
}
.industry-grid .industry-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 28px;
	width: 100px;
	height: 3px;
	background: #c9a84c;
	z-index: 2;
}
.industry-grid .industry-card .card-info {
	flex: 0 0 55%;
	padding: 36px 32px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	text-align: left !important;
}
/* 应用行业卡片「了解更多」固定到左下角，不随文字长短浮动 */
.industry-grid .industry-card .card-info .wp-block-buttons {
	margin-top: auto;
}
.industry-grid .industry-card .card-info > * {
	align-self: flex-start !important;
	width: auto !important;
}
.industry-grid .industry-card .card-info h3,
.industry-grid .industry-card .card-info p,
.industry-grid .industry-card .card-info .wp-block-buttons {
	text-align: left !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	justify-content: flex-start !important;
}
.industry-grid .industry-card .card-info .wp-block-button__link {
	text-align: left !important;
	justify-content: flex-start !important;
	margin: 0 !important;
}
.industry-grid .industry-card .card-image {
	flex: 0 0 45%;
	background: url('/wp-content/uploads/2026/07/industry-card1.webp') center/cover no-repeat;
	overflow: hidden;
}
.industry-grid .industry-card:nth-child(2) .card-image,
.industry-grid .industry-col:nth-child(2) .industry-card .card-image {
	background-image: url('/wp-content/uploads/2026/07/industry-card2.webp');
}
.industry-grid .industry-card .card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* === section-news === */
.section-news {
	padding: 40px 0;
	margin-bottom: 40px;
	background: #F6FBF9;
	border-radius: 12px;
	box-shadow: 4px 4px 12px rgba(0,0,0,0.1);
}
.news-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}
.news-card {
	background: transparent;
	border-radius: 8px;
	overflow: hidden;
	transition: box-shadow 0.25s;
}
.news-card:hover {
	box-shadow: 0 8px 24px rgba(0,0,0,0.1);
}
.news-card .card-image {
	width: 100%;
	max-width: 460px;
	min-width: 220px;
	margin: 0 auto;
	height: 240px;
	background: linear-gradient(135deg, #4a8a60, #6aaa80);
	overflow: hidden;
	position: relative;
	border-radius: 8px;
}
.news-card .card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 8px;
}
.news-card .card-date {
	position: absolute;
	top: 12px;
	right: 12px;
	background: var(--c-primary);
	color: #fff;
	font-size: 11px;
	font-family: var(--wp--preset--font-family--montserrat);
	padding: 4px 8px;
	border-radius: 2px;
}
.news-card {
	display: flex;
	flex-direction: column;
}
.news-card .card-body {
	padding: 20px 20px 8px;
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
}
/* 新闻卡片「了解更多」固定到左下角，不随文字长短浮动 */
.news-card .card-body .wp-block-buttons {
	margin-top: auto;
}
.news-card .card-body h4 {
	font-size: 24px !important;
	font-weight: 700;
	color: var(--c-contrast);
	margin-bottom: 10px;
	line-height: 1.4;
}
.news-card .card-body p {
	font-size: 18px !important;
	margin-bottom: 70px;
}

/* === section-stats === */
.section-stats {
	padding: 0 0 30px;
	margin: 50px 0 0;
	background: transparent;
	border-radius: 0;
	box-shadow: none;
}
.section-stats.stats-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}
.stats-grid .stat-card {
	padding: 60px 24px;
	background: #F6FBF9;
	border-radius: 12px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	box-shadow: 4px 4px 12px rgba(0,0,0,0.15);
	transition: box-shadow 0.25s;
	position: relative;
	overflow: hidden;
}
.stats-grid .stat-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 28px;
	width: 80px;
	height: 3px;
	background: #c9a84c;
}
.stats-grid .stat-card:hover {
	box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}
.stats-grid .stat-card .stat-text {
	display: flex;
	flex-direction: column;
	gap: 6px;
	align-items: flex-start;
	text-align: left;
}
.stats-grid .stat-card .stat-icon {
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.stats-grid .stat-card .stat-icon img,
.stats-grid .stat-card .stat-icon svg {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.stats-grid .stat-card .stat-number {
	font-family: var(--wp--preset--font-family--montserrat);
	font-size: 32px;
	font-weight: 700;
	color: var(--c-primary);
	line-height: 1;
	margin: 0;
}
.stats-grid .stat-card .stat-number sup {
	vertical-align: baseline;
	font-size: 24px;
	top: 0;
}
.stats-grid .stat-card .stat-label {
	font-size: 24px;
	color: var(--c-contrast-mid);
	margin: 0;
}

@media (max-width: 1024px) {
	.section-stats.stats-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	/* 成套工艺包：窄屏改为单列卡片，卡片内文字与按钮上下堆叠，
	   避免左右双列把正文挤压成每行一字的窄条（同时覆盖 ≤768px 手机） */
	.section-process-package .process-grid {
		grid-template-columns: 1fr;
		padding: 30px 24px 18px;
	}
	.section-process-package .process-content {
		display: block !important;
		text-align: left;
	}
	.section-process-package .process-content .wp-block-buttons {
		justify-content: flex-start;
		margin: 16px 0 0;
	}
}

@media (max-width: 600px) {
	.section-stats.stats-grid {
		grid-template-columns: 1fr;
	}
	.stats-grid .stat-card {
		padding: 22px 20px;
	}
}

/* 首页 section 宽度统一由 base.css 的 .zoory-main > .alignfull 控制
   （margin-left:30px + width:100%，与顶部 hero / 底部 footer 同宽），
   此处不再单独限宽。 */

/* === responsive (mobile) — homepage sections === */
@media (max-width: 768px) {
	/* hero：去掉固定高度与超大内边距，避免文字被挤成窄条 */
	.section-hero {
		height: auto;
		min-height: 340px;
		margin-top: 0 !important;
	}
	.section-hero .hero-content {
		padding: 0 22px 40px !important;
	}
	.section-hero .hero-dots {
		left: 22px;
		bottom: 20px;
	}
	.section-hero .wp-block-heading {
		font-size: 26px;
		letter-spacing: 3px;
	}
	.section-hero .hero-en {
		font-size: 13px;
		margin-bottom: 22px;
	}

	/* 区块标题：缩小字号、减少内边距 */
	.section-heading {
		padding: 0 20px !important;
		margin-top: 12px !important;
	}
	.section-heading p,
	.section-heading .en,
	.section-heading .zh {
		font-size: 22px !important;
		letter-spacing: 1px !important;
	}

	/* 品牌/科技内容区减小内边距 */
	.section-brand .brand-content,
	.section-tech .tech-content {
		padding: 32px 22px;
	}
	.section-tech .tech-images {
		grid-template-columns: 1fr 1fr;
	}

	/* 产品轮播：移动端改为纵向堆叠，去掉固定高度与绝对定位 */
	.product-slider {
		height: auto;
		min-height: 0;
	}
	.product-slider .product-slide {
		position: relative !important;
		inset: auto !important;
		opacity: 1 !important;
		flex-direction: column !important;
		pointer-events: auto !important;
	}
	.product-slider .product-info,
	.product-slider .product-image {
		flex: none !important;
		width: 100% !important;
	}
	.product-slider .product-info {
		padding: 28px 24px;
	}
	.product-slider .product-image {
		min-height: 280px;
		border-radius: 12px;
		clip-path: inset(0 round 12px);
	}
	.product-slider .product-image img {
		width: 100%;
		height: auto;
		object-fit: contain;
		border-radius: 12px;
		overflow: hidden;
		clip-path: inset(0 round 12px);
	}
	.product-slider .product-image figure {
		position: static;
		inset: auto;
		width: 100%;
		height: auto;
		border-radius: 12px;
		overflow: hidden;
		clip-path: inset(0 round 12px);
	}
	.product-slider-dots {
		position: static;
		left: auto;
		bottom: auto;
		padding: 16px 24px 0;
	}

	/* 行业卡片内容区减小内边距 */
	.industry-grid .industry-card .card-info {
		padding: 28px 22px;
	}

	/* 新闻网格 */
	.news-grid {
		padding: 0 16px;
	}

	/* 移动端内容/页脚占满宽度（去掉桌面端对齐用的左边距） */
	.zoory-main .wp-block-post-content {
		margin-left: 0 !important;
	}
	.zoory-main .site-footer {
		margin-left: 0 !important;
	}
}