#plany_blackmode_caption{
	display:flex;
	/*margin-bottom:41px;*/
	justify-content:space-between;
	gap:26px;
	align-items:flex-end;
	padding-bottom:32px;
	border-bottom:1px solid #CCCECF;
}

#plany_blackmode_caption .plany_blackmode_h2{
	flex-grow:1;
	box-sizing:border-box;
	font-size:50px;
	font-weight:500;
	text-transform:none;
	line-height:1.1;
}

#plany_blackmode_caption .plany_blackmode_desc{
	width:100%;
	max-width:278px;
	box-sizing:border-box;
	font-size:13px;
	line-height:1.1;
	font-weight:300;
	flex-shrink:0;
}

#plany_blackmode_caption .plany_blackmode_desc b{
	font-weight:600;
}
/*
#plany_blackmode_wr{
	background:#fff;
	padding-bottom:40px;
}
*/

#plany_blackmode_wr{
	margin-bottom:68px;
	background:#F9F9F9;
	position:relative;
	border-radius:10px;

}

#plany_blackmode_wr .head{
	padding:24px 47px 0px 28px;
}

#plany_blackmode{
	display:flex;
	/*padding:47px 47px 47px 47px;*/
	gap:66px;
	/*background: rgba(75, 85, 100, 0.1);
	border: 1px solid rgba(75, 85, 100, 0.1);
	border-radius: 4px;
	margin:0px 0px 20px 0px;
	*/
	padding:41px 78px 70px 28px;
	position:relative;
}

#plany_blackmode .off{
	display:none;
}

#plany_blackmode .pleft{
	flex-grow:1;
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:30px;
}

#plany_blackmode .pleft .item{}

#plany_blackmode .pleft .item img{
	width:100%;
	border-radius: 10px;
	border:1px solid transparent;
	box-sizing:border-box;
}

#plany_blackmode .pright{
	flex-shrink:0;
	width:113px;
	text-align:center;
	/*padding-top:66px;*/
	position:relative;
}

#plany_blackmode .pright::before{
	content:'';
	width:1px;
	height:300px;
	background:#CCCECF;
	bottom:-70px;
	left:50%;
	z-index:1;
	position:absolute;
}

#plany_blackmode .pright .note{
	font-size: 12px;
	line-height: 15px;
	margin-bottom:20px;
}

#plany_blackmode .pright .tumbler{
	border-radius:10px;
	display:flex;
	justify-content:center;
	align-items:center;
	background: #DFDFDF;
	position:relative;
	height:160px;
	box-shadow:2px 3px 0px #c2c5c7;
	z-index:10;
}

#plany_blackmode .pright .tumbler .arrow{
	width:29px;
	height:29px;
	background: linear-gradient(360deg, #FFFFFF 0%, #EDEEF0 100%);
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:50%;
	position:absolute;
	left:50%;
	transform:translate(-50%);
	top:-15px;
}

#plany_blackmode .pright .tumbler .arrow svg path{
	fill:var(--marengo);
}

#plany_blackmode .pright .tumbler .knopka{
	cursor:pointer;
}

/** light off **/

#plany_blackmode.light_off{
	background: #000000;
}

#plany_blackmode.light_off .off{
	display:block;
}

#plany_blackmode.light_off .on{
	display:none;
}

#plany_blackmode.light_off .pleft .item img{
	border: 1px solid #00E659;
	filter: drop-shadow(0px 0px 26px rgba(0, 230, 89, 0.4));
}

#plany_blackmode.light_off .pright{
	color:#fff;
}

#plany_blackmode.light_off .pright .arrow{
	background: linear-gradient(360deg, #343434 0%, #000000 100%);
}

#plany_blackmode.light_off .pright .tumbler{
	box-shadow:none;
}

#plany_blackmode.light_off .pright .tumbler .arrow svg path{
	fill:#fff;
}

#plany_blackmode_wr .more{
	position:absolute;
	left:28px;
	bottom:-38px;
}


#plany_blackmode_wr .btn.btn_blackmode{
	width:300px;
	height:65px;
	font-size: 16x;
	border-radius: 5px;
	justify-content:space-between;
	padding:0px 23px;
}

@media (max-width: 1000px){
	
	#plany_blackmode{
		gap:20px;
		padding:20px;
	}
	
	#plany_blackmode .pleft{
		gap:20px;
	}
	
	#plany_blackmode .pright{
		padding-top:0px;
	}
	
	#plany_blackmode_caption{
		align-items:flex-start;
	}
	
	#plany_blackmode_caption br{
		display:none;
	}
	
	#plany_blackmode_caption .plany_blackmode_h2{
		font-size:26px;
	}
	
	#plany_blackmode_wr .more{
		position:static;
		display:none;
	}
	
	#plany_blackmode_wr .btn.btn_blackmode{
		width:auto;
	}
	
	#plany_blackmode .pright::before {
		content:none;
	}
	
}

@media (max-width: 660px){
	
	#plany_blackmode .pleft{
		grid-template-columns:repeat(1, 1fr);
	}
	/*
	#plany_blackmode .off{
		display:block;
	}
	*/
	
	/*
	#plany_blackmode .pright{
		display:none;
	}
	*/
	#plany_blackmode .pleft .item{
		display:grid;
		grid-template-columns:repeat(1, 1fr);
		gap:20px;
	}
	/*
	#plany_blackmode.light_off .on{
		display:block;
	}
	*/
	#plany_blackmode_caption{
		flex-direction:column;
		gap:15px;
	}
	
	#plany_blackmode_caption .plany_blackmode_h2{
		background:none;
		padding:0px;
		max-width:none;
		min-height:0px;
	}
	
	#plany_blackmode_caption .plany_blackmode_desc{
		border:none;
		padding:0px;
		max-width:none;
	}
}