.asrtmnt_item {
	position: relative;
	width: var(--m_width_a_item);
	height: var(--m_height_a_item);
	margin: var(--m_margin_a_item);
	border-radius: var(--m_border_r_a_item);
	/*	background-color: PaleGreen;*/
	box-shadow: 0.5vw 0.5vw 1.5vw rgba(var(--mainColorRGB), 0.25);
	transition: transform 0.5s ease;
	user-select: none;
}

.asrtmnt_item.hide {
	transform: scale(0);
	animation: disappear 1s forwards;
}

@keyframes disappear {
	to {
		position: absolute;
	}
}

.asrtmnt_item div.artikle_item {
	/*	overflow: hidden;*/
/*	transition-property: width, height, left, top, transform;*/
	transition-property: transform;
	transition-duration: 0.5s;
	transition-timing-function: ease-out;
	grid-template-columns: 50% 50%;
	grid-template-rows: var( --m_grid_t_rows_a_item );
	grid-template-areas: "pic pic" "d_price d_price" "age price";
}

.asrtmnt_item.selected div.artikle_item > img.a_hover {
	display: none;
}
.asrtmnt_item.selected div.artikle_item > img.a_preview {
	display: none;
}

.asrtmnt_item.selected div.artikle_item img.a_max {
	display: block;
}


/* HOVER */
/*.asrtmnt_item:not(.selected) div.artikle_item:focus {*/
.asrtmnt_item:not(.selected):focus {
	/*width: 200%;
		height: 150%;*/
	transform: scale( 2 );
	transform-origin: var( --ai_origin_dx ) var( --ai_origin_dy );
	background-color: var(--secondGreenColorHSL);
	z-index: 2;
/*	transition-delay: 1s;*/
	transition: transform 0.5s ease 1s;
}
.asrtmnt_item:not(.selected):focus img.a_preview {
	display: none;
}

.asrtmnt_item:not(.selected):focus img.a_hover {
	display: block;
}
/*
.asrtmnt_item:focus > .artikle_item > img.a_preview {
	display: none;
}

.asrtmnt_item:not(.selected):focus > .artikle_item > img.a_hover {
	display: block;
}
*/

/* SELECTED */
.asrtmnt_item.selected {
	z-index: 2;
}
.asrtmnt_item.selected div.artikle_item {
	left: calc( var( --item_left ) - var( --item_left_d ) );
	top: var( --item_top );
	width: var( --section_width );
	height: calc( var( --section_height ) + var( --section_height_d ) );
	transition-duration: 0.5s;
	grid-template-columns: var( --m_grid_t_cols_ai_sel );
	grid-template-rows: var( --m_grid_t_rows_ai_sel );
	grid-template-areas: var( --m_grid_t_area_ai_sel );
	background-color: white;
	border: none;
	border-radius: 0;
	transition-delay: 0s;
}
.asrtmnt_item .detailed {
	display: none;
	font-size: 0.6rem;
}

.asrtmnt_item.selected .detailed:not([data-enable="0"]) {
	position: relative;
	display: grid;
	place-items: center;
	font-weight: 300;
}

a.detailed {
	color: var(--mainGrayColor);
	background: linear-gradient(135deg, var(--second_bkg_highlite_hsl_color_0-20) 0%, white 50%, var(--second_bkg_highlite_hsl_color_0-20) 100%);
	box-shadow: var(--mainShadow);
}