@charset "UTF-8";
/*
 * FUDENG site fixes loaded after the copied source stylesheet.
 * 目的：保留源站视觉，同时修复导入 CSS 覆盖 Flatsome 新版本造成的图标/产品页错位。
 */

@font-face {
  font-family: "fl-icons";
  font-display: block;
  src: url("../../flatsome/assets/css/icons/fl-icons.eot?v=3.20.6");
  src:
    url("../../flatsome/assets/css/icons/fl-icons.eot?#iefix&v=3.20.6") format("embedded-opentype"),
    url("../../flatsome/assets/css/icons/fl-icons.woff2?v=3.20.6") format("woff2"),
    url("../../flatsome/assets/css/icons/fl-icons.ttf?v=3.20.6") format("truetype"),
    url("../../flatsome/assets/css/icons/fl-icons.woff?v=3.20.6") format("woff"),
    url("../../flatsome/assets/css/icons/fl-icons.svg?v=3.20.6#fl-icons") format("svg");
}

/* 覆盖 source-clone.css 中被 mojibake 的 icon content，避免前台显示“€”等乱码。 */
/* icon overrides */
.icon-lock:before{content:"\e904"!important;}
.icon-user-o:before{content:"\e900"!important;}
.icon-chat:before,.icon-line:before{content:"\e903"!important;}
.icon-user:before{content:"\e901"!important;}
.icon-shopping-cart:before{content:"\e908"!important;}
.icon-tumblr:before{content:"\e603"!important;}
.icon-gift:before{content:"\e604"!important;}
.icon-phone:before{content:"\e600"!important;}
.icon-play:before{content:"\e605"!important;}
.icon-menu:before{content:"\e800"!important;}
.icon-equalizer:before{content:"\e992"!important;}
.icon-shopping-basket:before{content:"\e909"!important;}
.icon-shopping-bag:before{content:"\e90a"!important;}
.icon-google-plus:before{content:"\e905"!important;}
.icon-heart-o:before{content:"\e906"!important;}
.icon-heart:before{content:"\e000"!important;}
.icon-500px:before{content:"\e601"!important;}
.icon-vk:before{content:"\e602"!important;}
.icon-angle-left:before{content:"\f104"!important;}
.icon-angle-right:before{content:"\f105"!important;}
.icon-angle-up:before{content:"\f106"!important;}
.icon-angle-down:before{content:"\f107"!important;}
.icon-x:before{content:"\e90d"!important;}
.icon-twitter:before{content:"\e001"!important;}
.icon-envelop:before{content:"\e003"!important;}
.icon-tag:before{content:"\e004"!important;}
.icon-star:before{content:"\e005"!important;}
.icon-star-o:before{content:"\e006"!important;}
.icon-facebook:before{content:"\e002"!important;}
.icon-feed:before{content:"\e008"!important;}
.icon-checkmark:before{content:"\e00a"!important;}
.icon-plus:before{content:"\e00c"!important;}
.icon-cross:before{content:"\ea0f"!important;}
.icon-instagram:before{content:"\e00e"!important;}
.icon-tiktok:before{content:"\e90b"!important;}
.icon-pinterest:before{content:"\e010"!important;}
.icon-search:before{content:"\e012"!important;}
.icon-skype:before{content:"\e011"!important;}
.icon-dribbble:before{content:"\e013"!important;}
.icon-certificate:before{content:"\f0a3"!important;}
.icon-expand:before{content:"\e015"!important;}
.icon-linkedin:before{content:"\e016"!important;}
.icon-map-pin-fill:before{content:"\e009"!important;}
.icon-pen-alt-fill:before{content:"\e017"!important;}
.icon-youtube:before{content:"\e018"!important;}
.icon-flickr:before{content:"\e019"!important;}
.icon-clock:before{content:"\e01a"!important;}
.icon-snapchat:before{content:"\e902"!important;}
.icon-whatsapp:before{content:"\e907"!important;}
.icon-telegram:before{content:"\ea95"!important;}
.icon-twitch:before{content:"\e90c"!important;}
.icon-discord:before{content:"\e014"!important;}
.icon-threads:before{content:"\e90e"!important;}

.star-rating::before,
.woocommerce-page .star-rating::before {
  content: "\e006\e006\e006\e006\e006" !important;
}

.star-rating span::before {
  content: "\e005\e005\e005\e005\e005" !important;
}

/* 单产品页：贴近源站左分类栏 + 图册 + 询盘按钮布局。 */
.single-product .header-wrapper {
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.08);
}

.single-product .product-container,
.single-product .product-main {
  background: #fff;
}

.single-product .product-main {
  padding-top: 40px;
}

.single-product .product-main > .content-row {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
}

.single-product #product-sidebar.col-first {
  padding-right: 30px;
  border-right: 1px solid #ececec;
}

.single-product #product-sidebar .sidebar-inner {
  padding-right: 0;
}

.fd-single-product-sidebar .widget {
  margin-bottom: 30px;
}

.fd-single-product-sidebar .widget-title,
.fd-single-product-sidebar .fd-single-quote-title {
  display: block;
  margin: 0 0 10px;
  color: #777;
  font-size: 17px;
  font-weight: 800;
  letter-spacing: 0.02em;
  line-height: 1.25;
  text-transform: uppercase;
}

.fd-single-product-sidebar .is-divider.small {
  width: 30px;
  height: 3px;
  margin: 0 0 18px;
  background-color: rgba(0, 0, 0, 0.10);
}

.fd-single-product-sidebar .product-categories,
.fd-single-product-sidebar .product-categories ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.fd-single-product-sidebar .product-categories > li {
  border-bottom: 1px solid #ececec;
}

.fd-single-product-sidebar .product-categories a {
  display: block;
  color: #344768;
  font-size: 16px;
  line-height: 1.35;
  text-decoration: none !important;
}

.fd-single-product-sidebar .product-categories > li > a {
  position: relative;
  padding: 10px 28px 10px 0;
}

.fd-single-product-sidebar .product-categories > li.cat-parent > a::after {
  content: "\f107";
  position: absolute;
  right: 3px;
  top: 50%;
  color: #b5b5b5;
  font-family: "fl-icons";
  font-size: 14px;
  transform: translateY(-50%);
}

.fd-single-product-sidebar .product-categories > li.current-cat-parent > a::after,
.fd-single-product-sidebar .product-categories > li.current-cat > a::after {
  content: "\f106";
}

.fd-single-product-sidebar .product-categories .children {
  display: none;
  padding: 0 0 10px 18px;
}

.fd-single-product-sidebar .product-categories .current-cat > .children,
.fd-single-product-sidebar .product-categories .current-cat-parent > .children,
.fd-single-product-sidebar .product-categories .current-cat-ancestor > .children {
  display: block;
}

.fd-single-product-sidebar .product-categories .children a {
  padding: 5px 0;
  font-size: 15px;
}

.fd-single-product-sidebar .product-categories .current-cat > a,
.fd-single-product-sidebar .product-categories .current-cat-parent > a,
.fd-single-product-sidebar .product-categories a:hover {
  color: #111;
  font-weight: 800;
}

.fd-single-product-sidebar .fd-single-quote-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.fd-single-product-sidebar .fd-single-quote-form input,
.fd-single-product-sidebar .fd-single-quote-form textarea {
  width: 100%;
  margin: 0 !important;
  border: 1px solid #ddd !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 14px;
}

.fd-single-product-sidebar .fd-single-quote-form textarea,
.fd-single-product-sidebar .fd-single-quote-form button {
  grid-column: 1 / -1;
}

.fd-single-product-sidebar .fd-single-quote-form button {
  min-height: 40px;
  margin: 0 !important;
  border: 0;
  border-radius: 5px;
  background: #777;
  color: #fff;
  font-weight: 700;
}

.single-product .fd-single-product-gallery.col {
  padding-left: 30px;
}

.single-product .fd-single-product-gallery .product-images {
  margin-bottom: 12px;
}

.single-product .fd-single-product-gallery .woocommerce-product-gallery__image img,
.single-product .product-thumbnails img {
  border-radius: 7px !important;
}

.single-product .fd-single-product-gallery .woocommerce-product-gallery__image img {
  object-fit: contain;
}

.single-product .product-thumbnails .col {
  padding-bottom: 0 !important;
}

.single-product .product-thumbnails img {
  border: 1px solid #ececec;
  background: #fff;
}

.single-product .product-thumbnails .is-nav-selected img {
  border-color: #044387;
}

.single-product .product-info .breadcrumbs {
  display: block !important;
  min-height: 36px;
  margin: 10px 0 8px;
  color: #999;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.35;
  text-transform: uppercase;
}

.single-product .product-info .product-title {
  max-width: 420px;
  color: #555;
  font-size: 30px;
  font-weight: 800;
  line-height: 1.18;
  text-transform: capitalize;
}

.single-product .product-info .is-divider.small {
  width: 30px;
  height: 3px;
  margin: 17px 0 20px;
  background-color: rgba(0, 0, 0, 0.10);
}

.single-product .product-short-description {
  max-width: 420px;
  color: #777;
  font-size: 17px;
  line-height: 1.55;
}

.single-product .single_product_pagecustom_button_color {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
  margin: 18px 0 14px;
}

.single-product .single_product_pagecustom_button_color .button {
  min-width: 127px;
  min-height: 39px;
  margin: 0 !important;
  padding: 0 20px;
  border-radius: 5px !important;
  background: #044387 !important;
  color: #fff !important;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.02em;
  line-height: 39px;
  text-align: center;
  text-transform: capitalize;
}

.single-product .share-icons.share-row {
  padding-top: 0;
}

.single-product .product-footer .container {
  max-width: 1170px;
}

@media (max-width: 849px) {
  .single-product .product-main {
    padding-top: 24px;
  }

  .single-product .fd-single-product-gallery.col {
    padding-left: 15px;
  }

  .single-product #product-sidebar.col-first {
    border-right: 0;
  }

  .fd-single-product-sidebar {
    display: none;
  }

  .single-product .product-info .product-title,
  .single-product .product-short-description {
    max-width: none;
  }
}

/* 复刻样式里 `.bg{opacity:0}` 依赖旧站 JS 加 `bg-loaded`。
   当前站部分页面不会触发该旧逻辑，导致 /video 等 Banner 变灰屏。 */
.banner .banner-bg .bg,
.banner .banner-bg .bg-fill,
.section-bg .bg,
.section-bg.bg-loaded,
.section-bg .bg-loaded {
  opacity: 1 !important;
}

/* 产品 / 博客列表页统一首屏 Hero，补齐 H1 和外贸询盘语境。 */
.fd-page-hero {
  position: relative;
  min-height: 330px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background-image: var(--fd-hero-image);
  background-size: cover;
  background-position: center;
  color: #fff;
}

.fd-page-hero__overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(4, 67, 135, 0.86) 0%, rgba(4, 67, 135, 0.46) 45%, rgba(0, 0, 0, 0.34) 100%),
    rgba(0, 0, 0, 0.18);
}

.fd-page-hero__inner {
  position: relative;
  width: min(1170px, calc(100% - 40px));
  margin: 0 auto;
  padding: 54px 0;
}

.fd-page-hero__breadcrumb {
  margin: 0 0 14px;
  color: rgba(255, 255, 255, 0.86);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.02em;
}

.fd-page-hero h1 {
  max-width: 760px;
  margin: 0;
  color: #fff;
  font-size: clamp(46px, 6vw, 86px);
  font-weight: 800;
  line-height: 0.96;
  text-transform: none;
}

.fd-page-hero__subtitle {
  max-width: 720px;
  margin: 22px 0 0;
  color: rgba(255, 255, 255, 0.92);
  font-size: clamp(16px, 1.5vw, 21px);
  line-height: 1.55;
}

/* /products 静态复刻列表接在 Hero 后，避免顶部继续出现大片空白。 */
.fd-page-hero + .category-page-row {
  padding-top: 54px;
}

/* 博客列表页：修复部分文章无特色图时的大片空白，并统一图文卡片比例。 */
.blog-archive.page-wrapper {
  padding-top: 54px;
}

.blog-archive .post-sidebar {
  padding-top: 0;
}

.blog-archive .post-item {
  padding-bottom: 38px !important;
}

.blog-archive .box-blog-post {
  display: flex !important;
  align-items: center;
  gap: 34px;
  min-height: 210px;
}

.blog-archive .box-blog-post .box-image {
  width: 38% !important;
  min-width: 300px;
  flex: 0 0 38%;
  display: block !important;
  opacity: 1 !important;
}

.blog-archive .box-blog-post .image-cover {
  overflow: hidden;
  border-radius: 10px;
  background: #f3f6fb;
}

.blog-archive .box-blog-post .image-cover img,
.blog-archive .fd-blog-card-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
}

.blog-archive .box-blog-post .box-text {
  flex: 1 1 auto;
  padding: 0 !important;
}

.blog-archive .post-title {
  color: #555;
  font-size: clamp(22px, 2vw, 31px);
  line-height: 1.28;
}

.blog-archive .from_the_blog_excerpt {
  max-width: 560px;
  color: #777;
  font-size: 17px;
  line-height: 1.55;
}

@media (max-width: 849px) {
  .fd-page-hero {
    min-height: 260px;
  }

  .fd-page-hero__inner {
    width: min(100% - 30px, 1170px);
    padding: 40px 0;
  }

  .blog-archive .box-blog-post {
    display: block !important;
  }

  .blog-archive .box-blog-post .box-image {
    width: 100% !important;
    min-width: 0;
    margin-bottom: 18px;
  }
}