/* ============================================================
   Industrial & Machinery（工业用品/机械类）
   钢灰 + 琥珀橙，硬朗直角，大写标题
   ============================================================ */
:root {
  --brand: #ef6c00;
  --brand-dark: #1c262b;
  --brand-deep: #b26500;
  --brand-mid: #ef6c00;
  --brand-light: #ffb74d;
  --brand-soft: #fff3e0;
  --brand-line-hover: #ffcc80;
  --nav-bg: #263238;
  --nav-hover: #ffb300;
  --ink: #212a2f;
  --muted: #78848a;
  --line: #dfe3e6;
  --row-hover: #fff8ef;
  --quote-bg: #ef6c00;
  --quote-fg: #ffffff;
}

/* 顶栏钢黑 */
.topbar.bg-dark { background-color: #10171a !important; }

/* 标题大写 + 字距，工业感 */
.section-title h2, .hub-card .hub-head h3 {
  text-transform: uppercase;
  letter-spacing: .03em;
}

/* 卡片直角化 */
.cat-card, .sup-card, .why-card, .hub-card, .product-card .card,
.home-cat-panel, .home-banner-wrap .carousel-inner, .popular-card {
  border-radius: .25rem;
}
.cat-card .cat-icon { border-radius: .25rem; }

/* 统计条 / CTA：钢灰到琥珀 */
.stats-strip { background: linear-gradient(120deg, #10171a 0%, #37474f 55%, #ef6c00 100%); }
.cta-banner { background: linear-gradient(120deg, #10171a 0%, #37474f 55%, #ef6c00 100%); }

/* hero 轮播渐变换成钢灰→橙 */
.hero-slide { background: linear-gradient(120deg, #10171a 0%, #37474f 55%, #ef6c00 100%); }

/* 页脚钢黑 */
footer.bg-dark { background-color: #10171a !important; }

/* 分类面板标题左条加粗（橙色） */
.home-cat-panel .panel-title { border-bottom: 3px solid var(--brand); }

/* ===== 行业化组件：Grainger 式数据卡片与列表行 ===== */
.ind-card { background:#fff; border:1px solid #e2e5ea; border-radius:4px; height:100%; display:flex; flex-direction:column; transition:border-color .2s, box-shadow .2s; }
.ind-card:hover { border-color:var(--brand); box-shadow:0 6px 18px rgba(20,40,60,.12); }
.ind-card-media { display:block; aspect-ratio:1/1; overflow:hidden; background:#f2f4f7; border-bottom:1px solid #e2e5ea; }
.ind-card-media img { width:100%; height:100%; object-fit:cover; }
.ind-card-body { padding:.85rem .9rem 1rem; display:flex; flex-direction:column; flex:1; }
.ind-name a { color:var(--ink); text-decoration:none; }
.ind-name a:hover { color:var(--brand); }
.ind-model { font-size:.78rem; color:var(--muted); margin:.35rem 0; }
.ind-model span { color:var(--brand-dark); font-weight:600; }
.ind-specs { font-size:.8rem; border-top:1px dashed #d8dce2; padding-top:.5rem; margin-bottom:.7rem; }
.ind-specs > div { display:flex; justify-content:space-between; padding:.15rem 0; }
.ind-specs span { color:var(--muted); }
.ind-actions { margin-top:auto; display:flex; gap:.5rem; }
.ind-btn-quote { background:var(--brand); border-color:var(--brand); color:#fff; text-transform:uppercase; font-size:.72rem; letter-spacing:.04em; }
.ind-btn-quote:hover, .ind-btn-quote:focus { background:var(--brand-deep); border-color:var(--brand-deep); color:#fff; }
/* 列表页数据行 */
.ind-list { display:flex; flex-direction:column; gap:.75rem; }
.ind-item { display:flex; align-items:center; gap:1rem; background:#fff; border:1px solid #e2e5ea; border-radius:4px; padding:.75rem; transition:border-color .2s, box-shadow .2s; }
.ind-item:hover { border-color:var(--brand); box-shadow:0 6px 18px rgba(20,40,60,.10); }
.ind-item-img { flex:none; width:96px; height:96px; border-radius:3px; overflow:hidden; background:#f2f4f7; display:block; }
.ind-item-img img { width:100%; height:100%; object-fit:cover; }
.ind-item-main { flex:1; min-width:0; }
.ind-item-main h6 { margin:0 0 .3rem; }
.ind-item-main h6 a { color:var(--ink); text-decoration:none; }
.ind-item-main h6 a:hover { color:var(--brand); }
.ind-item-meta { font-size:.78rem; color:var(--muted); display:flex; flex-wrap:wrap; gap:.25rem 1.25rem; }
.ind-item-price { flex:none; font-weight:700; color:var(--brand-dark); min-width:110px; text-align:right; }
.ind-item-actions { flex:none; display:flex; gap:.5rem; align-items:center; }
.ind-rfq { color:#ffd166; font-weight:600; }
@media (max-width: 767.98px) {
  .ind-item { flex-wrap:wrap; }
  .ind-item-price { text-align:left; min-width:0; }
}
.brand-tagline { font-size:.72rem; letter-spacing:.2em; text-transform:uppercase; color:var(--muted); margin-left:.75rem; border-left:1px solid var(--line); padding-left:.9rem; }