#CmContent .CmCarInfoFluids {
	display:block;
}
#CmContent .CmCarInfoFluidsBody {
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
	gap:8px;
}
#CmContent .CmCarInfoFluidsTitle {
	display:flex;
	align-items:center;
	gap:8px;
	margin:0 0 8px;
	color:var(--cm-main);
	font-size:16px;
	font-weight:700;
	line-height:20px;
}
#CmContent .CmCarInfoCollapseToggle {
	display:none;
}
#CmContent .CmCarInfoFluidCard {
	position:relative;
	display:flex;
	overflow:hidden;
	min-width:0;
	align-items:flex-start;
	gap:10px;
	padding:10px;
	border:1px solid var(--cm-line);
	border-radius:4px;
	background:var(--cm-light);
	cursor:pointer;
	isolation:isolate;
	transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease;
}
#CmContent .CmCarInfoFluidCard::before {
	position:absolute;
	top:-45%;
	left:-55%;
	z-index:0;
	width:34%;
	height:190%;
	transform:skewX(-20deg);
	background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);
	content:"";
	opacity:0;
	pointer-events:none;
}
#CmContent .CmCarInfoFluidCard > * {
	position:relative;
	z-index:1;
}
#CmContent .CmCarInfoFluidCard:hover {
	z-index:2;
	border-color:var(--cm-main);
	background:var(--cm-main);
	box-shadow:0 7px 16px rgba(0,0,0,.17);
	transform:scale(1.02);
}
#CmContent .CmCarInfoFluidCard:hover::before {
	animation:CmCarInfoFluidShine .3s ease-out;
}
#CmContent .CmCarInfoFluidIcon {
	position:relative;
	display:grid;
	flex:0 0 58px;
	width:58px;
	height:57px;
	place-items:center;
	color:var(--cm-main);
}
#CmContent .CmCarInfoFluidIcon svg {
	width:100%;
	height:100%;
	fill:var(--cm-main);
	stroke:var(--cm-main);
}
#CmContent .CmCarInfoFluidIcon svg g:first-child path {
	fill:#fff !important;
}
#CmContent .CmCarInfoFluidVolume {
	position:absolute;
	top:70%;
	left:50%;
	display:flex;
	align-items:baseline;
	gap:1px;
	max-width:50px;
	transform:translate(-50%,-50%);
	color:var(--cm-main);
	font-size:16px;
	font-weight:700;
	line-height:1;
	white-space:nowrap;
}
#CmContent .CmCarInfoFluidVolume small {
	font-size:11px;
	font-weight:600;
}
#CmContent .CmCarInfoFluidContent {
	display:flex;
	min-width:0;
	flex:1;
	flex-direction:column;
	gap:2px;
}
#CmContent .CmCarInfoFluidContent strong {
	color:#333;
}
#CmContent .CmCarInfoFluidContent span {
	overflow-wrap:anywhere;
	color:#666c70;
	font-size:12px;
}
#CmContent .CmCarInfoFluidContent small {
	color:#878b8e;
}
#CmContent .CmCarInfoFluidCard:hover .CmCarInfoFluidContent span,
#CmContent .CmCarInfoFluidCard:hover .CmCarInfoFluidContent small {
	color:#fff;
}
#CmContent .CmCarInfoFluidCard:hover .CmCarInfoFluidContent strong {
	color:#fff;
}
#CmContent .CmCarInfoFluidCard:hover .CmCarInfoFluidVolume {
	color:var(--cm-main);
}
#CmContent .CmCarInfoFluidCard:hover .CmCarInfoFluidIcon svg {
	fill:#fff;
	stroke:#fff;
}
@keyframes CmCarInfoFluidShine {
	0% {
		left:-55%;
		opacity:0;
	}
	25% {
		opacity:1;
	}
	100% {
		left:120%;
		opacity:0;
	}
}
#CmContent .CmCarInfoQuickLinks {
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(128px,1fr));
	gap:8px;
	padding:0;
	border:0;
	background:transparent;
}
#CmContent .CmCarInfoPopularTitle {
	display:flex;
	align-items:center;
	gap:8px;
	margin:14px 0 8px;
	color:#676c70;
	font-size:16px;
	font-weight:700;
	line-height:20px;
}
#CmContent .CmCarInfoQuickLinks a,
#CmContent .CmCarInfoQuickMore {
	display:flex;
	min-width:0;
	align-items:center;
	flex-direction:column;
	gap:8px;
	padding:14px 10px;
	border:1px solid #d8dcdf;
	border-radius:4px;
	background:#fff;
	box-shadow:none;
	color:#53585c;
	font:inherit;
	cursor:pointer;
	text-align:center;
}
#CmContent .CmCarInfoQuickLinks a:hover,
#CmContent .CmCarInfoQuickMore:hover,
#CmContent .CmCarInfoQuickMore:focus-visible {
	border-color:var(--cm-main);
	background:var(--cm-light);
	box-shadow:0 3px 10px rgba(0,0,0,.1);
	color:var(--cm-main);
}
#CmContent .CmCarInfoQuickLinks a > span,
#CmContent .CmCarInfoQuickMore > span {
	display:grid;
	width:60px;
	height:60px;
	place-items:center;
}
#CmContent .CmCarInfoQuickLinks a > span svg {
	display:block;
	width:100%;
	height:100%;
	fill:#676c70;
	stroke:#676c70;
	transition:transform .2s ease;
}
#CmContent .CmCarInfoQuickLinks a:hover > span svg {
	fill:var(--cm-main);
	stroke:var(--cm-main);
	transform:scale(1.08);
}
#CmContent .CmCarInfoQuickLinks strong {
	display:-webkit-box;
	overflow:hidden;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	font-size:13px;
	font-weight:600;
}
#CmContent .CmCarInfoQuickLink[hidden],
#CmContent .CmCarInfoQuickMore[hidden] {
	display:none;
}
#CmContent .CmCarInfoQuickMore {
	height:auto!important;
	min-height:0!important;
	align-self:stretch!important;
	justify-content:flex-start;
	border-color:#dfdfdf;
	border-radius:8px;
	background:linear-gradient(330deg,#e9e9e9,#fbfbfb);
	box-shadow:0 2px 5px rgba(0,0,0,.1);
}
#CmContent .CmCarInfoQuickMoreIcon {
	position:relative;
}
#CmContent .CmCarInfoQuickMoreIcon::before,
#CmContent .CmCarInfoQuickMoreIcon::after {
	position:absolute;
	top:50%;
	left:50%;
	width:34px;
	height:8px;
	border-radius:3px;
	background:#aeb2b5;
	content:"";
	transform:translate(-50%,-50%);
}
#CmContent .CmCarInfoQuickMoreIcon::after {
	transform:translate(-50%,-50%) rotate(90deg);
}
#CmContent .CmCarInfoQuickMore:hover .CmCarInfoQuickMoreIcon::before,
#CmContent .CmCarInfoQuickMore:hover .CmCarInfoQuickMoreIcon::after,
#CmContent .CmCarInfoQuickMore:focus-visible .CmCarInfoQuickMoreIcon::before,
#CmContent .CmCarInfoQuickMore:focus-visible .CmCarInfoQuickMoreIcon::after {
	background:var(--cm-main);
}
#CmContent .CmCarInfoQuickMore:focus-visible {
	outline:1px solid var(--cm-main);
	outline-offset:2px;
}
@media (max-width:760px){
	#CmContent .CmCarInfoQuickLinks {
		grid-template-columns:repeat(4,minmax(0,1fr));
	}
}
@media (max-width:648px){
	#CmContent .CmCarInfoFluidIcon {
		height:57px;
	}
	#CmContent .CmCarInfoFluidsTitle,
	#CmContent .CmCarInfoPopularTitle {
		margin-bottom:6px;
	}
	#CmContent .CmCarInfoCollapseToggle {
		display:grid;
		width:30px;
		height:30px;
		margin:0;
		padding:0;
		place-items:center;
		border:0;
		background:transparent;
		box-shadow:none;
		cursor:pointer;
	}
	#CmContent .CmCarInfoCollapseToggle i {
		width:0;
		height:0;
		border-width:10px 8px 0;
		border-style:solid;
		border-color:var(--cm-main) transparent transparent;
		transform:rotate(0);
		transition:transform .25s ease;
	}
	#CmContent .CmCarInfoCollapseToggle:focus-visible {
		outline:1px solid var(--cm-main);
		outline-offset:1px;
	}
	#CmContent [data-car-info-collapse-body] {
		overflow:hidden;
		opacity:1;
		transition:max-height .3s ease,opacity .2s ease;
	}
	#CmContent [data-car-info-mobile-collapse].is-collapsed [data-car-info-collapse-body] {
		opacity:0;
		pointer-events:none;
	}
	#CmContent [data-car-info-mobile-collapse].is-collapsed .CmCarInfoCollapseToggle i {
		transform:rotate(-90deg);
	}
}
@media (max-width:460px){
	#CmContent .CmCarInfoFluidsBody {
		grid-template-columns:minmax(0,1fr);
	}
	#CmContent .CmCarInfoQuickLinks {
		grid-template-columns:repeat(3,minmax(0,1fr));
	}
}