/* =========================================================================
 * SCOTECH · WooCommerce 目录/询盘皮肤
 * 沿用主题设计令牌：--color(品牌色 #0c55e0) / --border(圆角) / --fontcolor
 * ====================================================================== */

.sc-woo { padding: 40px 0 60px; }
.sc-woo .content-area { width: 100%; }

/* 隐藏电商残留：价格、评分、库存、加入购物车原按钮 */
.sc-woo .price,
.sc-woo .woocommerce-product-rating,
.sc-woo .stock,
.sc-woo p.cart,
.sc-woo .added_to_cart { display: none !important; }

/* ---------------- 产品网格（归档 / 分类） ---------------- */
.sc-woo ul.products {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 26px;
	margin: 0; padding: 0; list-style: none;
}
/* WooCommerce 默认给 ul.products 加了清浮动伪元素（content:" "; display:table），
   在 grid 布局下它们会被当成网格项占掉首/尾格子，导致第一行左侧空一格。禁用之。 */
.sc-woo ul.products::before,
.sc-woo ul.products::after {
	content: none;
	display: none;
}
/* 卡片外观与一级 Products 页的 .rsafele-product-card 对齐：
   4:3 宽图（contain 不裁切，客户反馈方图会把产品切掉）、左对齐文案、标题下带摘要。 */
.sc-woo ul.products li.product {
	width: auto !important; margin: 0 !important; float: none !important;
	background: #fff;
	border: 1px solid var(--rsafele-line, #dfe4e8);
	border-radius: 8px;
	overflow: hidden;
	transition: box-shadow .25s, transform .25s;
	display: flex; flex-direction: column;
	text-align: left;
}
.sc-woo ul.products li.product:hover {
	box-shadow: 0 16px 40px rgba(20,32,43,.10);
	transform: translateY(-4px);
}
/* 与一级 Products 页的 .rsafele-product-image 保持一致：无内边距、白底、贴边铺满。
   见 style.css 里同一处注释。 */
.sc-woo ul.products li.product a img {
	display: block;
	box-sizing: border-box;
	margin: 0;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 10;
	object-fit: contain;
	background: #fff;
	padding: 0;
}
.sc-woo ul.products li.product .woocommerce-loop-product__title {
	font-size: 20px; line-height: 1.35; font-weight: 600;
	color: var(--rsafele-ink, #14202b); padding: 24px 24px 0; min-height: 0;
}
.sc-woo ul.products li.product:hover .woocommerce-loop-product__title { color: var(--color, #0c55e0); }
.sc-woo ul.products li.product .rsafele-loop-excerpt {
	margin: 14px 0 0; padding: 0 24px;
	color: var(--rsafele-muted, #5f6b76); font-size: 15px; line-height: 1.65;
}
/* 按钮区推到卡片底部，网格里高矮不一的卡片按钮仍能对齐一条线 */
.sc-woo ul.products li.product .scotech-loop-inquiry {
	margin: 22px 24px 0; align-self: flex-start;
}
.sc-woo ul.products li.product .sc-enquiry-btn {
	margin: 16px 24px 24px; margin-top: auto; align-self: stretch;
}

/* 询盘按钮（列表 + 详情 + 弹窗）统一品牌绿 */
.sc-woo .button,
.scotech-loop-inquiry,
.zc-inquiry-form .zc-btn-primary,
.zc-btn.zc-btn-primary,
.zc-inquiry-trigger {
	display: inline-block;
	background: var(--color, #0c55e0) !important;
	color: #fff !important;
	border: none; border-radius: var(--border, 3px);
	padding: 11px 26px; font-size: 15px; font-weight: 600;
	line-height: 1.2; cursor: pointer; text-decoration: none;
	transition: filter .2s, background .2s;
}
.sc-woo .button:hover,
.scotech-loop-inquiry:hover,
.zc-inquiry-form .zc-btn-primary:hover,
.zc-btn.zc-btn-primary:hover,
.zc-inquiry-trigger:hover { filter: brightness(.92); background: var(--color, #0c55e0) !important; }

/* ---------------- 单品详情 ---------------- */
.sc-woo div.product { display: flex; flex-wrap: wrap; gap: 40px; }
.sc-woo div.product .woocommerce-product-gallery {
	width: 46%; margin: 0; float: none;
}
.sc-woo div.product .summary {
	width: calc(54% - 40px); margin: 0; float: none;
}
.sc-woo div.product .product_title {
	font-size: 30px; line-height: 1.3; font-weight: 700;
	color: var(--fontcolor, #222); margin: 0 0 18px;
}
.sc-woo .woocommerce-product-gallery img { border-radius: var(--border, 3px); }
.sc-woo .flex-control-thumbs { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.sc-woo .flex-control-thumbs li { width: 78px !important; margin: 0; }
.sc-woo .flex-control-thumbs img {
	border: 1px solid #e2e2e2; border-radius: 3px; opacity: .7; padding: 3px; background:#fafafa;
}
.sc-woo .flex-control-thumbs img.flex-active,
.sc-woo .flex-control-thumbs img:hover { opacity: 1; border-color: var(--color, #0c55e0); }

/* 关键信息表（短描述） */
.pro-keyinfo { list-style: none; margin: 0 0 22px; padding: 18px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.pro-keyinfo li { display: flex; align-items: baseline; padding: 6px 0; font-size: 16px; }
.pro-keyinfo li span { flex: 0 0 130px; color: #888; font-weight: 500; }
.pro-keyinfo li b { color: var(--fontcolor, #333); font-weight: 600; }

/* SKU / 分类元信息 */
.sc-woo .product_meta { font-size: 13px; color: #999; margin-top: 18px; }
.sc-woo .product_meta a { color: var(--color, #0c55e0); }

/* 详情页询盘按钮：块级更醒目 */
.sc-woo .summary .zc-inquiry-trigger,
.sc-woo .summary .zc-btn { font-size: 16px; padding: 13px 34px; margin-top: 8px; }

/* ---------------- 选项卡 + 规格表 ---------------- */
.sc-woo .woocommerce-tabs { width: 100%; margin-top: 46px; clear: both; }
.sc-woo .woocommerce-tabs ul.tabs { border-bottom: 2px solid #eee; padding: 0; margin: 0 0 26px; }
.sc-woo .woocommerce-tabs ul.tabs::before { border: 0; }
.sc-woo .woocommerce-tabs ul.tabs li {
	background: none; border: 0; border-radius: 0; margin: 0 24px 0 0; padding: 0;
}
.sc-woo .woocommerce-tabs ul.tabs li a {
	font-size: 18px; font-weight: 600; color: #666; padding: 10px 2px; display: inline-block;
}
.sc-woo .woocommerce-tabs ul.tabs li.active a,
.sc-woo .woocommerce-tabs ul.tabs li a:hover { color: var(--color, #0c55e0); }
.sc-woo .woocommerce-tabs ul.tabs li.active { box-shadow: inset 0 -2px 0 var(--color, #0c55e0); }
.sc-woo .woocommerce-Tabs-panel h2 { font-size: 22px; margin: 0 0 16px; }
.sc-woo .pro-lead { font-size: 16px; color: #555; line-height: 1.8; margin-bottom: 20px; }
.sc-woo .pro-spec-title { font-size: 20px; margin: 26px 0 14px; padding-left: 12px; border-left: 4px solid var(--color, #0c55e0); }

/* 规格表：把「<td><div>标签</div><div>值</div></td>」渲染成两栏（td 用 flex，避免 inline-block 换行） */
.pro-spec-table table { width: 100%; border-collapse: collapse; font-size: 15px; border: 1px solid #e6e6e6; }
.pro-spec-table tr { border-top: 1px solid #e6e6e6; }
.pro-spec-table tr:first-child { border-top: 0; }
.pro-spec-table td { display: flex; align-items: stretch; padding: 0; }
.pro-spec-table td > div { padding: 10px 16px; box-sizing: border-box; }
.pro-spec-table td > div:first-child {
	flex: 0 0 40%; max-width: 40%;
	background: #f6f8f4; color: #555; font-weight: 600; border-right: 1px solid #ececec;
}
.pro-spec-table td > div:last-child { flex: 1; color: #333; }
/* 单 div 的行（区块小标题）flex 下自然占满整行 */
.pro-spec-table td > div:only-child { flex: 1; background: transparent; color: var(--fontcolor,#333); font-weight: 600; }

/* ---------------- 分类归档：描述区（承载富内容） ---------------- */
.sc-woo .term-description { margin-bottom: 40px; font-size: 16px; line-height: 1.85; color: #555; }
.sc-woo .term-description p { margin: 0 0 14px; }
.sc-woo .term-description h2,
.sc-woo .term-description h3 { font-size: 20px; color: var(--fontcolor,#333); margin: 24px 0 12px; padding-left: 12px; border-left: 4px solid var(--color,#0c55e0); }
.sc-woo .term-description ul { margin: 0 0 16px; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(2,1fr); gap: 8px 28px; }
.sc-woo .term-description ul li { position: relative; padding-left: 24px; color: #444; }
.sc-woo .term-description ul li::before { content: "\e6a7"; font-family: iconfont; color: var(--color,#0c55e0); position: absolute; left: 0; top: 1px; font-size: 14px; }
.sc-woo .woocommerce-products-header__title,
.sc-woo .products-header { display: none; } /* 标题已在面包屑 banner 呈现 */

/* 相关 / 猜你喜欢 */
.sc-woo .related.products,
.sc-woo .up-sells { width: 100%; clear: both; margin-top: 50px; }
.sc-woo .related.products > h2,
.sc-woo .up-sells > h2 { font-size: 24px; margin-bottom: 24px; position: relative; padding-left: 14px; }
.sc-woo .related.products > h2::before,
.sc-woo .up-sells > h2::before { content:""; position:absolute; left:0; top:4px; bottom:4px; width:4px; background: var(--color,#0c55e0); }

/* ---------------- 子分类缩略（父类归档） ---------------- */
.sc-woo ul.products li.product-category a img { height: 220px; }
.sc-woo ul.products li.product-category h2.woocommerce-loop-category__title { padding: 16px; font-size: 17px; }
.sc-woo ul.products li.product-category mark.count,
.sc-woo ul.products li.product-category .count { display:none !important; }

/* ---------------- 响应式 ---------------- */
@media (max-width: 1024px) {
	.sc-woo ul.products { grid-template-columns: repeat(2, 1fr); }
	.sc-woo div.product .woocommerce-product-gallery,
	.sc-woo div.product .summary { width: 100%; }
}
@media (max-width: 600px) {
	.sc-woo ul.products { grid-template-columns: 1fr; }
	.sc-woo div.product .product_title { font-size: 24px; }
}

/* =========================================================================
 * 产品详情 · 思科特版式区块（Discover / Benefits / Features / Specification）
 * 由 inc/product-layout.php 输出，替代 WooCommerce 默认的 Description 选项卡。
 * ====================================================================== */

/* 区块通栏铺满：详情页整体被 .l-wrap(1450px) 束住，这里用 100vw 破出去再由内层
   .l-wrap 收回内容宽度。clip 而非 hidden —— hidden 会让祖先变成滚动容器，
   把内部 position:sticky 弄失效。 */
.sc-woo { overflow-x: clip; }

.sc-pd-sections { width: 100%; clear: both; margin-top: 46px; }

.sc-pd {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	padding: 54px 0;
	background: #f5f5f5;
}
.sc-pd + .sc-pd { padding-top: 0; }

/* inner.css 里 `.site-main .l-wrap` 是 flex（内容区+侧栏那套），我们这里只想要
   「居中 + 限宽」，不加这条的话标题会和内容并排、栅格也撑不满一行。 */
.sc-pd > .l-wrap { display: block; gap: 0; }

.sc-pd-title {
	margin: 0 0 26px;
	color: var(--color, #0c55e0);
	font-size: 40px;
	font-weight: 400;
	line-height: 1.2;
}

.sc-pd-card {
	padding: 44px 48px;
	background: #fff;
	border-radius: 2px;
}

.sc-pd-copy { font-size: 16px; line-height: 1.9; color: #555; }
.sc-pd-copy p { margin: 0 0 14px; }
.sc-pd-copy p:last-child { margin-bottom: 0; }

/* —— Discover：左文右图 —— */
.sc-pd-card.sc-pd-discover {
	display: flex;
	gap: 52px;
	align-items: center;
}
.sc-pd-discover-text { flex: 1 1 auto; min-width: 0; }
.sc-pd-discover-img {
	flex: 0 0 34%;
	max-width: 34%;
	margin: 0;
}
.sc-pd-discover-img img { display: block; width: 100%; height: auto; object-fit: contain; }

.sc-pd-name {
	margin: 0 0 10px;
	font-size: 30px;
	font-weight: 400;
	line-height: 1.3;
	color: var(--fontcolor, #222);
}
.sc-pd-sub { margin: 0 0 18px; font-size: 17px; color: var(--color, #0c55e0); }

.sc-pd-brochure {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 22px;
	color: #2f6fb0;
	font-size: 16px;
}
.sc-pd-brochure:hover { text-decoration: underline; }

/* —— Benefits：一排小卡 —— */
.sc-pd-benefit-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 22px;
	margin: 0; padding: 0; list-style: none;
}
.sc-pd-benefit-grid li {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 155px;
	padding: 24px 20px;
	background: #fff;
	text-align: center;
	font-size: 19px;
	line-height: 1.45;
	color: #444;
}

/* —— Features：左图右要点 —— */
.sc-pd-card.sc-pd-features {
	display: flex;
	gap: 46px;
	align-items: flex-start;
}
.sc-pd-features-img {
	flex: 0 0 28%;
	max-width: 28%;
	margin: 0;
}
.sc-pd-features-img img { display: block; width: 100%; height: auto; }
.sc-pd-features-body { flex: 1 1 auto; min-width: 0; }
.sc-pd-features-body.is-wide { flex-basis: 100%; }

.sc-pd-lead { margin: 0 0 18px; font-size: 16px; line-height: 1.8; color: #555; }
.sc-pd-group {
	margin: 22px 0 10px;
	font-size: 17px;
	font-weight: 600;
	color: var(--fontcolor, #333);
}
.sc-pd-group:first-child { margin-top: 0; }

.sc-pd-bullets { margin: 0; padding: 0; list-style: none; }
.sc-pd-bullets li {
	position: relative;
	padding-left: 18px;
	margin-bottom: 9px;
	font-size: 15px;
	line-height: 1.7;
	color: #555;
}
.sc-pd-bullets li::before {
	content: "•";
	position: absolute;
	left: 2px;
	top: 0;
	color: var(--color, #0c55e0);
}
.sc-pd-bullets li b { color: var(--fontcolor, #333); font-weight: 600; }

/* —— Specification 表 —— */
table.sc-pd-spec { width: 100%; border-collapse: collapse; font-size: 15px; }
table.sc-pd-spec th,
table.sc-pd-spec td { padding: 11px 16px; border: 1px solid #ececec; text-align: left; vertical-align: top; }
table.sc-pd-spec th { width: 34%; background: #f7f9f5; color: #555; font-weight: 600; }
table.sc-pd-spec tr.is-group th { width: auto; background: #fff; color: var(--fontcolor, #333); font-size: 16px; }

/* —— 响应式 —— */
@media (max-width: 1024px) {
	.sc-pd { padding: 40px 0; }
	.sc-pd-title { font-size: 30px; margin-bottom: 20px; }
	.sc-pd-card { padding: 28px 24px; }
	.sc-pd-card.sc-pd-discover,
	.sc-pd-card.sc-pd-features { flex-direction: column; gap: 26px; }
	.sc-pd-discover-img,
	.sc-pd-features-img { flex-basis: auto; max-width: 60%; align-self: center; }
	.sc-pd-benefit-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
	.sc-pd-name { font-size: 23px; }
	.sc-pd-discover-img, .sc-pd-features-img { max-width: 100%; }
	.sc-pd-benefit-grid { grid-template-columns: 1fr; }
	.sc-pd-benefit-grid li { min-height: 0; font-size: 17px; }
	table.sc-pd-spec th { width: 42%; }
}