/* ================================================================
   品牌频道 · LOGO 展示样式（brd.css）
   ----------------------------------------------------------------
   仅被 chan_brand_index.htm / chan_goods_list.htm(brand 分支) 引用
   —— 零外溢，不进入 channel2.css，不触发全站指纹 bump

   【为什么这样写】
   系统上传规格：thumb_width=180 / thumb_height=60  → 3:1 横版
   实测历史图：260 条中 180x60 与 114x60 各占一半，**没有一张方形**
   旧模板却把 LOGO 塞进 64x64 正方形 + object-fit:cover
   → 等于在系统裁剪之外又做一次二次裁剪，横版 LOGO 两侧被切掉
   现在统一：3:1 横版框 + object-fit:contain（完整显示、不变形、不裁剪）
   ================================================================ */

/* ---------- 1. 通用：品牌 LOGO 横版框 ---------- */
.br-logo {
	display: block;
	width: 100%;
	height: 56px;
	margin: 0 auto 10px;
	padding: 4px;
	box-sizing: border-box;
	object-fit: contain;
	background: #F6FBF8;
	border: 1px solid var(--f-line);
	border-radius: 12px;
}

/* ---------- 2. 品牌名录卡（首页 品牌名录 + 列表页 brand 分支） ---------- */
.cbr-i .br-logo { height: 58px; }
.cbr-i .br-ph {
	width: 100%;
	height: 58px;
	border-radius: 12px;
	margin: 0 auto 10px;
	font-size: 15px;
}

/* ---------- 3. 首页顶部「行业品牌方阵」墙（8 列） ---------- */
.bd-wall .bd-i img {
	width: 100%;
	height: 50px;
	margin: 0 auto 9px;
	display: block;
	padding: 3px;
	box-sizing: border-box;
	object-fit: contain;
	background: #fff;
	border: 1px solid var(--f-line);
	border-radius: 10px;
}
.bd-wall .bd-i .bd-ph {
	width: 100%;
	height: 50px;
	border-radius: 10px;
}

/* ---------- 4. 分类品牌块（卡内 4 列小网格） ---------- */
.br-gi img {
	width: 100%;
	height: 42px;
	margin: 0 auto 7px;
	display: block;
	padding: 3px;
	box-sizing: border-box;
	object-fit: contain;
	background: #F6FBF8;
	border: 1px solid var(--f-line);
	border-radius: 10px;
}
.br-gi .br-ph {
	width: 100%;
	height: 42px;
	border-radius: 10px;
}

/* ---------- 5. 侧栏品牌列表（热度榜 / 最新入驻） ---------- */
.brl-i img,
.brl-i .br-logo {
	flex: none;
	width: 108px;
	height: 36px;
	margin: 0;
	padding: 3px;
	box-sizing: border-box;
	object-fit: contain;
	background: #F6FBF8;
	border: 1px solid var(--f-line);
	border-radius: 10px;
}
.brl-i .brl-ph {
	flex: none;
	width: 108px;
	height: 36px;
	border-radius: 10px;
}

/* ---------- 6. 品牌名录卡列数（>1400 时由 6 列收为 4 列，LOGO 更醒目） ---------- */
@media (min-width: 1401px) {
	.ch-brand { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* ---------- 7. 响应式 ---------- */
@media (max-width: 1180px) {
	.bd-wall .bd-i img { height: 44px; }
	.bd-wall .bd-i .bd-ph { height: 44px; }
}
@media (max-width: 860px) {
	.bd-wall .bd-i img { height: 40px; }
	.bd-wall .bd-i .bd-ph { height: 40px; }
	.brl-i img,
	.brl-i .br-logo { width: 88px; height: 30px; }
	.brl-i .brl-ph { width: 88px; height: 30px; }
}