.product-specs-comparison-awd {

	.product-specs-comparison-title {
		font-size: 56px;
		font-weight: 600;
		line-height: 1.2;
		color: #1a1a1a;
		text-align: center;

		@media (max-width: 768px) {
			font-size: 24px;
		}
	}

	.product-specs-comparison-container {
		.sticky-animation-wrapper {
			z-index: 1;
			background-color: white;
            display: flex;
            flex-direction: column;
            align-items: center;
			position: relative;

			@media (max-width: 768px) {
				padding-top: 14px;
			}

			&.sticky {
				position: sticky;
				top: 0;

                .comparison-header-row {
                    border-bottom: 1px solid #BDBDBD;
                }

				@media (max-width: 768px) {
					top: 39px;
				}
			}

			/* 表头行样式 */
			.comparison-header-row {
				display: flex;
				width: 100%;
				padding-top: 90px;
				padding-bottom: 14px;

				@media (max-width: 768px) {
					padding-top: 24px;
					padding-bottom: 8px;
				}

				.spec-fix-header {
					flex: 0 0 300px;
					display: flex;
					align-items: flex-end;
                    gap: 30px;

					@media (max-width: 768px) {
						display: none;
					}
				}

				.product-specs-comparison-header-swiper {
					flex: 1;
					overflow: hidden;

                    .swiper-wrapper {
                        height: auto !important;;

                        .swiper-slide {
                            width: 300px;
                            height: auto;

                            @media (max-width: 768px) {
                                width: 50%;
                            }
                        }
                    }

					.product-specs-comparison-header-cell {
						display: flex;
						justify-content: center;
						align-items: center;

						@media (max-width: 768px) {
							padding: 0 8px;
						}

						.product-specs-comparison-product-header {
							height: 100%;
							display: flex;
							flex-direction: column;
							align-items: center;
							justify-content: center;
							gap: 20px;
							color: #1a1a1a;

							@media (max-width: 768px) {
								gap: 2px;
							}

							.product-specs-comparison-product-name {
								font-size: 30px;
								font-weight: 600;
								line-height: 1.2;

								@media (max-width: 768px) {
									font-size: 16px;
								}
							}

							.product-specs-comparison-product-series {
								font-size: 18px;
								font-weight: 500;
								line-height: 1.2;

								@media (max-width: 768px) {
									font-size: 14px;
								}
							}

							.product-specs-comparison-product-image {
								width: 240px;
								height: 200px;
								transition: all 0.3s ease-in-out;

								@media (max-width: 768px) {
									width: 86px;
									height: 65px;
								}

								.product-specs-comparison-product-img {
									width: 100%;
									height: 100%;
									object-fit: contain;
								}
							}
						}
					}
				}
			}
		}

		.comparison-content-row {
			display: flex;
			width: 100%;

			.spec-fix-body {
				flex: 0 0 300px;

				@media (max-width: 768px) {
					display: none;
				}

				.spec-fix-row {
					height: var(--spec-height-desktop, 70px);
					display: flex;
					align-items: center;

                    &.spec-title-row {
                        margin-top: 60px;
                        border-bottom: 1px solid #BDBDBD;

                        &:first-child {
                            margin-top: 0;
                        }

                        @media (max-width: 768px) {
                            margin-top: 36px;
                        }
                        
                        .product-specs-comparison-spec-title {
                           color: #1A1A1A;
                            font-size: 24px;
                            font-weight: 600;
                            line-height: 1.2; 
                        }
                    }

					.product-specs-comparison-spec-name {
						color: #1A1A1A;
						font-size: 18px;
						font-weight: 500;
						line-height: 1.2;
					}
				}
			}

			.product-specs-comparison-content-swiper {
				flex: 1;
				overflow: hidden;
				position: relative;
                z-index: 0;

				.swiper-slide {
					width: 300px;

					@media (max-width: 768px) {
						width: 50%;
					}

					&.swiper-slide-active {
						.product-specs-comparison-content-column {
							.product-specs-comparison-product-row {
								.product-specs-comparison-product-name {
									opacity: 1;
								}

                                @media (max-width: 768px) {
                                    &.spec-title-row {
                                        .product-specs-comparison-product-title {
                                            opacity: 1;
                                        }
                                    }
                                }
							}
						}
					}
				}

				.product-specs-comparison-content-column {
					.product-specs-comparison-product-row {
						height: var(--spec-height-desktop, 70px);
						display: flex;
						flex-direction: column;
						justify-content: center;
                        align-items: center;
						box-sizing: border-box;
						transition: all 0.6s ease-in-out;

						@media (max-width: 768px) {
							height: auto;
							display: flex;
							flex-direction: column;
							align-items: flex-start;
							gap: 16px;
							padding: 16px 8px;
						}

                        &.spec-title-row {
                            margin-top: 60px;
                            border-bottom: 1px solid #BDBDBD;

                            &:first-child {
                                margin-top: 0;
                            }

                            @media (max-width: 768px) {
                                margin-top: 36px;
                            }

                            .product-specs-comparison-product-title {
                                opacity: 0;
                                font-size: 16px;
                                font-weight: 600;
                                line-height: 1.2;
                            }
                        }

						.product-specs-comparison-product-name {
							display: none;

							@media (max-width: 768px) {
								display: block;
								opacity: 0;
								font-size: 14px;
								font-weight: 600;
								line-height: 1.2;
								color: #4B4B4B;
								width: 200%;
							}
						}

						.product-specs-comparison-cell {
							font-size: 16px;
							font-weight: 400;
							line-height: 1.4;
							color: #6B6B6B;
							display: flex;
							justify-content: center;
							align-items: center;
							word-break: break-word;
							padding: 0 4px;
							text-align: center;

							@media (max-width: 768px) {
								font-size: 13px;
								text-align: left;
							}
						}
					}
				}
			}
		}
	}
}