/**
 * B2B Trade 子主题的全站样式：效果稿“深海蓝 Midnight Pro”（docs/design/mockups/1-midnight.html）.
 *
 * 排在 Astra 的样式和它生成的行内样式之后加载（functions.php），同样的选择器写在这里就能覆盖.
 * 插件的样式（询价表单、询价单、下载）在页面正文渲染时才加载，会排在本文件之后，
 * 所以覆盖插件样式的规则前面加 body，多一级权重.
 * 方向相关的属性用逻辑属性（inline-start/end），阿拉伯语等从右往左的页面自动镜像.
 * 图标是内嵌的 SVG 数据地址，不额外请求文件.
 */

/* ---------- 字体：本站自带，不连 Google Fonts（ADR-0017）.可变字体，一份文件含所有字重. ---------- */

@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url("../fonts/inter-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url("../fonts/inter-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Manrope";
	font-style: normal;
	font-weight: 600 800;
	font-display: swap;
	src: url("../fonts/manrope-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: "Manrope";
	font-style: normal;
	font-weight: 600 800;
	font-display: swap;
	src: url("../fonts/manrope-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ---------- 颜色和尺寸 ---------- */

/*
 * Astra 的全局色板也一起改：主题和 WooCommerce 里没单独写到的地方（链接、表单、提示框）跟着变.
 * 0 主色、1 悬停、2 标题、3 正文、4 白、5 浅底、6/8 深色、7 边框.
 */
:root {
	--ast-global-color-0: #1e63f0;
	--ast-global-color-1: #1550cc;
	--ast-global-color-2: #0d1b2e;
	--ast-global-color-3: #3b4a5e;
	--ast-global-color-4: #fff;
	--ast-global-color-5: #f4f7fb;
	--ast-global-color-6: #0a1730;
	--ast-global-color-7: #e1e7f0;
	--ast-global-color-8: #0a1730;
	--b2bt-navy: #0a1730;
	--b2bt-ink: #0d1b2e;
	--b2bt-text: #3b4a5e;
	--b2bt-muted: #5a6b82;
	--b2bt-bg: #f4f7fb;
	--b2bt-surface: #fff;
	--b2bt-surface-2: #f2f5fa;
	--b2bt-border: #e1e7f0;
	--b2bt-border-strong: #c9d3e1;
	--b2bt-primary: #1e63f0;
	--b2bt-primary-hover: #1550cc;
	--b2bt-accent: #14d3c1;
	--b2bt-accent-ink: #03201d;
	--b2bt-chip: #e9f0fe;
	--b2bt-img-bg: linear-gradient(150deg, #f2f6fc 0%, #dce5f1 100%);
	--b2bt-radius: 14px;
	--b2bt-radius-sm: 9px;
	--b2bt-shadow: 0 1px 2px rgba(13, 27, 46, 0.04), 0 4px 14px rgba(13, 27, 46, 0.04);
	--b2bt-shadow-lg: 0 18px 40px rgba(13, 27, 46, 0.12);
	--b2bt-focus: 0 0 0 4px rgba(30, 99, 240, 0.15);
	--b2bt-font-body: "Inter", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif;
	--b2bt-font-head: "Manrope", "Inter", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, arial, sans-serif;
}

/* ---------- 基础排版 ---------- */

body,
button,
input,
select,
textarea,
.ast-button,
.ast-custom-button {
	font-family: var(--b2bt-font-body);
}

body {
	background-color: var(--b2bt-bg);
	color: var(--b2bt-text);
	-webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6,
.entry-content :where(h1, h2, h3, h4, h5, h6),
.site-title,
.entry-title,
.page-title,
.woocommerce-loop-product__title,
.product_title {
	color: var(--b2bt-ink);
	font-family: var(--b2bt-font-head);
	letter-spacing: -0.02em;
}

h1,
h2,
.entry-content :where(h1, h2),
.entry-title,
.page-title,
.product_title {
	font-weight: 800;
}

h3,
h4,
.entry-content :where(h3, h4) {
	font-weight: 700;
}

/* 阿拉伯语等文字没有拉丁字体，落到系统字体上；负字距会让连写的字挤在一起. */
:lang(ar) :where(h1, h2, h3, h4, h5, h6, .site-title, .hp-eyebrow) {
	letter-spacing: 0;
}

a {
	color: var(--b2bt-primary);
}

a:hover,
a:focus {
	color: var(--b2bt-primary-hover);
}

::selection {
	background: var(--b2bt-primary);
	color: #fff;
}

.b2bt-wrap {
	box-sizing: border-box;
	margin-inline: auto;
	max-width: 1240px;
	padding-inline: 20px;
}

.b2bt-icon {
	fill: none;
	flex: none;
	height: 15px;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
	width: 15px;
}

/* ---------- 按钮：主题、区块编辑器和 WooCommerce 的几种按钮统一外观 ---------- */

.wp-block-button__link,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
body .b2btrade-quote-add,
body .b2btrade-inquiry__submit,
body .b2btrade-download__button,
body .b2btrade-download__submit {
	align-items: center;
	background-color: var(--b2bt-primary);
	border: 1.5px solid transparent;
	border-radius: var(--b2bt-radius-sm);
	box-shadow: none;
	color: #fff;
	display: inline-flex;
	font-family: var(--b2bt-font-body);
	font-size: 15px;
	font-weight: 600;
	gap: 8px;
	justify-content: center;
	line-height: 1.2;
	padding: 12px 22px;
	text-decoration: none;
	transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.wp-block-button__link:hover,
.wp-block-button__link:focus,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
body .b2btrade-quote-add:hover,
body .b2btrade-inquiry__submit:hover,
body .b2btrade-download__button:hover,
body .b2btrade-download__submit:hover {
	background-color: var(--b2bt-primary-hover);
	border-color: transparent;
	color: #fff;
}

.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color) {
	background: transparent;
	border-color: var(--b2bt-border-strong);
	color: var(--b2bt-ink);
}

.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color):hover {
	border-color: var(--b2bt-primary);
	color: var(--b2bt-primary);
}

/* ---------- 顶栏 ---------- */

.b2bt-topbar {
	background: #07111f;
	color: #8fa3bf;
	font-size: 13px;
	line-height: 1.4;
}

.b2bt-topbar__inner {
	align-items: center;
	display: flex;
	gap: 24px;
	min-height: 38px;
}

.b2bt-topbar__item {
	align-items: center;
	color: inherit;
	display: inline-flex;
	gap: 6px;
	text-decoration: none;
}

.b2bt-topbar__item:hover,
.b2bt-topbar__item:focus {
	color: #fff;
}

.b2bt-topbar__tagline {
	margin-inline-start: auto;
}

/* ---------- 页眉：白底、半透明、滚动时吸顶 ---------- */

#masthead {
	position: sticky;
	top: 0;
	z-index: 99;
}

.admin-bar #masthead {
	top: 32px;
}

#masthead .main-header-bar,
#masthead .ast-primary-header-bar {
	-webkit-backdrop-filter: saturate(1.4) blur(12px);
	backdrop-filter: saturate(1.4) blur(12px);
	background-color: rgba(255, 255, 255, 0.94);
	border-bottom: 1px solid var(--b2bt-border);
}

#masthead .site-primary-header-wrap {
	min-height: 72px;
}

#masthead .site-title {
	line-height: 1;
	margin: 0;
}

#masthead .site-title a {
	align-items: center;
	color: var(--b2bt-ink);
	display: inline-flex;
	font-family: var(--b2bt-font-head);
	font-size: 22px;
	font-weight: 800;
	gap: 10px;
	letter-spacing: -0.02em;
}

/* 站名前的方形标记：渐变底上一个闪电.只是装饰，不是 logo；后台上传 logo 后 Astra 会改为显示图片. */
#masthead .site-title a::before {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M13 2L4 14h7l-1 8 9-12h-7z'/%3E%3C/svg%3E") center / 20px no-repeat, linear-gradient(135deg, #1e63f0, #14d3c1);
	border-radius: 10px;
	content: "";
	flex: none;
	height: 36px;
	width: 36px;
}

#masthead .main-header-menu > .menu-item > .menu-link {
	color: var(--b2bt-ink);
	font-size: 15px;
	font-weight: 500;
	padding-inline: 14px;
}

#masthead .main-header-menu > .menu-item:hover > .menu-link,
#masthead .main-header-menu > .menu-item.focus > .menu-link,
#masthead .main-header-menu > .current-menu-item > .menu-link,
#masthead .main-header-menu > .current-menu-ancestor > .menu-link {
	color: var(--b2bt-primary);
}

#masthead .main-header-menu .sub-menu {
	background: #fff;
	border: 1px solid var(--b2bt-border);
	border-radius: 12px;
	box-shadow: var(--b2bt-shadow-lg);
	padding: 8px;
}

#masthead .main-header-menu .sub-menu .menu-item {
	border: 0;
}

#masthead .main-header-menu .sub-menu .menu-link {
	border-radius: 8px;
	color: var(--b2bt-ink);
	font-size: 14px;
	padding: 9px 12px;
}

#masthead .main-header-menu .sub-menu .menu-item:hover > .menu-link,
#masthead .main-header-menu .sub-menu .current-menu-item > .menu-link {
	background: var(--b2bt-surface-2);
	color: var(--b2bt-primary);
}

/* 页眉的 Get a Quote 按钮：询价单脚本会在链接里追加“ (3)”这样的件数，整条链接当按钮画. */
#masthead .ast-custom-button-link {
	align-items: center;
	background: var(--b2bt-primary);
	border-radius: var(--b2bt-radius-sm);
	color: #fff;
	display: inline-flex;
	font-weight: 600;
	gap: 2px;
	min-height: 44px;
	padding: 0 20px;
	text-decoration: none;
	transition: background-color 0.2s;
}

#masthead .ast-custom-button-link:hover {
	background: var(--b2bt-primary-hover);
}

#masthead .ast-custom-button {
	background: transparent;
	border: 0;
	color: inherit;
	font-size: 15px;
	font-weight: 600;
	padding: 0;
}

#masthead .ast-custom-button-link .b2btrade-quote-count {
	color: var(--b2bt-accent);
	font-weight: 700;
}

/* 手机菜单 */
#masthead .ast-mobile-header-content,
#masthead .ast-mobile-popup-content {
	background: #fff;
	border-top: 1px solid var(--b2bt-border);
}

#masthead .ast-mobile-header-content .menu-link {
	border-color: var(--b2bt-border);
	color: var(--b2bt-ink);
	font-weight: 500;
}

#masthead .menu-toggle {
	background: transparent;
	border: 1px solid var(--b2bt-border);
	border-radius: var(--b2bt-radius-sm);
	color: var(--b2bt-ink);
}

/* ---------- 首页：通用 ---------- */

/* 首页各区块之间不留缝，底色衔接；主题和区块编辑器默认的上下外边距都去掉. */
.entry-content > [class*="hp-"] {
	margin-block: 0;
}

.hp-section {
	padding: 88px 20px;
}

.hp-alt {
	background: #fff;
}

.hp-section > .hp-eyebrow {
	color: var(--b2bt-primary);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.12em;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.hp-section > h2 {
	font-size: clamp(28px, 3.4vw, 40px);
	line-height: 1.15;
	margin-block: 0;
}

.hp-section > .hp-intro {
	color: var(--b2bt-muted);
	margin-block: 10px 0;
}

.hp-section > .hp-cards,
.hp-section > .hp-models,
.hp-section > .hp-benefits,
.hp-section > .wp-block-shortcode,
.hp-section > .woocommerce {
	margin-top: 40px;
}

.hp-more {
	margin-block: 18px 0;
}

.hp-section > .hp-more {
	margin-top: 32px;
	text-align: center;
}

body .entry-content .hp-more a,
body .entry-content .hp-card > h3 a,
body .entry-content .hp-sublist a {
	text-decoration: none;
}

.hp-more a {
	align-items: center;
	color: var(--b2bt-primary);
	display: inline-flex;
	font-weight: 600;
	gap: 6px;
	text-decoration: none;
}

.hp-more a::after {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e63f0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
	content: "";
	height: 16px;
	transition: transform 0.2s;
	width: 16px;
}

.hp-more a:hover::after {
	transform: translateX(3px);
}

[dir="rtl"] .hp-more a::after {
	transform: scaleX(-1);
}

/* ---------- 首页：首屏 ---------- */

.hp-hero {
	background:
		radial-gradient(800px 420px at 88% 0%, rgba(20, 211, 193, 0.2), transparent 60%),
		radial-gradient(760px 520px at -5% 110%, rgba(30, 99, 240, 0.45), transparent 60%),
		#0a1730;
	color: #fff;
	overflow: hidden;
	padding: 88px 20px;
	position: relative;
}

/* 淡淡的网格线，往下渐隐. */
.hp-hero::before {
	background-image: linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
	background-size: 48px 48px;
	content: "";
	inset: 0;
	-webkit-mask-image: linear-gradient(180deg, #000, transparent 90%);
	mask-image: linear-gradient(180deg, #000, transparent 90%);
	pointer-events: none;
	position: absolute;
}

/* 区块编辑器的“分栏”默认是弹性布局、窄屏强制换行；这里几处都改成网格，自己控制列数. */
.hp-hero__grid,
.hp-stats,
.hp-trust__grid,
.hp-cards,
.hp-benefits {
	display: grid !important;
}

.hp-hero__grid {
	align-items: center;
	gap: 64px;
	grid-template-columns: 1.2fr 1fr;
	position: relative;
}

.hp-pill {
	align-items: center;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 999px;
	color: #b8c7dc;
	display: inline-flex;
	font-size: 13px;
	gap: 8px;
	margin: 0;
	padding: 6px 14px;
}

.hp-pill::before {
	background: var(--b2bt-accent);
	border-radius: 50%;
	box-shadow: 0 0 0 4px rgba(20, 211, 193, 0.2);
	content: "";
	height: 8px;
	width: 8px;
}

.hp-hero h1 {
	color: #fff;
	font-size: clamp(36px, 5vw, 60px);
	letter-spacing: -0.03em;
	line-height: 1.06;
	margin: 22px 0 18px;
}

.hp-hero .hp-lead {
	color: #b8c7dc;
	font-size: 18px;
	margin: 0 0 32px;
	max-width: 560px;
}

.hp-hero .wp-block-buttons {
	gap: 12px;
}

.hp-hero .wp-block-button__link {
	padding: 14px 26px;
}

.hp-hero .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color) {
	border-color: rgba(255, 255, 255, 0.3);
	color: #fff;
}

.hp-hero .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color):hover {
	background: rgba(255, 255, 255, 0.08);
	border-color: rgba(255, 255, 255, 0.5);
}

.hp-stats {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	gap: 44px;
	grid-template-columns: repeat(3, auto);
	justify-content: start;
	margin: 52px 0 0;
	padding-top: 28px;
}

.hp-stats p {
	color: #8fa3bf;
	font-size: 13px;
	line-height: 1.4;
	margin: 0;
}

.hp-stats strong {
	color: #fff;
	display: block;
	font-family: var(--b2bt-font-head);
	font-size: 26px;
	font-weight: 800;
	margin-bottom: 4px;
}

/* “1 pc → FCL”这类数字开头的短语在从右往左的页面里会被重排成“pc → FCL 1”，固定按从左往右排. */
[dir="rtl"] .hp-stats strong {
	direction: ltr;
	text-align: right;
	unicode-bidi: isolate;
}

/* 数字和说明之间的换行是给编辑器里看的，这里由 strong 独占一行代替. */
.hp-stats br,
.hp-trust br {
	display: none;
}

.hp-hero__media figure {
	margin: 0;
}

.hp-hero__media img {
	display: block;
	height: auto;
	width: 100%;
}

/* 后台换成实拍图时，给照片加圆角和阴影；默认的线稿图是透明底，不受影响. */
.hp-hero__media img:not([src$=".svg"]) {
	border-radius: 20px;
	box-shadow: 0 30px 60px rgba(0, 0, 0, 0.3);
}

/* ---------- 首页：要点条 ---------- */

.hp-trust {
	background: #fff;
	border-bottom: 1px solid var(--b2bt-border);
	padding: 0 20px;
}

.hp-trust__grid {
	gap: 0;
	grid-template-columns: repeat(4, 1fr);
}

.hp-trust__item {
	align-items: center;
	border-inline-start: 1px solid var(--b2bt-border);
	display: flex;
	gap: 14px;
	padding: 24px 20px;
}

.hp-trust__item:first-child {
	border-inline-start: 0;
	padding-inline-start: 0;
}

.hp-trust__item::before {
	background: var(--b2bt-chip) center / 22px no-repeat;
	border-radius: var(--b2bt-radius-sm);
	content: "";
	flex: none;
	height: 44px;
	width: 44px;
}

.hp-trust__item:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e63f0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 16v-4l2.2-4.4A2 2 0 0 1 7 6.5h9.2a2 2 0 0 1 1.7 1L20.5 12H21v4'/%3E%3Ccircle cx='7' cy='16.5' r='2'/%3E%3Ccircle cx='17' cy='16.5' r='2'/%3E%3Cpath d='M3 12h18'/%3E%3C/svg%3E"); }
.hp-trust__item:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e63f0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7l9-4 9 4-9 4z'/%3E%3Cpath d='M3 7v10l9 4 9-4V7'/%3E%3Cpath d='M12 11v10'/%3E%3C/svg%3E"); }
.hp-trust__item:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e63f0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 6h11v10h-11zM13.5 9H18l3.5 3.5V16h-8'/%3E%3Ccircle cx='7' cy='17.5' r='1.8'/%3E%3Ccircle cx='17' cy='17.5' r='1.8'/%3E%3C/svg%3E"); }
.hp-trust__item:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e63f0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 7l9 6 9-6'/%3E%3C/svg%3E"); }

.hp-trust__item p {
	color: var(--b2bt-muted);
	font-size: 13px;
	line-height: 1.45;
	margin: 0;
}

.hp-trust__item strong {
	color: var(--b2bt-ink);
	display: block;
	font-family: var(--b2bt-font-head);
	font-size: 17px;
}

/* ---------- 首页：分类卡片 ---------- */

.hp-cards {
	gap: 24px;
	grid-template-columns: 1fr 1fr;
}

.hp-card {
	background: #fff;
	border: 1px solid var(--b2bt-border);
	border-radius: var(--b2bt-radius);
	box-shadow: var(--b2bt-shadow);
	padding: 32px;
	position: relative;
}

/* 卡片右上角的配件线稿. */
.hp-card::after {
	background: var(--b2bt-img-bg);
	border-radius: var(--b2bt-radius);
	content: "";
	height: 96px;
	inset-block-start: 28px;
	inset-inline-end: 28px;
	position: absolute;
	width: 96px;
}

.hp-card::before {
	background: center / 54px no-repeat;
	content: "";
	height: 96px;
	inset-block-start: 28px;
	inset-inline-end: 28px;
	position: absolute;
	width: 96px;
	z-index: 1;
}

.hp-card:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f3a60' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 10c3-2.5 17-2.5 20 0v3a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3z'/%3E%3Cpath d='M6 13h12M8.5 10.5h7'/%3E%3C/svg%3E"); }
.hp-card:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f3a60' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Ccircle cx='12' cy='6.5' r='.7'/%3E%3Ccircle cx='17.2' cy='13.7' r='.7'/%3E%3Ccircle cx='6.8' cy='13.7' r='.7'/%3E%3Cpath d='M17.5 4.8a9.5 9.5 0 0 1 3.4 5.2' stroke-width='2.6'/%3E%3C/svg%3E"); }

.hp-card > h3 {
	font-size: 24px;
	margin: 0 0 8px;
	padding-inline-end: 120px;
}

.hp-card > h3 a {
	color: var(--b2bt-ink);
	text-decoration: none;
}

.hp-card > h3 a:hover {
	color: var(--b2bt-primary);
}

.hp-card > p:not(.hp-more) {
	color: var(--b2bt-muted);
	margin: 0;
	min-height: 48px;
	padding-inline-end: 120px;
}

.hp-sublist {
	display: grid;
	gap: 8px;
	grid-template-columns: 1fr 1fr;
	list-style: none;
	margin: 24px 0 0;
	padding: 0;
}

.hp-sublist li {
	margin: 0;
}

.hp-sublist a {
	align-items: center;
	background: var(--b2bt-surface-2);
	border-radius: var(--b2bt-radius-sm);
	color: var(--b2bt-ink);
	display: flex;
	font-size: 14.5px;
	font-weight: 500;
	gap: 10px;
	height: 100%;
	padding: 11px 14px;
	text-decoration: none;
	transition: background-color 0.15s, color 0.15s;
}

.hp-sublist a::before {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e63f0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
	content: "";
	flex: none;
	height: 14px;
	width: 14px;
}

[dir="rtl"] .hp-sublist a::before {
	transform: scaleX(-1);
}

.hp-sublist a:hover {
	background: var(--b2bt-chip);
	color: var(--b2bt-primary);
}

/* ---------- 首页：车型卡片 ---------- */

.hp-models {
	display: grid !important;
	gap: 16px;
	grid-template-columns: repeat(6, 1fr);
}

.hp-models > .hp-model {
	display: flex;
	margin: 0;
	width: auto;
}

.hp-model > .wp-block-button__link {
	align-items: center;
	background: #fff;
	border: 1px solid var(--b2bt-border);
	border-radius: var(--b2bt-radius);
	color: var(--b2bt-ink);
	flex-direction: column;
	font-family: var(--b2bt-font-head);
	font-size: 15px;
	font-weight: 700;
	flex: 1 1 auto;
	gap: 12px;
	justify-content: flex-start;
	line-height: 1.3;
	padding: 20px 12px 16px;
	text-align: center;
	transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
	width: 100%;
}

.hp-model > .wp-block-button__link::before {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 48' fill='none' stroke='%231e63f0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18.5 36H7v-7c0-2.5 1.7-4.4 4-4.9L25 21l9.5-9.3a8 8 0 0 1 5.6-2.3H96a6 6 0 0 1 5.5 3.7L106 24l4.5 1.8c1.8.7 3 2.4 3 4.4V36H99.5M84.5 36h-51'/%3E%3Cpath d='M37 21l7-6.8a5 5 0 0 1 3.5-1.2H66v8zM70 13h24a4 4 0 0 1 3.7 2.5L100 21H70zM46 6.5h46'/%3E%3Ccircle cx='26' cy='36' r='7'/%3E%3Ccircle cx='26' cy='36' r='2.5'/%3E%3Ccircle cx='92' cy='36' r='7'/%3E%3Ccircle cx='92' cy='36' r='2.5'/%3E%3C/svg%3E") center / contain no-repeat;
	content: "";
	flex: none;
	height: 44px;
	width: 100%;
}

.hp-model--hatch > .wp-block-button__link::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 48' fill='none' stroke='%231e63f0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 36H8v-5c0-3 2-5 5-5.6L28 23l11-9.2a9 9 0 0 1 5.8-1.8H84a6 6 0 0 1 5.5 3.6l6.2 14V36H95M81 36H33'/%3E%3Cpath d='M40 23l7.5-6.6a6 6 0 0 1 3.9-1.4H64v8zM68 15h14a4 4 0 0 1 3.6 2.3L88 23H68z'/%3E%3Ccircle cx='26' cy='36' r='7'/%3E%3Ccircle cx='26' cy='36' r='2.5'/%3E%3Ccircle cx='88' cy='36' r='7'/%3E%3Ccircle cx='88' cy='36' r='2.5'/%3E%3C/svg%3E"); }
.hp-model--sedan > .wp-block-button__link::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 48' fill='none' stroke='%231e63f0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 36H6v-4.5C6 28 9.4 26 13 25.5L31.5 23l10.7-8.7A10 10 0 0 1 48.5 12h28.1a9 9 0 0 1 5.9 2.3L92 22.5l17.6 2.5c2.5.4 4.4 2.4 4.4 5V36H97M83 36H31'/%3E%3Cpath d='M37 23l8.5-7.2a6 6 0 0 1 3.8-1.3H62V23zM66 14.5h10.4a6 6 0 0 1 4 1.6l6.8 6.9H66z'/%3E%3Ccircle cx='24' cy='36' r='7'/%3E%3Ccircle cx='24' cy='36' r='2.5'/%3E%3Ccircle cx='90' cy='36' r='7'/%3E%3Ccircle cx='90' cy='36' r='2.5'/%3E%3C/svg%3E"); }
.hp-model--pickup > .wp-block-button__link::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 48' fill='none' stroke='%231e63f0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 36H6v-6.5c0-2.4 1.7-4.3 4-4.8L23 22l9-9.6a7 7 0 0 1 5.2-2.4H60a3 3 0 0 1 3 3v9h48a3 3 0 0 1 3 3v11h-13M87 36H31'/%3E%3Cpath d='M35 22l6.5-7a4 4 0 0 1 2.9-1.4H58V22zM63 26h48'/%3E%3Ccircle cx='24' cy='36' r='7'/%3E%3Ccircle cx='24' cy='36' r='2.5'/%3E%3Ccircle cx='94' cy='36' r='7'/%3E%3Ccircle cx='94' cy='36' r='2.5'/%3E%3C/svg%3E"); }

.hp-model > .wp-block-button__link:hover {
	background: #fff;
	border-color: var(--b2bt-primary);
	box-shadow: var(--b2bt-shadow-lg);
	color: var(--b2bt-ink);
	transform: translateY(-3px);
}

.hp-model--ask > .wp-block-button__link,
.hp-model--ask > .wp-block-button__link:hover {
	background: linear-gradient(135deg, #1e63f0, #0e3fa8);
	border-color: transparent;
	color: #fff;
}

/* 询价单脚本会给所有指向询价单页的链接追加件数，车型卡片上不需要. */
.hp-model .b2btrade-quote-count {
	display: none;
}

.hp-model--ask > .wp-block-button__link::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 48' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18.5 36H7v-7c0-2.5 1.7-4.4 4-4.9L25 21l9.5-9.3a8 8 0 0 1 5.6-2.3H96a6 6 0 0 1 5.5 3.7L106 24l4.5 1.8c1.8.7 3 2.4 3 4.4V36H99.5M84.5 36h-51'/%3E%3Cpath d='M37 21l7-6.8a5 5 0 0 1 3.5-1.2H66v8zM70 13h24a4 4 0 0 1 3.7 2.5L100 21H70zM46 6.5h46'/%3E%3Ccircle cx='26' cy='36' r='7'/%3E%3Ccircle cx='26' cy='36' r='2.5'/%3E%3Ccircle cx='92' cy='36' r='7'/%3E%3Ccircle cx='92' cy='36' r='2.5'/%3E%3C/svg%3E");
}

/* ---------- 首页：优势 ---------- */

.hp-benefits {
	counter-reset: b2bt-benefit;
	gap: 24px;
	grid-template-columns: repeat(4, 1fr);
}

.hp-benefit {
	background: #fff;
	border: 1px solid var(--b2bt-border);
	border-radius: var(--b2bt-radius);
	counter-increment: b2bt-benefit;
	padding: 28px;
	position: relative;
}

.hp-alt .hp-benefit {
	background: var(--b2bt-bg);
}

.hp-benefit::before {
	background: var(--b2bt-chip) center / 24px no-repeat;
	border-radius: var(--b2bt-radius-sm);
	content: "";
	display: block;
	height: 52px;
	margin-bottom: 18px;
	width: 52px;
}

.hp-benefit:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e63f0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 16v-4l2.2-4.4A2 2 0 0 1 7 6.5h9.2a2 2 0 0 1 1.7 1L20.5 12H21v4'/%3E%3Ccircle cx='7' cy='16.5' r='2'/%3E%3Ccircle cx='17' cy='16.5' r='2'/%3E%3Cpath d='M3 12h18'/%3E%3C/svg%3E"); }
.hp-benefit:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e63f0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6z'/%3E%3Cpath d='M8.5 12l2.5 2.5 4.5-5'/%3E%3C/svg%3E"); }
.hp-benefit:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e63f0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7l9-4 9 4-9 4z'/%3E%3Cpath d='M3 7v10l9 4 9-4V7'/%3E%3Cpath d='M12 11v10'/%3E%3C/svg%3E"); }
.hp-benefit:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e63f0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2L4 14h7l-1 8 9-12h-7z'/%3E%3C/svg%3E"); }

.hp-benefit::after {
	color: var(--b2bt-muted);
	content: "0" counter(b2bt-benefit);
	font-family: var(--b2bt-font-head);
	font-size: 14px;
	inset-block-start: 24px;
	inset-inline-end: 26px;
	opacity: 0.6;
	position: absolute;
}

.hp-benefit h3 {
	font-size: 19px;
	margin: 0 0 8px;
}

.hp-benefit p {
	color: var(--b2bt-muted);
	font-size: 15px;
	margin: 0;
}

/* ---------- 首页：询价引导 ---------- */

.hp-cta-section {
	padding-top: 0;
}

.hp-alt + .hp-cta-section {
	background: #fff;
	padding-top: 0;
}

.hp-cta {
	align-items: center;
	background: linear-gradient(115deg, #0a1730 0%, #10306a 55%, #1e63f0 120%);
	border-radius: 22px;
	color: #fff;
	display: grid;
	gap: 12px 32px;
	grid-template-columns: 1fr auto;
	overflow: hidden;
	padding: 56px;
	position: relative;
}

/* 右上角的同心圆装饰. */
.hp-cta::after {
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 50%;
	box-shadow: 0 0 0 40px rgba(255, 255, 255, 0.03), 0 0 0 80px rgba(255, 255, 255, 0.02);
	content: "";
	height: 320px;
	inset-block-start: -80px;
	inset-inline-end: -80px;
	pointer-events: none;
	position: absolute;
	width: 320px;
}

.hp-cta-section .hp-cta > * {
	margin-inline: 0 !important;
	max-width: none !important;
}

.hp-cta > h2 {
	color: #fff;
	font-size: clamp(26px, 3vw, 36px);
	grid-column: 1;
	margin: 0;
}

.hp-cta > p {
	grid-column: 1;
	margin: 0;
	max-width: 560px;
	opacity: 0.85;
}

.hp-cta > .wp-block-buttons {
	grid-column: 2;
	grid-row: 1 / span 2;
	margin: 0;
	position: relative;
	z-index: 1;
}

.hp-cta .wp-block-button__link {
	background: var(--b2bt-accent);
	color: var(--b2bt-accent-ink);
	padding: 15px 28px;
}

.hp-cta .wp-block-button__link:hover {
	background: #3be0d0;
	color: var(--b2bt-accent-ink);
}

/* ---------- 商品列表（首页精选、商品页、分类页、车型页通用） ---------- */

.woocommerce ul.products,
.woocommerce-page ul.products {
	column-gap: 24px;
	row-gap: 24px;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	background: #fff;
	border: 1px solid var(--b2bt-border);
	border-radius: var(--b2bt-radius);
	box-shadow: var(--b2bt-shadow);
	display: flex;
	flex-direction: column;
	margin: 0;
	overflow: hidden;
	padding: 0;
	transition: transform 0.2s, box-shadow 0.2s;
}

.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
	box-shadow: var(--b2bt-shadow-lg);
	transform: translateY(-3px);
}

.woocommerce ul.products li.product .astra-shop-thumbnail-wrap {
	background: var(--b2bt-img-bg);
	margin: 0;
	position: relative;
}

.woocommerce ul.products li.product .astra-shop-thumbnail-wrap img {
	aspect-ratio: 1 / 1;
	margin: 0;
	object-fit: cover;
	width: 100%;
}

/*
 * 卡片排版：询价按钮挂在列表项上（b2b-trade-core 的 woocommerce_after_shop_loop_item），
 * 不在 Astra 的摘要块里.把摘要块设成 display: contents，里面的分类、标题、价格和外面的按钮
 * 都成了卡片网格的直接子项：前几行放文字，第 9 行是弹性空白，按钮固定在第 10 行，各卡片按钮对齐.
 */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	align-content: stretch;
	column-gap: 8px;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-rows: repeat(8, auto) 1fr auto auto;
	padding-bottom: 18px;
}

.woocommerce ul.products li.product > *,
.woocommerce ul.products li.product .astra-shop-summary-wrap > * {
	grid-column: 1 / -1;
	margin-inline: 18px;
}

.woocommerce ul.products li.product .astra-shop-summary-wrap {
	display: contents;
}

.woocommerce ul.products li.product > .astra-shop-thumbnail-wrap {
	margin: 0 0 14px;
}

.woocommerce ul.products li.product .ast-woo-product-category {
	color: var(--b2bt-primary);
	font-size: 12.5px;
	font-weight: 600;
	margin-bottom: 4px;
	opacity: 1;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	color: var(--b2bt-ink);
	font-size: 17px;
	font-weight: 700;
	line-height: 1.3;
	margin: 0;
	padding: 0;
}

.woocommerce ul.products li.product .ast-loop-product__link {
	margin-bottom: 4px;
}

.woocommerce ul.products li.product .price {
	color: var(--b2bt-ink);
	font-family: var(--b2bt-font-head);
	font-size: 18px;
	font-weight: 700;
	margin-top: 2px;
}

.woocommerce ul.products li.product .price del {
	color: var(--b2bt-muted);
	font-family: var(--b2bt-font-body);
	font-size: 13px;
	font-weight: 400;
}

/* 按钮行：默认（详细了解、加购）是右边的方形图标按钮，文字藏起来，读屏软件读它自带的 aria-label. */
.woocommerce ul.products li.product .button {
	background: #fff center / 18px no-repeat;
	border-color: var(--b2bt-border-strong);
	color: transparent;
	font-size: 0;
	grid-column: 2;
	grid-row: 10;
	height: 42px;
	margin: 14px 0 0;
	min-height: 0;
	padding: 0;
	width: 42px;
}

/* 摘要块里的按钮另有 Astra 的外边距规则，这里多写一级把右侧留白压回来. */
.woocommerce ul.products li.product .astra-shop-summary-wrap .button:not(.b2btrade-quote-add) {
	margin-inline: 0 18px;
}

.woocommerce ul.products li.product:not(:has(.b2btrade-quote-add)) .astra-shop-summary-wrap .button {
	margin-inline: 18px;
}

.woocommerce ul.products li.product .button:hover {
	background-color: #fff;
	border-color: var(--b2bt-primary);
}

.woocommerce ul.products li.product .button:not(.add_to_cart_button):not(.b2btrade-quote-add) {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d1b2e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
}

[dir="rtl"] .woocommerce ul.products li.product .button:not(.add_to_cart_button):not(.b2btrade-quote-add) {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d1b2e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M11 6l-6 6 6 6'/%3E%3C/svg%3E");
}

.woocommerce ul.products li.product .add_to_cart_button {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d1b2e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.2 10.2a2 2 0 0 0 2 1.6h7.6a2 2 0 0 0 2-1.5L21 8H6'/%3E%3Ccircle cx='10' cy='20' r='1.3'/%3E%3Ccircle cx='17' cy='20' r='1.3'/%3E%3C/svg%3E");
}

/* 询价按钮：左边占宽的主按钮. */
.woocommerce ul.products li.product .button.b2btrade-quote-add {
	background: var(--b2bt-primary);
	border-color: transparent;
	color: #fff;
	font-size: 14px;
	grid-column: 1;
	margin: 14px 0 0;
	margin-inline-start: 18px;
	padding: 0 12px;
	width: auto;
}

.woocommerce ul.products li.product .button.b2btrade-quote-add:hover {
	background: var(--b2bt-primary-hover);
}

/* 不接受询价的商品只有一个按钮（加购或详细了解）：占满整行，画成主按钮. */
.woocommerce ul.products li.product:not(:has(.b2btrade-quote-add)) .button {
	background: var(--b2bt-primary);
	border-color: transparent;
	color: #fff;
	font-size: 14px;
	grid-column: 1 / -1;
	margin-inline: 18px;
	padding: 0 12px;
	width: auto;
}

.woocommerce ul.products li.product:not(:has(.b2btrade-quote-add)) .button:hover {
	background: var(--b2bt-primary-hover);
}

.woocommerce ul.products li.product .b2btrade-quote-note,
.woocommerce ul.products li.product .added_to_cart {
	grid-row: 11;
}

.woocommerce ul.products li.product .ast-onsale-card,
.woocommerce span.onsale {
	background: var(--b2bt-accent);
	border-radius: 999px;
	color: var(--b2bt-accent-ink);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1;
	min-height: 0;
	min-width: 0;
	padding: 6px 10px;
	text-transform: uppercase;
}

/* ---------- 商品列表页的页头、排序 ---------- */

.woocommerce-products-header__title.page-title,
.ast-archive-title {
	font-size: clamp(28px, 3.4vw, 40px);
}

.woocommerce .woocommerce-breadcrumb,
.woocommerce-page .woocommerce-breadcrumb {
	color: var(--b2bt-muted);
	font-size: 13px;
}

.woocommerce .woocommerce-ordering select,
.woocommerce-page .woocommerce-ordering select {
	background-color: #fff;
	border: 1.5px solid var(--b2bt-border);
	border-radius: var(--b2bt-radius-sm);
	padding: 8px 12px;
}

/* ---------- 商品详情 ---------- */

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper,
.single-product div.product .woocommerce-product-gallery .flex-viewport {
	background: var(--b2bt-img-bg);
	border: 1px solid var(--b2bt-border);
	border-radius: var(--b2bt-radius);
	overflow: hidden;
}

.single-product div.product .flex-control-thumbs li img {
	border-radius: var(--b2bt-radius-sm);
}

.single-product div.product .product_title {
	font-size: clamp(28px, 3.2vw, 40px);
	line-height: 1.15;
	margin-bottom: 12px;
}

.single-product div.product .summary .single-product-category a {
	color: var(--b2bt-primary);
	font-size: 13px;
	font-weight: 600;
}

.single-product div.product .summary .price {
	color: var(--b2bt-ink);
	font-family: var(--b2bt-font-head);
	font-weight: 700;
}

/* Astra 给仅询价商品留的空价格段落（Plan.md M2-2 记过）不占位. */
.single-product div.product .summary .price:empty {
	display: none;
}

.single-product div.product .summary .woocommerce-product-details__short-description {
	color: var(--b2bt-text);
}

.single-product div.product .product_meta {
	border-top: 1px solid var(--b2bt-border);
	color: var(--b2bt-muted);
	font-size: 14px;
	margin-top: 24px;
	padding-top: 16px;
}

.single-product div.product .product_meta > span {
	display: block;
	margin-bottom: 4px;
}

.single-product div.product .summary .single_add_to_cart_button,
.single-product div.product .summary .b2btrade-quote-add--single {
	min-height: 48px;
	padding-inline: 26px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
	border-bottom: 1px solid var(--b2bt-border);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	color: var(--b2bt-muted);
	font-weight: 600;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	color: var(--b2bt-ink);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
	background: var(--b2bt-primary);
}

/* ---------- 询价表单（b2b-trade-core） ---------- */

body .b2btrade-inquiry {
	background: #fff;
	border: 1px solid var(--b2bt-border);
	border-radius: var(--b2bt-radius);
	box-shadow: var(--b2bt-shadow);
	margin: 28px 0;
	padding: 28px;
}

body .b2btrade-inquiry__title {
	font-family: var(--b2bt-font-head);
	font-size: 22px;
	font-weight: 800;
	margin-bottom: 6px;
}

body .b2btrade-inquiry__intro {
	color: var(--b2bt-muted);
	font-size: 14.5px;
	margin-bottom: 20px;
}

/* 两列排字段；留言、同意勾选、提交按钮和提示占满一行. */
body .b2btrade-inquiry__form {
	gap: 14px;
	grid-template-columns: 1fr 1fr;
}

body .b2btrade-inquiry__form > *:not(.b2btrade-inquiry__field),
body .b2btrade-inquiry__field--consent,
body .b2btrade-inquiry__field:has(textarea) {
	grid-column: 1 / -1;
}

body .b2btrade-inquiry__field label,
body .b2btrade-download__field label {
	color: var(--b2bt-ink);
	font-size: 13px;
	font-weight: 600;
}

body .b2btrade-inquiry__field input,
body .b2btrade-inquiry__field select,
body .b2btrade-inquiry__field textarea,
body .b2btrade-quote__field input,
body .b2btrade-download__field input {
	background: #fff;
	border: 1.5px solid var(--b2bt-border);
	border-radius: var(--b2bt-radius-sm);
	color: var(--b2bt-ink);
	font-size: 15px;
	padding: 11px 14px;
	transition: border-color 0.15s, box-shadow 0.15s;
}

body .b2btrade-inquiry__field input:focus,
body .b2btrade-inquiry__field select:focus,
body .b2btrade-inquiry__field textarea:focus,
body .b2btrade-quote__field input:focus,
body .b2btrade-download__field input:focus {
	border-color: var(--b2bt-primary);
	box-shadow: var(--b2bt-focus);
	outline: none;
}

body .b2btrade-inquiry__field--invalid input,
body .b2btrade-inquiry__field--invalid select,
body .b2btrade-inquiry__field--invalid textarea {
	border-color: #dc2626;
}

body .b2btrade-inquiry__field--consent label {
	color: var(--b2bt-muted);
	font-size: 13.5px;
	font-weight: 400;
}

body .b2btrade-inquiry__field--consent input[type="checkbox"] {
	accent-color: var(--b2bt-primary);
	box-shadow: none;
	padding: 0;
}

body .b2btrade-inquiry__submit {
	justify-self: stretch;
	padding: 14px;
}

/* ---------- 询价单页 ---------- */

body .b2btrade-quote__item {
	border-color: var(--b2bt-border);
}

body .b2btrade-quote__image {
	background: var(--b2bt-img-bg);
	border-radius: var(--b2bt-radius-sm);
}

body .b2btrade-quote__name {
	color: var(--b2bt-ink);
	font-family: var(--b2bt-font-head);
}

body .b2btrade-quote__remove {
	background: #fff;
	border: 1.5px solid var(--b2bt-border-strong);
	border-radius: var(--b2bt-radius-sm);
	color: var(--b2bt-ink);
}

body .b2btrade-quote__remove:hover {
	border-color: #dc2626;
	color: #dc2626;
}

/* ---------- 下载页 ---------- */

body .b2btrade-download {
	background: #fff;
	border: 1px solid var(--b2bt-border);
	border-radius: var(--b2bt-radius);
	box-shadow: var(--b2bt-shadow);
}

body .b2btrade-download__title {
	font-family: var(--b2bt-font-head);
}

body .b2btrade-download__meta {
	color: var(--b2bt-muted);
}

/* ---------- 普通页面（关于我们、联系、询价单、下载） ---------- */

.page:not(.home) .entry-title {
	font-size: clamp(30px, 3.6vw, 44px);
}

.ast-separate-container .ast-article-single:not(.ast-related-post),
.ast-separate-container .ast-article-post {
	border-radius: var(--b2bt-radius);
}

/* ---------- 页脚 ---------- */

.b2bt-footer {
	background: #07111f;
	color: #e8eef7;
	font-size: 14.5px;
	padding-top: 72px;
}

.b2bt-footer__grid {
	display: grid;
	gap: 40px;
	grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
}

.b2bt-footer__logo {
	align-items: center;
	color: #fff;
	display: inline-flex;
	font-family: var(--b2bt-font-head);
	font-size: 22px;
	font-weight: 800;
	gap: 10px;
	letter-spacing: -0.02em;
	text-decoration: none;
}

.b2bt-footer__logo::before {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M13 2L4 14h7l-1 8 9-12h-7z'/%3E%3C/svg%3E") center / 20px no-repeat, linear-gradient(135deg, #1e63f0, #14d3c1);
	border-radius: 10px;
	content: "";
	height: 36px;
	width: 36px;
}

.b2bt-footer__logo:hover,
.b2bt-footer__logo:focus {
	color: #fff;
}

.b2bt-footer__brand p {
	color: #8fa3bf;
	margin: 16px 0 0;
	max-width: 320px;
}

.b2bt-footer__title {
	color: #e8eef7;
	font-family: var(--b2bt-font-body);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.1em;
	margin: 0 0 16px;
	text-transform: uppercase;
}

.b2bt-footer ul {
	display: grid;
	gap: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.b2bt-footer li {
	margin: 0;
}

.b2bt-footer a {
	color: #8fa3bf;
	text-decoration: none;
}

.b2bt-footer a:hover,
.b2bt-footer a:focus {
	color: #fff;
}

.b2bt-footer__contact li {
	align-items: flex-start;
	color: #8fa3bf;
	display: flex;
	gap: 10px;
}

.b2bt-footer__contact .b2bt-icon {
	color: var(--b2bt-accent);
	height: 17px;
	margin-top: 3px;
	width: 17px;
}

.b2bt-footer .b2bt-footer__quote {
	align-items: center;
	border: 1.5px solid rgba(255, 255, 255, 0.2);
	border-radius: var(--b2bt-radius-sm);
	color: #fff;
	display: inline-flex;
	font-weight: 600;
	gap: 8px;
	margin-top: 20px;
	padding: 10px 16px;
}

.b2bt-footer .b2bt-footer__quote:hover {
	border-color: var(--b2bt-accent);
	color: var(--b2bt-accent);
}

/* 询价单脚本会在链接末尾追加件数，箭头排到最后. */
.b2bt-footer__quote .b2bt-icon {
	order: 1;
}

[dir="rtl"] .b2bt-footer__quote .b2bt-icon {
	transform: scaleX(-1);
}

.b2bt-footer__bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	color: #8fa3bf;
	display: flex;
	flex-wrap: wrap;
	font-size: 13px;
	gap: 16px;
	justify-content: space-between;
	margin-top: 56px;
	padding: 20px 0;
}

/* 右下角固定着 WhatsApp 和语言按钮，页脚最后一行留出位置，免得版权被挡住. */
.b2bt-footer__bottom {
	padding-inline-end: 80px;
}

/* ---------- 窄屏 ---------- */

@media (max-width: 1080px) {
	.hp-models {
		grid-template-columns: repeat(4, 1fr);
	}

	.hp-benefits {
		grid-template-columns: repeat(2, 1fr);
	}

	.b2bt-footer__grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 921px) {
	.hp-hero__grid {
		gap: 40px;
		grid-template-columns: 1fr;
	}

	.hp-hero__media {
		margin-inline: auto;
		max-width: 520px;
		width: 100%;
	}

	.hp-cards {
		grid-template-columns: 1fr;
	}

	.hp-cta {
		grid-template-columns: 1fr;
		padding: 40px 32px;
	}

	.hp-cta > .wp-block-buttons {
		grid-column: 1;
		grid-row: auto;
		margin-top: 12px;
	}
}

@media (max-width: 782px) {
	.admin-bar #masthead {
		top: 46px;
	}

	.b2bt-topbar__tagline {
		display: none;
	}

	.b2bt-topbar__inner {
		gap: 16px;
		justify-content: center;
	}

	.hp-hero {
		padding: 56px 16px;
	}

	.hp-section {
		padding: 56px 16px;
	}

	.hp-stats {
		gap: 20px;
		margin-top: 36px;
	}

	.hp-stats strong {
		font-size: 21px;
	}

	.hp-trust {
		padding: 0 16px;
	}

	.hp-trust__grid {
		grid-template-columns: 1fr 1fr;
	}

	.hp-trust__item,
	.hp-trust__item:first-child {
		border-inline-start: 0;
		padding: 16px 8px 16px 0;
	}

	.hp-trust__item::before {
		height: 38px;
		width: 38px;
	}

	.hp-trust__item strong {
		font-size: 15px;
	}

	.hp-card {
		padding: 22px;
	}

	.hp-card::before,
	.hp-card::after {
		height: 64px;
		inset-block-start: 20px;
		inset-inline-end: 20px;
		width: 64px;
	}

	.hp-card::before {
		background-size: 36px;
	}

	.hp-card > h3,
	.hp-card > p:not(.hp-more) {
		padding-inline-end: 76px;
	}

	.hp-card > h3 {
		font-size: 20px;
	}

	.hp-sublist {
		grid-template-columns: 1fr;
	}

	.hp-models {
		gap: 10px;
		grid-template-columns: repeat(2, 1fr);
	}

	.hp-benefits {
		grid-template-columns: 1fr;
	}

	.hp-cta {
		padding: 32px 24px;
	}

	.b2bt-footer__grid {
		gap: 28px;
		grid-template-columns: 1fr;
	}

	body .b2btrade-inquiry {
		padding: 20px;
	}

	body .b2btrade-inquiry__form {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 600px) {
	.admin-bar #masthead {
		top: 0;
	}

	/* 手机上商品两列，卡片窄：只留询价按钮，占满整行；点卡片标题照样进详情页. */
	.woocommerce ul.products li.product > *,
	.woocommerce ul.products li.product .astra-shop-summary-wrap > * {
		margin-inline: 12px;
	}

	.woocommerce ul.products li.product > .astra-shop-thumbnail-wrap {
		margin-inline: 0;
	}

	.woocommerce ul.products li.product .woocommerce-loop-product__title {
		font-size: 15px;
	}

	.woocommerce ul.products li.product:has(.b2btrade-quote-add) .button:not(.b2btrade-quote-add) {
		display: none;
	}

	.woocommerce ul.products li.product .button.b2btrade-quote-add {
		font-size: 13px;
		grid-column: 1 / -1;
		margin-inline: 12px;
	}
}