/* Bairuida website industrial visual upgrade */

:root {
  --brd-navy: #071521;
  --brd-blue: #0b5d89;
  --brd-cyan: #19a7d8;
  --brd-steel: #d9e1e7;
  --brd-ink: #17212b;
  --brd-line: rgba(12, 54, 78, 0.13);
  --brd-card: rgba(255, 255, 255, 0.94);
}

html {
  scroll-behavior: smooth;
}

body {
  color: var(--brd-ink);
  background-color: #eaf0f4 !important;
  background-image:
    linear-gradient(rgba(8, 30, 44, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(8, 30, 44, 0.035) 1px, transparent 1px),
    radial-gradient(circle at 15% 15%, rgba(25, 167, 216, 0.10), transparent 34%),
    linear-gradient(135deg, #f6f8fa 0%, #e5edf2 55%, #f8fafb 100%) !important;
  background-size: 32px 32px, 32px 32px, auto, auto !important;
  background-attachment: fixed !important;
}

/* Header */
header,
.header,
.header-wrapper,
[class*="header-container"] {
  background: rgba(4, 14, 23, 0.96) !important;
  border-bottom: 1px solid rgba(25, 167, 216, 0.45) !important;
  box-shadow: 0 10px 30px rgba(1, 12, 20, 0.22) !important;
}

header a,
.header a,
[class*="header-container"] a {
  transition: color .25s ease, opacity .25s ease;
}

header a:hover,
.header a:hover,
[class*="header-container"] a:hover {
  color: #43c7f4 !important;
}

/* Main sections */
main > .shoplaza-section:not(:first-child),
#MainContent > .shoplaza-section:not(:first-child) {
  position: relative;
  margin: 22px auto !important;
  width: min(96%, 1440px) !important;
  border: 1px solid var(--brd-line);
  border-radius: 18px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.72) !important;
  box-shadow: 0 16px 42px rgba(7, 27, 42, 0.09);
}

.shoplaza-section .page-builder-root,
.shoplaza-section .section-container {
  background-color: transparent !important;
}

/* Banner */
#shoplaza-section-1761730741860 {
  width: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: 0 15px 40px rgba(1, 13, 22, 0.24) !important;
}

#shoplaza-section-1761730741860 img {
  object-fit: cover !important;
  object-position: center center !important;
}

/* First product-category image grid */
#shoplaza-section-1761788468932 {
  background:
    linear-gradient(120deg, rgba(255,255,255,.97), rgba(230,239,245,.92)) !important;
}

#shoplaza-section-1761788468932 .page-builder-root {
  padding-top: 38px !important;
  padding-bottom: 38px !important;
}

#shoplaza-section-1761788468932 img {
  transition: transform .4s ease, filter .4s ease;
}

#shoplaza-section-1761788468932 img:hover {
  transform: scale(1.035);
  filter: contrast(1.04) saturate(1.04);
}

/* Factory and company introduction blocks */
#shoplaza-section-1761801961446,
#shoplaza-section-1761805802272 {
  background: linear-gradient(135deg, rgba(6, 22, 34, .97), rgba(10, 54, 76, .94)) !important;
  color: #fff !important;
}

#shoplaza-section-1761801961446 .page-builder-root,
#shoplaza-section-1761805802272 .page-builder-root {
  background-color: transparent !important;
}

/* Trusted-manufacturer block spacing */
#shoplaza-section-1761805802272,
#shoplaza-section-1761805802272 section,
#shoplaza-section-1761805802272 .page-builder-wrapper,
#shoplaza-section-1761805802272 .page-builder-root,
#shoplaza-section-1761805802272 .page-builder-row {
  min-height: 0 !important;
  height: auto !important;
}

#shoplaza-section-1761805802272 .page-builder-root {
  padding: 64px 7% !important;
}

/* Typography */
h1, h2, h3,
.section-title,
.page-builder-title {
  letter-spacing: -0.02em;
}

h2,
.section-title {
  position: relative;
}

h2::after,
.section-title::after {
  content: "";
  display: block;
  width: 64px;
  height: 4px;
  margin-top: 13px;
  border-radius: 99px;
  background: linear-gradient(90deg, var(--brd-cyan), var(--brd-blue));
}

/* Buttons */
button,
.button,
.btn,
a[class*="button"] {
  border-radius: 7px !important;
  transition: transform .22s ease, box-shadow .22s ease, background .22s ease !important;
}

button:hover,
.button:hover,
.btn:hover,
a[class*="button"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(9, 107, 151, .24) !important;
}

/* Native collection cards */
.collection-list-section {
  padding-top: 52px !important;
  padding-bottom: 58px !important;
}

.collection-list-series > * {
  overflow: hidden;
  border: 1px solid rgba(18, 63, 89, .12) !important;
  border-radius: 13px !important;
  background: var(--brd-card) !important;
  box-shadow: 0 10px 28px rgba(8, 31, 48, .07);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.collection-list-series > *:hover {
  transform: translateY(-6px);
  border-color: rgba(25, 167, 216, .55) !important;
  box-shadow: 0 18px 38px rgba(8, 31, 48, .15);
}

.collection-list-series img {
  width: 100% !important;
  height: 260px !important;
  object-fit: cover !important;
}

/* Latest-news areas */
[class*="blog"],
[class*="news"] {
  background-color: transparent !important;
}

/* Footer: black background and white text */
footer,
#footer-content {
  --color-background: #000000;
  --color-text: #ffffff;
  --color-footer-bg: #000000;
  --color-footer-text: #ffffff;

  background: #000000 !important;
  color: #ffffff !important;
  border-top: 0 !important;
}

/* Footer headings, contact details and links */
footer :is(h1, h2, h3, h4, h5, h6, p, span, a, li, strong, b, small, i),
#footer-content :is(h1, h2, h3, h4, h5, h6, p, span, a, li, strong, b, small, i) {
  color: #ffffff !important;
}

/* Footer link hover */
footer a:hover,
#footer-content a:hover {
  color: #ffffff !important;
  text-decoration: underline;
}

/* Footer icons */
footer svg,
#footer-content svg {
  color: #ffffff !important;
}

footer svg [stroke]:not([stroke="none"]),
#footer-content svg [stroke]:not([stroke="none"]) {
  stroke: #ffffff !important;
}

footer svg [fill]:not([fill="none"]),
#footer-content svg [fill]:not([fill="none"]) {
  fill: #ffffff !important;
}

/* Mobile */
@media (max-width: 767px) {
  body {
    background-attachment: scroll !important;
  }

  main > .shoplaza-section:not(:first-child),
  #MainContent > .shoplaza-section:not(:first-child) {
    width: calc(100% - 20px) !important;
    margin: 12px 10px !important;
    border-radius: 12px;
  }

  #shoplaza-section-1761730741860 {
    width: 100% !important;
    margin: 0 !important;
    border-radius: 0 !important;
  }

  #shoplaza-section-1761805802272 .page-builder-root {
    padding: 36px 22px !important;
  }

  .collection-list-section {
    padding-top: 32px !important;
    padding-bottom: 38px !important;
  }

  .collection-list-series img {
    height: 210px !important;
  }

  h1 {
    font-size: clamp(32px, 10vw, 48px) !important;
    line-height: 1.08 !important;
  }

  h2 {
    font-size: clamp(25px, 7vw, 34px) !important;
    line-height: 1.15 !important;
  }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}/* 补充：底部文字与图标统一为白色 */
#footer-content,
#footer-content * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* 底部容器使用纯黑背景 */
#footer-content,
#footer-content .shoplaza-section,
#footer-content .section-container,
#footer-content .page-builder-root {
  background: #000000 !important;
}

/* 保留图标原有形状，统一显示为白色 */
#footer-content svg {
  filter: brightness(0) invert(1) !important;
}
/* 制造商介绍：黑底白字 */
#shoplaza-section-1761805802272 {
  background: #000000 !important;
  color: #ffffff !important;
}

#shoplaza-section-1761805802272 .section-container,
#shoplaza-section-1761805802272 .page-builder-wrapper,
#shoplaza-section-1761805802272 .page-builder-root {
  background: transparent !important;
}

/* 标题、正文及按钮文字 */
#shoplaza-section-1761805802272 * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}/* 电话、邮箱、WhatsApp 前的图标变白 */
#i3x1u img,
#i8l5s img,
#isp81 img {
  filter: brightness(0) invert(1) !important;
}/* WhatsApp 保留换行，两个号码左对齐 */
#i9xtu ljs-text {
  white-space: pre-line !important;
  text-align: left !important;
}/* WhatsApp 保留输入的换行 */
#i9xtu,
#i9xtu ljs-text,
#i9xtu [role="title-text"] {
  white-space: pre-line !important;
  text-align: left !important;
}/* 厂家介绍：电脑端四张产品图片统一尺寸 */
@media (min-width: 768px) {
  [data-id="419d1921-b09f-4229-acd0-db18b4d56050"],
  [data-id="527260fd-8caf-43b9-acbb-5d56e1c98b5c"] {
    min-width: 0 !important;
    flex: 1 1 0 !important;
  }

  [data-id="419d1921-b09f-4229-acd0-db18b4d56050"] > [role="container"],
  [data-id="527260fd-8caf-43b9-acbb-5d56e1c98b5c"] > [role="container"] {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding: 0 !important;
  }

  [data-id="419d1921-b09f-4229-acd0-db18b4d56050"] [role="basic-image"],
  [data-id="527260fd-8caf-43b9-acbb-5d56e1c98b5c"] [role="basic-image"] {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  [data-id="419d1921-b09f-4229-acd0-db18b4d56050"] ljs-img.mobile-hidden,
  [data-id="527260fd-8caf-43b9-acbb-5d56e1c98b5c"] ljs-img.mobile-hidden {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    background: #f5f5fa !important;
  }

  [data-id="419d1921-b09f-4229-acd0-db18b4d56050"] ljs-img.mobile-hidden > i-spzhtml-sizer,
  [data-id="527260fd-8caf-43b9-acbb-5d56e1c98b5c"] ljs-img.mobile-hidden > i-spzhtml-sizer {
    display: none !important;
  }

  [data-id="419d1921-b09f-4229-acd0-db18b4d56050"] ljs-img.mobile-hidden img,
  [data-id="527260fd-8caf-43b9-acbb-5d56e1c98b5c"] ljs-img.mobile-hidden img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
  }
}/* 工厂图片区：填满左侧底部空白 */
@media (min-width: 768px) {
  /* 左右两列等高 */
  #ialk {
    align-items: stretch !important;
  }

  /* 左侧容器撑满整列 */
  [data-id="f3c90aa6-16dc-407f-a685-442d50891a13"] {
    display: flex !important;
    padding-bottom: 0 !important;
  }

  [data-id="f3c90aa6-16dc-407f-a685-442d50891a13"] > [role="container"] {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    width: 100% !important;
    padding-bottom: 0 !important;
    gap: 0 !important;
  }

  /* 下排两张图片占满剩余高度 */
  #iv3eo {
    flex: 1 0 auto !important;
    align-items: stretch !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  #iv3eo > [role="cell"] {
    display: flex !important;
    height: auto !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  #iv3eo > [role="cell"] > [role="container"] {
    position: relative !important;
    flex: 1 !important;
    width: 100% !important;
    height: auto !important;
    overflow: hidden !important;
  }

  /* 背景图片覆盖整个容器 */
  #iv3eo > [role="cell"] > [role="container"] > .background-content {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }

  #iv3eo .background-content > ljs-img.mobile-hidden {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }

  #iv3eo ljs-img.mobile-hidden > i-spzhtml-sizer {
    display: none !important;
  }

  #iv3eo ljs-img.mobile-hidden img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
  }
}/* 修正：两张工厂照片铺满下排蓝色区域 */
@media (min-width: 768px) {
  #iv3eo {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    align-items: stretch !important;
    gap: 0 !important;
    width: 100% !important;
    flex: 1 0 auto !important;
  }

  #iv3eo > [role="cell"] {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    aspect-ratio: auto !important;
    align-self: stretch !important;
  }

  #iv3eo > [role="cell"] > [role="container"] {
    position: relative !important;
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 240px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #iv3eo > [role="cell"] > [role="container"] > .background-content,
  #iv3eo .background-content > ljs-img.mobile-hidden {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    aspect-ratio: auto !important;
  }

  #iv3eo ljs-img.mobile-hidden img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center !important;
  }
}@media (min-width: 768px) {
  /* 左侧整列撑满高度 */
  #ik7v #ialk {
    align-items: stretch !important;
  }

  #ik7v #i02m {
    display: flex !important;
    align-items: stretch !important;
  }

  #ik7v #i02m > [role="container"] {
    display: flex !important;
    flex-direction: column !important;
    align-self: stretch !important;
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    gap: 0 !important;
  }

  /* 下排平分两格，填满剩余区域 */
  #ik7v #iv3eo {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: 1fr !important;
    flex: 1 0 240px !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    align-items: stretch !important;
  }

  #ik7v #iv3eo > #ik2kg,
  #ik7v #iv3eo > #i2y2x {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: stretch !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
  }

  /* 左下照片 */
  #ik7v #iv3eo > #ik2kg {
    background-image: url("https://img.staticdj.com/f07fed9bed8c7ef1b5f4ad244f375103.jpg") !important;
  }

  /* 右下照片 */
  #ik7v #iv3eo > #i2y2x {
    background-image: url("https://img.staticdj.com/0e1e2239443d03493b65173f6009000f.jpg") !important;
  }

  /* 清除盖在照片上的原容器底色 */
  #ik7v #iv3eo > [role="cell"] > [role="container"] {
    background: transparent !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* 隐藏原来受尺寸限制的背景图片层 */
  #ik7v #iv3eo > [role="cell"] > [role="container"] > .background-content {
    display: none !important;
  }
}