.s__format {}
.s__format .product__box {
	padding: 32px;
	border-radius: 24px;
	background: rgba(34, 34, 34, 1);
	width: calc(100% + 14px);
}
.s__format .product__name {
	margin-bottom: -20px;
    font-weight: 500;
    width: calc(100% + 14px);
}
.s__format .product__name-item {
/*	margin: 16px 16px 24px;*/
	position: relative;
	border-radius: 12px;
	padding: 16px 16px 24px;
	border: none;
	background: rgba(85, 85, 85, 1);

	border-radius: 12px 12px 0 0;

/*	background: orange;*/

	background: rgba(42, 42, 42, 1);


/*	max-width: calc(33.33% - 16px - 16px);*/
	max-width: calc(33.33%);
}
.s__format .product__name-item.active {
/*background: rgba(152, 222, 150, 1);*/
background: rgba(34, 34, 34, 1);


/*background: green;*/
}
.s__format .product__name-item:first-of-type{
	border-radius: 12px 12px 0 0;
/*	border-radius: 12px;*/
}
.s__format .product__name-item:last-of-type {
	border-radius: 12px 12px 0 0;
/*	border-radius: 12px;*/
}
.s__format .product__name-item:before {
	content: '';
	position: absolute;
/*	top: -16px;*/
	bottom: -20px;
/*	left: -16px;*/
	left: 0;
/*	width: calc(100% + 16px + 16px);*/
/*	height: calc(100% + 16px + 16px);*/
/*	background: red;*/
	border-radius: 0;
	opacity: 0;
	transition: 0.5s;
	z-index: -1;

	width: 100%;
	height: 40px;

/*	background: orange;*/

	background: rgba(34, 34, 34, 1);
}
.s__format .product__name-item.active:before {
	opacity: 1;
}

.s__format .product__name-item span {
	position: relative;
	z-index: 2;
}

.s__format .product__name-item .product__name-label {
	position: absolute;
    top: -2px;
    right: 0;
    /*transition: 0.5s;*/
}
.s__format .product__name-item.active .product__name-label {
    top: -12px;
    right: -16px;
}
.s__format .product__name-inner {
	padding: 12px;
	display: flex;
	/*flex-direction: column;*/
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    width: 100%;
    min-height: 47px;
    transition: 0.05s;

    background: rgba(85, 85, 85, 1);

/*	background: blue;*/
}

.s__format .product__name-item.active .product__name-inner {
background: rgba(152, 222, 150, 1);
position: relative;
top: 4px;
/*background: red;*/
}

.s__format .product__name-label {
    /*top: -2px;*/
    color: rgba(194, 255, 202, 1);
}
.s__format .product__name2 {
/*	margin-bottom: 48px;*/
	margin-bottom: 24px;
	font-size: 2.4rem;
	line-height: 1.05;
	font-weight: 700;
	color: var(--white);
/*	min-height: 68px;*/
}
.s__format .product__name2 .value-spec {
	display: block;
	font-size: 1.8rem;
	font-weight: 500;
	color: var(--gray2);
	margin-top: 12px;
}

.s__format .product__box-mob {
    display: none;
}
.product__name2 .value {
    display: none;
}

@media screen and (max-width: 999px) {
    .s__format .product__name-item .part-2 {
        margin-bottom: 0;
        margin-left: 0;
    }
    .s__format .product__name-item .part-1 {
        order: 1;
    }
    
    .s__format .product__img-complex.product__img-mob .product__img-pic,
    .s__format .product__img-complex.product__img-tablet .product__img-pic,
    .s__format .product__img-complex.product__img-books .product__img-pic {
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .s__format .product__img-complex.product__img-mob .product__img-pic img,
    .s__format .product__img-complex.product__img-tablet .product__img-pic img,
    .s__format .product__img-complex.product__img-books .product__img-pic img {
        height: 100%;
        width: initial;
    }
    
}

@media screen and (max-width: 767px) {
	.s__format .product__name {
		margin-bottom: 20px;
	}
	.s__format .product__name-item {
		margin: 0 8px;
		max-width: calc(100% / 3 - 12px);
		padding: 0;
/*		padding: 8px 8px 12px;*/
	}
	.s__format .product__name-item:first-of-type {
		margin-left: 0;
	}
	.s__format .product__name-item:last-of-type {
		margin-right: 0;
	}
	.s__format .product__name-inner {
/*		min-height: 44px;*/
		min-height: 34px;
		border-radius: 8px;
	}
	.s__format .product__name-item .product__name-label {
		top: -8px;
		right: -6px;
	}
	.s__format .product__name-item:before {
		display: none;
	}
	.s__format .product__box {
		padding: 0;
		background: transparent;
	}
	
    .s__format .product__box-mob {
        display: flex;
        flex-direction: column;
    }
    .s__format .product__name2 {
        text-align: center;
        /*line-height: 1.05;*/
        line-height: 1.1;
        font-size: 1.6rem;
        min-height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .s__format .product__box .product__label-book {
        display: none;
    }
    .s__format .product__box .product__name2 {
        display: none;
    }
}