.cli-item
{
	padding: 15px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	text-decoration: none;
	border-bottom: 1px solid #f4f4f4;
	overflow: hidden;
}
a.cli-item:hover { color: var(--LinkColor); }

.dd.raw > ul > li:last-child > .cli-item
{
	border-bottom: 0;
	border-radius: 0 0 4px 4px;
}
.cli-image
{
	text-align: center;
	margin: 0 15px 0 0;
	flex-basis: var(--ShopItemsColumnDimensions_wpx);
	flex-shrink: 0;
}
.cli-image .nophoto
{
	font-size: 11px;
}
.cli-content
{
	overflow: hidden;
	flex-basis: 100%;
}
.cli-name
{
	display: block;
	text-decoration: underline;
}
.cli-under
{
	display: block;
	color: #666;
	margin-top: 7px;
}
.cli-params
{
	display: block;
	font-size: 90%;
}
.cli-params:not(:empty) { margin-bottom: 6px; }
.cli-params .name:not(:empty):after{ content: ':'; }
.price.cli-price
{
	font-size: 100%;
	display: inline-block;
	margin-right: 5px;
}
.price.cli-price:empty { display: none; }
.cli-status
{
	text-transform: lowercase;
}
.cli-status .catalog-status
{
	font-size: 95%;
	display: inline;
}
.cli-status .catalog-status-name { white-space: normal; }
.cli-q
{
	color: #666;
	flex-basis: 45px;
	flex-shrink: 0;
}
.cli-item .small-delete
{
	z-index: 2;
	margin-left: 15px;
}
.cli-all
{
	text-align: center;
	padding: 10px 0;
	color: #666;
	text-transform: lowercase;
}
.cli-all .showed { display: inline-block; }
.cli-all .showed:after
{
	content: '\2192';
	font-family: 'Times New Roman';
	display: inline-block;
	margin: 0 10px;
}
.cli-all > a { font-weight: bold; }
.cli-clear-container
{
	display: block;
	text-align: center;
	padding: 10px;
}
.cli-complect-header
{
	display: block;
	background: #f60;
	padding: 8px;
	color: #fff;
	font-weight: 700;
	position: relative;
	text-align: center;
	text-decoration: none;
}
a.cli-complect-header:hover{ color: #fff; }
.cli-complect-header:after
{
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	font-size: 0;
	bottom: -8px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #f60;
	margin-left: -8px;
	width: 0;
	height: 0;
}
.cli-item-element.cli-complect-last .cli-item { border-bottom: 3px solid #f60; }
.cli-summary
{
	text-align: center;
	padding: 8px 18px;
	font-family: var(--font2);
	font-size: 110%;
	color: #000;
	background: #f2f2f2;
}
.cli-summary .value
{
	font-size: 150%;
	display: inline-block;
	margin: 0 5px;
}
.cli-button { padding: 15px; }
.cli-summary + .cli-button { padding-bottom: 0; }
.cli-button a.do-button.big
{
	display: block;
	width: 100%;
}
.cli-summary + .cli-button a.do-button.big
{
	border-radius: 0 0 4px 4px;
	padding: 8px 0 10px 0;
	height: auto;
	line-height: normal;
	font-size: 140%;
	text-transform: none;
}
.cli-summary + .cli-button.top a.do-button.big
{
	border-radius: 0;
}