/**
 * mobile-app.css — 移动端「类 App」体验打磨层
 * 2026-10-06 · 金刚：移动端体验对齐原生 App
 * --------------------------------------------------------------------------
 * 原则：
 *   1) 仅移动端生效（窄屏 / 触屏媒体查询），桌面零影响；
 *   2) 尺寸一律用固定 px —— 父主题根字号随视口流动（390px 时 1rem≈8.8px），
 *      用 rem 会算得过小；
 *   3) 触控热区目标 ≥ 40–44px；
 *   4) 统一按压反馈替代 hover；去 300ms 点击延迟 / 双击缩放。
 *
 * 分节：
 *   1 刘海安全区 · 2 触屏手感/按压反馈 · 3 触控热区 · 4 小字号下限
 *   5 页脚/面包屑/账户/PDP 链接 · 6 抽屉弹窗惯性 · 7 选中抑制
 *   8 购物车数量/删除 · 9 回顶按钮 · 10 横向滚动惯性 · 11 复选框热区
 *   12 触屏 hover 复位 · 13 无障碍（减少动效）
 */

/* ----------------------------------------------------------------
   1. 刘海屏安全区（需 <meta viewport ... viewport-fit=cover>）
   ---------------------------------------------------------------- */
@supports (padding: env(safe-area-inset-top)) {
	@media (max-width: 991.98px) {
		.wf_mobilenav.is--sticky,
		.wf_navbar-wrapper.is--sticky.on {
			padding-top: env(safe-area-inset-top);
		}
		.unishelf-tabbar {
			padding-left: env(safe-area-inset-left);
			padding-right: env(safe-area-inset-right);
		}
	}
}

/* ----------------------------------------------------------------
   2. 触屏手感：去延迟 / 去双击缩放 / 去高亮 / 按压反馈
   ---------------------------------------------------------------- */
@media (hover: none), (pointer: coarse) {
	a,
	button,
	[role="button"],
	input,
	select,
	textarea,
	label,
	summary,
	.unishelf-tab,
	.unishelf-chip {
		touch-action: manipulation;
	}

	.unishelf-tab,
	.unishelf-chip,
	.unishelf-lang,
	.unishelf-hero-arrow,
	.unishelf-hero-dot,
	.usx-pdp-back,
	.usx-pdp-sku-copy,
	.unishelf-card-hit,
	.unishelf-mobile-bar-actions button,
	.button,
	button {
		-webkit-tap-highlight-color: transparent;
		transition: transform .08s ease, filter .08s ease, background-color .2s ease;
	}

	/* 小控件：轻微缩放 */
	.unishelf-tab:active,
	.unishelf-chip:active,
	.unishelf-lang:active,
	.unishelf-hero-arrow:active,
	.unishelf-hero-dot:active,
	.usx-pdp-back:active {
		transform: scale(.94);
	}

	/* CTA：变暗 */
	.unishelf-mobile-bar-actions button:active,
	.wc-block-components-button:active,
	#place_order:active,
	.checkout-button:active,
	.button:active,
	button:active {
		filter: brightness(.93);
	}
}

/* ----------------------------------------------------------------
   3. 触控热区 ≥ 40–44px
   ---------------------------------------------------------------- */
@media (max-width: 991.98px) {
	/* 首页 Hero 左右箭头（原 24px） */
	.unishelf-hero-arrow {
		width: 42px !important;
		height: 42px !important;
		font-size: 18px !important;
	}

	/* 分类 / 标题 chips */
	.unishelf-chip {
		display: inline-flex;
		align-items: center;
		min-height: 40px;
	}

	/* 语言胶囊（顶栏） */
	.unishelf-lang {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 40px !important;
		min-height: 40px !important;
	}

	/* 分页 */
	.woocommerce nav.woocommerce-pagination ul li .page-numbers {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 44px !important;
		min-height: 44px !important;
		line-height: 1 !important;
	}

	/* 排序下拉 */
	body.woocommerce form.woocommerce-ordering select.orderby,
	select.orderby {
		min-height: 44px !important;
	}

	/* PDP 返回 / SKU 复制 */
	.usx-pdp-back,
	.usx-pdp-sku-copy {
		min-height: 44px !important;
	}

	/* 购物车 / 结账步骤条节点 */
	.unishelf-step-node {
		min-width: 44px !important;
		min-height: 44px !important;
	}

	/* 显示密码图标 */
	.woocommerce form .show-password-input {
		width: 44px !important;
		height: 44px !important;
	}

	/* 表单控件：舒适高度 + 16px 字号（iOS 聚焦不缩放） */
	.woocommerce form .form-row input.input-text,
	.woocommerce form .form-row select,
	.woocommerce form .form-row textarea {
		min-height: 46px;
		font-size: 16px;
	}
}

/* ----------------------------------------------------------------
   4. 小字号下限（可读性）
   ---------------------------------------------------------------- */
@media (max-width: 991.98px) {
	/* 公告条必须保持单行（放大字号会导致换行、头部变高） */
	.usx-trustbar__l1,
	.usx-trustbar__l2 {
		font-size: 11px !important;
		white-space: nowrap;
	}
	.usx-hot-badge {
		font-size: 11.5px !important;
	}
	.usx-coupon-flag {
		font-size: 12px !important;
	}
	.usx-pdp-sku-val,
	.usx-pdp-bluf {
		font-size: 12px !important;
	}
	.usx-footer__value,
	.usx-footer__legal-a {
		font-size: 12px !important;
	}
	.unishelf-tab span {
		font-size: 11px !important;
	}
}

/* ----------------------------------------------------------------
   5. 页脚 / 面包屑 / 账户 / PDP 元信息：可点区域加大
   ---------------------------------------------------------------- */
@media (max-width: 991.98px) {
	/* 页脚联系方式（整行可点） */
	.usx-footer__item > a,
	.usx-footer__contact a {
		display: flex;
		align-items: center;
		min-height: 44px;
	}

	/* 页脚法务链接 */
	.usx-footer__legal {
		display: flex;
		flex-wrap: wrap;
		gap: 4px 14px;
	}
	.usx-footer__legal-a {
		display: inline-flex;
		align-items: center;
		min-height: 40px;
	}

	/* 面包屑 */
	.wf_pagetitle_breadcrumb a,
	.breadcrumb-item a {
		padding: 10px 0;
	}

	/* 账户页表单按钮 / 复选框 */
	.woocommerce form .button,
	.woocommerce-page form .button,
	.woocommerce .woocommerce-button,
	button.woocommerce-button,
	.woocommerce-Button {
		min-height: 44px;
	}
	.woocommerce-form__input-checkbox {
		width: 22px !important;
		height: 22px !important;
	}

	/* PDP：分类 kicker / 属性标签 / WhatsApp 按钮 / 账户内联链接 */
	.unishelf-kicker a,
	.product_meta span.posted_in a,
	.product_meta span.tagged_as a {
		display: inline-block;
		padding: 8px 0;
	}
	.usx-prod-wa {
		min-height: 44px;
		display: inline-flex;
		align-items: center;
	}
	.lost_password a,
	.woocommerce-privacy-policy-link {
		display: inline-block;
		padding: 10px 0;
	}

	/* 页内锚点不被吸顶导航遮住 */
	:target,
	[id] {
		scroll-margin-top: 150px;
	}
}

/* ----------------------------------------------------------------
   6. 抽屉 / 底部弹窗：惯性滚动 + 不把滚动传给页面
   ---------------------------------------------------------------- */
@media (hover: none), (pointer: coarse) {
	.unishelf-drawer,
	.unishelf-drawer-content,
	.unishelf-sku-sheet,
	.usx-sku-sheet,
	.unishelf-qb-body,
	/* ⚠️ 2026-10-07：属性子串选择器会误命中 <body>（body 有 usx-sheet-pdp 类，
	   含 “-sheet”）→ body 被设 overscroll-behavior:contain，叠加父主题残留的
	   body.overlay--enabled{overflow:hidden}，整页触屏滚动被锁死（桌面/键盘仍可滚）。
	   故排除 body/html。 */
	[class*="-sheet"]:not(body):not(html),
	[class*="drawer"]:not(body):not(html) {
		-webkit-overflow-scrolling: touch;
		overscroll-behavior: contain;
	}
}

/* ----------------------------------------------------------------
   7. 选中抑制（像原生控件，长按不弹选择菜单）
   ---------------------------------------------------------------- */
@media (max-width: 991.98px) {
	.unishelf-tabbar,
	.unishelf-tabbar *,
	.unishelf-tab,
	.unishelf-lang,
	.unishelf-chip,
	.wf_mobilenav,
	.unishelf-mobile-bar,
	.unishelf-mobile-bar *,
	.unishelf-step,
	.unishelf-step-node,
	.unishelf-hero-arrow,
	.unishelf-hero-dot,
	.usx-pdp-back,
	.wf_mobilenav-toggles,
	.button,
	button {
		-webkit-user-select: none;
		user-select: none;
	}
}

/* ----------------------------------------------------------------
   8. 购物车区块：数量步进 / 删除链接 触控加大
   ---------------------------------------------------------------- */
@media (max-width: 991.98px) {
	.wc-block-components-quantity-selector {
		height: 44px !important;
		min-width: auto !important;
	}
	.wc-block-components-quantity-selector__button {
		min-width: 44px !important;
		min-height: 44px !important;
	}
	.wc-block-components-quantity-selector__input {
		min-width: 44px !important;
		height: 44px !important;
		font-size: 16px !important;
	}
	.wc-block-cart-item__remove-link {
		min-width: 44px !important;
		min-height: 44px !important;
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
	}
}

/* ----------------------------------------------------------------
   9. 回顶按钮：抬高到底部导航 / 购条之上，避免重叠
   ---------------------------------------------------------------- */
@media (max-width: 991.98px) {
	body:not(.single-product) .wf_uptop {
		bottom: calc(64px + env(safe-area-inset-bottom)) !important;
	}
	body.single-product .wf_uptop {
		bottom: calc(80px + env(safe-area-inset-bottom)) !important;
	}
}

/* ----------------------------------------------------------------
   10. 横向滚动容器惯性（分类圆标 / 商品组 / 轮播）
   ---------------------------------------------------------------- */
@media (max-width: 991.98px) {
	.usx-cats-track,
	.unishelf-cat-scroller,
	.usx-deals-track,
	[class*="scroller"],
	[class*="carousel"] {
		-webkit-overflow-scrolling: touch;
	}
}

/* ----------------------------------------------------------------
   11. 复选框（记住我 / 条款）热区加大
   ---------------------------------------------------------------- */
@media (max-width: 991.98px) {
	.woocommerce-form__label-for-checkbox,
	.woocommerce-form__label {
		min-height: 44px;
		display: inline-flex;
		align-items: center;
		gap: 8px;
	}
}

/* ----------------------------------------------------------------
   12. 触屏无 hover：去掉粘滞 hover 残留
   ---------------------------------------------------------------- */
@media (hover: none) {
	.unishelf-tab:hover,
	.unishelf-lang:hover,
	.unishelf-chip:hover {
		color: inherit;
	}
}

/* ----------------------------------------------------------------
   14. 底部 Tab：改 flex 自适应（新增「购物车」后列数变化）+ 角标
   ---------------------------------------------------------------- */
@media (max-width: 991.98px) {
	.unishelf-tabbar {
		display: flex;
	}
	.unishelf-tab {
		flex: 1 1 0;
		min-width: 0;
	}
	.unishelf-tab .unishelf-tab-badge {
		position: absolute;
		top: 6px;
		left: 50%;
		margin-left: 4px;
		min-width: 16px;
		height: 16px;
		padding: 0 4px;
		border-radius: 9px;
		background: #D2451F;
		color: #fff;
		font-size: 10px !important;
		line-height: 16px !important;
		font-weight: 700;
		text-align: center;
		box-shadow: 0 0 0 2px #fff;
	}
	.unishelf-tab .unishelf-tab-badge[hidden] {
		display: none;
	}
}

/* ----------------------------------------------------------------
   15. 顶栏搜索入口 + 全屏搜索浮层
   ---------------------------------------------------------------- */
@media (max-width: 991.98px) {
	/* 顶栏购物车已由底部 Tab「购物车」取代（金刚 2026-10-06） */
	.wf_mobilenav .wf_navbar-cart-item {
		display: none !important;
	}
	/* 顶栏搜索入口的样式见文末 §20（2026-10-07 改为「中间搜索框」） */
}

.usx-search {
	position: fixed;
	inset: 0;
	z-index: 100000;
	background: rgba(15, 20, 20, .45);
	opacity: 0;
	pointer-events: none;
	transition: opacity .2s ease;
}
.usx-search.is-open {
	opacity: 1;
	pointer-events: auto;
}
.usx-search__panel {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	background: #fff;
	border-radius: 0 0 16px 16px;
	padding: calc(10px + env(safe-area-inset-top)) 12px 10px;
	box-shadow: 0 8px 30px rgba(0, 0, 0, .14);
	transform: translateY(-100%);
	transition: transform .24s ease;
	max-height: calc(100% - 40px);
	display: flex;
	flex-direction: column;
}
.usx-search.is-open .usx-search__panel {
	transform: translateY(0);
}
.usx-search__bar {
	display: flex;
	align-items: center;
	gap: 8px;
}
.usx-search__ico {
	color: #9a9aa0;
	font-size: 16px;
}
.usx-search__input {
	flex: 1 1 auto;
	min-width: 0;
	height: 44px;
	border: 0;
	border-radius: 10px;
	background: #F2F1EE;
	padding: 0 14px;
	font-size: 16px;
	color: #1A1A17;
	-webkit-appearance: none;
	appearance: none;
}
.usx-search__input:focus {
	outline: 2px solid rgba(26, 58, 58, .25);
}
.usx-search__cancel {
	flex: 0 0 auto;
	height: 44px;
	padding: 0 4px;
	border: 0;
	background: transparent;
	color: #D2451F;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
}
.usx-search__body {
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
	margin-top: 8px;
}
.usx-search__item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 4px;
	text-decoration: none;
	color: #1A1A17;
	border-bottom: 1px solid rgba(0, 0, 0, .05);
}
.usx-search__item img,
.usx-search__ph {
	width: 46px;
	height: 46px;
	border-radius: 8px;
	object-fit: cover;
	background: #F2F1EE;
	flex: 0 0 auto;
}
.usx-search__meta {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}
.usx-search__name {
	font-size: 14px;
	font-weight: 600;
	color: #1A1A17;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.usx-search__price {
	font-size: 14px;
	font-weight: 700;
	color: #D2451F;
}
.usx-search__empty {
	padding: 22px 6px;
	text-align: center;
	color: #8a8a8f;
	font-size: 14px;
}
.usx-search__all {
	display: block;
	text-align: center;
	padding: 14px;
	color: #1A3A3A;
	font-weight: 600;
	font-size: 14px;
	text-decoration: none;
}
body.usx-search-open {
	overflow: hidden;
}

/* ----------------------------------------------------------------
   16. 商店/分类归档：顶部工具栏（分类下拉 + 排序下拉）— 2026-10-08 金刚
   移动端：左分类、右排序，两个统一样式的精致下拉；桌面：分类下拉隐藏（桌面有导航）。
   ---------------------------------------------------------------- */
.unishelf-cat-chips {
	display: none;
}
@media (max-width: 991.98px) {
	.usx-shop-toolbar {
		display: flex;
		align-items: center;
		gap: 10px;
		margin: 0 0 12px;
	}
	.usx-shop-toolbar .unishelf-cat-chips {
		display: block;
		flex: 1 1 auto;
		min-width: 0;
		margin: 0;
	}
	.usx-shop-toolbar .woocommerce-ordering {
		flex: 0 0 auto;
		margin: 0;
		max-width: 100%;
	}
	/* 排序表单自身可能带 min-height / padding，拉矮到与左侧同高 */
	#page .usx-shop-toolbar .woocommerce-ordering {
		display: flex !important;
		align-items: center !important;
		height: 40px !important;
		min-height: 40px !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	.usx-select-wrap--cat {
		display: block;
		width: 100%;
	}
	/* 两个下拉统一样式：白底 + 细描边 + 圆角 + 自定义箭头（#page 提升优先级，压过父主题 select 的 !important） */
	#page .usx-shop-toolbar select.usx-cat-select,
	#page .usx-shop-toolbar .woocommerce-ordering select.orderby {
		-webkit-appearance: none !important;
		appearance: none !important;
		box-sizing: border-box;
		height: 40px !important;
		min-height: 40px !important;
		max-height: 40px !important;
		margin: 0 !important;
		padding: 0 34px 0 14px !important;
		border: 1px solid #E4E1DA !important;
		border-radius: 12px !important;
		background-color: #fff !important;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B6B6B' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
		background-repeat: no-repeat !important;
		background-position: right 12px center !important;
		background-size: 14px 14px !important;
		color: #1A1A17 !important;
		font-size: 13px !important;
		font-weight: 600 !important;
		line-height: 38px !important;
		box-shadow: 0 1px 2px rgba(26, 26, 23, .04);
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	#page .usx-shop-toolbar select.usx-cat-select {
		width: 100%;
	}
	#page .usx-shop-toolbar .woocommerce-ordering select.orderby {
		width: auto;
		min-width: 116px;
		max-width: 46vw;
	}
}

/* ----------------------------------------------------------------
   16b. 购物车：结算按钮上方只留一条分割线（2026-10-08 金刚）
   原本「订单摘要块底边线」与「吸附结算条 border-top」相距 ~15px → 看似两条。
   去掉前者，只保留吸附条的顶部分割线。
   ---------------------------------------------------------------- */
@media (max-width: 991.98px) {
	body.woocommerce-cart .wc-block-cart .wp-block-woocommerce-cart-order-summary-block {
		border-bottom: 0 !important;
	}
}

/* ----------------------------------------------------------------
   16c. 结账：粘贴地址框折叠成一行，点开才展开（2026-10-08 金刚）
   原「Delivery address」下方那块 270px 粘贴框太占空白 → 移动端默认收起。
   仅在 JS 加上 .usx-paste-collapsible 后生效（无 JS 时保持原样，安全）。
   ---------------------------------------------------------------- */
@media (max-width: 991.98px) {
	.usx-paste-collapsible.unishelf-paste {
		padding: 10px 13px;
	}
	.usx-paste-collapsible .unishelf-paste__head {
		cursor: pointer;
		margin-bottom: 0;
		align-items: center;
		justify-content: space-between;
		flex-wrap: nowrap;
		gap: 8px;
	}
	.usx-paste-collapsible .unishelf-paste__title {
		display: inline-flex;
		align-items: center;
		gap: 7px;
	}
	.usx-paste-collapsible .unishelf-paste__title::before {
		content: '';
		width: 16px;
		height: 16px;
		flex: 0 0 16px;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231A3A3A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='2' width='8' height='4' rx='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3C/svg%3E");
		background-size: 16px 16px;
		background-repeat: no-repeat;
		background-position: center;
		display: inline-block;
	}
	.usx-paste-collapsible .unishelf-paste__hint {
		display: none;
	}
	.usx-paste-collapsible .unishelf-paste__head::after {
		content: '';
		width: 16px;
		height: 16px;
		flex: 0 0 16px;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231A3A3A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
		background-size: 16px 16px;
		background-repeat: no-repeat;
		background-position: center;
		transition: transform .2s ease;
	}
	.usx-paste-collapsible.is-open .unishelf-paste__head {
		margin-bottom: 8px;
	}
	.usx-paste-collapsible.is-open .unishelf-paste__head::after {
		transform: rotate(180deg);
	}
	.usx-paste-collapsible:not(.is-open) textarea,
	.usx-paste-collapsible:not(.is-open) .unishelf-paste__actions {
		display: none !important;
	}
	.usx-paste-collapsible textarea {
		min-height: 60px;
	}
}

/* ----------------------------------------------------------------
   13. 无障碍：尊重「减少动态效果」
   ---------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: .001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .001ms !important;
		scroll-behavior: auto !important;
	}
}

/* ----------------------------------------------------------------
   17. 商品卡片重排（购物车区块 + 结账订单摘要）— 2026-10-07 金刚
   左图 + 右文四行小字：① 标题 ② SKU ③ 说明（COD 等）④ 价格
   ---------------------------------------------------------------- */
@media (max-width: 767.98px) {
	/* 小字行（SKU / 说明）：购物车区块与结账订单摘要共用 */
	.usx-ic-sku,
	.usx-ic-note {
		font-size: 11px;
		line-height: 1.4;
		color: #8A8F98;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	/* ===== A. 购物车区块 ===== */
	.wc-block-cart .wc-block-cart-items__row {
		display: grid !important;
		grid-template-columns: 76px minmax(0, 1fr);
		column-gap: 10px;
		align-items: start;
		padding: 12px 0 !important;
		/* 左滑露出删除按钮：定位上下文 + 裁剪 + 横向手势 */
		position: relative;
		overflow: hidden;
		touch-action: pan-y;
	}
	.wc-block-cart .wc-block-cart-item__image {
		grid-column: 1;
		grid-row: 1;
		width: 76px;
		padding: 0 !important;
		margin: 0 !important;
	}
	.wc-block-cart .wc-block-cart-item__image img {
		width: 76px;
		height: 76px;
		object-fit: cover;
		border-radius: 8px;
	}
	.wc-block-cart .wc-block-cart-item__product {
		grid-column: 2;
		grid-row: 1;
		min-width: 0;
		padding: 0 !important;
	}
	.wc-block-cart .wc-block-cart-item__wrap {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) auto !important;
		grid-template-areas:
			"name name"
			"meta meta"
			"price qty";
		align-items: center;
		column-gap: 10px;
		row-gap: 2px;
	}
	/* ① 标题（WC 区块选择器优先级更高 → 用 !important 钉死两行截断） */
	.wc-block-cart .wc-block-components-product-name {
		order: 1;
		font-size: 13px !important;
		line-height: 1.35;
		font-weight: 600;
		color: #1A3A3A;
		text-decoration: none;
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	/* 分区：标题 / 变体（占满整行）→ 价格（左）与数量（右）同排 */
	.wc-block-cart .wc-block-components-product-name { grid-area: name !important; }
	.wc-block-cart .wc-block-components-product-metadata { grid-area: meta !important; margin: 0 !important; }
	.wc-block-cart .wc-block-cart-item__prices { grid-area: price !important; margin: 0 !important; display: flex !important; align-items: center; }
	.wc-block-cart .wc-block-cart-item__quantity { grid-area: qty !important; margin: 0 !important; display: block !important; width: auto !important; justify-self: end; }
	/* 变体属性（Colour / Warna 等）同列小字 */
	.wc-block-cart .wc-block-components-product-details,
	.wc-block-cart .wc-block-components-product-details__name,
	.wc-block-cart .wc-block-components-product-details__value {
		font-size: 11px;
		line-height: 1.4;
		color: #8A8F98;
	}
	/* 商品元信息（短描述等）同列小字 */
	.wc-block-cart .wc-block-components-product-metadata__description,
	.wc-block-cart .wc-block-components-product-metadata p {
		margin: 0 !important;
		font-size: 11px;
		line-height: 1.4;
		color: #8A8F98;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	.wc-block-cart .wc-block-cart-item__prices .price,
	.wc-block-cart .wc-block-cart-item__prices .wc-block-components-product-price__value {
		font-size: 13px;
		font-weight: 700;
		color: #1A3A3A;
	}
	.wc-block-cart .usx-ic-qty {
		font-size: 11px;
		font-weight: 500;
		color: #8A8F98;
	}
	/* 窄屏不再单列「行小计」，避免与 ④ 价格重复 */
	.wc-block-cart .wc-block-cart-item__total { display: none !important; }
	/* 数量步进重设计：减号(粗) ｜ 灰色输入区 ｜ 加号(粗)，紧贴价格右侧 */
	.wc-block-cart .wc-block-components-quantity-selector {
		display: inline-flex !important;
		align-items: center;
		height: 32px !important;
		min-width: 0 !important;
		background: #fff !important;
		border: 1px solid #E3E1DC !important;
		border-radius: 999px !important;
		overflow: hidden;
	}
	.wc-block-cart .wc-block-components-quantity-selector__button {
		width: 34px !important;
		min-width: 34px !important;
		height: 32px !important;
		min-height: 32px !important;
		padding: 0 !important;
		margin: 0 !important;
		background: transparent !important;
		border: 0 !important;
		border-radius: 0 !important;
		color: #1A3A3A !important;
		font-size: 19px !important;
		font-weight: 800 !important;
		line-height: 1 !important;
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
	}
	.wc-block-cart .wc-block-components-quantity-selector__input {
		width: 40px !important;
		min-width: 40px !important;
		height: 32px !important;
		padding: 0 !important;
		margin: 0 !important;
		background: #EFEDE8 !important;
		border: 0 !important;
		border-radius: 0 !important;
		text-align: center;
		font-size: 14px !important;
		font-weight: 700 !important;
		color: #1A3A3A !important;
		-webkit-appearance: none;
		appearance: none;
	}
	.wc-block-cart .wc-block-components-quantity-selector__input::-webkit-outer-spin-button,
	.wc-block-cart .wc-block-components-quantity-selector__input::-webkit-inner-spin-button {
		-webkit-appearance: none;
		margin: 0;
	}
	/* 删除按钮：默认藏于卡片右侧外，左滑（.usx-open）滑入 */
	.wc-block-cart .wc-block-cart-item__remove-link {
		position: absolute !important;
		top: 0;
		right: 0;
		bottom: 0;
		width: 76px !important;
		min-width: 0 !important;
		height: 100% !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		background: #D2451F !important;
		color: #fff !important;
		border: 0 !important;
		border-radius: 0 !important;
		display: flex !important;
		align-items: center;
		justify-content: center;
		transform: translateX(100%);
		transition: transform .22s ease;
		z-index: 3;
	}
	.wc-block-cart .wc-block-cart-item__remove-link svg {
		fill: #fff !important;
		width: 22px;
		height: 22px;
	}
	.wc-block-cart .wc-block-cart-items__row.usx-open .wc-block-cart-item__remove-link {
		transform: translateX(0);
	}
	.wc-block-cart .wc-block-cart-items__row.usx-dragging .wc-block-cart-item__remove-link {
		transition: none;
	}
	.wc-block-cart .wc-block-cart-items__row.usx-dragging {
		-webkit-user-select: none;
		user-select: none;
	}

	/* ===== B. 结账订单摘要（经典 review order） ===== */
	table.woocommerce-checkout-review-order-table { display: block; }
	table.woocommerce-checkout-review-order-table thead { display: none; }
	table.woocommerce-checkout-review-order-table tbody { display: block; }
	table.woocommerce-checkout-review-order-table tr.cart_item { display: block; width: 100% !important; }
	table.woocommerce-checkout-review-order-table tr.cart_item td.product-name {
		display: block;
		width: 100%;
		padding: 10px 0 !important;
	}
	/* 行小计并入卡片 ④ 价格，不再单列 */
	table.woocommerce-checkout-review-order-table tr.cart_item td.product-total { display: none !important; }
	.unishelf-ror-item { align-items: flex-start !important; gap: 10px !important; }
	.unishelf-ror-thumb { flex: 0 0 64px; }
	.unishelf-ror-thumb img,
	.unishelf-ror-item img {
		width: 64px;
		height: 64px;
		object-fit: cover;
		border-radius: 8px;
	}
	.unishelf-ror-meta {
		display: flex;
		flex-direction: column;
		gap: 2px;
		min-width: 0;
	}
	.unishelf-ror-name {
		font-size: 13px;
		line-height: 1.35;
		font-weight: 600;
		color: #1A3A3A;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	.unishelf-ror-sku {
		font-size: 11px;
		line-height: 1.4;
		color: #8A8F98;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.unishelf-ror-meta dl.variation {
		margin: 0;
		font-size: 11px;
		color: #8A8F98;
	}
	.unishelf-ror-price {
		margin: 2px 0 0 !important;
		font-size: 13px;
		font-weight: 700;
		color: #1A3A3A;
	}
	.unishelf-ror-price .quantity { font-size: 11px; font-weight: 500; color: #8A8F98; }
	/* 费用/合计行：标签左、金额右（行小计/优惠/运费/总计） */
	table.woocommerce-checkout-review-order-table tfoot { display: block; }
	table.woocommerce-checkout-review-order-table tfoot tr {
		display: flex;
		align-items: baseline;
		justify-content: space-between;
		gap: 8px;
		padding: 6px 0;
	}
	table.woocommerce-checkout-review-order-table tfoot th {
		display: block;
		flex: 0 0 auto;
		text-align: left;
	}
	table.woocommerce-checkout-review-order-table tfoot td {
		display: block;
		flex: 1 1 auto;
		min-width: 0;
		text-align: right;
	}
	table.woocommerce-checkout-review-order-table tfoot td ul#shipping_method { margin: 0; text-align: right; }
	/* COD 进度条行：整行铺满，不参与左右分列 */
	table.woocommerce-checkout-review-order-table tfoot tr.usx-cod-progress { display: block; }
	table.woocommerce-checkout-review-order-table tfoot tr.usx-cod-progress td { display: block; width: 100%; }
}

/* ----------------------------------------------------------------
   18. 右下角悬浮按钮：WhatsApp 与「返回顶部」严格同尺寸 + 同列对齐
   2026-10-07 金刚。窄屏（≤991.98px）下两者都收成圆形图标，
   要求「严格大小一致 + 纵向对齐」：同一尺寸、同一 right、等距纵向堆叠。
   桌面（>991.98px）保持原样（WhatsApp 仍为该尺寸的带字胶囊）。
   ---------------------------------------------------------------- */
@media (max-width: 991.98px) {
	.usx-wa,
	.wf_uptop,
	button.wf_uptop {
		box-sizing: border-box !important;
		width: 5rem !important;
		height: 5rem !important;
		right: 1.4rem !important;
		padding: 0 !important;
		border-radius: 50% !important;
	}
	.usx-wa {
		justify-content: center;
		align-items: center;
	}
	/* 圆形图标内不再显示文字标签 */
	.usx-wa__t { display: none !important; }
	.usx-wa svg {
		width: 2.7rem !important;
		height: 2.7rem !important;
		flex: 0 0 2.7rem !important;
	}
	/* 「返回顶部」箭头：见文末 §23（全局：去抖动 + flex/mask 居中） */
	/* 与底部 Tab / 购条错开，两者等距纵向堆叠 */
	.wf_uptop { bottom: calc(64px + env(safe-area-inset-bottom)) !important; }
	body.single-product .wf_uptop { bottom: calc(80px + env(safe-area-inset-bottom)) !important; }
	.usx-wa { bottom: calc(64px + 5rem + 1.2rem + env(safe-area-inset-bottom)) !important; }
	body.single-product .usx-wa { bottom: calc(80px + 5rem + 1.2rem + env(safe-area-inset-bottom)) !important; }
}

/* ----------------------------------------------------------------
   19. 顶栏收紧 / 去分类汉堡 / 详情页返回按钮瘦身（2026-10-07 金刚）
   ---------------------------------------------------------------- */
@media (max-width: 991.98px) {
	/* 19.1 顶栏太高：logo 降高（55→40px）+ 上下内边距收紧（→6px），整体 85px → ~60px */
	.wf_mobilenav-menu {
		padding-top: 6px !important;
		padding-bottom: 6px !important;
	}
	.wf_mobilenav-logo .site--logo img.custom-logo {
		max-height: 40px !important;
	}

	/* 19.2 干掉最左侧「分类」展开按钮（汉堡）。分类改由底部「所有商品」Tab
	    + 商店/分类页顶部的 chip 条进入，故顶栏这个入口不再需要。 */
	.wf_mobilenav-mainmenu,
	.wf_mobilenav-mainmenu-toggle,
	.hamburger.wf_mobilenav-mainmenu-toggle {
		display: none !important;
	}
}

@media (max-width: 991.98px) {
	/* 19.3 详情页返回按钮：悬浮在主图左上角，变小但醒目（2026-10-07 金刚） */
	body.single-product .usx-pdp-back {
		min-height: 0 !important;
		padding: 6px 11px 6px 8px !important;
		font-size: 11.5px !important;
		gap: 4px !important;
		border-radius: 999px !important;
	}
	body.single-product .usx-pdp-back svg {
		width: 13px !important;
		height: 13px !important;
		flex: 0 0 13px !important;
	}
	body.single-product .usx-pdp-backbar {
		top: 8px !important;
		left: 8px !important;
		margin: 0 !important;
	}
}

/* ----------------------------------------------------------------
   20. 顶栏 v2（2026-10-07 金刚）：更矮 / logo 靠左 / 中间搜索框 / 语言切换精致
   ---------------------------------------------------------------- */
@media (max-width: 991.98px) {
	/* 20.1 整条更矮 + 去掉上下空隙：父主题给 .wf_header-navwrapperinner min-height:9.4rem
	   （≈83px），而顶栏只有 47px → 上下各留 18px 空白。置 0 后顶栏齐平。 */
	.header--nine .wf_header-navwrapperinner {
		min-height: 0 !important;
	}
	.wf_mobilenav-menu {
		padding-top: 4px !important;
		padding-bottom: 4px !important;
		gap: 8px;
	}
	/* logo 与搜索框同高（34px）+ 垂直居中（父主题给 .wf_mobilenav-logo flex:1 + 居中） */
	.header--nine .wf_mobilenav-menu > div.wf_mobilenav-logo {
		flex: 0 0 auto !important;
		display: flex !important;
		align-items: center;
		text-align: left;
		min-width: 0;
		height: 34px !important;
	}
	.wf_mobilenav-logo .site--logo,
	.wf_mobilenav-logo .site--logo a,
	.wf_mobilenav-logo .site--logo a.custom-logo-link {
		display: flex;
		align-items: center;
		line-height: 0;
	}
	.wf_mobilenav-logo .site--logo img.custom-logo {
		height: 34px !important;
		max-height: 34px !important;
		width: auto !important;
		display: block;
	}
	/* 右侧行高收紧（父主题 ul/li 撑到 48px） */
	.header--nine .wf_mobilenav-menu > div.wf_mobilenav-toggles,
	.wf_mobilenav-toggles .wf_mobilenav-right,
	.wf_mobilenav-toggles .wf_navbar-list-right,
	.wf_mobilenav-toggles .wf_navbar-list-right > li {
		min-height: 0 !important;
		height: auto !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	.wf_mobilenav-toggles .wf_navbar-list-right {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.wf_mobilenav-toggles .unishelf-lang-item {
		margin-left: 0 !important;
	}

	/* 20.2 中间搜索框：占满 logo 与语言之间的剩余宽度 */
	.header--nine .wf_mobilenav-menu > div.unishelf-search-wrap {
		flex: 1 1 auto !important;
		min-width: 0;
		display: flex;
		align-items: center;
	}
	.header--nine .wf_mobilenav .unishelf-search-input {
		width: 100% !important;
		height: 34px !important;
		min-width: 0;
		padding: 0 12px 0 31px !important;
		border: 1px solid #E7E4DE !important;
		border-radius: 999px !important;
		background-color: #F4F2EE !important;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239A968E' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.2-3.2'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-position: 11px center;
		background-size: 14px 14px;
		color: #4A4740 !important;
		font-size: 12.5px !important;
		line-height: 34px !important;
		box-shadow: none !important;
		-webkit-appearance: none !important;
		appearance: none !important;
	}
	.unishelf-search-input::placeholder {
		color: #9A968E;
	}
	.unishelf-search-input::-webkit-search-cancel-button,
	.unishelf-search-input::-webkit-search-decoration {
		-webkit-appearance: none;
		display: none;
	}

	/* 20.3 语言切换：更精致（24px 小胶囊 / 浅底描边 / 当前项品牌色） */
	.wf_mobilenav-toggles .unishelf-lang-switch {
		padding: 2px;
		gap: 2px;
		border: 1px solid #E7E4DE;
		border-radius: 999px;
		background: #F4F2EE;
	}
	.wf_mobilenav-toggles .wf_navbar-list-right .unishelf-lang {
		height: 26px !important;
		min-width: 0 !important;
		min-height: 0 !important;
		padding: 0 8px !important;
		font-size: 11.5px !important;
		font-weight: 700 !important;
		line-height: 1 !important;
		border-radius: 999px !important;
		color: #1A1A17 !important;
	}
	.wf_mobilenav-toggles .unishelf-lang-switch {
		border-color: #D9D5CD !important;
	}
	.wf_mobilenav-toggles .unishelf-lang:hover {
		background: rgba(26, 58, 58, .08);
	}
	.wf_mobilenav-toggles .unishelf-lang.is-current {
		background: var(--c-primary) !important;
		color: #fff !important;
	}

	/* 20.4 从顶栏搜索框打开的浮层：面板顶边对齐到搜索框，输入框不跳位 */
	.usx-search.is-field .usx-search__panel {
		top: var(--usx-panel-top, 0px);
	}
}

/* ----------------------------------------------------------------
   21. 我的账户（移动端重做，2026-10-08 金刚）
   21.1 侧边导航 → 顶部横向可滑动胶囊 Tab
   21.2 内容区卡片化
   21.3 二级页面返回按钮 .usx-acct-back
   ---------------------------------------------------------------- */
@media (max-width: 991.98px) {

	/* 21.1 导航 → 横向胶囊 Tab */
	body.woocommerce-account .woocommerce-MyAccount-navigation {
		float: none !important;
		width: 100% !important;
		margin: 0 0 14px !important;
		padding: 0 !important;
		background: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
	}
	body.woocommerce-account .woocommerce-MyAccount-navigation > ul {
		display: flex !important;
		flex-wrap: nowrap !important;
		gap: 8px !important;
		margin: 0 !important;
		padding: 2px 1px 6px !important;
		list-style: none !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		background: transparent !important;
		border: 0 !important;
		border-radius: 0 !important;
	}
	body.woocommerce-account .woocommerce-MyAccount-navigation > ul::-webkit-scrollbar {
		display: none;
	}
	body.woocommerce-account .woocommerce-MyAccount-navigation li {
		flex: 0 0 auto !important;
		width: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		background: none !important;
	}
	body.woocommerce-account .woocommerce-MyAccount-navigation li::before,
	body.woocommerce-account .woocommerce-MyAccount-navigation li::after {
		display: none !important;
	}
	body.woocommerce-account .woocommerce-MyAccount-navigation a {
		display: block !important;
		white-space: nowrap !important;
		padding: 9px 16px !important;
		border-radius: 999px !important;
		font-size: 13px !important;
		font-weight: 600 !important;
		line-height: 1 !important;
		color: #1A3A3A !important;
		background: #fff !important;
		border: 1px solid #E4E1DA !important;
		text-decoration: none !important;
		transition: background .18s ease, color .18s ease, border-color .18s ease;
	}
	body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
		background: var(--c-primary) !important;
		border-color: var(--c-primary) !important;
		color: #fff !important;
	}

	/* 21.2 内容区卡片化 */
	body.woocommerce-account .woocommerce-MyAccount-content {
		float: none !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 16px 14px !important;
		background: #fff !important;
		border: 1px solid #ECE9E3 !important;
		border-radius: 14px !important;
		box-shadow: 0 1px 2px rgba(26, 58, 58, .04) !important;
	}
	body.woocommerce-account .woocommerce-MyAccount-content > p:first-of-type {
		margin-top: 0;
	}

	/* 21.3 二级页面返回按钮 */
	.usx-acct-back {
		display: inline-flex !important;
		align-items: center;
		gap: 6px;
		margin: 0 0 13px !important;
		padding: 7px 13px 7px 9px !important;
		border-radius: 999px !important;
		background: #F4F2EE !important;
		border: 1px solid #E7E4DE !important;
		color: #1A3A3A !important;
		font-size: 12.5px !important;
		font-weight: 600 !important;
		line-height: 1 !important;
		text-decoration: none !important;
	}
	.usx-acct-back svg {
		width: 14px;
		height: 14px;
		display: block;
	}
	.usx-acct-back:active {
		background: #ECE9E3 !important;
	}
}

/* 桌面不显示返回按钮（侧边导航常驻，无需返回） */
@media (min-width: 992px) {
	.usx-acct-back {
		display: none !important;
	}
}

/* ----------------------------------------------------------------
   22. 页脚移动端重做（2026-10-08 金刚：信息太杂）
   22.1 联系方式 → 2 列可点卡片
   22.2 店铺简介 → 紧凑（限行）
   22.3 支付方式 → 紧凑一行
   22.4 法务链接对齐到内容列 + 去装饰图形
   ---------------------------------------------------------------- */
@media (max-width: 767.98px) {
	/* 去背景装饰图形（手机上像脏块） */
	#wf_footer .footer-shape {
		display: none !important;
	}

	#wf_footer .usx-footer {
		padding: 26px 0 6px !important;
	}
	#wf_footer .usx-footer__grid {
		grid-template-columns: 1fr !important;
		gap: 20px !important;
	}
	#wf_footer .usx-footer__h {
		font-size: 11.5px !important;
		letter-spacing: .09em !important;
		margin-bottom: 11px !important;
		color: rgba(255, 255, 255, .55) !important;
	}

	/* 22.1 联系方式：2 列卡片（图标 + 名称/号码） */
	#wf_footer .usx-footer__links {
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
		gap: 9px !important;
	}
	#wf_footer .usx-footer__item {
		min-width: 0 !important;
	}
	#wf_footer .usx-footer__item > a,
	#wf_footer .usx-footer__contact a {
		display: grid !important;
		grid-template-columns: 30px 1fr !important;
		grid-template-areas: "ic label" "ic value" !important;
		align-items: center !important;
		column-gap: 10px !important;
		row-gap: 1px !important;
		min-height: 0 !important;
		height: 100% !important;
		box-sizing: border-box !important;
		padding: 12px !important;
		background: rgba(255, 255, 255, .06) !important;
		border: 1px solid rgba(255, 255, 255, .09) !important;
		border-radius: 13px !important;
		color: rgba(255, 255, 255, .92) !important;
	}
	#wf_footer .usx-footer__ic {
		grid-area: ic !important;
		width: 30px !important;
		height: 30px !important;
		flex: 0 0 30px !important;
		font-size: 14px !important;
	}
	#wf_footer .usx-footer__label {
		grid-area: label !important;
		font-size: 13px !important;
		font-weight: 600 !important;
		line-height: 1.2 !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}
	#wf_footer .usx-footer__value {
		grid-area: value !important;
		font-size: 11.5px !important;
		line-height: 1.2 !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}

	/* 22.2 店铺简介：紧凑，最多 4 行 */
	#wf_footer .usx-footer__about-text {
		font-size: 12.5px !important;
		line-height: 1.62 !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 4 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
	}

	/* 22.3 支付方式：紧凑一行 */
	#wf_footer .usx-footer__pay {
		margin-top: 20px !important;
		padding-top: 18px !important;
	}
	#wf_footer .usx-footer__pays {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 7px !important;
	}
	#wf_footer .usx-pay .usx-pay__img {
		height: 19px !important;
		max-width: 40px !important;
	}

	/* 22.4 法务链接：对齐到内容列（原本贴屏边） */
	#wf_footer .usx-footer__legal {
		max-width: 100% !important;
		margin: 14px 0 2px !important;
		padding: 0 15px !important;
		gap: 2px 12px !important;
	}
	#wf_footer .usx-footer__legal-a {
		min-height: 0 !important;
		padding: 7px 0 !important;
		font-size: 12px !important;
	}
}

/* 法务链接在所有视口对齐到内容列（原本贴屏边，桌面上也错位） */
.usx-footer > .usx-footer__legal {
	max-width: var(--usx-w, 1200px);
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 15px;
	padding-right: 15px;
	box-sizing: border-box;
}

/* ----------------------------------------------------------------
   23. 返回顶部箭头：去抖动 + mask 精确居中（2026-10-08 金刚）
   原父主题用 FA 字形 + line-height 定高处，受字体度量影响会偏上，
   且带 translateY(±2px) 抖动。改用 mask 居中，字无关、与 --wf-main-color 同步。
   ---------------------------------------------------------------- */
.wf_uptop::after {
	content: '' !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	line-height: 0 !important;
	font-size: 0 !important;
	background: currentColor !important;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 15l6-6 6 6'/%3E%3C/svg%3E") !important;
	-webkit-mask-repeat: no-repeat !important;
	-webkit-mask-position: center !important;
	-webkit-mask-size: 58% 58% !important;
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 15l6-6 6 6'/%3E%3C/svg%3E") !important;
	mask-repeat: no-repeat !important;
	mask-position: center !important;
	mask-size: 58% 58% !important;
	animation: none !important;
}

/* ----------------------------------------------------------------
   25. 结账页收货地址卡片 + 地址管理弹窗（2026-10-08 金刚）
   仅移动端显示；
   body.usx-ckaddr-on 由 checkout-address.js 添加（无 JS 不隐藏表单）。
   ---------------------------------------------------------------- */
.usx-ckaddr {
	display: none;
}

@media (max-width: 991.98px) {
	.usx-ckaddr {
		display: block;
		margin: 0 0 14px;
	}
	.usx-ckaddr__box {
		position: relative;
		background: #fff;
		border: 1px solid #ECE9E3;
		border-radius: 14px;
		padding: 12px 13px;
		box-shadow: 0 1px 2px rgba(26, 58, 58, .04);
	}
	.usx-ckaddr__head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
		margin-bottom: 6px;
	}
	.usx-ckaddr__title {
		font-size: 14px;
		font-weight: 700;
		color: #1a1a17;
	}
	.usx-ckaddr__manage {
		border: 0;
		background: none;
		color: var(--c-primary, #1a3a3a);
		font-size: 13px;
		font-weight: 600;
		text-decoration: underline;
		cursor: pointer;
		padding: 2px 4px;
	}
	.usx-ckaddr__card {
		display: flex;
		align-items: center;
		gap: 8px;
		width: 100%;
		text-align: left;
		background: none;
		border: 0;
		border-radius: 0;
		padding: 2px 0 0;
		cursor: pointer;
		font: inherit;
		color: #1a1a17;
		-webkit-tap-highlight-color: transparent;
	}
	.usx-ckaddr__lines {
		flex: 1 1 auto;
		min-width: 0;
		display: flex;
		flex-direction: column;
		gap: 1px;
	}
	.usx-ckaddr__line {
		font-size: 13px;
		line-height: 1.45;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.usx-ckaddr__line--ph {
		color: #6b6a63;
	}
	.usx-ckaddr__tags {
		display: flex;
		gap: 5px;
		margin-bottom: 2px;
	}
	.usx-ckaddr__tag {
		background: var(--c-action, #d2451f);
		color: #fff;
		font-size: 10.5px;
		font-weight: 700;
		padding: 1px 7px;
		border-radius: 4px;
		line-height: 1.6;
	}
	.usx-ckaddr__empty {
		font-size: 14px;
		font-weight: 600;
		color: var(--c-action, #d2451f);
	}
	.usx-ckaddr__chev {
		flex: 0 0 auto;
		color: #b9b5ab;
		display: flex;
	}

	/* 表单收进弹窗：隐藏收货相关字段（保留 email） */
	body.usx-ckaddr-on.woocommerce-checkout .woocommerce-billing-fields > h3,
	body.usx-ckaddr-on.woocommerce-checkout .woocommerce-billing-fields .unishelf-paste,
	body.usx-ckaddr-on.woocommerce-checkout #billing_full_name_field,
	body.usx-ckaddr-on.woocommerce-checkout #billing_address_1_field,
	body.usx-ckaddr-on.woocommerce-checkout #billing_address_2_field,
	body.usx-ckaddr-on.woocommerce-checkout #billing_city_field,
	body.usx-ckaddr-on.woocommerce-checkout #billing_postcode_field,
	body.usx-ckaddr-on.woocommerce-checkout #billing_state_field,
	body.usx-ckaddr-on.woocommerce-checkout #billing_country_field,
	body.usx-ckaddr-on.woocommerce-checkout #billing_phone_field {
		display: none !important;
	}
}

.usx-ckm__ai {
	margin: 0 0 14px;
	padding: 11px 12px;
	border: 1px solid var(--c-primary, #1a3a3a);
	border-radius: 12px;
	background: #f5f8f7;
}
.usx-ckm__ai-head {
	display: flex;
	flex-direction: column;
	gap: 2px;
	margin-bottom: 8px;
}
.usx-ckm__ai-title {
	font-size: 13.5px;
	font-weight: 700;
	color: var(--c-primary, #1a3a3a);
}
.usx-ckm__ai-hint {
	font-size: 11.5px;
	line-height: 1.4;
	color: #6b6a63;
}
.usx-ckm__ai textarea {
	width: 100%;
	box-sizing: border-box;
	padding: 10px 11px;
	border: 1px solid #d9d5cc;
	border-radius: 10px;
	background: #fff !important;
	color: #1a1a17 !important;
	font-size: 14px;
	line-height: 1.45;
	resize: vertical;
	-webkit-appearance: none;
}
.usx-ckm__ai-acts {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 8px;
}
.usx-ckm__ai-btn {
	flex: 0 0 auto;
	padding: 9px 16px;
	border: 0;
	border-radius: 999px;
	background: var(--c-primary, #1a3a3a);
	color: #fff;
	font-weight: 700;
	font-size: 13.5px;
	cursor: pointer;
}
.usx-ckm__ai-btn[disabled] {
	opacity: .6;
}
.usx-ckm__ai-status {
	font-size: 12.5px;
	color: #6b6a63;
	line-height: 1.35;
}
.usx-ckm__ai-status.is-ok {
	color: #1f7a3f;
}
.usx-ckm__ai-status.is-warn {
	color: #b26a00;
}
.usx-ckm__ai-status.is-error {
	color: #d2451f;
}

/* 弹窗 */
.usx-ckm {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: none;
}
.usx-ckm.is-open {
	display: block;
}
.usx-ckm__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.42);
}
.usx-ckm__panel {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	border-radius: 18px 18px 0 0;
	box-shadow: 0 -8px 30px rgba(0, 0, 0, 0.18);
	max-height: 88vh;
	overflow: auto;
	padding: 16px 16px calc(16px + env(safe-area-inset-bottom, 0px));
	box-sizing: border-box;
}
.usx-ckm__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 12px;
}
.usx-ckm__title {
	font-size: 16px;
	font-weight: 700;
	color: #1a1a17;
}
.usx-ckm__close {
	border: 0;
	background: none;
	font-size: 26px;
	line-height: 1;
	color: #8a877e;
	cursor: pointer;
	padding: 0 6px;
}
.usx-ckm__list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.usx-ckm__item {
	border: 1px solid #e7e4de;
	border-radius: 12px;
	padding: 12px;
	background: #fff;
	cursor: pointer;
}
.usx-ckm__item.is-default {
	border-color: var(--c-primary, #1a3a3a);
	box-shadow: 0 0 0 1px var(--c-primary, #1a3a3a) inset;
}
.usx-ckm__name {
	font-weight: 700;
	font-size: 14px;
	color: #1a1a17;
	display: flex;
	align-items: center;
	gap: 8px;
}
.usx-ckm__badge {
	background: var(--c-primary, #1a3a3a);
	color: #fff;
	font-size: 10.5px;
	font-weight: 600;
	padding: 1px 8px;
	border-radius: 999px;
}
.usx-ckm__txt {
	font-size: 13px;
	line-height: 1.5;
	color: #57554e;
	margin-top: 3px;
}
.usx-ckm__phone {
	font-size: 13px;
	color: #57554e;
	margin-top: 2px;
}
.usx-ckm__itemacts {
	display: flex;
	gap: 16px;
	margin-top: 8px;
}
.usx-ckm__ico {
	border: 0;
	background: none;
	padding: 0;
	color: var(--c-primary, #1a3a3a);
	font-size: 13px;
	font-weight: 600;
	text-decoration: underline;
	cursor: pointer;
}
.usx-ckm__ico--del {
	color: #d2451f;
}
.usx-ckm__empty {
	color: #8a877e;
	font-size: 14px;
	margin: 4px 0 0;
}
.usx-ckm__newbtn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	width: 100%;
	margin-top: 12px;
	padding: 13px;
	border: 1.5px dashed #cfcabe;
	border-radius: 12px;
	background: #fbfaf8;
	color: var(--c-action, #d2451f);
	font-weight: 700;
	font-size: 14px;
	cursor: pointer;
}
.usx-ckm__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px 10px;
}
.usx-ckm__f {
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.usx-ckm__f--full {
	grid-column: 1 / -1;
}
.usx-ckm__f > span {
	font-size: 12.5px;
	font-weight: 600;
	color: #57554e;
}
.usx-ckm__f input,
.usx-ckm__f select {
	width: 100%;
	box-sizing: border-box;
	padding: 11px 12px;
	border: 1px solid #d9d5cc;
	border-radius: 10px;
	background: #fff !important;
	color: #1a1a17 !important;
	font-size: 15px;
	-webkit-appearance: none;
}
.usx-ckm__check {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 14px 0 4px;
	font-size: 13.5px;
	color: #1a1a17;
}
.usx-ckm__acts {
	display: flex;
	gap: 10px;
	margin-top: 14px;
}
.usx-ckm__btn {
	flex: 1 1 0;
	padding: 13px;
	border-radius: 999px;
	border: 1.5px solid var(--c-action, #d2451f);
	background: var(--c-action, #d2451f);
	color: #fff;
	font-weight: 700;
	font-size: 15px;
	cursor: pointer;
}
.usx-ckm__btn--ghost {
	background: #fff !important;
	color: var(--c-action, #d2451f) !important;
}
.usx-ckm__toast {
	position: fixed;
	left: 50%;
	bottom: 12vh;
	transform: translateX(-50%);
	background: rgba(26, 26, 23, 0.92);
	color: #fff;
	padding: 10px 18px;
	border-radius: 999px;
	font-size: 13.5px;
	z-index: 100001;
	transition: opacity 0.4s;
}
.usx-ckm__toast.is-out {
	opacity: 0;
}
body.usx-ckm-open {
	overflow: hidden;
}

/* ----------------------------------------------------------------
   24. 详情页顶部留白收窄（2026-10-08 金刚）
   子主题 style.css 给 div.product 设了 padding-top:28px，叠加
   .woo-products.wf-py-default 的 1.4rem，使头图上方出现 ~40px 空白。
   移动端把 div.product 的 28px 归零 → 只剩主题区块内边距（~12px）。
   ---------------------------------------------------------------- */
@media (max-width: 991.98px) {
	body.single-product.woocommerce div.product {
		padding-top: 0 !important;
	}
}

/* ----------------------------------------------------------------
   26. 结账页 JD 风格布局（2026-10-08 金刚）——仅移动端 ≤991.98px
   ①顶部 Tab ②自营/物流行 ③商品块价格+数量步进器 ④顺手买 ⑤金额明细 ⑥吸底提交栏
   配色沿用品牌浅色系（暖白 / 墨绿 #1A3A3A / 橙 #D2451F），不用 mock 深色。
   ---------------------------------------------------------------- */
.usx-ck-tabs,
.usx-ck-logi,
.usx-ck-cross {
	display: none;
}
.usx-ck-amt,
.usx-ck-save {
	display: none;
}

@media (max-width: 991.98px) {

	/* ① 顶部 Tab */
	body.woocommerce-checkout .usx-ck-tabs {
		display: flex !important;
		gap: 6px;
		margin: 0 0 12px;
		padding: 4px;
		background: #fff;
		border: 1px solid #ece9e3;
		border-radius: 999px;
	}
	body.woocommerce-checkout .usx-ck-tab {
		flex: 1 1 0;
		padding: 9px 8px;
		border: 0;
		border-radius: 999px;
		background: transparent;
		color: #6b6a63;
		font-size: 14px;
		font-weight: 700;
		cursor: pointer;
		line-height: 1.1;
	}
	body.woocommerce-checkout .usx-ck-tab.is-active {
		background: var(--c-primary, #1a3a3a) !important;
		color: #fff !important;
	}

	/* ② 自营 + 物流行 */
	body.woocommerce-checkout .usx-ck-logi {
		display: flex !important;
		align-items: center;
		gap: 8px;
		margin: -4px 0 14px;
		padding: 10px 12px;
		background: #fff;
		border: 1px solid #ece9e3;
		border-radius: 12px;
		font-size: 12.5px;
		color: #1a1a17;
	}
	body.woocommerce-checkout .usx-ck-logi__self {
		flex: 0 0 auto;
		background: var(--c-action, #d2451f);
		color: #fff;
		font-size: 11px;
		font-weight: 700;
		padding: 2px 6px;
		border-radius: 4px;
	}
	body.woocommerce-checkout .usx-ck-logi__brand {
		font-weight: 700;
		color: #1a3a3a;
	}
	body.woocommerce-checkout .usx-ck-logi__val {
		margin-left: auto;
		display: inline-flex;
		align-items: center;
		gap: 5px;
		min-width: 0;
		color: var(--c-primary, #1a3a3a);
		font-weight: 600;
	}
	body.woocommerce-checkout .usx-ck-logi__txt {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		max-width: 58vw;
	}
	body.woocommerce-checkout .usx-ck-logi__ic {
		display: inline-flex;
		color: var(--c-action, #d2451f);
	}

	/* ③ 商品块：缩略图 + 名称 + 现价/原价 + 数量步进器 */
	body.woocommerce-checkout #order_review .shop_table thead {
		display: none !important;
	}
	body.woocommerce-checkout #order_review .unishelf-ror-item {
		display: flex !important;
		gap: 11px;
		align-items: flex-start;
	}
	body.woocommerce-checkout #order_review .unishelf-ror-thumb,
	body.woocommerce-checkout #order_review .unishelf-ror-thumb img {
		width: 84px !important;
		height: 84px !important;
		border-radius: 10px !important;
		object-fit: cover !important;
		flex: 0 0 84px;
	}
	body.woocommerce-checkout #order_review .unishelf-ror-name {
		font-size: 13.5px !important;
		line-height: 1.35 !important;
		font-weight: 600 !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
	}
	body.woocommerce-checkout #order_review .unishelf-ror-sku {
		font-size: 11px !important;
		color: #9a968e !important;
		margin-top: 2px;
	}
	body.woocommerce-checkout #order_review .unishelf-ror-price-row {
		display: flex !important;
		align-items: center !important;
		gap: 7px;
		margin-top: 8px;
	}
	body.woocommerce-checkout #order_review .unishelf-ror-now {
		color: var(--c-action, #d2451f) !important;
		font-size: 16px !important;
		font-weight: 800 !important;
	}
	body.woocommerce-checkout #order_review .unishelf-ror-was {
		color: #9a968e !important;
		font-size: 12px !important;
	}
	body.woocommerce-checkout #order_review .unishelf-ror-price {
		font-size: 15px;
		font-weight: 700;
		color: var(--c-action, #d2451f);
	}

	/* 数量步进器 */
	body.woocommerce-checkout .usx-ck-qty {
		margin-left: auto;
		display: inline-flex;
		align-items: center;
		gap: 2px;
		border: 1px solid #e4e1da;
		border-radius: 8px;
		overflow: hidden;
		background: #fff;
	}
	body.woocommerce-checkout .usx-ck-qty__btn {
		width: 28px;
		height: 28px;
		border: 0;
		background: #f4f2ee;
		color: #1a3a3a;
		font-size: 17px;
		font-weight: 800;
		line-height: 1;
		cursor: pointer;
		padding: 0;
	}
	body.woocommerce-checkout .usx-ck-qty__btn:active {
		background: #e9e5dd;
	}
	body.woocommerce-checkout .usx-ck-qty__n {
		min-width: 30px;
		text-align: center;
		font-size: 14px;
		font-weight: 700;
		color: #1a1a17;
	}
	body.woocommerce-checkout .usx-ck-qty.is-busy {
		opacity: .55;
	}

	/* ④ 顺手买 */
	body.woocommerce-checkout .usx-ck-cross {
		display: block !important;
		margin-top: 10px;
		padding: 12px;
		background: #fff;
		border: 1px solid #ece9e3;
		border-radius: 12px;
	}
	body.woocommerce-checkout .usx-ck-cross__h {
		font-size: 13.5px;
		font-weight: 700;
		color: #1a3a3a;
		margin-bottom: 10px;
	}
	body.woocommerce-checkout .usx-ck-cross__item {
		display: flex;
		align-items: center;
		gap: 10px;
		padding: 6px 0;
	}
	body.woocommerce-checkout .usx-ck-cross__item + .usx-ck-cross__item {
		border-top: 1px solid #f1efea;
	}
	body.woocommerce-checkout .usx-ck-cross__img,
	body.woocommerce-checkout .usx-ck-cross__thumb {
		width: 56px !important;
		height: 56px !important;
		border-radius: 8px !important;
		object-fit: cover !important;
		flex: 0 0 56px;
	}
	body.woocommerce-checkout .usx-ck-cross__info {
		flex: 1 1 auto;
		min-width: 0;
	}
	body.woocommerce-checkout .usx-ck-cross__name {
		font-size: 12.5px;
		line-height: 1.35;
		color: #1a1a17;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	body.woocommerce-checkout .usx-ck-cross__price {
		color: var(--c-action, #d2451f);
		font-weight: 700;
		font-size: 13.5px;
		margin-top: 3px;
	}
	body.woocommerce-checkout .usx-ck-cross__add {
		flex: 0 0 auto;
		width: 30px;
		height: 30px;
		border-radius: 999px;
		border: 1px solid var(--c-action, #d2451f);
		background: #fff;
		color: var(--c-action, #d2451f);
		font-size: 19px;
		line-height: 1;
		cursor: pointer;
	}
	body.woocommerce-checkout .usx-ck-cross__add:active {
		background: #fdf1ec;
	}

	/* ⑤ 金额明细（tfoot 行） */
	body.woocommerce-checkout #order_review .shop_table tfoot tr th {
		font-weight: 500 !important;
		color: #57554e !important;
		font-size: 13px !important;
	}
	body.woocommerce-checkout #order_review .shop_table tfoot tr td {
		text-align: right !important;
		font-size: 13px !important;
	}
	body.woocommerce-checkout #order_review .shop_table tfoot tr.cart-discount td,
	body.woocommerce-checkout #order_review .shop_table tfoot tr.cart-discount th {
		color: #1f7a3f !important;
	}
	body.woocommerce-checkout #order_review .shop_table tfoot tr.order-total th,
	body.woocommerce-checkout #order_review .shop_table tfoot tr.order-total td {
		font-weight: 800 !important;
		color: #1a1a17 !important;
		font-size: 15px !important;
	}

	/* ⑥ 提交区：不再吸底浮层（曾盖住付款方式），紧跟在付款方式下面 */
	body.woocommerce-checkout #payment .form-row.place-order {
		position: static;
		z-index: auto;
		margin: 16px 0 0 !important;
		padding: 0 !important;
		background: none;
		border-top: 0;
		box-shadow: none;
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
	}
	body.woocommerce-checkout #payment .form-row.place-order #place_order {
		width: 100% !important;
		min-height: 50px;
		border-radius: 999px !important;
		background: var(--c-action, #d2451f) !important;
		border-color: var(--c-action, #d2451f) !important;
		color: #fff !important;
		font-size: 16px !important;
		font-weight: 800 !important;
	}
	body.woocommerce-checkout #payment .place-order .usx-ck-save {
		display: block;
		margin-top: 3px;
		font-size: 12px;
		font-weight: 600;
		opacity: .92;
	}
	body.woocommerce-checkout #payment .place-order .usx-ck-amt {
		display: inline-block;
		margin-left: 6px;
		padding: 1px 8px;
		border-radius: 999px;
		background: rgba(255, 255, 255, .22);
		font-size: 15px;
		font-weight: 800;
		vertical-align: middle;
	}
	body.woocommerce-checkout #payment .place-order .usx-ck-amt .woocommerce-Price-currencySymbol {
		font-size: .82em;
	}
}

/* ----------------------------------------------------------------
   27. 结账页 JD 布局调整（2026-10-09 金刚）——仅移动端 ≤991.98px
   ① 去掉顶部 Tab / 自营行（DOM 已移除）
   ② 商品卡移到地址下方 ③ 邮箱移入 Additional information
   ④ 卡片去掉外边框 ⑤ 地址贴近顶部 ⑥ 去掉「Your order」标题及横线
   桌面（≥992px）不受影响。
   ---------------------------------------------------------------- */
@media (max-width: 991.98px) {
	/* ⑤ 顶部留白收窄：地址贴近顶栏 */
	body.woocommerce-checkout section.wf_posts.wf-py-default { padding-top: 6px !important; }
	body.woocommerce-checkout form.checkout { margin-top: 8px !important; }

	/* ⑥ 去掉「Your order」标题及其下方横线 */
	body.woocommerce-checkout #order_review_heading { display: none !important; }

	/* ② 重排：#order_review 拆盒，商品卡上移到地址下方 */
	body.woocommerce-checkout form.checkout { display: flex; flex-direction: column; }
	body.woocommerce-checkout #order_review { display: contents; }
	body.woocommerce-checkout .usx-ckaddr { order: 1; }
	body.woocommerce-checkout #usx-ck-review { order: 2; }
	body.woocommerce-checkout #customer_details { order: 3; }
	body.woocommerce-checkout #payment { order: 4; }

	/* ③ 邮箱进 Additional information：隐藏被搬空的 billing 卡 */
	body.usx-ck-email-moved.woocommerce-checkout .woocommerce-billing-fields { display: none !important; }

	/* ④ 卡片去外边框（保留内部分隔线） */
	body.woocommerce-checkout .unishelf-ror-wrap,
	body.woocommerce-checkout .woocommerce-additional-fields,
	body.woocommerce-checkout #payment,
	body.woocommerce-checkout .usx-ckaddr__card,
	body.woocommerce-checkout .usx-ck-cross { border: 0 !important; }
}

/* ----------------------------------------------------------------
   28. 详情页 Description 上方间距收窄（2026-10-10 金刚）
   「说明三行」并入 Description 后，Description 标签条仍离上方价格/信息块太远。
   实测间距链（真机 UA）：summary margin-bottom 28 + 网格 row-gap 23
   + tabs margin-top 9 + 标签条 ul.tabs margin-top 44 ≈ 104px。
   移动端全部压到最小，使 Description 紧贴上方信息块。
   ---------------------------------------------------------------- */
@media (max-width: 991.98px) {
	body.single-product .unishelf-pdp-top { row-gap: 10px !important; }
	body.single-product .summary.entry-summary { margin-bottom: 0 !important; }
	body.single-product .woocommerce-tabs { margin-top: 0 !important; }
	/* BLUF 卡片下边距也收一收，否则那 14px 也计入距离 */
	body.single-product .usx-pdp-bluf { margin-bottom: 10px !important; }
	/* 需压过 style.css §4129/§4844 的 `…woocommerce-tabs ul.tabs{margin:44px 0 0!important}`（更高优先级） */
	body.single-product.woocommerce div.product .woocommerce-tabs ul.tabs {
		margin: 8px 0 0 !important;
		padding: 0 !important;
	}
	body.single-product .woocommerce-Tabs-panel--description { margin-top: 8px !important; }
}

/* ----------------------------------------------------------------
   29. 结账页精简（2026-10-10 金刚）
   ① 「Create an account?」「Additional information」已由 functions.php 移除
   ② 邮箱字段移入「收货地址」卡片（.usx-ckaddr__email）
   ③ 中间空块收为 0 → 「总金额」下面紧接着就是「付款方式」
   仅在 JS 加了 usx-ckaddr-on / usx-ck-email-moved 时生效（无 JS 不隐藏表单）。
   ---------------------------------------------------------------- */
@media (max-width: 991.98px) {
	/* ② 邮箱字段样式（卡片内，与上方地址用一条细分隔线隔开 → 同一张卡片） */
	.usx-ckaddr__email {
		margin-top: 11px !important;
		padding-top: 11px !important;
		border-top: 1px solid #F0EEE9;
	}
	.usx-ckaddr__email:empty {
		display: none !important;
	}
	.usx-ckaddr__email .form-row,
	.usx-ckaddr__email p.form-row {
		float: none !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	.usx-ckaddr__email label {
		display: block;
		margin: 0 0 5px;
		font-size: 1.25rem;
		color: #6f6f68;
	}
	.usx-ckaddr__email input.input-text {
		width: 100% !important;
		box-sizing: border-box;
	}

	/* ③ 空的 #customer_details 不再占位 → 总金额紧跟付款方式 */
	body.usx-ckaddr-on.woocommerce-checkout #customer_details {
		margin: 0 !important;
		padding: 0 !important;
		min-height: 0 !important;
	}
	body.usx-ckaddr-on.woocommerce-checkout #customer_details .col-1,
	body.usx-ckaddr-on.woocommerce-checkout #customer_details .col-2 {
		margin: 0 !important;
		padding: 0 !important;
	}
	body.usx-ckaddr-on.woocommerce-checkout #customer_details .woocommerce-additional-fields,
	body.usx-ckaddr-on.woocommerce-checkout #customer_details .woocommerce-billing-fields {
		display: none !important;
	}
	/* 付款方式与上方总金额贴紧（保留 10px 呼吸感） */
	body.woocommerce-checkout #payment {
		margin-top: 10px !important;
	}
}

/* ----------------------------------------------------------------
   30. App 式顶部条（2026-10-11 金刚）
   二级页面统一：左返回按钮 + 中页面标题，取代父主题「logo + 搜索 + 语言」移动端页头。
   标记 body.usx-app-topbar-page 由 inc/app-topbar.php 的 body_class 过滤器输出（页面类型决定）。
   仅移动端（≤991.98px）；桌面顶栏不受影响。
   ---------------------------------------------------------------- */
.usx-topbar {
	display: none;
}

@media (max-width: 991.98px) {
	.usx-topbar {
		display: flex;
		align-items: center;
		gap: 6px;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 1200;
		height: 48px;
		padding: 0 8px;
		padding-top: env(safe-area-inset-top, 0px);
		box-sizing: content-box;
		background: #fff;
		border-bottom: 1px solid #ECE9E3;
	}
	body.admin-bar .usx-topbar {
		top: 32px;
	}
	@media (max-width: 782px) {
		body.admin-bar .usx-topbar {
			top: 46px;
		}
	}

	.usx-topbar__back {
		flex: 0 0 auto;
		width: 40px;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 999px;
		color: #1a1a17;
		text-decoration: none;
		-webkit-tap-highlight-color: transparent;
	}
	.usx-topbar__back:active {
		background: rgba(26, 58, 58, .07);
	}
	.usx-topbar__back svg {
		width: 22px;
		height: 22px;
		display: block;
	}
	/* 站外进入详情页（分享链接）：「返回」显示成「回首页」（topbar.js 加 .usx-topbar--home） */
	.usx-topbar__back-label {
		display: none;
		font-size: 12px;
		font-weight: 600;
		line-height: 1;
		white-space: nowrap;
	}
	.usx-topbar--home .usx-topbar__back {
		width: auto;
		padding: 0 0 0 6px;
		gap: 2px;
	}
	.usx-topbar--home .usx-topbar__back-label {
		display: inline;
	}
	/* 右占位已无用（标题改绝对居中），隐藏以免占位 */
	.usx-topbar--home .usx-topbar__spacer {
		display: none;
	}
	/* 标题绝对居中：左侧按钮变宽也不影响居中；左右各留 ~95px 安全区，防与按钮重叠 */
	.usx-topbar--home .usx-topbar__title {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		max-width: calc(100% - 190px);
	}
	.usx-topbar__title {
		flex: 1 1 auto;
		min-width: 0;
		text-align: center;
		font-size: 16px;
		font-weight: 700;
		line-height: 1.2;
		color: #1a1a17;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.usx-topbar__spacer {
		flex: 0 0 40px;
	}

	/* 顶栏占位：把内容推下去（fixed 不占布局流；48px 高 + 1px 底边）。
	   父/子主题有 body.single-product.woocommerce{padding:0!important} 之类的规则，
	   故这里也用 !important 才能生效。 */
	body.usx-app-topbar-page.single-product.woocommerce,
	body.usx-app-topbar-page {
		padding-top: calc(49px + env(safe-area-inset-top, 0px)) !important;
	}

	/* 隐藏父主题移动端页头（含 logo/搜索/语言）与页面标题条 —— 顶栏已接管 */
	body.usx-app-topbar-page #wf_header {
		display: none !important;
	}
	body.usx-app-topbar-page #wf_pagetitle {
		display: none !important;
	}

	/* 商品详情：悬浮返回胶囊已废弃，底部购条/悬浮控件仍然可用 */
	body.usx-app-topbar-page .usx-pdp-backbar {
		display: none !important;
	}
}