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

	margin-bottom: 60px;

	grid-template-columns: 100%;
	grid-template-areas:	"header"
							"description"
							"gallery"
							"cart"
							"tips"
							"actions";
}

.cabinet-container .cabinet-gallery-container {
	grid-area: gallery;
}
.cabinet-container .cabinet-header-container {
	grid-area: header;
}
.cabinet-container .cabinet-description {
	grid-area: description;
	max-width: 540px;
}
.cabinet-container .cabinet-cart {
	grid-area: cart;
	max-width: 540px;
}
.cabinet-container .cabinet-tips-container {
	grid-area: tips;
	max-width: 540px;
}
.cabinet-container .cabinet-actions-container {
	grid-area: actions;
}


/* .cabinet-gallery img {
	max-width: 100%;
	margin: 0 auto;
} */

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

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

.cabinet-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;
}
.cabinet-header-container h1 .subtitle:first-letter {
	text-transform: uppercase;
}

.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;
}

.cabinet-cart .cabinet-price-from {
}
.cabinet-cart .cabinet-price-from .price {
	font-size: 18px;
	white-space: nowrap;
}
.cabinet-cart .cabinet-price-from .fr-price {
	font-size: 17px;
	font-weight: var(--font-weight-4);
}

.cabinet-cart .composition-params {
	color: var(--color-grey-3);
	font-size: 13px;
}
.cabinet-cart .composition-price {
	font-size: 13px;
	white-space: nowrap;
}

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

.color-item {
	max-width: 300px;
}
.color-item .color-image img {
	border-radius: 45px;
	border: 1px solid var(--color-grey-6);
}
.color-item .color-selector {
	color: var(--color-grey-3);
	border-bottom: 1px dashed var(--color-grey-3);
	cursor: pointer;
}

.cabinet-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;
}

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

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

.cabinet-tabs .nav-link.active {
	background-color: transparent;
	color: var(--color-black);
	border-bottom: 4px solid var(--color-black);
}
.cabinet-tabs-container #tech_description-content em {
	font-style: normal !important;
}
.cabinet-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;
}

.b-series__tab {
	display: none;
}
.b-series__tab.active {
	display: block;
}
.b-series__tabs-nav {
	background-color: var(--color-grey-10);
	padding: 20px;
	border-radius: 10px 10px 0 0;
}
.b-series__filters {
	padding: 0 20px 20px 20px;
	background-color: var(--color-grey-10);
	border-radius: 0 0 10px 10px;
	margin-bottom: 20px;
}
/* .b-series__tabs-nav .b-series__tab-nav-title {
	height: 40px;
	padding: 6px 20px;
	border-radius: 500px;
	border: 1px solid var(--color-grey-3);
	font-weight: var(--font-weight-3);
	display: flex;
    align-items: center;
	cursor: pointer;
}

.b-series__tabs-nav .b-series__tab-nav-title.active,
.b-series__tabs-nav .b-series__tab-nav-title:hover {
	background-color: var(--color-grey-3);
	color: var(--color-white);
} */

.a4_pro .a4_new_main_filters {
	background-color: var(--color-grey-10);
	padding: 20px;
	border-radius: 10px 10px 0 0;
}
.a4_pro + .b-series__tabs-nav {
	background-color: var(--color-grey-10);
	padding: 0 20px 20px 20px;
	border-radius: 0;
}

.color_group {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.color_group .b-series__color {
    cursor: pointer;
}
.color_group.non-selectable .b-series__color {
    cursor: help;
}
.color_group .b-series__color img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    outline: 2px solid rgb(0 0 0 / 10%);
    outline-offset: -2px;
}
.color_group .b-series__color .b-series__color_circle {
	width: 52px;
	height: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--color-white);
	border-radius: 50%;
}
.color_group:not(.non-selectable) .b-series__color.active .b-series__color_circle,
.color_group:not(.non-selectable) .b-series__color:hover .b-series__color_circle {
	border: 2px solid var(--color-blue-3)
}

.product-set-filter-label {
	font-weight: var(--font-weight-4) !important;
	margin-bottom: 10px;
}
.all_products_price_info {
	color: var(--color-red-5);
	position: relative;
	padding-left: 30px;
}
.all_products_price_info i.fa {
	color: var(--color-red-7);
	font-size: 20px;
	position: absolute;
	left: 0;
	top: 0;
}

@media (min-width: 576px) {

}

@media (min-width: 768px) {
	.cabinet-container {
		grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
		grid-template-rows: auto auto auto 1fr;
		grid-template-areas:	"gallery header"
								"gallery description"
								"gallery cart"
								"gallery tips"
								"gallery actions";
	}

	.cabinet-cart .cabinet-price-from .fr-price {
		font-size: 22px;
	}
}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}

@media (min-width: 1400px) {

}