/* 品牌-1 (brand_1): 标题+描述+品牌 logo 墙 (还原自 lanhu_website01 Our Clients 区)。
   实例级样式全部走模板内联 CSS 变量 (见 brand_1.html), 这里只放结构样式。 */
.deco-module-brand-wall {
  background-color: var(--brand1-bg-color, #ffffff);
}

.ly_brand_1 .section {
  text-align: left;
}

.ly_brand_1 .section.align_center { text-align: center; }
.ly_brand_1 .section.align_left { text-align: left; }
.ly_brand_1 .section.align_right { text-align: right; }

.ly_brand_1 .brand_title {
  margin: 0;
  color: var(--brand1-title-color, #0a2342);
  font-size: var(--brand1-pc-title-font-size, 48px);
  line-height: 1.3;
  font-weight: 600;
}

.ly_brand_1 .brand_content {
  margin-top: 16px;
  color: var(--brand1-content-color, #444b54);
  font-size: var(--brand1-pc-content-font-size, 16px);
  line-height: 1.6;
}

.ly_brand_1 .brand_grid {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(var(--brand1-pc-columns, 7), 1fr);
  gap: var(--brand1-pc-gap, 20px);
}

/* 浅色底块: 设计稿 160×100 圆角 14, logo 等比 contain 居中(不能裁切) */
.ly_brand_1 .brand_item {
  aspect-ratio: 160 / 100;
  border-radius: var(--brand1-block-radius, 14px);
  background-color: var(--brand1-block-bg-color, #e8edf4);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.ly_brand_1 .brand_item img {
  max-width: 75%;
  max-height: 75%;
  width: auto;
  height: auto;
  object-fit: contain;
}

@media screen and (max-width: 1000px) {
  .ly_brand_1 .brand_title {
    font-size: var(--brand1-mobile-title-font-size, 30px);
  }

  .ly_brand_1 .brand_content {
    font-size: var(--brand1-mobile-content-font-size, 14px);
  }

  .ly_brand_1 .brand_grid {
    margin-top: 24px;
    grid-template-columns: repeat(var(--brand1-mobile-columns, 3), 1fr);
    gap: var(--brand1-mobile-gap, 12px);
  }
}