/* C1 — детальная бренда (Figma Frame 620 / 719 / 777) */

.br-brand-detail {
	--br-detail-page-pb: clamp(2rem, 4vw, 4rem);
	padding-bottom: var(--br-detail-page-pb);
}

.br-brand-detail .br-page--detail {
	font-family: Montserrat, sans-serif;
}

/* .br-container: padding 3.5208333333vw — brands-base.css */
.br-page--detail .br-container {
	display: flex;
	flex-direction: column;
}

/* Frame 777 — контент под крошками */
.br-detail-intro {
	display: flex;
	flex-direction: column;
}

/* Frame 776 */
.br-detail-block-776 {
	display: flex;
	flex-direction: column;
}

/* Frame 775 — о бренде */
.br-detail-about {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 40px;
	margin: 0;
	padding: 0;
}

/* Frame 614 / 756 */
.br-detail-about__logo {
	flex: 0 0 275px;
	width: 275px;
	max-width: 100%;
	height: 143px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 0;
}

.br-detail-about__logo img {
	display: block;
	width: auto;
	height: auto;
	max-width: 137px;
	max-height: 89px;
	object-fit: contain;
	object-position: center;
}

/* Frame 610 */
.br-detail-about__text {
	flex: 1 1 280px;
	min-width: 0;
	margin: 0;
	padding: 10px;
	font-size: 14px;
	font-weight: 500;
	line-height: 27px;
	color: #000000;
}

.br-detail-about__text p {
	margin: 0 0 0.75em;
}

.br-detail-about__text p:last-child {
	margin-bottom: 0;
}

.br-detail-catalog__warranty-slot {
	flex-shrink: 0;
	max-width: 100%;
}

.br-detail-catalog__warranty-slot:empty {
	display: none;
}

/* Figma Component 19 — не «пилюля» из product-detail-card (≤1000px) */
.br-brand-detail .br-detail-catalog__warranty-trigger.pd-mfr__warranty-trigger {
	display: inline-flex;
	align-items: center;
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	font-family: Montserrat, sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 18px;
	color: rgba(0, 0, 0, 0.8);
	min-height: 20px;
	height: auto;
	max-width: 100%;
	text-align: left;
}

.br-brand-detail .br-detail-catalog__warranty-trigger .pd-mfr__warranty-trigger-inner {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
	max-width: 100%;
}

.br-brand-detail .br-detail-warranty__main {
	display: inline-flex;
	align-items: center;
	gap: 11px;
	min-width: 0;
}

.br-brand-detail .br-detail-catalog__warranty-trigger .pd-mfr__warranty-trigger-ico {
	display: block;
	width: 16px;
	height: 20px;
	flex-shrink: 0;
	object-fit: contain;
}

.br-brand-detail .br-detail-catalog__warranty-trigger .pd-mfr__warranty-trigger-text {
	font-size: 15px;
	font-weight: 500;
	line-height: 18px;
	color: rgba(0, 0, 0, 0.8);
	transition: none;
}

.br-brand-detail .br-detail-catalog__warranty-trigger .pd-mfr__warranty-trigger-help {
	display: inline-flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 15px;
	height: 15px;
}

.br-brand-detail .br-detail-catalog__warranty-trigger .pd-mfr__warranty-trigger-help-svg {
	display: block;
	width: 15px;
	height: 15px;
}

.br-brand-detail .br-detail-catalog__warranty-trigger .pd-mfr__warranty-trigger-help-svg path {
	fill: rgba(0, 0, 0, 0.3);
	transition: none;
}

.br-brand-detail .br-detail-catalog__warranty-trigger:hover .pd-mfr__warranty-trigger-text,
.br-brand-detail .br-detail-catalog__warranty-trigger:focus-visible .pd-mfr__warranty-trigger-text {
	color: rgba(0, 0, 0, 0.8);
}

.br-brand-detail .br-detail-catalog__warranty-trigger:hover .pd-mfr__warranty-trigger-help-svg path,
.br-brand-detail .br-detail-catalog__warranty-trigger:focus-visible .pd-mfr__warranty-trigger-help-svg path {
	fill: rgba(0, 0, 0, 0.3);
}

/* Frame 606 / 718 */
.br-detail-catalog__head {
	margin: 0;
	padding: 0;
}

.br-detail-catalog__title {
	margin: 0;
	padding: 10px;
	font-size: 35px;
	font-weight: 500;
	line-height: 25px;
	color: #000000;
}

/* Десктоп: Frame 719 — H1+гарантия в строку, затем about */
@media (min-width: 768px) {
	.br-page--detail .br-container {
		gap: 20px;
	}

	.br-detail-intro {
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		column-gap: 29px;
		row-gap: 20px;
	}

	.br-detail-block-776 {
		display: contents;
	}

	.br-detail-catalog__head {
		flex: 0 1 auto;
		order: 1;
	}

	.br-detail-catalog__warranty-slot {
		flex: 0 0 auto;
		order: 2;
	}

	.br-detail-about {
		flex: 1 1 100%;
		order: 3;
	}
}

/* Модалка гарантии: скрыта до showModal(), стили — product-detail-card.css */
#br-warranty-modal:not([open]) {
	display: none !important;
}

.br-brand-detail > .catalog {
	margin-top: 0;
}

.br-brand-detail > .catalog .catalog__center {
	padding-top: clamp(1rem, 2vw, 2.5rem);
}

.br-detail-catalog__empty {
	margin: 1rem 0 0;
	font-size: 15px;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.7);
}

@media (max-width: 900px) {
	.br-brand-detail > .catalog .catalog__center {
		padding-top: 16px;
		padding-bottom: 48px;
	}
}

@media (max-width: 767.98px) {
	/* Frame 777 @ 390 */
	.br-detail-bc__list {
		padding: 10px;
	}

	.br-detail-intro {
		gap: 27px;
	}

	.br-detail-block-776 {
		gap: 28px;
	}

	.br-detail-about {
		flex-direction: column;
		align-items: flex-start;
		gap: 9px;
		width: 100%;
	}

	.br-detail-about__logo {
		flex: 0 0 auto;
		display: flex;
		width: 138px;
		height: 61px;
		padding: 0;
		align-items: center;
		justify-content: flex-start;
	}

	.br-detail-about__logo img {
		display: block;
		width: auto;
		height: auto;
		max-width: 64px;
		max-height: 41px;
		object-fit: contain;
		object-position: left center;
		align-self: center;
	}

	/* flex-basis 280px в column = лишняя высота ~280px (дыра до гарантии) */
	main.page:has(.br-brand-detail) {
		margin-top: 0;
	}

	.br-detail-about__text {
		flex: 0 1 auto;
		width: 100%;
		padding: 0 0 10px;
		font-size: 14px;
		font-weight: 400;
		line-height: 25px;
	}

	.br-detail-about__text p {
		margin: 0;
	}

	.br-detail-catalog__warranty-slot {
		margin: 0;
	}

	.br-detail-catalog__title {
		padding: 10px 0;
		font-size: 22px;
		font-weight: 500;
		line-height: 25px;
	}
}

@media (max-width: 320px) {
	.br-detail-catalog__title {
		font-size: 22px;
		line-height: 25px;
	}
}
