/**
 * Fadeel 品牌层：叠在 nmoban104/w104 之上，对齐 HiCheng liqiang 主色 #e51621。
 * 不整站替换 HTML 结构，避免破坏现有组件。
 */

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/template/liqiang/css/fonts/Manrope-Regular.woff2') format('woff2'),
    url('/template/liqiang/css/fonts/Manrope-Regular.woff') format('woff');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/template/liqiang/css/fonts/Manrope-Medium.woff2') format('woff2'),
    url('/template/liqiang/css/fonts/Manrope-Medium.woff') format('woff');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/template/liqiang/css/fonts/Manrope-Bold.woff2') format('woff2'),
    url('/template/liqiang/css/fonts/Manrope-Bold.woff') format('woff');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/template/liqiang/css/fonts/Oswald-Regular.woff2') format('woff2'),
    url('/template/liqiang/css/fonts/Oswald-Regular.woff') format('woff');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/template/liqiang/css/fonts/Oswald-SemiBold.woff2') format('woff2'),
    url('/template/liqiang/css/fonts/Oswald-SemiBold.woff') format('woff');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/template/liqiang/css/fonts/Oswald-Bold.woff2') format('woff2'),
    url('/template/liqiang/css/fonts/Oswald-Bold.woff') format('woff');
}

:root {
  --fadeel-red: #e51621;
  --fadeel-dark: #222;
  --fadeel-muted: #666;
}

body,
.w104-layout {
  font-family: Manrope, 'Helvetica Neue', Arial, sans-serif;
  color: #222;
}

.w104-layout h1,
.w104-layout h2,
.w104-layout h3,
.fadeel-home .section-title h2,
.slick_recommend .rec-main .name a {
  font-family: Oswald, Manrope, sans-serif;
  letter-spacing: 0.02em;
}

/* 将原站蓝主色替换为 Fadeel 红 */
.w104-inquiry input[type='email']:hover,
.w104-inquiry input[type='tel']:hover,
.w104-inquiry input[type='number']:hover,
.w104-inquiry input[type='search']:hover,
.w104-inquiry input[type='email']:focus,
.w104-inquiry input[type='tel']:focus,
.w104-inquiry input[type='number']:focus,
.w104-inquiry input[type='search']:focus,
.w104-inquiry input[type='text']:hover,
.w104-inquiry input[type='text']:focus,
.w104-inquiry textarea:hover,
.w104-inquiry textarea:focus {
  border-color: var(--fadeel-red) !important;
  box-shadow: 0 0 0 3px rgba(229, 22, 33, 0.18) !important;
}

a:hover,
.w104-header .nav a:hover,
.w104-header .nav .active > a,
.w104-crumb a:hover,
.w104-footer a:hover,
.w104-btn,
.btn-primary,
.more-link a,
.rec-main .btn,
.index_service .item:hover .title,
.fadeel-home a:hover {
  color: var(--fadeel-red);
}

.w104-btn,
.w104-inquiry .submit button,
.w104-inquiry button[type='submit'],
.newsletter-subscribe button,
.product-detail .add-to-cart,
.rec-main .btn,
.more a.btn,
.bottom-nav .active,
.online-float .item.primary {
  background-color: var(--fadeel-red) !important;
  border-color: var(--fadeel-red) !important;
  color: #fff !important;
}

.w104-btn:hover,
.w104-inquiry .submit button:hover,
.newsletter-subscribe button:hover,
.product-detail .add-to-cart:hover {
  background-color: var(--fadeel-dark) !important;
  border-color: var(--fadeel-dark) !important;
}

.slick_recommend .rec-thumbs button.active {
  border-color: var(--fadeel-red);
}

.fadeel-home .index_stat .num,
.fadeel-home .section-title h2 span {
  color: var(--fadeel-red);
}

/* Language dropdown — 尺寸由 overrides.css 统一控制 */
.header .top_content .language a {
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
}

/* pagebanner：CSS 背景为主通道；img 叠在上面，失败则隐藏不留破图图标 */
.pagebanner {
  position: relative;
  overflow: hidden;
  min-height: 280px;
  background-color: #2a2a2a;
  background-image: url('/template/liqiang/imgs/about_banner.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.pagebanner .item {
  position: relative;
  min-height: 280px;
}
.pagebanner .item img,
.pagebanner .pagebanner-img {
  width: 100%;
  display: block;
  min-height: 280px;
  object-fit: cover;
  color: transparent;
  /* 未加载成功前完全透明，只露 CSS 背景，绝不出现破图图标 */
  opacity: 0;
}
.pagebanner .pagebanner-img.is-ready {
  opacity: 1;
}