/* Start:/local/components/rumles/brigades/templates/.default/style.css?17909681587047*/
/* Раздел «Бригады мастеров». Сетка, отступы и цвета — классами Bootstrap в разметке;
   здесь только то, чего в утилитах нет. Бутстрап склеивается после этого файла,
   поэтому правила для .btn — с запасом специфичности. */

.brg-minw0 { min-width: 0; }

.brg-icon {
	display: inline-block;
	flex-shrink: 0;
	width: 1.25rem;
	height: 1.25rem;
	vertical-align: -.25em;
}
.brg-icon--sm { width: 1rem; height: 1rem; vertical-align: -.2em; }
.brg-icon--md { width: 1.5rem; height: 1.5rem; }
.brg-icon--lg { width: 2rem; height: 2rem; display: block; }
.brg-icon--star { color: var(--yellow-1); width: 1rem; height: 1rem; }
.brg-icon--star-off { color: var(--gray-300); width: 1.25rem; height: 1.25rem; }
.brg-stars .brg-icon--star { width: 1.25rem; height: 1.25rem; }

/* первый экран: фото справа, на телефоне — сверху */
.brg-hero__img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 15rem;
	max-height: 26rem;
	object-fit: cover;
}
@media (min-width: 992px) {
	.brg-hero__img { max-height: none; min-height: 28rem; }
}

/* карточки */
.brg-card { color: var(--gray-900); }
.brg-card:hover, .brg-card:focus { color: var(--gray-900); text-decoration: none; }
.brg-lift { transition: box-shadow .2s ease, transform .2s ease; }
.brg-lift:hover { box-shadow: 0 .5rem 1.5rem rgba(30, 30, 30, .1); transform: translateY(-2px); }
.brg-lift:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }
.brg-card--accent { box-shadow: inset 0 0 0 2px var(--primary); }
.brg-card__img { aspect-ratio: 16 / 9; overflow: hidden; }
.brg-card__img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.brg-card:hover .brg-card__img img { transform: scale(1.04); }
.brg-card__badge { position: absolute; top: 1rem; left: 1rem; }
.brg-card__link .brg-icon { transition: transform .2s ease; }
.brg-card:hover .brg-card__link .brg-icon { transform: translateX(3px); }

.brg-avatar { flex: 0 0 4rem; width: 4rem; height: 4rem; object-fit: cover; }
.brg-avatar--lg { flex-basis: 4.5rem; width: 4.5rem; height: 4.5rem; font-size: 1.375rem; }
.brg-avatar--sm { flex-basis: 2.75rem; width: 2.75rem; height: 2.75rem; font-size: .875rem; }
.brg-modal .brg-avatar { flex-basis: 3rem; width: 3rem; height: 3rem; }
.brg-avatar--empty { background: var(--green-6); color: var(--primary); font-size: 1.25rem; }

.brg-master-photo { display: block; width: 15rem; height: 18.75rem; max-width: 100%; object-fit: cover; }
.brg-master-photo.brg-avatar--empty { font-size: 4rem; }
@media (max-width: 575.98px) {
	.brg-master-photo { width: 7.5rem; height: 9.375rem; }
	.brg-master-photo.brg-avatar--empty { font-size: 2.5rem; }
}

.brg-badge-yellow { background: var(--yellow-1); color: var(--gray-900); }
.brg-chip-green { background: var(--green-4); color: var(--primary); }
.brg-caption { font-size: .8125rem; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--gray-600); }

.brg-num { flex: 0 0 2.5rem; width: 2.5rem; height: 2.5rem; font-size: 1.125rem; }
.brg-num--sm { flex-basis: 2rem; width: 2rem; height: 2rem; font-size: 1rem; }

/* списки: точки и галочки */
.brg-dots li { position: relative; padding-left: 1rem; margin-bottom: .375rem; font-size: .875rem; }
.brg-dots li::before {
	content: ""; position: absolute; left: 0; top: .5em;
	width: .375rem; height: .375rem; border-radius: 50%; background: var(--primary);
}
.brg-checks li { display: flex; align-items: flex-start; margin-bottom: .625rem; }
.brg-checks li:last-child { margin-bottom: 0; }
.brg-checks .brg-icon { width: 1.125rem; height: 1.125rem; margin: .125rem .625rem 0 0; stroke-width: 2.4; }
@media (min-width: 768px) {
	.brg-checks--cols { column-count: 2; column-gap: 2rem; }
	.brg-checks--cols li { break-inside: avoid; }
	.brg-checks--cols li:last-child { margin-bottom: .625rem; }
}

/* направления над первым экраном: на телефоне — лента с прокруткой */
@media (max-width: 767.98px) {
	.brg-tabs { overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
	.brg-tabs::-webkit-scrollbar { display: none; }
}
.brg-tab { white-space: nowrap; }
.brg-tab { background: #fff; color: var(--gray-900); transition: color .2s ease, background-color .2s ease; }
.brg-tab:hover { color: var(--primary); text-decoration: none; }
.brg-tab.active, .brg-tab.active:hover { background: var(--primary); color: #fff; font-weight: 600; }

/* фильтр мастеров и слоты времени в окне заказа */
.brg .btn.brg-filter,
.brg-modal .btn.brg-slot {
	border: 1px solid var(--gray-3);
	background: #fff;
	color: var(--gray-900);
	font-size: .875rem;
	font-weight: 600;
}
.brg .btn.brg-filter:hover,
.brg-modal .btn.brg-slot:hover { border-color: var(--gray-900); }
.brg .btn.brg-filter.active,
.brg-modal .brg-slot__input:checked + .btn.brg-slot {
	border-color: var(--gray-900);
	background: var(--gray-900);
	color: #fff;
}
.brg-modal .brg-slot__input:focus-visible + .btn.brg-slot { outline: 2px solid var(--primary); outline-offset: 2px; }
.brg-sort { width: auto; }

.brg-work__img { aspect-ratio: 3 / 2; overflow: hidden; background: var(--green-4); }
.brg-work__img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.brg-work__img:hover img { transform: scale(1.04); }

.brg-text p:last-child { margin-bottom: 0; }
.brg-period { flex: 0 0 10rem; padding-right: 1rem; }

/* правая колонка мастера едет вместе со страницей */
@media (min-width: 992px) {
	.brg-aside { position: sticky; top: 6rem; }
}

/* ссылка на тёмной плашке */
.brg-on-dark, .brg-on-dark:hover { color: #fff; }

/* вопросы */
.brg-faq__btn {
	position: relative;
	display: block;
	width: 100%;
	padding-right: 2.5rem;
	border: 0;
	background: none;
	color: var(--gray-900);
	text-align: left;
}
.brg-faq__btn::after {
	content: "";
	position: absolute;
	right: .5rem;
	top: 50%;
	width: .6rem;
	height: .6rem;
	margin-top: -.45rem;
	border-right: 2px solid var(--primary);
	border-bottom: 2px solid var(--primary);
	transform: rotate(45deg);
	transition: transform .2s ease;
}
.brg-faq__btn[aria-expanded="true"]::after { margin-top: -.15rem; transform: rotate(-135deg); }
.brg-faq__btn:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }

/* окно заказа */
.brg-modal .modal-dialog { max-width: 35rem; }
.brg-modal__close {
	position: absolute;
	top: .75rem;
	right: .75rem;
	z-index: 1;
	width: 2.75rem;
	height: 2.75rem;
	color: var(--gray-900);
}
.brg-modal__close .brg-icon { width: 1.25rem; height: 1.25rem; }
.brg-success-icon { width: 4.5rem; height: 4.5rem; }
.brg-success-icon .brg-icon { width: 2.25rem; height: 2.25rem; stroke-width: 2.4; }

/* End */
/* /local/components/rumles/brigades/templates/.default/style.css?17909681587047 */