.br_right {text-align:right!important}
.br_center {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 10px;}
.br_float_right {float: right;}
.pt15 {padding-top:15px;}
.h160 {height: 160px}
.mb10 {margin-bottom:10px;}
.br_form-title {margin:0 0 20px 0}
.br_fz15 {font-size: 15px; color: #eb3344;}
.br_comm_reply {font-size: 14px; line-height: 2; text-align:right;}


	.notice-holder {
		font-family: "arial";
		display: none;
		position: fixed;
		background: rgba(0, 0, 0, 0.9);
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 999;
                color: #000;
	}
	.notice-holder .block-notice {
		background: #fff;
		padding: 20px;
		position: absolute;
		top: 250px;
		width: 100%;
		max-width: 500px;
		left: 0;
		right: 0;
		margin: auto;
		text-align: center;
		border-radius: 3px;
	}
	.notice-holder .text {
		font-size: 20px;
		line-height: 24px;
		margin: 0 0 10px;
	}
	.notice-holder .message {
		font-size: 24px;
		line-height: 28px;
		margin: 0 0 20px;
		font-weight: 700;
	}
	.notice-holder .btn-action {
		display: inline-block;
		vertical-align: top;
		padding: 6px 16px;
		background: #333;
		border-radius: 3px;
		color: #fff;
		opacity: 0.9;
		font-size: 20px;
		line-height: 24px;
		cursor: pointer;
	}
	.notice-holder .btn-action:hover {
		opacity: 1;
	}
	.notice-holder .btn-action.confirm {
		background: #1bbd56;
	}
	.notice-holder .btn-action.refuse {
		background: #ef4646;
	}
	@media screen and (max-width: 768px) {
		.notice-holder .block-notice {
			padding: 15px;
		}
		.notice-holder .text {
			font-size: 16px;
			line-height: 20px;
		}
		.notice-holder .message {
			font-size: 20px;
			line-height: 24px;
		}
	}

/* === Fix: рейтинг обрезается в горизонтальной ориентации телефона ===
   Левая колонка width:30% при viewport ~800px даёт всего ~215px content,
   а блок звёзд фиксированно шириной 325px — он вылезает за границы.
   Решение: на "средних" экранах (телефон в landscape, планшет) пропорционально
   уменьшаем сам рейтинг до 66% (215x22px). Колонки и постер не трогаются.
   ===================================================================== */
@media screen and (max-width: 1100px) and (min-width: 761px) {
	.rating,
	.unit-rating {
		width: 200px;
		height: 20px;
	}
	.unit-rating,
	.unit-rating li a:hover,
	.unit-rating li.current-rating {
		-webkit-background-size: 20px auto;
		background-size: 20px auto;
	}
	.unit-rating {
		background-position: 0 -40px;
	}
	.unit-rating li a {
		width: 20px;
		height: 20px;
	}
	.unit-rating li a:hover {
		background-position: 0 -20px;
	}
	.unit-rating a.r1-unit { left: 0; }
	.unit-rating a.r1-unit:hover { width: 20px; }
	.unit-rating a.r2-unit { left: 20px; }
	.unit-rating a.r2-unit:hover { width: 40px; }
	.unit-rating a.r3-unit { left: 40px; }
	.unit-rating a.r3-unit:hover { width: 60px; }
	.unit-rating a.r4-unit { left: 60px; }
	.unit-rating a.r4-unit:hover { width: 80px; }
	.unit-rating a.r5-unit { left: 80px; }
	.unit-rating a.r5-unit:hover { width: 100px; }
	.unit-rating a.r6-unit { left: 100px; }
	.unit-rating a.r6-unit:hover { width: 120px; }
	.unit-rating a.r7-unit { left: 120px; }
	.unit-rating a.r7-unit:hover { width: 140px; }
	.unit-rating a.r8-unit { left: 140px; }
	.unit-rating a.r8-unit:hover { width: 160px; }
	.unit-rating a.r9-unit { left: 160px; }
	.unit-rating a.r9-unit:hover { width: 180px; }
	.unit-rating a.r10-unit { left: 180px; }
	.unit-rating a.r10-unit:hover { width: 200px; }
	.unit-rating li.current-rating {
		background-position: 0 0;
		height: 20px;
	}
	.rate {
		margin-left: 0;
	}
	.frate_nums {
		font-size: 12px;
	}
}

/* Центрирование рейтинга на мобильных в вертикальной ориентации */
@media screen and (max-width: 760px) {
	.rate {
		margin-left: 0;
		-webkit-justify-content: center;
		justify-content: center;
	}
	.frate_nums {
		text-align: center;
	}
}

/* === Слайдер скриншотов на мобильных === */
@media screen and (max-width: 760px) {
	.screens-slider {
		position: relative;
		overflow: hidden;
		padding: 0 26px;
		margin: 0;
	}
	.screens-slider .xfieldimagegallery {
		display: flex;
		margin: 0;
		padding: 0;
		list-style: none;
		transition: transform 0.3s ease;
	}
	.screens-slider .xfieldimagegallery li {
		flex: 0 0 50%;
		max-width: 50%;
		width: 50%;
		float: none;
		padding: 2px;
		box-sizing: border-box;
	}
	.screens-slider .xfieldimagegallery li a {
		display: block;
	}
	.screens-slider .xfieldimagegallery li img {
		width: 100%;
		height: 165px;
		object-fit: cover;
		margin: 0;
		display: block;
	}
	.screens-slider-arrow {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: 20px;
		height: 20px;
		background: rgba(220, 53, 69, 0.9);
		color: #fff;
		border: none;
		border-radius: 50%;
		cursor: pointer;
		z-index: 10;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 10px;
		padding: 0;
		outline: none;
	}
	.screens-slider-arrow:active {
		background: rgba(220, 53, 69, 1);
	}
	.screens-slider-prev { left: 2px; }
	.screens-slider-next { right: 2px; }
}