/* ═══════════════════════════════════════════════════════════════
   صفحه داخلی شرکت — طرحی متفاوت از صفحه‌های حوزه فعالیت:
   نوار رنگی با کارت لوگوی شناور، و بدنه دوستونی با ستون چسبان.
   موبایل‌فرست.
   ═══════════════════════════════════════════════════════════════ */

.brzt-main--co { padding-block: 0; }
.brzt-main--co { --c: var(--co, #0d2b4e); }

/* ---------- هدر ----------
   نام شرکت داخل نوار رنگی و سفید است، و کارت لوگو روی مرز دو نوار
   می‌نشیند — نیمه بالا روی رنگ، نیمه پایین روی زمینه روشن. */

.brzt-cohero {
	--card: 92px;
	position: relative;
	background: var(--brz-bg-soft);
}

.brzt-cohero__band {
	position: relative;
	z-index: 1;
	background: linear-gradient(135deg, var(--c), color-mix(in srgb, var(--c) 60%, #0a1524));
}

@supports not (color: color-mix(in srgb, red 50%, blue)) {
	.brzt-cohero__band { background: var(--c); }
}

/* شبکه مهندسی محو، امضای بصری این هدر */
.brzt-cohero__band::after {
	content: "";
	position: absolute;
	inset: 0;
	opacity: .18;
	pointer-events: none;
	background-image:
		linear-gradient(rgba(255, 255, 255, .55) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, .55) 1px, transparent 1px);
	background-size: 46px 46px;
	-webkit-mask-image: radial-gradient(80% 120% at 88% 0%, #000, transparent 72%);
	mask-image: radial-gradient(80% 120% at 88% 0%, #000, transparent 72%);
}

.brzt-cohero__bandin {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding-block: 26px;
	min-height: 112px;
}

.brzt-cohero__text { flex: 1 1 auto; min-width: 0; }

.brzt-cohero__kind {
	display: inline-block;
	margin-bottom: 8px;
	padding: 4px 13px;
	border: 1px solid rgba(255, 255, 255, .28);
	border-radius: 999px;
	background: rgba(255, 255, 255, .16);
	color: #fff;
	font-size: .74rem;
	font-weight: 700;
	backdrop-filter: blur(4px);
}

.brzt-cohero__title {
	margin: 0;
	font-size: clamp(1.5rem, 5.6vw, 2.4rem);
	line-height: 1.4;
	color: #fff;
	text-shadow: 0 2px 14px rgba(0, 0, 0, .22);
}

/* کارت لوگو: نیمه‌اش بیرون از نوار می‌افتد */
.brzt-cohero__card {
	position: relative;
	z-index: 3;
	display: grid;
	place-items: center;
	width: var(--card);
	height: var(--card);
	flex: 0 0 auto;
	padding: 13px;
	border: 1px solid rgba(255, 255, 255, .7);
	border-radius: 24px;
	background: #fff;
	box-shadow: 0 16px 38px rgba(10, 21, 36, .24);
	margin-block-end: calc(var(--card) / -2);
}

.brzt-cohero__card img { width: 100%; height: 100%; object-fit: contain; }

.brzt-cohero__mono {
	color: var(--c);
	font-size: 1.7rem;
	font-weight: 800;
	direction: ltr;
}

/* ناحیه زیر نوار — فاصله‌اش به‌اندازه نیمه بیرون‌زده کارت است */
/* فاصله کم است و متن بالا می‌ماند؛ فضای لازم برای کارت لوگو با
   padding کنارِ پایانی رزرو می‌شود، نه با فاصله بالای کل بلوک. */
.brzt-cohero__below {
	position: relative;
	z-index: 1;
	padding-top: 16px;
	padding-bottom: 4px;
}

.brzt-cohero__tag {
	max-width: 62ch;
	margin: 0;
	font-size: clamp(.94rem, 2.2vw, 1.06rem);
	font-weight: 300;
	line-height: 2.05;
	color: var(--brz-muted);
}

.brzt-cohero__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin: 14px 0 0;
	padding: 0;
	list-style: none;
}

.brzt-cohero__chips li {
	padding: 5px 13px;
	border: 1px solid var(--brz-line);
	border-radius: 999px;
	background: #fff;
	font-size: .8rem;
	color: var(--brz-body);
}

/* ---------- اعداد کلیدی ---------- */

.brzt-costats { background: var(--brz-bg-soft); padding-block: 20px 26px; }

.brzt-costats__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1px;
	border: 1px solid var(--brz-line);
	border-radius: 16px;
	background: var(--brz-line);
	overflow: hidden;
}

.brzt-costat { padding: 18px 16px; background: #fff; }

.brzt-costat b {
	display: block;
	font-size: clamp(1.25rem, 4vw, 1.7rem);
	line-height: 1.25;
	color: var(--brz-ink);
	font-variant-numeric: tabular-nums;
}

.brzt-costat b u {
	text-decoration: none;
	margin-inline-start: 5px;
	font-size: .46em;
	font-weight: 700;
	color: var(--c);
	vertical-align: .35em;
}

.brzt-costat span { display: block; margin-top: 5px; font-size: .8rem; color: var(--brz-muted); }

/* ---------- بدنه ---------- */

.brzt-cobody {
	display: grid;
	/* minmax(0,1fr) لازم است: با 1fr خالی، ستون از عرض محتوا کوچک‌تر
	   نمی‌شود و کاروسل پهن کل صفحه را به‌هم می‌کشد. */
	grid-template-columns: minmax(0, 1fr);
	gap: 28px;
	padding-block: 30px 52px;
}

.brzt-cobody__main,
.brzt-cobody__side { min-width: 0; }

.brzt-cosec { margin-bottom: 40px; }
.brzt-cosec:last-child { margin-bottom: 0; }

.brzt-cosec__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin-bottom: 18px;
}

.brzt-coh2 {
	position: relative;
	margin: 0 0 18px;
	padding-inline-start: 15px;
	font-size: clamp(1.1rem, 3.4vw, 1.4rem);
	line-height: 1.6;
	color: var(--brz-ink);
}

.brzt-cosec__head .brzt-coh2 { margin-bottom: 0; }

.brzt-coh2::before {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	top: .25em;
	bottom: .25em;
	width: 4px;
	border-radius: 4px;
	background: var(--c);
}

.brzt-coprose { font-size: 1rem; line-height: 2.15; color: var(--brz-body); }
.brzt-coprose h3 { margin-top: 1.5em; }
.brzt-coprose img { border-radius: 14px; margin-block: 1.3em; }

/* ---------- کاروسل محصولات ---------- */

.brzt-cocar__nav { display: flex; gap: 7px; flex: 0 0 auto; }

.brzt-cocar__nav button {
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	padding: 0;
	border: 1.5px solid #ced7e4;
	border-radius: 50%;
	background: #fff;
	color: var(--brz-navy);
	cursor: pointer;
	transition: background .2s, color .2s, border-color .2s;
}

.brzt-cocar__nav button:hover { background: var(--c); border-color: var(--c); color: #fff; }
.brzt-cocar__nav button[disabled] { opacity: .35; cursor: default; }

/*
 * بخش محصولات یک پنل با زمینه ملایم می‌شود. کارت‌ها سفید هستند و صفحه هم
 * سفید بود، پس روی زمینه گم می‌شدند.
 */
.brzt-cocar {
	padding: 18px 14px 14px;
	border: 1.5px solid #dfe5ee;
	border-radius: 20px;
	background: linear-gradient(180deg, #eef2f8 0%, #f7f9fc 100%);
}

.brzt-cocar .brzt-cosec__head { margin-bottom: 14px; }

.brzt-cocar__viewport {
	max-width: 100%;
	overflow: hidden;
	padding: 4px 2px 10px;
	scrollbar-width: none;
	cursor: grab;
}

.brzt-cocar__viewport:active { cursor: grabbing; }

/*
 * تسمه محصولات. جابه‌جایی با transform انجام می‌شود نه با scroll، چون
 * چرخش پیوسته است و باید بی‌وقفه و بدون پرش دور بزند. جاوااسکریپت به
 * تعداد لازم از همان کارت‌ها کپی می‌سازد تا حلقه بسته شود.
 */
.brzt-cocar__belt {
	display: flex;
	gap: 14px;
	width: max-content;
}

/* حالت بی‌حرکت: بدون کپی، با اسکرول دستی */
.brzt-cocar__viewport.is-static {
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	cursor: default;
}

.brzt-cocar__viewport::-webkit-scrollbar { display: none; }
.brzt-cocar__viewport:focus-visible { outline: 3px solid var(--c); outline-offset: 3px; border-radius: 14px; }

.brzt-copr {
	flex: 0 0 210px;
	scroll-snap-align: start;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 18px 14px 14px;
	border: 1.5px solid #ced7e4;
	border-radius: 16px;
	background: #fff;
	text-align: center;
	box-shadow: 0 1px 0 rgba(13, 43, 78, .04), 0 8px 18px rgba(13, 43, 78, .07);
	transition: transform .3s, box-shadow .3s, border-color .3s;
}

.brzt-copr:hover {
	transform: translateY(-5px);
	border-color: var(--c);
	box-shadow: 0 1px 0 rgba(13, 43, 78, .06), 0 18px 34px rgba(13, 43, 78, .16);
}

.brzt-copr__logo {
	display: grid;
	place-items: center;
	width: 64px;
	height: 64px;
	margin-bottom: 11px;
	color: var(--brz-muted);
}

.brzt-copr__logo img { width: 100%; height: 100%; object-fit: contain; }

.brzt-copr__name { margin: 0 0 10px; font-size: .98rem; line-height: 1.55; }
.brzt-copr__name a { color: var(--brz-ink); }
.brzt-copr__name a:hover { color: var(--c); }

.brzt-copr__price {
	width: 100%;
	padding: 9px 8px;
	border-radius: 10px;
	background: #faf6ee;
}

.brzt-copr__price.is-zero { background: var(--brz-bg-soft); }
.brzt-copr__price.is-zero b { color: var(--brz-muted); }

.brzt-copr__price span { display: block; font-size: .76rem; color: var(--brz-muted); }
.brzt-copr__price b { display: block; margin-top: 2px; font-size: 1rem; color: #c1660b; font-variant-numeric: tabular-nums; }
.brzt-copr__price b small { font-size: .68em; font-weight: 400; color: var(--brz-muted); }


.brzt-copr__date {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin-top: 10px;
	font-size: .66rem;
	color: #a0a5ae;
}

/* ---------- کارشناسان ---------- */

.brzt-coteam { display: grid; grid-template-columns: 1fr; gap: 12px; }

.brzt-coperson {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	padding: 16px;
	border: 1px solid var(--brz-line);
	border-radius: 16px;
	background: #fff;
	transition: border-color .25s, box-shadow .25s;
}

.brzt-coperson:hover { border-color: var(--c); box-shadow: 0 12px 26px rgba(17, 18, 20, .09); }

.brzt-coperson__ph {
	display: grid;
	place-items: center;
	width: 58px;
	height: 58px;
	flex: 0 0 58px;
	border-radius: 50%;
	overflow: hidden;
	background: var(--brz-bg-soft);
	color: var(--brz-muted);
}

.brzt-coperson__ph img { width: 100%; height: 100%; object-fit: cover; }

.brzt-coperson__body { flex: 1 1 auto; min-width: 0; }
.brzt-coperson__body h3 { margin: 0 0 2px; font-size: 1rem; line-height: 1.5; }
.brzt-coperson__body p { margin: 0 0 9px; font-size: .8rem; color: var(--brz-muted); }

.brzt-coperson__links { display: flex; flex-wrap: wrap; gap: 7px; }

.brzt-coperson__links a {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 4px 11px;
	border: 1px solid var(--brz-line);
	border-radius: 999px;
	background: var(--brz-bg-soft);
	color: var(--brz-body);
	font-size: .78rem;
	direction: ltr;
	transition: background .2s, border-color .2s, color .2s;
}

.brzt-coperson__links a:hover { background: var(--c); border-color: var(--c); color: #fff; }
.brzt-coperson__links a svg { flex: 0 0 auto; }

/* ---------- کارخانه‌های همکار ---------- */

.brzt-coplants {
	display: grid;
	grid-template-columns: 1fr;
	gap: 9px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.brzt-coplants li {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 14px;
	border: 1px solid var(--brz-line);
	border-inline-start: 3px solid var(--c);
	border-radius: 12px;
	background: #fff;
	font-size: .9rem;
	color: var(--brz-body);
}

.brzt-coplants svg { color: var(--c); flex: 0 0 auto; }

/* ---------- گالری ---------- */

.brzt-cogal { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }

.brzt-cogal figure {
	margin: 0;
	border: 1px solid var(--brz-line);
	border-radius: 14px;
	overflow: hidden;
	background: var(--brz-bg-soft);
}

.brzt-cogal img { width: 100%; height: 100%; aspect-ratio: 4/3; object-fit: cover; display: block; }
.brzt-cogal figcaption { padding: 9px 12px; font-size: .78rem; color: var(--brz-muted); text-align: center; }

/* ---------- کارت اطلاعات ---------- */

.brzt-cocard {
	padding: 20px 18px;
	border: 1px solid var(--brz-line);
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 10px 26px rgba(17, 18, 20, .06);
}

.brzt-cocard__h {
	position: relative;
	margin: 0 0 16px;
	padding-inline-start: 14px;
	font-size: 1.02rem;
	color: var(--brz-ink);
}

.brzt-cocard__h::before {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	top: .25em;
	bottom: .25em;
	width: 4px;
	border-radius: 4px;
	background: var(--c);
}

.brzt-cometa { margin: 0; padding: 0; list-style: none; }

.brzt-cometa li {
	display: flex;
	align-items: flex-start;
	gap: 11px;
	padding: 11px 0;
	border-bottom: 1px dashed var(--brz-line);
}

.brzt-cometa li:last-child { border-bottom: 0; }
.brzt-cometa svg { color: var(--c); flex: 0 0 auto; margin-top: 4px; }
.brzt-cometa i { display: block; font-style: normal; font-size: .72rem; color: var(--brz-muted); }
.brzt-cometa b { display: block; font-size: .88rem; font-weight: 700; color: var(--brz-ink); line-height: 1.75; }
.brzt-cometa b a { color: inherit; direction: ltr; }
.brzt-cometa b a:hover { color: var(--c); }

.brzt-cocard__mail,
.brzt-cocard__site,
.brzt-cocard__cta {
	display: block;
	margin-top: 10px;
	padding: 12px 16px;
	border-radius: 12px;
	text-align: center;
	font-size: .88rem;
	font-weight: 700;
	transition: background .22s, color .22s, border-color .22s;
}

.brzt-cocard__mail {
	background: var(--brz-bg-soft);
	border: 1px solid var(--brz-line);
	color: var(--brz-body);
	direction: ltr;
}

.brzt-cocard__mail:hover { border-color: var(--c); color: var(--c); }

.brzt-cocard__site {
	border: 1px solid var(--c);
	color: var(--c);
}

.brzt-cocard__site:hover { background: var(--c); color: #fff; }

.brzt-cocard__cta {
	background: var(--c);
	color: #fff;
	border: 1px solid var(--c);
}

.brzt-cocard__cta:hover { filter: brightness(1.1); color: #fff; }

/* ---------- شرکت‌های دیگر ---------- */

.brzt-cosibs {
	padding-block: 34px 44px;
	background: var(--brz-bg-soft);
	border-top: 1px solid var(--brz-line);
}

.brzt-cosibs__row {
	max-width: 100%;
	display: flex;
	gap: 10px;
	overflow-x: auto;
	scrollbar-width: none;
	padding-bottom: 4px;
}

.brzt-cosibs__row::-webkit-scrollbar { display: none; }

.brzt-cosib {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 9px 15px 9px 9px;
	border: 1px solid var(--brz-line);
	border-radius: 999px;
	background: #fff;
	transition: border-color .22s, transform .22s;
}

.brzt-cosib:hover { border-color: var(--c, #0d2b4e); transform: translateY(-2px); }

.brzt-cosib__badge {
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	flex: 0 0 40px;
	border-radius: 50%;
	overflow: hidden;
	background: var(--c);
	color: #fff;
}

.brzt-cosib__badge img { width: 100%; height: 100%; object-fit: contain; background: #fff; }
.brzt-cosib__badge em { font-style: normal; font-size: .84rem; font-weight: 800; direction: ltr; }

.brzt-cosib__name { font-size: .88rem; font-weight: 700; color: var(--brz-ink); white-space: nowrap; }

/* ═══════════════════════════════════════════════
   بزرگ‌تر از موبایل
   ═══════════════════════════════════════════════ */

@media (min-width: 600px) {

	.brzt-cohero { --card: 128px; }
	.brzt-cohero__bandin { padding-block: 32px; min-height: 132px; }
	.brzt-cohero__below { padding-inline-end: calc(var(--card) + 20px); }
	.brzt-costats__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.brzt-coteam { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.brzt-coplants { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.brzt-cogal { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.brzt-copr { flex-basis: 220px; }
}

@media (min-width: 1024px) {

	.brzt-cohero { --card: 152px; }
	.brzt-cohero__bandin { padding-block: 42px; min-height: 168px; }
	.brzt-cohero__below { padding-top: 20px; }
	.brzt-cohero__card { border-radius: 28px; padding: 16px; }

	.brzt-cobody {
		grid-template-columns: minmax(0, 1fr) 320px;
		gap: 40px;
		padding-block: 46px 68px;
	}

	.brzt-cobody__side { position: sticky; top: 96px; align-self: start; }
	.brzt-cosec { margin-bottom: 52px; }
}

/* ═══════════ کاهش حرکت ═══════════ */

@media (prefers-reduced-motion: reduce) {

	.brzt-copr,
	.brzt-coperson,
	.brzt-cosib { transition: none; }

	/* بدون چرخش: پنجره دستی اسکرول می‌شود و تسمه سر جایش می‌ماند */
	.brzt-cocar__viewport {
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scroll-behavior: auto;
		cursor: default;
	}

	.brzt-cocar__belt { transform: none !important; }
}

/* ═══════════ چاپ ═══════════ */

@media print {

	.brzt-cosibs,
	.brzt-cocar__nav { display: none; }

	.brzt-cocar__viewport { overflow: visible; }
	.brzt-cocar__belt { width: auto; flex-wrap: wrap; transform: none !important; }
	.brzt-cocar__belt [data-brz-clone="1"] { display: none; }
	.brzt-cobody { display: block; }
}

/* ---------- بخش مدیرعامل ---------- */

.brzt-coceo {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 18px;
	padding: 20px;
	border: 1px solid var(--brz-line);
	border-inline-start: 4px solid var(--c);
	border-radius: 18px;
	background: #fff;
}

.brzt-coceo__ph {
	display: grid;
	place-items: center;
	width: 116px;
	height: 116px;
	flex: 0 0 116px;
	border-radius: 20px;
	overflow: hidden;
	background: var(--brz-bg-soft);
	color: var(--brz-muted);
	box-shadow: 0 10px 24px rgba(17, 18, 20, .1);
}

.brzt-coceo__ph img { width: 100%; height: 100%; object-fit: cover; display: block; }

.brzt-coceo__body { flex: 1 1 auto; min-width: 0; }
.brzt-coceo__body h3 { margin: 0 0 3px; font-size: 1.14rem; line-height: 1.5; }
.brzt-coceo__role { margin: 0 0 12px; font-size: .84rem; font-weight: 600; color: var(--c); }

.brzt-coceo__quote {
	margin: 0 0 14px;
	padding: 0;
	border: 0;
	font-size: .93rem;
	line-height: 2.1;
	color: var(--brz-body);
}

/* عکس کارشناسان بزرگ‌تر و مربع‌گوشه‌گرد، تا عکس واقعی سر جا بیفتد */
.brzt-coperson__ph {
	width: 74px;
	height: 74px;
	flex-basis: 74px;
	border-radius: 16px;
}

@media (min-width: 600px) {
	.brzt-coceo { flex-direction: row; align-items: flex-start; gap: 22px; padding: 24px; }
	.brzt-coceo__ph { width: 132px; height: 132px; flex-basis: 132px; }
}

@media (min-width: 1024px) {
	.brzt-coceo__ph { width: 152px; height: 152px; flex-basis: 152px; }
}