/**
 * System inquiry / feedback form.
 * Theme overrides: --xy-inquiry-* / --xy-skin-* / xy-commerce-skin.css
 */
.xy-inquiry-wrap{
	padding:28px 28px 32px;
	background:var(
		--xy-inquiry-panel,
		linear-gradient(
			180deg,
			color-mix(in srgb,var(--xy-skin-primary,#666) 5%,#f7fbfc) 0%,
			color-mix(in srgb,var(--xy-skin-primary,#666) 9%,#eef7fb) 100%
		)
	);
	border:1px solid color-mix(in srgb,var(--xy-skin-primary,#666) 22%,transparent);
	border-radius:var(--xy-inquiry-radius,8px);
	box-shadow:0 8px 28px rgba(26,58,74,.06);
	box-sizing:border-box;
}
@supports not (background:color-mix(in srgb,red 5%,#fff)){
	.xy-inquiry-wrap{
		background:linear-gradient(180deg,#f7fbfc 0%,#eef7fb 100%);
		border-color:var(--xy-ui-line,#e6e8eb);
	}
}
.xy-inquiry-hd{margin-bottom:20px}
.xy-inquiry-title{
	margin:0 0 10px;
	font-size:22px;
	line-height:1.3;
	font-weight:700;
	color:var(--xy-ui-ink,#333);
}
.xy-inquiry-alert{
	font-size:14px;
	line-height:1.55;
	border-left:3px solid var(--xy-skin-primary,#666);
	color:color-mix(in srgb,var(--xy-skin-primary,#666) 55%,#4a5560);
	background:color-mix(in srgb,var(--xy-skin-primary,#666) 8%,transparent);
	padding:10px 14px;
	margin:0 0 24px;
	border-radius:0 6px 6px 0;
}
@supports not (color:color-mix(in srgb,red 55%,#444)){
	.xy-inquiry-alert{color:#4a7a8a;background:rgba(0,0,0,.04)}
}

.xy-inquiry .xiaoyu-inquiry-form,
.xy-inquiry-form{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:16px 20px;
	margin:0;
}
.xy-inquiry-form.xiaoyu-inquiry-form:before,
.xy-inquiry-form.xiaoyu-inquiry-form:after{
	display:none;
	content:none;
}
.xy-inquiry-field{
	min-width:0;
	position:relative;
}
.xy-inquiry-field.is-full,
.xy-inquiry-field:not(.is-half){
	grid-column:1 / -1;
}
.xy-inquiry-field.is-half{grid-column:span 1}
.xy-inquiry-label{
	display:block;
	font-size:14px;
	line-height:1.2;
	padding-bottom:8px;
	color:var(--xy-ui-ink,#333);
	font-weight:600;
}
.xy-inquiry-label > em{
	color:#e85d5d;
	margin-right:4px;
	font-style:normal;
}
.xy-inquiry-input,
.xy-inquiry-textarea,
.xy-inquiry-field > select,
.xy-inquiry select.xy-inquiry-input,
select.xy-ship-country{
	display:block;
	width:100%;
	max-width:100%;
	font-size:14px;
	height:44px;
	padding:0 14px;
	border:1px solid var(--xy-inquiry-line,#d5e3e9);
	border-radius:var(--xy-inquiry-radius,8px);
	background-color:var(--xy-inquiry-bg,#fff);
	color:var(--xy-ui-ink,#333);
	box-sizing:border-box;
	outline:none;
	font-family:inherit;
	transition:border-color .2s,box-shadow .2s;
}
.xy-inquiry-field > select,
select.xy-ship-country{
	padding-right:36px;
	appearance:none;
	-webkit-appearance:none;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236a727c' d='M1 1.5 6 6.5 11 1.5'/%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-position:right 14px center;
	cursor:pointer;
}
.xy-inquiry-textarea{
	height:auto;
	min-height:110px;
	padding:12px 14px;
	line-height:1.55;
	resize:vertical;
}
.xy-inquiry-input::placeholder,
.xy-inquiry-textarea::placeholder{color:#9aadb6}
.xy-inquiry-input:hover,
.xy-inquiry-textarea:hover,
.xy-inquiry-field > select:hover,
select.xy-ship-country:hover{border-color:var(--xy-skin-primary,#666)}
.xy-inquiry-input:focus,
.xy-inquiry-textarea:focus,
.xy-inquiry-field > select:focus,
select.xy-ship-country:focus{
	border-color:var(--xy-skin-primary,#666);
	box-shadow:0 0 0 3px color-mix(in srgb,var(--xy-skin-primary,#666) 18%,transparent);
}
.xy-inquiry-field.is-err .xy-inquiry-input,
.xy-inquiry-field.is-err .xy-inquiry-textarea,
.xy-inquiry-input.is-err,
.xy-inquiry-textarea.is-err{border-color:#fe5050}
.xy-inquiry-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:140px;
	height:46px;
	padding:0 28px;
	border:0;
	border-radius:var(--xy-inquiry-radius,8px);
	background:var(--xy-skin-primary,#666);
	color:#fff;
	font-size:15px;
	font-weight:600;
	cursor:pointer;
	transition:background .2s,box-shadow .2s,transform .2s;
}
.xy-inquiry-btn:hover{
	background:var(--xy-skin-accent,var(--xy-skin-primary,#555));
	box-shadow:0 8px 20px color-mix(in srgb,var(--xy-skin-primary,#666) 35%,transparent);
	transform:translateY(-1px);
}
.xy-inquiry-btn:disabled,
.xy-inquiry-btn.is-disabled{
	cursor:not-allowed;
	opacity:.65;
	box-shadow:none;
	transform:none;
}
.xy-inquiry-actions{grid-column:1 / -1}

/* Sidebar compact */
.xy-inquiry.is-sidebar .xy-inquiry-wrap{
	position:sticky;
	top:88px;
}
.xy-inquiry.is-sidebar .xy-inquiry-form{
	grid-template-columns:1fr;
	gap:12px;
}
.xy-inquiry.is-sidebar .xy-inquiry-btn{width:100%;min-width:0}

@media (max-width:900px){
	.xy-inquiry .xiaoyu-inquiry-form,
	.xy-inquiry-form{grid-template-columns:1fr}
	.xy-inquiry-field.is-half{grid-column:1 / -1}
	.xy-inquiry-wrap{padding:22px}
	.xy-inquiry-title{font-size:20px}
	.xy-inquiry.is-sidebar .xy-inquiry-wrap{position:static}
}
@media (max-width:768px){
	.xy-inquiry-wrap{padding:16px;border-radius:10px}
	.xy-inquiry-title{font-size:18px}
	.xy-inquiry-alert{font-size:13px;margin-bottom:16px}
	.xy-inquiry-input{height:40px;padding:0 12px}
	.xy-inquiry-btn{width:100%;height:44px;padding:0 16px;font-size:14px}
}