.artikle_item > div, img {
	pointer-events: none;
}

.artikle_item img.a_preview {
	display: block;
	width: var( --m_width_ai_img_pv );
	height: var( --m_height_ai_img_pv );
	box-shadow: 0 1vw 5vw rgba(var(--mainColorRGB), 0.4);
}

.artikle_item img.a_hover, img.a_max, .in_div {
	display: none;
}

.artikle_item, .artikle_item > img {
	border-radius: var(--m_border_r_a_item);
}

.artikle_item > img {
	position: absolute;
	grid-area: pic;
	align-self: start;
}

.artikle_item > button {
	display: none;
	grid-area: cart;
	font-size: 1.25rem;
	border: none;
	border-radius: 2rem;
	z-index: 1;
}

/*.m_appointments.show_artikle*/
.asrtmnt_item.selected button {
	display: block;
}

.asrtmnt_item.selected > button {
	grid-area: cart;
	font-size: inherit;
}

.asrtmnt_item:not(.selected) .a_age {
	grid-area: age;
	justify-self: start;
	position: absolute;
	--m_width_ai_div: 2rem;
	--m_height_ai_div: 2rem;
	left: 0.25rem;
	bottom: 0.25rem;
	box-shadow: var( --mainShadow );
	background-image: var( --mainGradient );
}

.artikle_item .a_price {
	grid-area: price;
}

.artikle_item .d_price {
	grid-area: d_price;
	position: absolute;
	justify-self: flex-end;
	top: -1.5rem;
	padding: 0.5rem;
/*	align-items: flex-start;*/
	font-size: 90%;
	background-color: var( --CTAcolorHSL );
	border-radius: 2rem;
	z-index: 1;
}
.d_priceE {
	font-weight: 900;
}
.d_priceC {
	font-size: 90%;
}
.d_price .a_Esign {
	font-size: 75%;
}
.asrtmnt_item:not( [ data-discount="0" ] ) .a_price {
	width: min-content;
	font-size: 75%;
	justify-self: inherit;
	border-radius: 0;
	background-image: linear-gradient(-15deg, rgba(0,0,0,0) 47%, #575D69, rgba(0,0,0,0) 53%);
	background-color: rgba(0,0,0,0);
}
.asrtmnt_item:not( [ data-discount="0" ] ) .a_priceE {
	font-weight: normal;
}
.asrtmnt_item[ data-discount="0" ] .d_price {
	display: none;
}
.asrtmnt_item.selected:not( [ data-discount="0" ] ) .d_price {
	position: initial;
/*	width: 80%;*/
	height: 100%;
	padding: 0 1.25rem;
	align-self: center;
	justify-self: center;
	font-size: 1.45rem;
	background-color: var( --main_bkg_rgb_color_0-5 );
}

.artikle_item .a_age, .a_price {
	width: var(--m_width_ai_div);
	height: var(--m_height_ai_div);
	font-size: var(--m_font_s_ai_div);
	border-radius: 50%;
	font-weight: 600;
	z-index: 1;
}

.artikle_item .a_price {
/*	grid-template-columns: 100% auto 1fr;*/
	grid-template-areas: "price_e price_c sign_e";
	justify-self: flex-start;
/*	margin-right: var( --m_margin_r_ai_price );*/
}

.a_price .a_priceE {
	grid-area: price_e;
	justify-self: flex-end;
/*	align-self: center;*/
	font-size: 85%; /* var( --m_font_s_ai_prE );*/
	font-weight: 900;
}

.a_price .a_priceC {
	justify-self: center;
	font-size: 75%;
}

.a_price .a_Esign {
	justify-self: flex-start;
	font-size: 60%;
}

.artikle_item .a_name {
	grid-area: name;
	left: 0.5rem;
	top: 0.25rem;
	padding: 0.5rem 1rem;
	font-size: 0.85rem;
	background-image: linear-gradient(150deg, white 10%, rgba(var(--mainColorRGB), 0.75) 250%);
	box-shadow: 0.25vw 0.25vw 3vw rgba(var(--mainColorRGB), 0.5);
	border-radius: 1.5rem;
}

.artikle_item .a_ino {
	display: none;
}

.artikle_item .a_seria {
	grid-area: seria;
	margin-top: -2.5rem;
	padding: 0.4rem 0.8rem;
	justify-self: start;
	font-size: 0.75rem;
	grid-template-columns: 1fr 3fr;
	background-image: linear-gradient(150deg, white 10%, rgba(var(--mainColorRGB), 0.75) 250%);
	box-shadow: 0.25vw 0.25vw 3vw rgba(var(--mainColorRGB), 0.5);
	border-radius: 1.5rem;
}

.artikle_item .a_pcs {
	grid-area: pcs;
	width: 2.75rem;
	height: 2.75rem;
	padding-bottom: 0.75rem;
	font-size: 75%;
	text-align: center;
	background-color: var( --main_bkg_rgb_color_0-25 );
	border-radius: 50%;
}

.a_pcs::after {
	content: "kos.";
	position: absolute;
	bottom: 0.7rem;
	font-size: 75%;
}

/* .asrtmnt_item.selected --> */
.asrtmnt_item.selected > .artikle_item .a_name {
/*	display: block;*/
	max-width: 85%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	z-index: 1;
}

.asrtmnt_item.selected .a_pic {
	position: relative;
	align-self: start;
	width: var( --m_width_ai_div );
	height: var( --m_height_ai_div );
	border-radius: 50%;
	box-shadow: none;
	background-image: none;
/*	background-image: var( --mainGradient );*/
/*	background-color: var( --secondGreenColorHEX );*/
/*	box-shadow: var( --mainShadow );*/
}

.asrtmnt_item.selected .a_pic::before {
	position: absolute;
	bottom: -15%;
	content: '';
	width: var(--m_width_li_filter);
	height: var(--m_width_li_filter);
/*	transform: rotateZ( 45deg );*/
	border: 1px solid var( --main_bkg_color );
	border-radius: 0 0 50% 50%;
}
/* <-- .asrtmnt_item.selected */

.a_pic > div.just_pic {
	width: 72%;
	height: 72%;
	background-size: cover;	
}

.detailed.a_pic.G_gridCenter > div {
	position: absolute;
	text-align: center;
	font-size: 0.5rem;
	font-weight: 600;
}

.a_type_pic {
	position: absolute;
	background-image: url("/imgs/items/F_02_i.png");
	background-size: cover;
}
.a_type[data-type="1"] .a_type_pic {
	background-position: left;
}
.a_type[data-type="2"] .a_type_pic {
	background-position: right;
}

.artikle_item .a_bat_op {
	grid-area: bo;
}
.artikle_item .a_bat_op .a_bat_op_pic {
/*	background-image: url("/imgs/items/F_03_i.png");*/
}

.artikle_item .a_rc_op {
	grid-area: rc;
}
.artikle_item .a_rc_op .a_rc_op_pic {
/*	background-image: url("/imgs/items/F_04_i.png");*/
}

.artikle_item .a_spec {
	grid-area: spec;
}
.artikle_item .a_spec .a_spec_pic {
/*	background-image: url("/imgs/items/F_05_i.png");*/
}

.artikle_item .a_desc {
	grid-area: desc;
	height: 100%;
	padding: 0.5rem;
	overflow: hidden;
}

.asrtmnt_item.selected .a_price {
	width: calc(100% - 2rem);
	height: 100%;
	margin: 0;
	padding: 0 1.25rem;
	font-size: 1.75rem;
	background-color: var( --main_bkg_rgb_color_0-5 );
	border-radius: 1.5rem;
}

.asrtmnt_item.selected:not( [ data-discount="0" ] ) .artikle_item .a_price {
	font-size: 1.25rem;
	position: absolute;
	height: min-content;
	padding: 0;
	margin-top: -2.5rem;
	border-radius: 0;
	background-image: linear-gradient(-15deg, rgba(0,0,0,0) 47%, #575D69, rgba(0,0,0,0) 53%);
	background-color: rgba(0,0,0,0);
}

.asrtmnt_item.selected > .artikle_item .a_apps_i {
	grid-area: apps_i;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	align-content: center;
	justify-content: flex-start;
}

.asrtmnt_item.selected > .artikle_item .a_age {
	grid-area: age;
}
.asrtmnt_item.selected > .artikle_item .a_type {
	grid-area: type;
}

.a_apps_i > div {
	margin-bottom: 0.5rem;
/*	border: 1px solid var( --main_bkg_color );
	border-radius: 0.75rem;*/
}

/*.asrtmnt_item.selected*/
.a_apps_i > div[data-enable="0"] {
	display: none;
}

.a_apps_i img {
	width: var( --m_app_img_size );
	height: var( --m_app_img_size );
	padding: 0.25rem;
}

.a_close_group {
 display: none;
}

.active .selected .a_close_group {
	grid-area: close;
 align-self: start;
 display: flex;
 flex-direction: column;
 align-items: flex-end;
 gap: 0.5rem;
 z-index: 1;
}

.a_close img {
	width: 1rem;
	height: 1rem;
}

.a_warnings {
 display: none;
}
.a_warnings[data-shown="1"] {
 display: block;
}
.a_warnings img {
	width: 2rem;
	height: 2rem;
}
