.weifu_home_brands_main {
  padding: var(--component-gap) 0;
  background: var(--bg-color);
}

.weifu_home_brands_container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-40);
}

.weifu_home_brands_header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-10);
  text-align: center;
}

.weifu_home_brands_title {
  font-family: var(--title-font-family);
  font-size: var(--font-50);
  font-weight: 600;
  line-height: 1;
  margin: 0;
  text-transform: capitalize;
}

.weifu_home_brands_title em {
  background: var(--weifu-nav-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-style: normal;
  font-size: inherit;
  font-weight: inherit;
}

.weifu_home_brands_desc {
  font-family: var(--font-family);
  font-size: var(--font-16);
  font-weight: 400;
  line-height: 1.5;
  color: #121212;
  margin: 0;
}

.weifu_home_brands_tabs {
  display: flex;
  gap: var(--gap-20);
  align-items: center;
  flex-wrap: nowrap;
  overflow-y: hidden;
  overflow-x: auto;
  max-width: 100%;
  padding-bottom: var(--gap-10);
}

.weifu_home_brands_tab {
  padding: var(--gap-10) var(--gap-24);
  font-family: var(--font-family);
  font-size: var(--font-16);
  font-weight: 400;
  line-height: 1.5;
  color: #121212;
  opacity: 0.4;
  border: none;
  background: none;
  cursor: pointer;
  transition: opacity 0.25s ease;
  white-space: nowrap;
  position: relative;
  scrollbar-width: thin;
  scrollbar-color: #4ADAFF transparent;   /* Firefox：轨道透明更干净 */
}


/* WebKit */
.weifu_home_brands_tabs::-webkit-scrollbar {
  height: 3px;                 /* ← 关键：从 6px 降到 3px（竖向就改 width） */
}

.weifu_home_brands_tabs::-webkit-scrollbar-track {
  background: transparent;     /* 轨道完全透明，只留一条细线 */
}

.weifu_home_brands_tabs::-webkit-scrollbar-thumb {
  background: linear-gradient(90deg, #9DEB7D 0%, #4ADAFF 100%);
  border-radius: 999px;
  border: 1px solid transparent;   /* 再加内缩，实际可见只有约 1px */
  background-clip: padding-box;
}

.weifu_home_brands_tabs::-webkit-scrollbar-thumb:hover {
  filter: brightness(1.1) saturate(1.2);
}

.weifu_home_brands_tabs::-webkit-scrollbar-button { display: none; }

.weifu_home_brands_tab.is-active {
  font-weight: 600;
  font-size: var(--font-18);
  line-height: 1;
  opacity: 1;
}

.weifu_home_brands_tab.is-active::after {
  content: '';
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: clamp(2px, 0.21vw, 4px);
  background: linear-gradient(90deg, #9DEB7D 0%, #4ADAFF 100%);
}

.weifu_home_brands_logos_wrapper {
  width: 100%;
  overflow: hidden;
}

.weifu_home_brands_logos_panel {
  display: none;
  flex-direction: column;
  gap: var(--gap-10);
}

.weifu_home_brands_logos_panel.is-active {
  display: flex;
}

/* ---- 跑马灯行 ---- */
.weifu-brands-row {
  display: flex;
  overflow: hidden;
}

.weifu-brands-track {
  display: flex;
  gap: clamp(10px, 1.39vw, 20px);
  flex-shrink: 0;
  will-change: transform;
}

/* 第1行左移 */
.weifu-brands-row-1 .weifu-brands-track {
  animation: marquee-left 30s linear infinite;
}

/* 第2行右移 */
.weifu-brands-row-2 .weifu-brands-track {
  animation: marquee-right 30s linear infinite;
}

/* hover 暂停 */
.weifu-brands-row:hover .weifu-brands-track {
  animation-play-state: paused;
}

@keyframes marquee-left {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@keyframes marquee-right {
  from { transform: translateX(-50%); }
  to { transform: translateX(0); }
}

.weifu_home_brands_logo_card {
  width: clamp(100px, 10.28vw, 180px);
  aspect-ratio: 148 / 68;
  padding: clamp(6px, 0.83vw, 12px) clamp(12px, 1.67vw, 24px);
  border-radius: clamp(4px, 0.42vw, 8px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.weifu_home_brands_logo_card img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block; 
  opacity: 0.58;
  filter: grayscale(1);
}