.comparison-container {
			position: relative;
			display: flex;
			align-items: center;
		}

		.comparison-table-wrapper {
			flex: 1;
			overflow-x: auto;
			padding-bottom: 10px;
		}

		/* 自定义滚动条样式，强制显示箭头 */
		.comparison-table-wrapper::-webkit-scrollbar {
			height: 15px;
		}

		.comparison-table-wrapper::-webkit-scrollbar-track {
			background-color: #fff;
		}

		.comparison-table-wrapper::-webkit-scrollbar-thumb {
			background-color: #c1c1c1;
			border-radius: 10px;
			border: 4px solid #fff;
		}

		.comparison-table-wrapper::-webkit-scrollbar-thumb:hover {
			background-color: #a8a8a8;
		}

		.comparison-table-wrapper::-webkit-scrollbar-button {
			display: block;
			background-color: #fff;
			background-repeat: no-repeat;
			background-position: center;
			width: 20px;
		}

		/* Hide increment button at start (left) and decrement button at end (right) */
		.comparison-table-wrapper::-webkit-scrollbar-button:horizontal:start:increment,
		.comparison-table-wrapper::-webkit-scrollbar-button:horizontal:end:decrement {
			display: none;
		}

		.comparison-table-wrapper::-webkit-scrollbar-button:horizontal:decrement {
			margin-left: 170px;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666'%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/svg%3E");
		}

		.comparison-table-wrapper::-webkit-scrollbar-button:horizontal:increment {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666'%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E");
		}

		@media (max-width: 768px) {
			.selection-sidebar>div:last-child {
				margin-top: 0 !important;
			}
		}
	


		/* New styles for the redesigned page */
		.selection-container {
			display: flex;
			justify-content: space-between;
			margin-bottom: 60px;
		}

		.selection-sidebar {
			width: 30%;
			border-right: 1px solid #eee;
			padding-right: 20px;
		}

		.category-list li {
			padding: 15px 0;
			border-bottom: 1px solid #f5f5f5;
			cursor: pointer;
			display: flex;
			justify-content: space-between;
			align-items: center;
			color: #666;
			font-size: 18px;
			font-weight: bold;
			position: relative;
		}

		.category-list li.active {
			color: #1767b2;
			/* Bestware blue */
			font-weight: bold;
			padding-left: 15px;
		}

		.category-list li.active::before {
			content: '';
			position: absolute;
			left: 0;
			top: 50%;
			transform: translateY(-50%);
			height: 1.2em;
			width: 4px;
			background-color: #1767b2;
		}

		.category-list li:hover {
			color: #1767b2;
		}

		.selection-content {
			width: 70%;
		}

		.ro-tabs {
			display: flex;
			margin-bottom: 30px;
			background: #f5f5f5;
			padding: 5px;
			display: inline-flex;
		}

		.ro-tabs a {
			padding: 5px 30px;
			margin: 10px 30px 10px 10px;
			color: #000;
			background: #fff;
			text-decoration: none;
			transition: all 0.3s;
		}
		
		.ro-tabs a:hover {
			background: #e9f6fc;
		}

		.ro-tabs a.active {
			background: #1767b2;
			color: white;
		}

		.product-display-area {
			text-align: center;
		}

		.product-image {
			overflow: hidden;
			margin-bottom: 20px;
		}

		.product-main-img {
			max-width: 100%;
			height: auto;
			transition: transform 0.3s ease;
		}

		.product-item:hover .product-main-img {
			transform: scale(1.1);
		}

		/* .feature-icons {
			display: flex;
			justify-content: center;
			gap: 20px;
			margin-bottom: 15px;
		}

		.feature-icon {
			width: 40px;
			height: 40px;
			border-radius: 50%;
			border: 1px solid #ddd;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #1767b2;
		} */

		.product-title {
			font-size: 24px;
			font-weight: bold;
			margin-bottom: 10px;
			transition: color 0.3s ease;
		}

		.product-item:hover .product-title {
			color: #1767b2;
		}

		.product-subtitle {
			color: #888;
			font-size: 16px;
		}

		/* Comparison Table Styles */
		.comparison-section {
			margin-top: 80px;
		}

		.section-title {
			font-size: 32px;
			color: #1767b2;
			text-align: center;
			margin: 40px 0;
			font-weight: bold;
		}

		.comparison-table {
			width: 100%;
			border-collapse: collapse;
		}

		.comparison-table td {
			padding: 15px;
			text-align: center;
			border-bottom: 1px solid #ddd;
		}

		.comparison-table th {
			vertical-align: bottom;
			padding-bottom: 20px;
		}

		.comparison-table th img {
			max-width: 120px;
			margin-bottom: 10px;
			transition: transform 0.3s ease;
		}

		.comparison-table th:hover img {
			transform: scale(1.1);
		}

		.comparison-table th p {
			font-size: 14px;
			color: #666;
			font-weight: normal;
			transition: color 0.3s ease;
		}

		.comparison-table th:hover p {
			color: #1767b2;
		}

		.comparison-table td:first-child {
			text-align: left;
			font-weight: bold;
			color: #333;

		}

		.comparison-table tr:nth-child(even) {
			background-color: #f9f9f9;
		}

		.icon-check {
			color: #1767b2;
			font-size: 20px;
			font-weight: bold;
		}

		.icon-dash {
			color: #1767b2;
			font-weight: bold;
			font-size: 20px;
		}

		td {
			background-color: #fff;
		}

		/* Responsive adjustments */
		@media (max-width: 768px) {
			.selection-container {
				flex-direction: column;
			}

			.selection-sidebar {
				width: 100%;
				margin-bottom: 30px;
				border-right: none;
			}

			.selection-content {
				width: 100%;
			}

			.comparison-table {
				display: block;
				overflow-x: auto;
			}
		}
	

';
						tableHtml += '.comparison-table-wrapper { overflow-x: auto; padding-bottom: 20px; }';
						tableHtml += '.comparison-table-wrapper::-webkit-scrollbar-track { margin-left: 170px; background: #fff; }';
						tableHtml += '.comparison-table { width: 100%; min-width: max-content; border-collapse: separate; border-spacing: 0; border-top: 1px solid #ddd; }';

						// Updated styles with borders
						tableHtml += '.comp-sticky-col { position: sticky; left: 0; background: #fff; z-index: 10; width: 170px; min-width: 170px; box-shadow: 2px 0 5px rgba(0,0,0,0.05); border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }';
						tableHtml += '.comp-data-col { min-width: 220px; padding: 15px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; }';
						tableHtml += '.comp-feature-row-head { position: sticky; left: 0; background: #fff; z-index: 9; width: 170px; min-width: 170px; box-shadow: 2px 0 5px rgba(0,0,0,0.05); padding: 15px; font-weight: bold; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }';

						// Diagonal header styles
						tableHtml += '.diagonal-header { background: #fff; height: 100%; overflow: hidden; }';
						tableHtml += '.diagonal-line { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'100%25\' height=\'100%25\'%3E%3Cline x1=\'0\' y1=\'0\' x2=\'100%25\' y2=\'100%25\' stroke=\'%23ddd\' stroke-width=\'1\'/%3E%3C/svg%3E"); }';
						tableHtml += '.header-text-bl { position: absolute; bottom: 60px; left: 20px; font-weight: bold; font-size: 16px; }';
						tableHtml += '.header-text-tr { position: absolute; top: 40px; right: 30px; font-weight: bold; font-size: 16px; }';

						tableHtml += '@media (max-width: 768px) {';
						tableHtml += '  .comp-sticky-col { min-width: 120px; width: 120px; font-size: 14px; }';
						tableHtml += '  .comparison-table-wrapper::-webkit-scrollbar-track { margin-left: 120px; }';
						tableHtml += '  .comp-data-col { min-width: 140px; padding: 10px; }';
						tableHtml += '  .comp-feature-row-head { min-width: 120px; width: 120px; font-size: 14px; padding: 10px; }';
						tableHtml += '  .comparison-table img { max-width: 80px; }';
						tableHtml += '  .header-text-bl { font-size: 12px; bottom: 5px; left: 5px; }';
						tableHtml += '  .header-text-tr { font-size: 12px; top: 5px; right: 5px; }';
						tableHtml += '}';
						tableHtml += '::-webkit-scrollbar {background-color: #fff !important; }';
						tableHtml += '::-webkit-scrollbar-track { background: transparent; }';
						tableHtml += '::-webkit-scrollbar-button:start { display: block; }';
						tableHtml += '::-webkit-scrollbar-button:end { display: block; }';
						tableHtml += '::-webkit-scrollbar-button:horizontal:start:increment { display: none; }';
						tableHtml += '::-webkit-scrollbar-button:horizontal:end:decrement { display: none; }';
						tableHtml += '::-webkit-scrollbar-button:horizontal:decrement { margin-left: 170px; }';
						tableHtml += '