/**
 * yutengpacking — 右侧客服 / 询盘弹窗
 * 主色与全站品牌红统一（#e22e2b）
 */
:root {
	--xy-online-primary: #222;
	--xy-online-primary-dark: #111;
	--xy-online-accent: var(--xy-skin-primary, #e22e2b);
	--xy-online-accent-dark: var(--xy-skin-accent, #c41e1e);
}

.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, #e22e2b) !important;
	color: #fff !important;
}

/* 白底标题区 */
.side_inquiry_hd {
	align-items: flex-start;
	gap: 16px;
	padding: 28px 56px 22px 28px;
	background: #fff !important;
	color: #222;
	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, #e22e2b);
	max-width: 48px;
}

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

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

.side_inquiry_sub {
	display: none !important;
}

.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_label em {
	color: var(--xy-skin-primary, #e22e2b) !important;
}

.side_inquiry_input,
.side_inquiry_textarea,
.side_inquiry_form select.side_inquiry_input {
	background: #f7f8fa !important;
	border: 1px solid #e5e5e5 !important;
	border-radius: 6px !important;
	color: #222 !important;
}
.side_inquiry_input:hover,
.side_inquiry_textarea:hover,
.side_inquiry_form select.side_inquiry_input:hover {
	border-color: rgba(226, 46, 43, 0.45) !important;
}
.side_inquiry_input:focus,
.side_inquiry_textarea:focus,
.side_inquiry_form select.side_inquiry_input:focus {
	border-color: var(--xy-skin-primary, #e22e2b) !important;
	box-shadow: 0 0 0 3px rgba(226, 46, 43, 0.12) !important;
	outline: none !important;
}

.side_inquiry_submit {
	height: 48px;
	border-radius: 6px !important;
	background: var(--xy-skin-primary, #e22e2b) !important;
	box-shadow: none !important;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	font-size: 14px !important;
	font-weight: 700 !important;
}
.side_inquiry_submit:hover {
	background: var(--xy-skin-accent, #c41e1e) !important;
	box-shadow: none !important;
	filter: none;
	transform: none;
}

.side_contact_top .side_contact_icon {
	background: var(--xy-skin-primary, #e22e2b);
}
.side_contact_top:hover .side_contact_icon {
	background: var(--xy-skin-accent, #c41e1e);
}

/* 右侧客服购物车：空篮隐藏 */
.side_contact_cart.is-empty,
.side_contact_cart[hidden],
.side_contact [data-xy-side-cart="1"].is-empty,
.side_contact [data-xy-side-cart="1"][hidden] {
	display: none !important;
	visibility: hidden !important;
	pointer-events: none !important;
	height: 0 !important;
	margin: 0 !important;
	overflow: hidden !important;
}
.side_contact_cart.is-visible,
.side_contact [data-xy-side-cart="1"].is-visible {
	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;
}
.side_contact_cart .side_contact_icon {
	position: relative;
	background: linear-gradient(135deg, #334155 0%, #1e293b 100%);
	color: #fff;
}
.side_contact_cart:hover .side_contact_icon {
	background: linear-gradient(135deg, var(--xy-skin-primary, #e22e2b) 0%, var(--xy-skin-accent, #c41e1e) 100%);
	color: #fff;
}
.side_contact_cart_badge {
	position: absolute;
	top: 2px;
	right: 2px;
	min-width: 16px;
	height: 16px;
	padding: 0 4px;
	border-radius: 8px;
	background: var(--xy-skin-primary, #e22e2b);
	color: #fff;
	font: 700 10px/16px Arial, sans-serif;
	text-align: center;
	box-sizing: border-box;
	pointer-events: none;
	z-index: 3;
}
.side_contact_cart_badge.is-empty,
.side_contact_cart_badge[hidden],
.side_contact_cart_badge:empty {
	display: none !important;
}

.side_inquiry_thankyou .sys_btn,
.side_inquiry_alert_btn {
	background: var(--xy-skin-primary, #e22e2b) !important;
	border-color: var(--xy-skin-primary, #e22e2b) !important;
}
.side_inquiry_thankyou .sys_btn:hover,
.side_inquiry_alert_btn:hover {
	background: var(--xy-skin-accent, #c41e1e) !important;
	border-color: var(--xy-skin-accent, #c41e1e) !important;
}