.product-container {
	display: grid;
	column-gap: 40px;

	grid-template-columns: 100%;
	grid-template-areas:	"header"
							"gallery"
							"salon"
							"cart"
							"params"
							"tips";
}

.product-container .product-gallery-container {
	grid-area: gallery;
}
.product-container .product-header-container {
	grid-area: header;
}
.product-container .product-cart {
	grid-area: cart;
}
.product-container .product-params-container {
	grid-area: params;
}
.product-container .product-tips-container {
	grid-area: tips;
}

.product-icons {
	position: absolute;
    display: flex;
    flex-flow: row;
	flex-wrap: wrap;
    z-index: 2;
	gap: 15px;
}
.product-icons .product-icon {
	display: flex;
	gap: 10px;
	align-items: center;
}
.product-icons .product-icon:before {
	color: var(--color-grey-3);
	display: block;
	background-size: contain;
	font-size: 30px;
}

.product-icons .product-icon.u-icon-view360 {
	cursor: pointer;
}

.product-bages {
	font-size: 13px;
	color: var(--color-grey-3);
	display: flex;
	flex-wrap: wrap;
	column-gap: 20px;
	align-items: center;
}
.product-bage-new {
	padding: 2px 8px;
	border-radius: 4px;
	background: var(--color-green-5);
	color: var(--color-white);
}

.product-header-container h1 {
	text-transform: none !important;
	margin-bottom: 6px;
}

.product-header-container h1 .subtitle {
	display: block;
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-2);
	line-height: var(--line-height-base);
	letter-spacing: normal;
}

.stock-statuses {
	display: flex;
	flex-wrap: wrap;
	column-gap: 20px;
}
.stock-statuses .stock-status {
	color: var(--color-green-3);
}
.stock-statuses .stock-status:before {
	color: var(--color-green-5);
	font-family: var(--icons-font);
	content: var(--u-icon-check);
	font-size: 16px;
	margin-right: 10px;
}

.stock-statuses .stock-status.non-stock {
	color: var(--color-grey-4);
}
.stock-statuses .stock-status.non-stock:before {
	display: none;
}

.stock-statuses .stock-status.sale {
	color: var(--color-red-5);
}
.stock-statuses .stock-status.sale:before {
	color: var(--color-red-5);
	content: var(--u-icon-discount);
}

.product-container .product-params-container,
.product-container .knobs {
	display: none;
}

.product-tips {
	gap: 20px;
}
.product-tips .tip {
	width: 100%;
	border-bottom: 1px solid var(--color-grey-8);
	padding: 6px 0;
}
.product-tips .tip .u-icon {
	display: block;
	font-size: 24px;
	margin-right: 20px;
	color: var(--color-grey-3);
}

.product-colors.multy-color {
	cursor: pointer;
}
.product-colors .colors-qty {
    /* font-size: var(--font-size-small); */
	margin-left: 10px;
	white-space: nowrap;
}
.color-item {
	/* max-width: 300px; */
	overflow: hidden;
    white-space: nowrap;
}
.color-item .color-title {
	overflow: hidden;
    white-space: nowrap;
	text-overflow: ellipsis;
}
.product-colors.multy-color .color-item:after {
	font-family: var(--icons-font);
	content: var(--u-icon-chev-down);
	color: var(--color-grey-3);

	font-size: 10px;
    margin-left: 5px;
}
.color-item .color-image {
	margin-right: 10px;
}
.color-item .color-image img {
	border-radius: 45px;
	border: 1px solid var(--color-grey-6);
}
.product-colors.multy-color .color-item .color-selector {
	border-bottom: 1px dashed var(--color-grey-3);
}

.product-cart {
	background-color: var(--color-grey-10);
	padding: 20px;
	border-radius: 10px;
}

.order-form .price-block .prices-container {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px;
}

.order-form .price-block .price-container {
    display: flex;
    align-items: baseline;
    gap: 3px;
}

.order-form .price-block .old-price-container {
    display: flex;
    align-items: baseline;
    gap: 3px;
}

.order-form .price-block .price {
    font-size: 30px;
    font-weight: var(--font-weight-3);
    line-height: normal;
    text-transform: uppercase;
}
.order-form .price-block .price-container.with-discount {
    color: var(--color-red-6);
}

.order-form .price-block .old-price {
    color: var(--color-grey-4);
    font-size: 18px;
    text-decoration: line-through;
    line-height: normal;
    text-transform: uppercase;
}
.order-form .price-block .discount {
    color: var(--color-red-6);
    font-size: 20px;
    font-weight: var(--font-weight-3);
    line-height: normal;
}
.order-form .price-block .currency {
    font-size: 24px;
    font-weight: var(--font-weight-3);
}

.order-form .price-block .empty-price {
    color: var(--color-grey-4);
}

.order-form .price-info {
	font-size: 13px;
	color: var(--color-grey-3);
}

.cart-controls {
	display: flex;
	/* grid-template-columns: 83px 1fr 1fr; */
	gap: 10px;
	flex-wrap: wrap;
}
.cart-controls > .cart-quantity-container {
	width: 83px;
}
.cart-controls > .control-btn {
	flex: 1;
}
.cart-controls > .control-btn.one-click {
	min-width: 180px;
}

.product-tabs {
	gap: 10%;
	display: flex;
	flex-wrap: nowrap;
	border-bottom: 1px solid var(--color-grey-6);
	margin-bottom: 30px;

	overflow-x: auto;
}
.product-tabs::-webkit-scrollbar {
    display: none;
}
.product-tabs .nav-item {
	white-space: nowrap;
}
.product-tabs .nav-link {
	padding: 12px 0;
	background-color: transparent;
	color: var(--color-grey-3);
	border-radius: 0;
	margin-bottom: 0;
}
.product-tabs .nav-link:hover {
	background-color: transparent;
	color: var(--color-black);
}

.product-tabs .nav-link.active {
	background-color: transparent;
	color: var(--color-black);
	border-bottom: 4px solid var(--color-black);
}
.product-tabs-container #tech_description-content em {
	font-style: normal !important;
}
.product-tabs-container .fit-text {
	max-width: 1010px;
}


.tab-content .salon .salon-title {
	min-width: 240px;
	font-weight: var(--font-weight-4);
}

.tab-content .salon .salon-contacts a {
	color: #000000;
	text-decoration: none;
}

.color-selector-container .popup-body {
	padding: 40px;
	display: flex;
	flex-direction: column;
	gap: 30px;
	max-width: 660px;
}

.color-selector-container .group-title {
	color: var(--color-grey-2);
	border-bottom: 1px solid var(--color-grey-8);
	padding-bottom: 10px;
}

.color-selector-container .product-colors-group {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.color-selector-container .price-title {
	font-weight: var(--font-weight-3);
}

.color-selector-container .price-group {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.color-selector-container .color {
	display: flex;
	align-items: center;
	color: var(--color-grey-3);
}

.color-selector-container .color.selected,
.color-selector-container .color:hover {
	color: var(--color-base);
}

.color-selector-container .color img {
	border-radius: 40px;
	margin-right: 10px;
	border: 1px solid var(--color-grey-6);
}

.color-selector-container.popup-content {
	width: 400px;
}

@media (min-width: 576px) {
	
}

@media (min-width: 768px) {
	.product-container {
		grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr);
		/* grid-template-rows: repeat(4, auto); */
		grid-template-areas:	"gallery header"
								"gallery salon"
								"gallery cart"
								"gallery params"
								"gallery tips";
	}
	.product-icons .product-icon:before {
		font-size: 40px;
	}
	.product-container .product-params-container,
	.product-container .knobs {
		display: block;
	}
}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}

@media (min-width: 1400px) {

}