/** Shopify CDN: Minification failed

Line 339:0 Expected "}" to go with "{"

**/
.product-specs-comparison-gch {

	.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: 60px;
				padding-bottom: 0px;

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

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

					@media (max-width: 768px) {
						/* display: none; */
							flex: 0 0 56px;
					}
				}

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

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

                        .swiper-slide {
                            /* width: 300px; */
								width:50%;
                            height: auto;

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

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

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

						.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: 12px;
								}
							}

							.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: 98px;
									height: 82px;
								}

								.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; */
	width:50%;
					  @media (max-width: 768px) {
						/* width: 50%;
						border:1px solid red */
					 border:1px solid;
								border-top-color: rgba(189, 189, 189, 0.80);
                                &:nth-child(1) {
                                    width: 214px !important; 
                                }
                                
                                &:nth-child(2) {
                                    flex:1 !important;
						 
									text-align:center;
                                }
								 
					}  

					  /* 移动端单独给每个slide不同宽度，自由修改数值 */
 
					&.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 {
										display:none;
                                        .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: row;
							align-items: flex-start;
							gap: 10px;
							padding:10px 0px;
						
						}

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

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

                            @media (max-width: 768px) {
								display:none;
                                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:1;
							 
								font-weight: 600;
								line-height: 1.2;
								color: #4B4B4B;
								/* width: 200%; */
								flex:0 0 77px;	font-size:8px
							}
						}

						.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;
								 flex:1; 
								 justify-content:flex-start;
								 padding:0px
								 
							}
						}
					}
				}
			}
		}
	}
}