/**
 * Site-wide fixed contact — match homepage native layout; fix inner-page clip only.
 */

/* Iconfont (homepage shell) */
.fixed-contact li i.iconfont {
	font-family: "iconfont" !important;
	font-style: normal;
	font-weight: normal;
	background: none !important;
	background-image: none !important;
}

.fixed-contact li.online_p i,
.fixed-contact li.online_e i,
.fixed-contact li.online_w i,
.fixed-contact li.online_s i,
.fixed-contact li.online_code i,
.fixed-contact li.online_custom i {
	background: none !important;
	background-image: none !important;
}

/* Flatten .column wrapper — positioning context stays on li (style.css) */
.fixed-contact li .column {
	position: static;
	width: 100%;
	height: 100%;
	min-height: 50px;
}

/* Desktop: full 50px strip flush to viewport right (no translateX peek) */
@media (min-width: 993px) {
	.fixed-contact,
	.fixed-contact.show,
	.fixed-contact.active {
		position: fixed !important;
		right: 0 !important;
		left: auto !important;
		margin-right: 0 !important;
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
		transform: none !important;
		-webkit-transform: none !important;
		-moz-transform: none !important;
		filter: none !important;
		z-index: 999999 !important;
	}

	.fixed-contact {
		width: 50px;
		transition: width 0.4s ease !important;
	}

	.fixed-contact.active {
		width: 280px !important;
	}
}

/* Bottom inquiry float — pin to viewport */
#whatsapp {
	position: fixed !important;
	right: 0.28rem !important;
	bottom: 20px !important;
	left: auto !important;
	z-index: 666666 !important;
}

@media only screen and (max-width: 992px) {
	.fixed-contact {
		display: none !important;
	}
}