/**
 * chenmeiblender — 右侧客服 / 询盘弹窗
 */
:root {
	--xy-online-primary: #212121;
	--xy-online-primary-dark: #111111;
	--xy-online-accent: var(--xy-skin-primary, #602518);
	--xy-online-accent-dark: var(--xy-skin-accent, #4a1c12);
}

.side_contact_icon {
	background: linear-gradient(135deg, var(--xy-online-primary) 0%, var(--xy-online-primary-dark) 100%);
	box-shadow: -2px 2px 8px rgba(0, 0, 0, 0.18);
}
.side_contact_item:hover .side_contact_icon {
	background: linear-gradient(135deg, var(--xy-online-accent) 0%, var(--xy-online-accent-dark) 100%);
}

.side_inquiry_mask {
	background: rgba(20, 20, 20, 0.48);
}

.side_inquiry_dialog {
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 20px 48px rgba(0, 0, 0, 0.18);
}

.side_inquiry_close {
	top: 16px;
	right: 16px;
	background: #f3f3f3 !important;
	color: #666 !important;
}
.side_inquiry_close:hover {
	background: var(--xy-skin-primary, #602518) !important;
	color: #fff !important;
}

/* 白底标题区：对比清晰、留白充足 */
.side_inquiry_hd {
	align-items: flex-start;
	gap: 16px;
	padding: 28px 56px 22px 28px;
	background: #fff !important;
	color: #1a1a1a;
	border-bottom: 1px solid #eee;
	border-radius: 12px 12px 0 0;
	position: relative;
}
.side_inquiry_hd:after {
	content: "";
	position: absolute;
	left: 28px;
	right: 28px;
	bottom: -1px;
	height: 2px;
	background: var(--xy-skin-primary, #602518);
	max-width: 48px;
}

.side_inquiry_hd-icon {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: rgba(96, 37, 24, 0.08) !important;
	color: var(--xy-skin-primary, #602518);
	font-size: 20px;
}

.side_inquiry_title {
	margin: 2px 0 8px !important;
	font-size: 22px !important;
	font-weight: 700 !important;
	letter-spacing: 0.02em;
	color: #1a1a1a !important;
}

.side_inquiry_sub {
	display: none !important;
}

/* tip 并入标题区文案流，去掉色块 */
.side_inquiry_hd .side_inquiry_tip {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #888 !important;
	font-size: 13px !important;
	line-height: 1.5 !important;
}
.side_inquiry_bd .side_inquiry_tip {
	display: none;
}

.side_inquiry_bd {
	padding-top: 20px;
}

.side_inquiry_input:hover,
.side_inquiry_textarea:hover {
	border-color: rgba(96, 37, 24, 0.4);
}

.side_inquiry_input:focus,
.side_inquiry_textarea:focus {
	border-color: var(--xy-skin-primary, #602518);
	box-shadow: 0 0 0 3px rgba(96, 37, 24, 0.12);
}

.side_inquiry_submit {
	height: 48px;
	border-radius: 8px;
	background: var(--xy-skin-primary, #602518) !important;
	box-shadow: none !important;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	font-size: 14px !important;
}
.side_inquiry_submit:hover {
	background: var(--xy-skin-accent, #4a1c12) !important;
	box-shadow: 0 8px 20px rgba(96, 37, 24, 0.22) !important;
	filter: none;
	transform: none;
}

.side_inquiry_label em {
	color: var(--xy-skin-primary, #602518);
}

.side_inquiry_thankyou .page_jump_txt a {
	color: var(--xy-skin-primary, #602518);
}

.side_inquiry_thankyou .sys_btn,
.side_inquiry_thankyou .sys_btn:after {
	border-color: var(--xy-skin-primary, #602518);
	background-color: var(--xy-skin-primary, #602518);
}

.side_inquiry_thankyou .sys_btn:hover,
.side_inquiry_thankyou .sys_btn:hover:after {
	color: var(--xy-skin-primary, #602518) !important;
}

.side_inquiry_alert.is-err .side_inquiry_alert_icon {
	background: var(--xy-skin-primary, #602518);
}

.side_contact_top .side_contact_icon {
	background: var(--xy-skin-primary, #602518);
}
.side_contact_top:hover .side_contact_icon {
	background: var(--xy-skin-accent, #4a1c12);
}

/* 桌面：顶/底留白 + 列表可滚，购物车出现后询盘图标仍可见 */
@media only screen and (min-width: 769px) {
	.side_contact {
		top: 160px;
		bottom: 36px;
		transform: none;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		justify-content: flex-start;
		pointer-events: none;
	}

	.side_contact_list {
		flex: 0 1 auto;
		max-height: calc(100vh - 196px);
		overflow-x: visible;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		pointer-events: auto;
	}

	.side_contact_list::-webkit-scrollbar {
		display: none;
	}

	.side_contact_toggle {
		pointer-events: auto;
	}
}

.side_contact_cart.is-visible,
.side_contact_item.side_contact_cart.is-visible,
.side_contact [data-xy-side-cart="1"].is-visible,
.side_contact_item.side_contact_inquiry,
.side_contact_inquiry {
	display: block !important;
	visibility: visible !important;
	pointer-events: auto !important;
	height: var(--xy-online-icon-size, 46px) !important;
	margin-bottom: 4px !important;
	overflow: visible !important;
	flex-shrink: 0;
}

.side_contact_cart .side_contact_icon {
	background: linear-gradient(135deg, #334155 0%, #1e293b 100%);
}

.side_contact_cart:hover .side_contact_icon {
	background: linear-gradient(135deg, var(--xy-online-accent, #602518) 0%, var(--xy-online-accent-dark, #4a1c12) 100%);
}

.side_contact_cart_badge {
	background: var(--xy-skin-primary, #602518) !important;
}

/* 手机端：贴 mfoot 上方，自底向上展开，避免顶栏/Product 图重叠 */
@media only screen and (max-width: 768px) {
	.side_contact {
		top: auto !important;
		bottom: calc(var(--xy-mfoot-height, 58px) + 6px + env(safe-area-inset-bottom, 0px)) !important;
		transform: none !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-end !important;
		justify-content: flex-end !important;
		pointer-events: none;
		z-index: 1020 !important;
		max-height: calc(100vh - var(--xy-mfoot-height, 58px) - 32px);
	}

	.side_contact_list {
		flex: 0 1 auto;
		pointer-events: auto;
		margin-bottom: 8px;
	}

	.side_contact.is-open .side_contact_list {
		display: block;
		max-height: min(360px, calc(100vh - var(--xy-mfoot-height, 58px) - 120px));
		overflow-y: auto;
		overflow-x: visible;
		-webkit-overflow-scrolling: touch;
	}

	.side_contact_toggle {
		background: linear-gradient(135deg, var(--xy-online-primary) 0%, var(--xy-online-primary-dark) 100%) !important;
		box-shadow: -2px 2px 12px rgba(0, 0, 0, 0.22) !important;
	}

	.side_contact.is-open .side_contact_toggle {
		background: linear-gradient(135deg, var(--xy-online-accent) 0%, var(--xy-online-accent-dark) 100%) !important;
		box-shadow: -2px 2px 12px rgba(96, 37, 24, 0.35) !important;
	}
}