/**
 * 商城 / 询盘视觉皮肤（主题层 · 换肤第 2 层）
 * 第 1 层：style.css / theme-skin.css 的 --xy-skin-*
 * 第 3 层：本文件之后按需写选择器微调
 * 系统 _common 只保留功能与变量钩子；勿改系统文件做品牌色。
 * 契约：Homes/Tpl/THEME-CONTRACT.md
 */
html body {
	/* 页壳 / 询盘表单（可选覆盖） */
	--xy-page-max: 1440px;
	--xy-inquiry-radius: 0;
	--xy-inquiry-line: #ddd;
	--xy-inquiry-bg: #fff;
	--xy-inquiry-panel: #fafafa;
	--xy-skin-accent: #c41e1b;

	/* 顶栏购物车角标 */
	--xy-basket-badge-bg: var(--xy-skin-primary, #e22e2b);
	--xy-basket-badge-color: #fff;
	--xy-basket-nav-icon-size: 18px;

	/* 列表卡按钮 */
	--xy-list-card-btn-border: #ccc;
	--xy-list-card-btn-fg: #222;
	--xy-list-card-btn-border-hover: var(--xy-skin-primary, #e22e2b);
	--xy-list-card-btn-fg-hover: var(--xy-skin-primary, #e22e2b);
	--xy-list-card-btn-buy-bg: var(--xy-skin-primary, #e22e2b);
	--xy-list-card-btn-buy-border: var(--xy-skin-primary, #e22e2b);
	--xy-list-card-btn-buy-bg-hover: var(--xy-skin-accent, #c41e1b);
	--xy-list-card-btn-buy-border-hover: var(--xy-skin-accent, #c41e1b);
	--xy-list-card-btn-ghost-border: var(--xy-skin-primary, #e22e2b);
	--xy-list-card-btn-ghost-fg: var(--xy-skin-primary, #e22e2b);
	--xy-list-card-btn-ghost-bg-hover: var(--xy-skin-primary, #e22e2b);
	--xy-list-card-btn-radius: 6px;
	--xy-list-card-price-color: #222;
	--xy-list-card-price-muted: #666;

	/* 封面悬停加购 */
	--xy-list-cover-btn-bg: rgba(226, 46, 43, 0.92);
	--xy-list-cover-btn-bg-hover: #c41e1b;
	--xy-list-cover-btn-fg: #fff;
	--xy-list-cover-btn-shadow: 0 6px 16px rgba(226, 46, 43, 0.35);
	--xy-list-cover-size: 44px;
	--xy-list-cover-size-sm: 36px;

	/* SKU 芯片 */
	--xy-sku-chip-border: #e5c0bf;
	--xy-sku-chip-border-hover: #e22e2b;
	--xy-sku-chip-bg-hover: #fff5f5;
	--xy-sku-chip-focus-shadow: 0 0 0 3px rgba(226, 46, 43, 0.22);
	--xy-sku-chip-on-border: #e22e2b;
	--xy-sku-chip-on-bg: #fff1f0;
	--xy-sku-chip-on-fg: #c41e1b;
	--xy-sku-chip-on-shadow: inset 0 0 0 1px #e22e2b;
	--xy-sku-chip-price-fg: #666;
	--xy-sku-chip-radius: 8px;
}

/* 例：不想显示封面购物车时取消下一行注释
.xy-list-card-cover-action { display: none !important; }
*/

/* 产品详情：系统注入加购 / Buy Now（对齐样板 product-btn-wrap 斜切按钮） */
.product-summary .product-btn-wrap,
.product-btn-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 28px;
}
.product-summary .product-btn-wrap .action-buttons,
.product-btn-wrap .action-buttons {
	display: contents;
}
.product-btn-wrap .action-buttons .xy-product-qty-row,
.product-btn-wrap .action-buttons .xy-product-skus,
.product-btn-wrap .xy-product-qty-row,
.product-btn-wrap .xy-product-skus {
	display: block;
	flex: 1 1 100%;
	width: 100%;
	margin: 0 0 4px;
}
.product-btn-wrap .action-buttons .xy-basket-add-form,
.product-btn-wrap .action-buttons .xy-basket-buy-wrap,
.product-btn-wrap .action-buttons .xy-basket-buy-form,
.product-btn-wrap .action-buttons .xy-inquire-scroll-btn,
.product-btn-wrap .email,
.product-btn-wrap .pdf,
.product-btn-wrap .button.xy-product-wa-btn {
	display: inline-block;
	margin: 0 !important;
	vertical-align: middle;
	flex: 0 0 auto;
}
.product-btn-wrap .xy-product-trust {
	flex: 1 1 100%;
	width: 100%;
	margin: 4px 0 0;
}
.product-btn-wrap .action-buttons .button,
.product-btn-wrap .button.xy-basket-add-btn,
.product-btn-wrap .button.xy-basket-buy-btn,
.product-btn-wrap .action-buttons .xy-inquire-scroll-btn {
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 0.5em 1.2em;
	border: 2px solid #e22e2b;
	background-color: #e22e2b;
	border-radius: 0;
	color: #fff !important;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.4;
	text-transform: none;
	text-decoration: none;
	box-shadow: none;
	cursor: pointer;
	box-sizing: border-box;
	white-space: nowrap;
	transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
	-webkit-appearance: none;
	appearance: none;
}
.product-btn-wrap .action-buttons .button:after,
.product-btn-wrap .button.xy-basket-add-btn:after,
.product-btn-wrap .button.xy-basket-buy-btn:after,
.product-btn-wrap .action-buttons .xy-inquire-scroll-btn:after {
	content: '';
	display: block;
	width: 1em;
	height: 100%;
	border: 2px solid #e22e2b;
	border-left: 0;
	background-color: #e22e2b;
	position: absolute;
	right: -0.7em;
	top: -2px;
	transform: skew(15deg);
	transition: background-color 0.3s ease, border-color 0.3s ease;
}
.product-btn-wrap .action-buttons .button > i,
.product-btn-wrap .button.xy-basket-add-btn > i,
.product-btn-wrap .button.xy-basket-buy-btn > i {
	margin-right: 6px;
	font-size: 14px;
	line-height: 1;
}
.product-btn-wrap .action-buttons .button > span,
.product-btn-wrap .button.xy-basket-add-btn > span,
.product-btn-wrap .button.xy-basket-buy-btn > span {
	line-height: 1;
}
.product-btn-wrap .action-buttons .button:hover,
.product-btn-wrap .button.xy-basket-add-btn:hover,
.product-btn-wrap .action-buttons .xy-inquire-scroll-btn:hover,
.product-btn-wrap .action-buttons .button:hover:after,
.product-btn-wrap .button.xy-basket-add-btn:hover:after,
.product-btn-wrap .action-buttons .xy-inquire-scroll-btn:hover:after {
	background-color: #fff !important;
	color: #e22e2b !important;
	border-color: #e22e2b;
}
/* Buy Now：白底黑边，hover 变红（对齐样板 .pdf） */
.product-btn-wrap .action-buttons .button.xy-basket-buy-btn,
.product-btn-wrap .button.xy-basket-buy-btn {
	border-color: #000;
	background-color: #fff;
	color: #000 !important;
}
.product-btn-wrap .action-buttons .button.xy-basket-buy-btn:after,
.product-btn-wrap .button.xy-basket-buy-btn:after {
	border-color: #000;
	background-color: #fff;
}
.product-btn-wrap .action-buttons .button.xy-basket-buy-btn:hover,
.product-btn-wrap .button.xy-basket-buy-btn:hover {
	border-color: #e22e2b;
	background-color: #fff !important;
	color: #e22e2b !important;
}
.product-btn-wrap .action-buttons .button.xy-basket-buy-btn:hover:after,
.product-btn-wrap .button.xy-basket-buy-btn:hover:after {
	border-color: #e22e2b;
	background-color: #fff !important;
}
.product-btn-wrap .email,
.product-btn-wrap .pdf {
	margin-right: 0;
	margin-bottom: 0;
}
.product-summary .xy-product-trust {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 8px 0 0;
}
.product-summary .xy-product-trust-chip {
	display: inline-flex;
	align-items: center;
	padding: 4px 10px;
	border: 1px solid #eee;
	border-radius: 999px;
	background: #f9f9f9;
	color: #828282;
	font-size: 12px;
	line-height: 1.3;
}
.product-summary .share-this {
	margin: 12px 0 0 !important;
}
.product-summary .share-this .share-title {
	padding-bottom: 6px !important;
}
.product-summary .action .xy-product-fav,
.product-summary .xy-product-fav {
	padding-top: 8px !important;
	margin-top: 4px !important;
}

/* 数量步进 / SKU：在 product-btn-wrap 内可读 */
.product-btn-wrap .xy-product-qty-stepper {
	display: inline-flex;
	align-items: stretch;
	border: 1px solid #ddd;
	background: #fff;
	overflow: hidden;
}
.product-btn-wrap .xy-product-qty-btn {
	width: 36px;
	border: 0;
	background: #f3f3f3;
	color: #333;
	font-size: 16px;
	line-height: 34px;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}
.product-btn-wrap .xy-product-qty-btn:hover {
	background: #e22e2b;
	color: #fff;
}
.product-btn-wrap .xy-product-qty-input {
	width: 56px;
	border: 0;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	text-align: center;
	font-size: 14px;
	line-height: 34px;
	-webkit-appearance: textfield;
}
.product-btn-wrap .xy-product-skus .xy-sku-option,
.product-btn-wrap .xy-sku-option {
	border-color: #ddd;
}
.product-btn-wrap .xy-sku-option.is-active,
.product-btn-wrap .xy-sku-option.active,
.product-btn-wrap .xy-product-skus .is-active {
	border-color: #e22e2b !important;
}
