#product-product #content .upsell-box {
	border: 1px solid #eee;
	padding-top: 20px;
	margin-bottom: 20px;

	h4 {
		padding: 10px 0;
		text-transform: initial;
	}

	h5 {
		font-size: 16px;
		font-weight: 500;
		padding-left: 10px;
		/* text-transform: initial; */
	}

	.upsell-box-content tbody {
		tr {

			&:hover td {
				background-color: #fff;
			}

			td {
				border-top: none !important;
				padding: 10px;

				&:nth-child(2) {
					padding: 0;
					width: 64px;
				}

				input[type="checkbox"] {
					width: 18px;
					height: 18px;
				}

				/* testing start */

				/* compact swatch styles for option images */
				.option-swatch-list {
					display: flex;
					gap: 6px;
					align-items: center;
					flex-wrap: wrap;
				}

				.option-swatch {
					display: inline-block;
					cursor: pointer;
					user-select: none;
				}

				.option-swatch-input {
					position: absolute !important;
					width: 1px;
					height: 1px;
					padding: 0;
					margin: -1px;
					overflow: hidden;
					clip: rect(0,0,0,0);
					border: 0;
				}

				.option-swatch .swatch {
					width: 40px;
					height: 40px;
					display: inline-flex;
					align-items: center;
					justify-content: center;
					border: 1px solid #e0e0e0;
					border-radius: 4px;
					overflow: hidden;
					background: #fff;
				}

				.option-swatch .swatch img {
					max-width: 100%;
					max-height: 100%;
					display: block;
				}

				/* checked state */
				.option-swatch-input:checked + .swatch,
				.option-swatch-input:focus + .swatch {
					outline: 2px solid #DD0017;
					box-shadow: 0 0 0 2px rgba(221,0,23,0.08);
				}
				/* testing end */

				.fa {
					font-size: 20px;
				}
			}
		}
	}

	#button-cart-bundle {
		background-color: #DD0017;
		color: white;
		width: 100%;

		&:before {
			font-size: 17px;
			margin-right: 5px;
		}

		&:hover, &:focus, &:active {
			background-color: #AA0012 !important;
		}
	}
}

@media (max-width: 767px) {
	#product-product #content .upsell-box {
		/* border: 1px solid #ddd; */
		/* padding-top: 20px; */

		h4 {
			padding: 0 10px;
		}

		.upsell-box-content tbody tr:first-child td {
			/* border-top: none !important; */

			/* label {
				margin-bottom: 0;
			} */
		}
	}
}