.poster__inner{}
.poster__section {}
.poster__grid {display:flex; gap:60px 40px; flex-wrap:wrap}
.poster__block{width:calc((100% - 80px) / 3); display:flex; flex-direction:column; gap:30px 0}
.poster__cover{display:block; border-radius:15px; overflow:hidden; position:relative; height:clamp(220px, 25vw, 320px)}
.poster__cover img, .poster__cover picture{width:100%; height:100%; object-fit:cover}
.poster__date, .poster__status{position:absolute; top:20px; left:20px; font: 400 16px/22px 'Manrope';color: #FFFFFF;padding: 10px 20px;background: #000000;border-radius: 900px}
.poster__places{position:absolute; bottom:20px; left:20px; font: 400 16px/22px 'Manrope';color: #01E311;padding: 10px 20px;background: #000000;border-radius: 900px}
.poster__places.poster__places--no-places{color:#FA0000}
.poster__places{display:flex; gap:5px; align-items:center;}
.poster__places::before{height: 5px; width:5px; border-radius:50px; margin: 1px 0 0 0; background: #01E311; content:"";box-shadow: 0 0 5px 1px #01E311;}
.poster__places.poster__places--no-places::before{background: #FA0000; content:"";box-shadow: 0 0 5px 1px #FA0000;}
.poster__title{font:700 24px/32px 'Manrope';color: #FFFFFF;display:block}
.poster__description{font: 400 16px/22px 'Manrope'; color: #FFFFFF;}
.poster__buttons{display:flex; flex-wrap:wrap; gap:0 30px; align-items:center; margin-top:auto}
.poster__places--archive{display:none}
.poster__load-more{padding-top:50px; text-align:center}
@media(max-width:1180px){
	.poster__grid{gap:30px 20px}
	.poster__block{width:calc((100% - 40px) / 3); gap:15px}
	.poster__title {font: 700 20px/28px 'Manrope'}
	.poster__description {font: 400 14px/20px 'Manrope'}
	.poster__buttons{gap:15px}
	.poster__grid--actual .poster__buttons .btn{flex:1 1 auto; white-space:nowrap}
	.poster__load-more{padding-top:40px}
}
@media(max-width:991px){
	.poster__date, .poster__status{top:10px; left:10px; font: 400 14px/22px 'Manrope'; padding: 5px 10px}
	.poster__places{bottom:10px; left:10px; font: 400 14px/22px 'Manrope'; padding:5px 10px}
	.poster__title {font: 700 18px/26px 'Manrope'}
	.poster__load-more{padding-top:30px}
}
@media(max-width:767px){
	.poster__block{width:calc((100% - 20px) / 2)}
	.poster__cover{height:clamp(220px, 37vw, 280px)}
}
@media(max-width:575px){
	.poster__grid{gap:30px 0}
	.poster__block{width:100%; gap:10px}
	.poster__cover {height: 75vw;}
	.poster__buttons{gap:10px}
	.poster__buttons .btn{flex:1 1 auto; white-space:nowrap}
	.poster__load-more .btn{width:100%}
}