@charset "UTF-8"; 
/* ===============объявления========================= */
.announcement{	
	position: relative; display: flex; flex-direction: column; justify-content: flex-start;  align-items: center;  gap: 0.5em;	
    padding: 0.5em;	border-radius: 8px;	margin-top: 2px;background: linear-gradient(to top, #ffffff 75%, #eaebef);
	transition: all .4s;
    color: inherit;	width:-webkit-fill-available;
    max-width: 768px;
	.pictogramma{
		position:absolute;		        
        left: 6px; top: 5px;
		opacity: 0.4;
	}
	.wrapper_images{display: flex; gap: 1px; align-items: center;margin: 0 1em;}
	img{object-fit: cover; border-radius: 5px;}
	.wrapper_images.baner{img{ max-height: 20vh; width:  100%; height: 100%;object-fit: contain;}}	
	.wrapper_images.gallery{
		max-width:  calc(var(--w-boxfoto-article) * 3 + 2px ); overflow-y: hidden;
		scrollbar-width: thin;
		img{ width:  var(--w-boxfoto-article); height: var(--h-boxfoto-article); }
	}
	.wrapper_images.creative{
		overflow: hidden; img{ width:  var(--w-boxfoto-article); height: var(--h-boxfoto-article);}
	}		
	
	.turn_left{transform: rotate(-25deg);}
	.turn_right{transform: rotate(25deg);}
	.box_info{
		display: flex;
        flex-direction: column;
        align-items: center;        
        width: -webkit-fill-available;
	}
	.article_price{		
		font-family: system-ui, sans-serif;	margin: 0 1em;width: -webkit-fill-available;text-align:right;font-size: larger;font-weight: 500;color:var(--cl-price);
		[data-currency], [data-comment]{font-size: small; text-transform: uppercase;}	
	}	
	.article_name{
		position: relative;padding: 0.5em 30px 3px 30px;
		font-family: var(--font-headername), sans-serif, system-ui;font-weight:var(--font-weight-caption); font-size: 1.2em;width: -webkit-fill-available;text-align:center;letter-spacing: 2px;-webkit-line-clamp: 2;text-overflow: ellipsis;
	}		
	.discounter{
		display:none; position: absolute; z-index:5;		
		background-image:url(../img_system/discount-icon.svg);background-repeat: no-repeat;background-position:center;background-size: cover;		
		right: 5px; top: 35px; width: 2em;height:2em; opacity:0.7;				
	}	
	.liker{				
		position: absolute; display:inline-block;z-index:5;		
		background-image:url(../img_system/heart_black.svg);background-repeat: no-repeat;background-position:center;background-size: cover;		
		right: 11px; top: 11px; width: 1.3em;height: 1.3em;
		opacity:0.7;		
		input{display:none;}
	}
	.liker:has(input:checked){background-image:url(../img_system/heart_red.svg);}		
	.article_descript{
		font-family: var(--font-descript-short);display: -webkit-box;				
		margin: 0.5em 1em;	-webkit-box-orient: vertical;	-webkit-line-clamp: 4;	color: #333333; max-height: 6em;text-overflow: ellipsis; overflow: hidden;
    }	
	.article_adress{font-size: small;   color: #425997; text-indent: 1em;}
	.for_pc{display:block;}
	.for_mobile{display:none;}	
	.work_time{	color:#333333;}
}
.announcement:hover{}
.announcement::after{		
	content: attr(data-id); position: absolute;  display:inline-block; right: 15px;  bottom: 11px;width: 1em;height: 1em;	font-size: small; opacity:0.2;font-weight: normal;		
}
/*for small article last view*/
#box_last_view{	
	.gallerey{display:flex;width: 100%; overflow-x: auto; gap:4px;}
}
.article_lastv{
	display:block;width:calc(100% / 6 - 4px);min-width:calc(100% / 6 - 4px);background-color:#ececec;
	font-size:small;  border: 1px solid lightgrey;
    border-radius: 4px;  padding:0;  
	figure{text-align:center;}
	figcaption{
		display: -webkit-box;   -webkit-box-orient: vertical;-webkit-line-clamp: 4;text-overflow: ellipsis; overflow: hidden;text-align:center;padding: 2px;   overflow-wrap: break-word;        
	}
	img{width: calc(100% - 4px);object-fit: cover;height: auto;aspect-ratio: 1 / 1;border-radius: 4px 4px 0 0;}
	
}

/*-------------------------------------------------*/
@media screen and (max-width: 1280px){
	
}	
/*-------------------------------------------------*/
@media screen and (max-width: 1024px){
	.announcement{				
		.article_name{
			letter-spacing: normal;
		}	
	}	
}	
/*-------------------------------------------------*/
/*если вход с мобильного*/
@media screen and (max-width: 768px) {	
	.announcement{		
		padding:0 0 0.5em 0; border-radius: unset;
		/*box-shadow: 0 0 10px 3px #dfdfdf;*/        
		.wrapper_images.gallery{ max-width:  calc(var(--w-boxfoto-article-768) * 3 + 2px );}		
		.wrapper_images.gallery img, .wrapper_images.creative img{		
			min-width: var(--w-boxfoto-article-768); width:  var(--w-boxfoto-article-768);	height: var(--h-boxfoto-article-768); 
		}		
		.article_name{letter-spacing: normal;}	
		.article_descript{text-align: justify;}
		.for_mobile{display:flex;}		
		.for_pc{display:none;}
	}
	
	.announcement:hover{/*border-color:#a9a9a9;transform:none;*/}
	.article_lastv{width:calc(100% / 4 - 4px); min-width:calc(100% / 4 - 4px);	}
	
	
}
@media screen and (max-width: 400px) {	
	.announcement{				
		.wrap_box_foto{	max-width: 100%; }
		.box_foto{	width: 110px; }
	}	
}