/**
 * EVOX 手机端 card-4~6 兜底（纯 CSS，不经过 less.js）
 */
@media screen and (max-width: 990px) {
	.page-evox .content-container #content-1 .inner .flex-right .card-4,
	.page-evox .content-container #content-2 .inner .flex-right .card-4 {
		margin-top: 6rem;
		width: 100%;
		max-width: none;
		overflow: visible;
		box-sizing: border-box;
	}

	.page-evox .content-container #content-1 .inner .flex-right .card-4 .title,
	.page-evox .content-container #content-2 .inner .flex-right .card-4 .title {
		color: #333;
		font-size: 2.4rem;
		line-height: 1.2;
		width: 100%;
	}

	.page-evox .content-container #content-1 .inner .flex-right .card-4 .card-body,
	.page-evox .content-container #content-2 .inner .flex-right .card-4 .card-body {
		position: relative;
		width: 100%;
		max-width: none;
		height: 0;
		margin-left: 0;
		margin-top: 3.6rem;
		padding-bottom: 41.7547%;
		overflow: visible;
		box-sizing: border-box;
	}

	.page-evox .content-container #content-1 .inner .flex-right .card-4 .card-body .city,
	.page-evox .content-container #content-2 .inner .flex-right .card-4 .card-body .city {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		width: 100%;
		height: 100%;
		object-fit: contain !important;
	}

	.page-evox .content-container #content-1 .inner .flex-right .card-4 .card-body .label,
	.page-evox .content-container #content-2 .inner .flex-right .card-4 .card-body .label {
		position: absolute;
		z-index: 3;
		font-size: 1.2rem;
		color: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		background: #e69f5c;
		width: 2.4rem;
		height: 2.4rem;
		border-radius: 100%;
		top: 0;
		left: 0;
		transform: translate(-50%, -50%);
	}

	.page-evox .content-container #content-1 .inner .flex-right .card-4 .card-body .card-title,
	.page-evox .content-container #content-2 .inner .flex-right .card-4 .card-body .card-title {
		color: #333;
		font-size: 1.2rem;
		left: 0.42%;
		right: auto;
		top: 78%;
		z-index: 3;
		padding-left: 1.2rem; 
	}

	.page-evox .content-container #content-1 .inner .flex-right .card-4 .card-body .card-desc,
	.page-evox .content-container #content-2 .inner .flex-right .card-4 .card-body .card-desc {
		color: #818285;
		font-size: 1.2rem;
		letter-spacing: -1px;
		left: 0.42%;
		right: 0.42%;
		top: 88.25%;
		z-index: 3;
		padding-left: 1.2rem; 
	}

	.page-evox .content-container #content-1 .inner .flex-right .card-5,
	.page-evox .content-container #content-2 .inner .flex-right .card-5 {
		position: relative;
		margin-top: 4rem;
		width: 100%;
		max-width: none;
		height: auto;
		min-height: 10rem;
		margin-left: 0;
		padding: 1.2rem;
		border-radius: 1rem;
		border: 1px solid #1f94d2;
		box-sizing: border-box;
		overflow: visible;
	}

	.page-evox .content-container #content-1 .inner .flex-right .card-5 .label,
	.page-evox .content-container #content-2 .inner .flex-right .card-5 .label {
		position: absolute;
		z-index: 3;
		font-size: 1.2rem;
		color: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		background: #1f94d2;
		width: 2.4rem;
		height: 2.4rem;
		border-radius: 100%;
		top: 0;
		left: 0;
		transform: translate(-50%, -50%);
	}

	.page-evox .content-container #content-1 .inner .flex-right .card-5 .option-1,
	.page-evox .content-container #content-2 .inner .flex-right .card-5 .option-1,
	.page-evox .content-container #content-1 .inner .flex-right .card-5 > div:not(.label),
	.page-evox .content-container #content-2 .inner .flex-right .card-5 > div:not(.label) {
		position: relative;
		z-index: 1;
	}

	.page-evox .content-container #content-1 .inner .flex-right .card-5 .option-title,
	.page-evox .content-container #content-2 .inner .flex-right .card-5 .option-title {
		color: #333;
		font-size: 1.2rem;
		line-height: 1.2;
	}

	.page-evox .content-container #content-1 .inner .flex-right .card-5 .option-desc,
	.page-evox .content-container #content-2 .inner .flex-right .card-5 .option-desc {
		color: #818285;
		font-size: 1.2rem;
		line-height: 1.35;
		margin-top: 0.6rem;
		margin-bottom: 1.2rem;
	}

	.page-evox .content-container #content-1 .inner .flex-right .card-5 > div:last-child .option-desc,
	.page-evox .content-container #content-2 .inner .flex-right .card-5 > div:last-child .option-desc {
		margin-bottom: 0;
	}

	.page-evox .content-container #content-1 .inner .flex-right .card-6 .title,
	.page-evox .content-container #content-2 .inner .flex-right .card-6 .title {
		color: #333;
		font-size: 2.4rem;
		margin-bottom: 2.5rem;
	}

	.page-evox .content-container #content-1 .inner .flex-right .card-6 .compare,
	.page-evox .content-container #content-2 .inner .flex-right .card-6 .compare {
		width: 100%;
		max-width: 38.2rem;
		height: auto;
		object-fit: contain;
		margin-bottom: 0;
	}

	.page-evox .content-container #content-1 .inner .flex-right .card-6 .desc,
	.page-evox .content-container #content-2 .inner .flex-right .card-6 .desc {
		color: #333;
		font-size: 1.4rem;
		padding-left: 11.2rem;
		margin-top: 2.5rem;
	}

	/* EXPLORE CONTROLS（grid-6）：不依赖 less.js 编译 */
	.page-evox .grid-6 {
		width: 100% !important;
		max-width: 100% !important;
		overflow: hidden !important;
		box-sizing: border-box !important;
	}

	.page-evox .grid-6 .bottom-switch-row {
		width: 100% !important;
		height: auto !important;
		min-height: 20rem !important;
		overflow: hidden !important;
		background-color: #eaeaea !important;
	}

	.page-evox .grid-6 .bottom-switch-row .prev-button,
	.page-evox .grid-6 .bottom-switch-row .next-button {
		width: 1rem !important;
		height: 1.9rem !important;
		overflow: hidden !important;
	}

	.page-evox .grid-6 .bottom-switch-row .prev-button img,
	.page-evox .grid-6 .bottom-switch-row .next-button img {
		position: absolute !important;
		inset: 0 !important;
		width: 100% !important;
		height: 100% !important;
		object-fit: contain !important;
	}

	.page-evox .grid-6 .bottom-switch-row .swiper {
		width: 100% !important;
		max-width: 38.2rem !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.page-evox .grid-6 .bottom-switch-row .swiper .swiper-wrapper {
		height: auto !important;
	}

	.page-evox .grid-6 .bottom-switch-row .swiper-slide {
		width: 9.5rem !important;
		height: auto !important;
		min-height: 18rem !important;
		padding-top: 0 !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
	}

	.page-evox .grid-6 .bottom-switch-row .product-wrapper-1,
	.page-evox .grid-6 .bottom-switch-row .product-wrapper-2,
	.page-evox .grid-6 .bottom-switch-row .product-wrapper-3,
	.page-evox .grid-6 .bottom-switch-row .product-wrapper-4 {
		position: relative !important;
		left: auto !important;
		right: auto !important;
		top: auto !important;
		transform: none !important;
	}

	.page-evox .grid-6 .bottom-switch-row .product-wrapper-1,
	.page-evox .grid-6 .bottom-switch-row .product-wrapper-2,
	.page-evox .grid-6 .bottom-switch-row .product-wrapper-4 {
		width: 7.6rem !important;
		height: 7.6rem !important;
		margin: 4.8rem auto 0 !important;
	}

	.page-evox .grid-6 .bottom-switch-row .product-wrapper-1 .product-1,
	.page-evox .grid-6 .bottom-switch-row .product-wrapper-2 .product-2,
	.page-evox .grid-6 .bottom-switch-row .product-wrapper-4 .product-4,
	.page-evox .grid-6 .bottom-switch-row .product-3-1-img,
	.page-evox .grid-6 .bottom-switch-row .product-3-2-img {
		position: relative !important;
		left: auto !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		transform: none !important;
	}

	.page-evox .grid-6 .bottom-switch-row .product-wrapper-1 .product-1,
	.page-evox .grid-6 .bottom-switch-row .product-wrapper-2 .product-2,
	.page-evox .grid-6 .bottom-switch-row .product-wrapper-4 .product-4 {
		width: 100% !important;
		height: 100% !important;
		object-fit: contain !important;
	}

	.page-evox .grid-6 .bottom-switch-row .product-wrapper-3 {
		width: 8.8rem !important;
		height: auto !important;
		margin: 3.6rem auto 0 !important;
	}

	.page-evox .grid-6 .bottom-switch-row .product-wrapper-3-inner {
		position: relative !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		width: 100% !important;
		height: auto !important;
		top: auto !important;
		left: auto !important;
	}

	.page-evox .grid-6 .bottom-switch-row .product-3-1-img,
	.page-evox .grid-6 .bottom-switch-row .product-3-2-img {
		display: block !important;
		width: 100% !important;
		height: auto !important;
		max-height: 5.2rem !important;
		object-fit: contain !important;
	}

	.page-evox .grid-6 .bottom-switch-cards .bottom-switch-card {
		display: none !important;
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		align-items: stretch !important;
		width: 100% !important;
		max-width: 38.2rem !important;
		min-width: 0 !important;
		min-height: 0 !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding: 0 1.6rem 3.2rem !important;
		position: relative !important;
		left: auto !important;
		transform: none !important;
	}

	.page-evox .grid-6 .bottom-switch-cards .bottom-switch-card.active {
		display: flex !important;
		flex-direction: column !important;
	}

	.page-evox .grid-6 .bottom-switch-cards .bottom-switch-card-media {
		order: 1 !important;
		flex: none !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		min-height: 0 !important;
	}

	.page-evox .grid-6 .bottom-switch-cards .bottom-switch-card-media--dual {
		flex-wrap: nowrap !important;
		gap: 1rem !important;
	}

	.page-evox .grid-6 .bottom-switch-cards .bottom-switch-card-media--dual img {
		flex: 1 1 0 !important;
		min-width: 0 !important;
		max-width: 48% !important;
		max-height: 11rem !important;
	}

	.page-evox .grid-6 .bottom-switch-cards .bottom-switch-card-media img {
		position: relative !important;
		left: auto !important;
		top: auto !important;
		transform: none !important;
		max-width: 100% !important;
		max-height: 20rem !important;
		min-height: 0 !important;
		width: auto !important;
		height: auto !important;
		object-fit: contain !important;
	}

	.page-evox .grid-6 .bottom-switch-cards .bottom-switch-card-body {
		order: 2 !important;
		flex: none !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	.page-evox .grid-6 .bottom-switch-cards .bottom-switch-card .card-sub-title,
	.page-evox .grid-6 .bottom-switch-cards .bottom-switch-card .card-desc {
		width: 100% !important;
		max-width: 100% !important;
	}

	.page-evox .grid-6 .bottom-switch-cards .bottom-switch-card .button {
		width: 100% !important;
		max-width: 100% !important;
		height: 5.4rem !important;
		margin-top: 3.6rem !important;
		padding: 0 1.6rem !important;
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
		box-sizing: border-box !important;
		border-radius: 3.2rem !important;
		font-size: 1.6rem !important;
		line-height: 1.2 !important;
		color: #fff !important;
		background-color: #1f94d2 !important;
		text-decoration: none !important;
		border: none !important;
		white-space: normal !important;
		text-align: center !important;
	}

	/* content-4：A-Coil 右侧 6 张全宽配图 */
	.page-evox #content-4 .inner .flex-right {
		width: 100% !important;
		max-width: 100% !important;
		padding-top: 4.8rem !important;
		box-sizing: border-box !important;
	}

	.page-evox #content-4 .inner .flex-right .card-1 {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		margin-left: 0 !important;
		margin-bottom: 4.8rem !important;
		padding: 0 !important;
		justify-content: flex-start !important;
	}

	.page-evox #content-4 .inner .flex-right .card-1:last-child {
		margin-bottom: 0 !important;
	}

	.page-evox #content-4 .inner .flex-right .card-1 .title {
		width: 100% !important;
		max-width: 100% !important;
		font-size: 2.4rem !important;
		line-height: 1.2 !important;
		margin-bottom: 1.6rem !important;
	}

	.page-evox #content-4 .inner .flex-right .card-1 .machine-img {
		display: block !important;
		position: relative !important;
		left: auto !important;
		top: auto !important;
		transform: none !important;
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		object-fit: contain !important;
	}

	/* content-3：灰条 + A/B/C/D 圆标 */
	.page-evox #content-3 .flex-right .card-1 {
		background-color: #f2f2f2 !important;
		border-radius: 1.6rem !important;
		box-sizing: border-box !important;
	}

	.page-evox #content-3 .flex-right .options {
		display: flex !important;
		flex-wrap: nowrap !important;
		justify-content: space-between !important;
		align-items: flex-start !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}

	.page-evox #content-3 .flex-right .options.options-2 {
		margin-top: 2.3rem !important;
	}

	.page-evox #content-3 .flex-right .options > .flex {
		display: flex !important;
		align-items: flex-start !important;
		flex: 0 1 48% !important;
		max-width: 48% !important;
		min-width: 0 !important;
	}

	.page-evox #content-3 .flex-right .options .option-c {
		margin-left: 0 !important;
		margin-top: 0 !important;
	}

	.page-evox #content-3 .flex-right .options .option-label,
	.page-evox #content-1 .flex-right .options .option-label,
	.page-evox #content-2 .flex-right .options .option-label {
		color: #fff !important;
		background-color: #1f94d2 !important;
		border-radius: 100% !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		flex-shrink: 0 !important;
		width: 2.4rem !important;
		height: 2.4rem !important;
		font-size: 1.6rem !important;
		margin-right: 0.5rem !important;
	}

	.page-evox #content-3 .flex-right .options .option-values {
		margin-top: 0 !important;
		width: 100% !important;
		max-width: 14.5rem !important;
	}

	/* Compatible Outdoor Units：合成图布局 */
	.page-evox .product-grid .product-grid-show-more .product-grid-content {
		height: auto !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
	}

	.page-evox .product-grid .product-row-img {
		position: relative !important;
		left: auto !important;
		width: 100% !important;
		height: auto !important;
		display: block !important;
	}

	.page-evox .product-grid .product-grid-btn,
	.page-evox .product-grid .product-grid-show-more .button {
		position: relative !important;
		left: auto !important;
		bottom: auto !important;
		transform: none !important;
		margin-top: 2rem !important;
	}
}
