.CmSctWrap{
	width:100%;
	padding-top:40px;
	user-select:none;
	container-type:inline-size;
	container-name:cmgrid;
}
#CmContent .CmCarInfoSectionsTitle{
	margin:0 0 8px;
	color:var(--cm-main);
	font-size:16px;
	font-weight:700;
	line-height:20px;
}
.CmSctGrid{
	display:grid;
	grid-template-columns:repeat(6,1fr);
	gap:15px;
	padding-bottom:15px;
	position:relative;
}
@container cmgrid (max-width:1300px){
	.CmSctGrid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));}
}
@container cmgrid (max-width:768px){
	.CmSctGrid{grid-template-columns:repeat(3,1fr);gap:10px;}
}
@media screen and (max-width:768px){
	.CmSctWrap{padding-top:12px;}
}
@container cmgrid (max-width:525px){
	.CmSctGrid{grid-template-columns:repeat(2,1fr);}
}
@container cmgrid (max-width:350px){
	.CmSctGrid{grid-template-columns:1fr;width:200px;margin:0 auto;}
}
@container cmgrid (max-width:320px){
	.CmSctGrid{grid-template-columns:1fr;gap:10px;width:200px;margin:0 auto;}
}
.CmSctFx{
	overflow:visible;
	opacity:1;
	visibility:visible;
	color:var(--cm-text-color);
	font-size:var(--cm-text-size);
	font-family:var(--cm-text-family);
	display:flex;
	flex-direction:column;
	position:relative;
	min-height:200px;
	background:linear-gradient(330deg,#e9e9e9,#fbfbfb);
	padding:15px 0;
	border-radius:8px;
	box-shadow:0 2px 5px rgba(0,0,0,.1);
	border:1px solid #dfdfdf;
	touch-action:manipulation;
	transform:translateY(0);
	transition:opacity .5s ease-in-out,visibility .5s ease-in-out,max-height .5s ease-in-out,transform .5s ease-in-out;
}
.CmSctFx:hover .CmSctNmHov,
.CmSctFx.CmSctTouchOpen .CmSctNmHov{
	opacity:0;
	visibility:hidden;
}
.CmSctFx:hover,
.CmSctFx.CmSctTouchOpen{
	background:#fff;
	z-index:25;
}
.CmSctSa{
	display:block;
	padding:8px 12px;
	color:#333;
	text-align:center;
	text-decoration:none;
	transition:background-color;
	opacity:1;
}
.CmSctMa{
	display:flex;
	padding:10px;
	justify-content:center;
	text-align:center;
	background-color:var(--cm-dark-bg-color);
	text-decoration:none;
	color:#fff!important;
	font-weight:bold;
}
.CmSctImg{
	display:flex;
	margin:0 auto;
	width:160px;
	height:160px;
	filter:hue-rotate(var(--cm-img-hue-rotate)) brightness(var(--cm-img-brightness)) contrast(var(--cm-img-contrast)) saturate(var(--cm-img-saturate));
}
.CmSctLn{
	width:85%;
	height:1px;
	border-top:1px solid #fff;
	background-color:#ccc;
	margin:10px auto;
	transition:background-color .3s ease-in-out;
}
.CmSctName{
	opacity:1;
	visibility:visible;
	transition:opacity .3s ease,visibility .3s ease;
	font-weight:bold;
	padding:10px;
	min-height:40px;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	color:var(--cm-text-color);
}
.CmSctSubs{
	font-size:var(--cm-text-size);
	min-width:100%;
	max-width:108%;
	position:absolute;
	bottom:calc(0% + 10px);
	left:50%;
	transform:translateX(-50%) translateY(20px);
	-webkit-transform:translateX(-50%) translateY(20px);
	background:rgba(255,255,255,.9);
	border-top:1px solid #fff;
	transition:opacity .3s ease-in-out,transform .3s ease-in-out;
	-webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;
	z-index:10;
	border-radius:6px;
	opacity:0;
	pointer-events:none;
	box-shadow:0 8px 15px rgba(0,0,0,.4);
	padding:0 0 10px;
}
.CmSctFx:hover .CmSctSubs,
.CmSctFx.CmSctTouchOpen .CmSctSubs{
	opacity:1;
	pointer-events:auto;
	transform:translateX(-50%) translateY(0);
	-webkit-transform:translateX(-50%) translateY(0);
}
.CmSctSubs a:hover{
	background:var(--cm-main);
	color:#fff!important;
}
.CmSubProdTyp{display:none;}

#CmContent .CmCarInfoEmpty {
	display:flex;
	align-items:center;
	flex-direction:column;
	gap:10px;
	padding:36px 18px;
	border:1px dashed var(--cm-line);
	background:#fff;
	text-align:center;
}
#CmContent .CmCarInfoEmpty a {
	color:var(--cm-main);
	font-weight:700;
}
