@import "_mixins";
@import "_variables";

.box-01 {
	#product-preview-box {
		.product-preview-box {
			.product-nav {
				#nav_tabs {
					max-width: 300px;

					@include respond-below(md) {
						max-width: unset;
					}
				}
			}
		}
	}
}
.box-02 {
	padding: 90px 0;
}
.box-03 {
	.scontainer-content {
		> .row {
			align-items: center;
		}
		.col-right {
			margin-top: 0;
		}
	}
}
.box-04 {
	margin-bottom: 160px;

	#product-colors {
		.col-left {
			img {
				&.mb-5 {
					@include respond-below(md) {
						display: block;
						margin-left: auto;
						margin-right: auto;
					}
				}
			}
			@include respond-below(md) {
				text-align: center;
			}
		}
		.col-right {
			.color-tiles-list {
				display: flex;
				flex-direction: row;
				row-gap: 20px;
				column-gap: 70px;
				flex-wrap: wrap;

				li {
					display: flex;
					flex-direction: column;
					row-gap: 9px;

					img {
						max-height: 42px;
						width: 160px !important;
						object-fit: cover;
					}
					p {
						font-weight: 400;
						font-size: 14px;
						margin-bottom: 0;
					}
				}
			}
		}
	}
}
