@charset "UTF-8";
/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 1.0.1
*/

/**
 * ==================== 性能优化说明 ====================
 * 所有CSS文件已通过 functions/script-style.php 使用 wp_enqueue_style 并行加载
 * 原18个 @import 串行加载已优化为并行加载，性能提升5-10倍
 *
 * 加载的CSS文件列表：
 * - diy.css (基础样式)
 * - css/product.css (产品单页)
 * - css/page.css (单页面)
 * - css/single-archive.css (文章存档)
 * - css/single.css (文章单页)
 * - css/block-faq-list.css (折叠卡)
 * - css/plugin.css (插件)
 * - css/font-type.css (字体)
 * - css/header.css (头部)
 * - css/footer.css (底部)
 * - css/block-btn.css (按钮)
 * - css/clean-layout.css (布局/间距/填充/阴影)
 * - css/icon.css (图标)
 * - css/block-breadcrumb.css (面包屑)
 * - css/block-slider.css (轮播)
 * - css/block-lightbox.css (弹窗)
 * - css/block-tabs.css (切换卡)
 * - css/block-UX.css (UX编辑器，条件加载)
 * ===================================================
 */



 
 .lwptoc_toggle:after,
 .lwptoc_toggle:before{
     display: none;
 }
 @media (max-width: 549px) {
  
 .recommend-single .post-item .box{
     background: #FFF;
 }
}

 @media (max-width: 549px) {
   .product-blogs .post-item .box{
       background: #FAFBF6 !important;
   }
 }  
 
form .wpf_has_custom_css.ff-btn-submit {

    border-color: #1e478f !important;

}

form  .wpf_has_custom_css.ff-btn-submit:hover {
    background-color: #1e478f !important;
    border-color: #1e478f  !important;
    color: #FFF !important;

}
 
 
 .lwptoc-notInherit .lwptoc_i DIV A {
    box-shadow: none !important;
    border: none !important;
    text-decoration: none !important;
    padding-bottom: 5px;
    display: block;
}


.product-title .box-text a:not(.button){
    line-height: 1.5 !important;
}


.recommend-single{
    background: #FFF;
}


 .file-list-card .doc-file-link{
     margin-top: 10px;
 }
 
.file-list-card h4{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    line-height: 1 !important;
    min-height: 1em;
}
@media (max-width: 549px) {
    .file-list-card h4{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        line-height: 1 !important;
        min-height: 2em;
    }
    .file-list-all-btn .text-right{
        text-align:left !important
    }
}

.header-wrapper .nav>li.has-icon>a>i {

    position: absolute;
    right: 20px;
}



 .single-post .fc-bar{
     display: none;
 }
 
 .arrow-footer .flickity-button{
     bottom: -40px !important;
 }
  .is-sticky-column .social-icons {
     margin-top: 10px !important;
 }
 
 .w-bg .dark {
  /* 背景颜色：白色，透明度通常在 0.1 到 0.4 之间效果最好 */
  background-color: rgba(255, 255, 255, 0.15); 
  
  /* 核心：背板模糊效果 */
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px); /* 兼容 Safari */

  /* 增强质感的边框（可选） */
  border: 1px solid rgba(255, 255, 255, 0.1);
  
  /* 圆角和阴影会让效果更现代 */
  border-radius: 15px;
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2);
}


 /* ==========================================================================
隐藏首页文章日期
   ========================================================================== */
 .new-post .post-meta{
    display: none;     
 }
 
 
 /* 移除多余的间距影响 */
.history .slider {
    opacity: 1 !important; /* 防止销毁重建时的闪烁 */
}

/* 所有的 item 基础样式 */
.history .slider .item {
    margin-bottom: 0 !important;
    padding: 10px 15px; /* 模拟左右间距 */
    float: none !important;
    display: inline-block;
}

/* PC端：显示 3 个，每个宽 33.33% */
@media (min-width: 850px) {
    .history .slider .item {
        width: 33.333% !important;
    }
}

/* 平板端：显示 2 个，每个宽 50% */
@media (min-width: 550px) and (max-width: 849px) {
    .history .slider .item {
        width: 50% !important;
    }
}

/* 手机端：显示 1 个，每个宽 100% */
@media (max-width: 549px) {
    .history .slider .item {
        width: 100% !important;
    }
}

/* 修正内部 col-inner 的样式（如果有背景或边框） */
.history .item .col-inner {
    width: 100%;
    height: 100%;
}


  @media (max-width: 549px) {
     .min-height-200 .col-inner{
         min-height: 108px;
     }
          
  }
 
 #at_posts_related .from_the_blog_excerpt{
     display: none;
 }
  header .sub-menu .ux-menu-link__link:hover{
      text-decoration: underline !important;
  }
 header .tabbed-content ul li a,
 header .tab-panels .ux-menu-link__link,
 header .tab-panels .nav > li > a{
     padding: 20px !important;
 }
 
 header .dark .ux-menu-link__link {
    border-bottom-color: transparent;
}

 /* ==========================================================================
产品分类-文档详情
   ========================================================================== */
   
   .widget-title{
       padding-bottom: 20px;
       display: inline-block;
   }
   .product-categories *{
       border: 0 !important;
   }
   .widget .is-divider{
       display: none;
   }
   
   .widget>ul>li>a {
    display: inline-block;
    flex: 1;
    padding: 10px 0;
    color: #333;
}
.widget>ul>li>a:hover{
    color: var(--fs-color-primary);
}

.products .product-small .col-inner{
    background: #FFF;
    padding: 20px 20px 5px 20px;
    border-radius: 8px;
}

@media (max-width: 549px) {
    .products .product-small .col-inner{
        background: #FFF;
        padding: 10px 10px 0px 10px;
        border-radius: 8px;
    }
    
    .category-page-row {
    padding-top: 10px;
}
}


/* 容器：去掉底部外边距，支持横向滑动 */
.b2b-nav-scroll-wrapper {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    background: #fff;
    border-bottom: 1px solid #eee;
    margin-bottom: 0 !important; /* 去掉底部外边距 */
}




/* 隐藏滚动条 */
.b2b-nav-scroll-wrapper::-webkit-scrollbar {
    display: none;
}

/* 列表样式 */
.b2b-nav-scroll-list {
    display: flex;
    margin: 0 !important;
    padding: 0 15px !important;
    list-style: none !important;
    white-space: nowrap; /* 强制不换行 */
    
    /* 全端居中：PC和手机端都居中 */
    justify-content: center; 
    
    /* 关键：确保内容超出时可以向左对齐滚动，不被居中强制截断 */
    min-width: max-content; 
}

/* 如果手机端菜单项非常多导致溢出，居中会自动失效并支持滑动 */
@media (max-width: 767px) {
    .b2b-nav-scroll-list {
        /* 如果你希望内容不足时依然居中，但溢出时必须靠左，
           max-content 配合容器的 scroll 已经能处理大部分情况 */
        display: inline-flex; /* 辅助居中处理 */
        width: 100%; 
    }
}

.b2b-nav-scroll-list li {
    margin: 0 !important;
    padding: 0 15px !important;
    flex: 0 0 auto;
}

.b2b-nav-scroll-list li a {
    display: block;
    padding: 15px 0;
    color: #64748b;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    position: relative;
    transition: color 0.3s;
}

/* 激活状态：使用主题色 */
.b2b-nav-scroll-list li.is-active a,
.b2b-nav-scroll-list li a:hover {
    color: var(--fs-color-primary);
}

/* 底部激活线 */
.b2b-nav-scroll-list li.is-active a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: var(--fs-color-primary);
    border-radius: 3px 3px 0 0;
}

  /* ==========================================================================
咨询表单
   ========================================================================== */
   
   .border-ra50 * img{
       border-radius: 50%;
   }
 
 /* ==========================================================================
文章详情
   ========================================================================== */
@media (min-width: 851px) {
    .single-post .article-inner h1.entry-title{
        font-size: 50px;
    }
    .single-post .article-inner .entry-content h2{
        font-size: 30px;
        font-weight: 600;
    }
    .single-post .article-inner p{
        font-size: 20px;
    }
}

   
 .custom-view-btn{
     font-weight: 300;
 }
 @media (max-width: 549px) {
.flickity-button{
    display: NONE;
}
.woocommerce-loop-product__title a{
         

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    line-height: 1.5 !important;
    min-height: 4em;
}
 .woocommerce-LoopProduct-link{
     font-size: 12px;
     line-height: 1.6 !important;


 } 
 .custom-view-btn{
     font-weight: 300;
     font-size: 12px;
 }
}

 .woocommerce-LoopProduct-link{

     line-height: 1.6 !important;


 } 

 
 /* 针对手机端直接物理隐藏，不影响桌面端 */

.single-page .lwptoc{ /* 这是你之前 HTML 里的 ID */
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

 

 @media (max-width: 549px) {
 .home .box-blog-post{
     background: #FAFBF6;
 }
 
}

 .ez-toc-widget-sticky-container nav ul li a{
     font-size: 14px !important;
 }
 /* 仅针对手机端 (767px 以下) 进行布局重构 */
@media (max-width: 767px) {
    /* 1. 强制容器改为水平排列 */
    .box-blog-post {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important; /* 垂直居中 */
       
        border-radius: 15px; /* 参考图的圆角 */
        overflow: hidden;
        padding: 0px !important; /* 整体外内边距 */
    }

    /* 2. 左侧图片区域调整 */
    .box-blog-post .box-image {
        width: 35% !important; /* 调整图片占据的宽度比例 */
        flex-shrink: 0;
        margin-right: 15px;
    }

    .box-blog-post .image-cover {
        padding-top: 100% !important; /* 手机端建议图片改为 1:1 或根据需求调整 */
        border-radius: 14px; /* 图片的小圆角 */
    }

    /* 3. 右侧文字区域调整 */
    .box-blog-post .box-text {
        width: 65% !important;
        padding: 0 !important; /* 清除原生的大边距 */
        text-align: left !important;
    }

    /* 标题样式缩小 */
    .box-blog-post .post-title {
        font-size: 14px !important;
        line-height: 1.3 !important;
        margin-bottom: 5px !important;
        display: -webkit-box;
        -webkit-line-clamp: 2; /* 限制标题最多显示两行 */
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    /* 4. Tags 样式调整（取消按钮边框，改为文字排列） */
    .custom-tag-wrapper {
        margin: 5px 0 !important;
        gap: 8px !important;
    }

    .tag-btn-manual {
        border: none !important; /* 参考图 2 似乎是纯文字风格 */
        padding: 0 !important;
        font-size: 11px !important;
        color: #666 !important;
        text-transform: none !important;
    }
   .tag-btn-manual:after {
        content: ''; /* 如果需要分隔符可以加在这里 */
    }

    /* 5. 日期样式（强制右对齐并变淡） */
    .custom-updated-date {
        font-size: 10px !important;
        color: #bbb !important;
        text-align: right !important;
        margin: 5px 0 0 0 !important;
        font-weight: normal !important;
    }
}


  
 
 

/*相关产品*/
.product-section-title-related{
    display: none;
}

.related-products-wrapper a {
    border-bottom: none !important

}
.related-products-wrapper .single-product .product-small .box-text a{
     padding-bottom:0 !important;
     margin-bottom: 0 !important;
}
.related-products-wrapper .box-text-products{
    padding-bottom:0 !important;
}
.product-section{
    border: NONE !important;
}


@media (max-width: 549px) {
    .related-products-wrapper .product-small .box-text,
    .related-products-wrapper  .product-title{
        font-size: 12px !important;
        padding: 0;
    }
    .related-products-wrapper  .box-text .button {
        display: none;
     
    }
}
.related-products-wrapper .product-small.has-hover{
    border: 1px solid #eee;
    border-radius: 10px;
    text-align: center;
    
}

/* ==========================================================================
产品详情页隐藏 Tabs 切换卡
   ========================================================================== */

li.description_tab {
    display: none !important;
}

.woocommerce-tabs {
    max-width: 100% !important;
    padding: 0;
}

.tab-panels{
    padding: 0;
}

         
 
/* ==========================================================================
全宽布局
   ========================================================================== */
/*.container,*/
/*.row,*/
/*.row.row-small {*/
/*    width: 95% !important;*/
/*    max-width: 95% !important;*/
/*}*/

/*@media (max-width: 549px) {*/
/*.flickity-slider .col{*/
/*    padding-left:30px !important;*/
/*}*/


.nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before {
    background-color: var(--fs-color-secondary)
    
}

.secondary {
    color: #0E2A5C !important;
}
.logo-hide .header-logo-dark{
    display: block !important;
}

.logo-hide .header_logo {
    display: none !important;
}


.header:not(.transparent) .header-nav-main.nav > li > a {
    color: #141414;
}






@media (max-width: 549px) {
    .col-m-s .col{
        padding: 0 !important;
       
    }
}


 @media (max-width: 549px) {
    .slider-dak .flickity-page-dots {
        bottom: -2px;
      
    }
    .slider-item-col{
        margin-bottom: 10px;
    }
}

 .fw-200 *{
     font-weight: 200;
 }

 .fw-300 *{
     font-weight: 300;
 }
 
  .fw-600 *{
     font-weight: 600;
 }
 
   .fw-900 *{
     font-weight: 900;
 }
 

 @media (max-width: 549px) {
 .icon-list-m-size-32 .icon-box-img i{
     font-size: 32px !important;
 }
 .icon-list-m-size-32 .icon-box-img {
    margin: 0 auto 5px;
    width: 32px !important;
    height: 32px !important;
}

}

.mb5{
    margin-bottom: 5px;
}
.white {
     border: none;  
}


@media (max-width: 849px){
  .slider-dak.row{
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    gap: 10px;
  }

  .slider-dak.row > .col.slider-item-col{
    flex: 0 0 100% !important;  /* 1个一屏 */
    max-width: 100% !important;
    width: 100% !important;
  }

  .slider-dak.row::-webkit-scrollbar{
    display:none;
  }
}



.logo-list-col-5 .col-5 {
    width: 20% !important;
    float: left !important;
    display: flex !important;
    flex-basis: 20%;
    max-width: 20%;
}

.logo-list-col-5 .col-5 img{
    padding: 5px 30px;
}

@media only screen and (max-width: 48em) {
  .logo-list-col-5 .col-5 {
        width: 33.3% !important;
        float: left !important;
        display: flex !important;
        flex-basis: 33.3%;
        max-width: 33.3%;
    }  
    
    .logo-list-col-5 .col-5 img{
        padding: 10px;
    }

}

@media (max-width: 1024px) {
  .logo-list-col-5 .col-5 {
        width: 33.3% !important;
        float: left !important;
        display: flex !important;
        flex-basis: 33.3%;
        max-width: 33.3%;
    }  
}


.goods-list-btn .box {
    background: #FFF;
    border-radius: 4px;
    overflow: hidden;
}


/* ==========================================================================
客户评价
   ========================================================================== */



.customers-list .info {
  position: relative;
  font-size: 1.1rem;
  line-height: 1.8;
  color: #111;
  z-index: 1; /* 确保文字在上层 */
  
}

/* 左上角引号 */
.customers-list .info::before {
  content: "“"; /* 中文或全角双引号 */
  position: absolute;
  top: -80px;
  left: -10px;
  font-size: 220px; /* 可以根据视觉调大或调小 */
  color: transparent; /* 填充透明 */
  -webkit-text-stroke: 1.5px var(--primary-color); /* 黑色描边 */
  opacity: 0.4;
  z-index: -1; /* 在文字下方 */
  pointer-events: none; /* 不挡鼠标 */
  font-family: fantasy;
}

/* 右下角引号 */
.customers-list .info::after {
  content: "”";
  position: absolute;
  /* 改为基于 line-height 的动态定位 */
  top:calc(100% - 0.5em); /* ✅ 让引号紧贴文字的底部行高 */
  right: 0;
  font-size: 120px;
  color: transparent;
  -webkit-text-stroke: 1.5px var(--primary-color);
  opacity: 0.6;
  z-index: -1;
  pointer-events: none;
   font-family: fantasy;
}

/* 响应式优化 */
@media (max-width: 768px) {
  .customers-list .info::before,
  .customers-list .info::after {
    font-size: 80px;
    opacity: 0;
  }
  .customers-list .info::before {
    top: -30px;
    left: -5px;
  }
  .customers-list .info::after {
    bottom: -40px;
    right: -5px;
  }
}



.single-product .related-products-wrapper .price-wrapper{
    display: none;
}
.single-product .related-products-wrapper .product-small.has-hover {
    border: 1px solid #eee;
    margin: 20px;
    border-radius: 10px;
   text-align: left; 
   padding-top: 10px;
}

.single-product .slider-nav-reveal .flickity-prev-next-button,
.single-product .slider-nav-reveal .flickity-prev-next-button:hover {
    background-color: transparent;
    bottom: 0;
    box-shadow: none;
    height: 100%;
    margin: 0 !important;
    top: -2px;
    width: 30px;
}

.single-product .slider-nav-push.slider-nav-reveal .flickity-prev-next-button svg {

    background: #0000001c;
    border-radius: 50%;
}


.single-product .product-small .box-text a{
    height: 90px !important;
    padding: 1em !important;
    color: #000000;

}

@media (min-width: 851px) {
    .left-post-item .post-item{
        padding: 0 !important;
    }
   .left-post-item .image-cover{
        padding-top: 53% !important;
    }
   
}
@media (max-width: 549px) {
    .left-post-item .post-item{
        padding: 0;
        margin-bottom: 0 !important;
    }
    .right-post-item .post-item{
        padding: 0;
         padding-bottom: 20px;
    }
}
.single-product .box-blog-post{
    background: transparent !important;
}






 @media (max-width: 549px) {
 .pas-search-box-container {
        max-width: 100% !important;
        margin: 10px 0;
    }


}

/* ============================================================
   Pronto B2B WooCommerce Product List v2
   Add to: flatsome-child/style.css
   ============================================================ */

.woocommerce .products .pronto-b2b-product-card.product-small.col,
.woocommerce-page .products .pronto-b2b-product-card.product-small.col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 0 18px !important;
}

.pronto-b2b-card {
    overflow: hidden;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    box-shadow: none;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.pronto-b2b-card:hover {
    border-color: #d0d5dd;
    box-shadow: 0 6px 18px rgba(16, 24, 40, .05);
}

/* Header */
.pronto-b2b-card__header {
    padding: 17px 22px 15px;
    border-bottom: 1px solid #e5e7eb;
}

.pronto-b2b-card__title {
    margin: 0;
    font-size: 19px;
    line-height: 1.38;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
}

.pronto-b2b-card__title a {
    color: #101828;
    text-decoration: none;
}

.pronto-b2b-card__title a:hover {
    color: var(--primary-color, #1f5f99);
}

.pronto-b2b-card__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    margin-top: 7px;
    color: #667085;
    font-size: 13px;
    line-height: 1.4;
}

.pronto-b2b-card__brand {
    color: #344054;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .02em;
}

.pronto-b2b-card__meta-separator {
    color: #c2c7cf;
}

/* Three columns */
.pronto-b2b-card__body {
    display: grid;
    grid-template-columns: minmax(210px, 25%) minmax(360px, 1fr) minmax(200px, 220px);
    min-height: 220px;
}

/* Left: image */
.pronto-b2b-card__image-column {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    padding: 22px;
    border-right: 1px solid #eaecf0;
}

.pronto-b2b-card__image-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 170px;
}

.pronto-b2b-card__image,
.pronto-b2b-card__image-column img {
    display: block;
    width: auto !important;
    max-width: 190px !important;
    height: auto !important;
    max-height: 190px;
    margin: 0 auto;
    object-fit: contain;
}

.pronto-b2b-card__stock-label {
    position: absolute;
    left: 14px;
    bottom: 12px;
    padding: 4px 8px;
    color: #7a271a;
    background: #fef3f2;
    border: 1px solid #fecdca;
    border-radius: 3px;
    font-size: 11px;
    line-height: 1.2;
}

/* Middle: dynamic WooCommerce Attributes + service row */
.pronto-b2b-card__info-column {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 21px 24px 0;
}

.pronto-b2b-specs {
    display: grid;
    gap: 0;
    margin: 0;
}

.pronto-b2b-specs__row {
    display: grid;
    grid-template-columns: minmax(145px, 44%) 1fr;
    gap: 18px;
    padding: 5px 0;
    border: 0;
}

.pronto-b2b-specs dt,
.pronto-b2b-specs dd {
    margin: 0;
    font-size: 14px;
    line-height: 1.45;
}

.pronto-b2b-specs dt {
    color: #667085;
    font-weight: 400;
}

.pronto-b2b-specs dd {
    color: #1d2939;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.pronto-b2b-services {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 22px;
    margin-top: auto;
    padding: 14px 0 16px;
    border-top: 1px solid #eaecf0;
}

.pronto-b2b-services__item {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #475467;
    font-size: 12.5px;
    line-height: 1.3;
    white-space: nowrap;
}

.pronto-b2b-services__icon,
.pronto-b2b-datasheet__icon {
    display: inline-flex;
    flex: 0 0 auto;
    color: var(--primary-color, #1f5f99);
}

.pronto-b2b-services__icon svg,
.pronto-b2b-datasheet__icon svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Right: CTA */
.pronto-b2b-card__cta-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 11px;
    min-width: 0;
    padding: 24px 20px;
    border-left: 1px solid #eaecf0;
    background: #fcfcfd;
}

.pronto-b2b-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 42px;
    margin: 0 !important;
    padding: 10px 14px;
    border: 1px solid transparent;
    border-radius: 3px;
    font: inherit;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 600;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}

.pronto-b2b-btn--primary {
    color: #fff !important;
    background: var(--primary-color, #1f5f99);
    border-color: var(--primary-color, #1f5f99);
}

.pronto-b2b-btn--primary:hover,
.pronto-b2b-btn--primary:focus {
    color: #fff !important;
    filter: brightness(.92);
}

.pronto-b2b-btn--secondary {
    color: #344054 !important;
    background: #fff;
    border-color: #d0d5dd;
}

.pronto-b2b-btn--secondary:hover,
.pronto-b2b-btn--secondary:focus {
    color: var(--primary-color, #1f5f99) !important;
    border-color: var(--primary-color, #1f5f99);
}

.pronto-b2b-datasheet {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-top: 4px;
    padding: 6px 4px;
    color: #475467 !important;
    font-size: 12.5px;
    font-weight: 500;
    text-decoration: none !important;
}

.pronto-b2b-datasheet:hover {
    color: var(--primary-color, #1f5f99) !important;
}

/* ============================================================
   Quote modal - one Fluent Form instance for the whole page
   ============================================================ */
html.pronto-b2b-modal-open,
body.pronto-b2b-modal-open {
    overflow: hidden;
}

.pronto-b2b-modal[hidden] {
    display: none !important;
}

.pronto-b2b-modal {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.pronto-b2b-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(16, 24, 40, .58);
}

.pronto-b2b-modal__dialog {
    position: relative;
    z-index: 1;
    width: min(680px, 100%);
    max-height: calc(100vh - 48px);
    overflow: auto;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    box-shadow: 0 24px 70px rgba(16, 24, 40, .2);
}

.pronto-b2b-modal__close {
    position: absolute;
    top: 12px;
    right: 14px;
    z-index: 2;
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #667085;
    font-size: 30px;
    font-weight: 300;
    line-height: 1;
    cursor: pointer;
}

.pronto-b2b-modal__close:hover {
    color: #101828;
}

.pronto-b2b-modal__header {
    padding: 22px 56px 16px 24px;
    border-bottom: 1px solid #eaecf0;
}

.pronto-b2b-modal__header h3 {
    margin: 0;
    color: #101828;
    font-size: 22px;
    line-height: 1.3;
}

.pronto-b2b-modal__product {
    margin: 7px 0 0;
    color: #667085;
    font-size: 13px;
    line-height: 1.45;
}

.pronto-b2b-modal__form {
    padding: 22px 24px 24px;
}

/* Tablet */
@media (max-width: 1100px) {
    .pronto-b2b-card__body {
        grid-template-columns: 210px minmax(0, 1fr);
    }

    .pronto-b2b-card__cta-column {
        grid-column: 1 / -1;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
        padding: 15px 20px;
        border-top: 1px solid #eaecf0;
        border-left: 0;
    }

    .pronto-b2b-card__cta-column .pronto-b2b-btn {
        width: auto;
        min-width: 165px;
    }

    .pronto-b2b-datasheet {
        margin: 0 0 0 4px;
    }
}

/* Mobile */
@media (max-width: 640px) {
    .pronto-b2b-card__header {
        padding: 15px 16px 13px;
    }

    .pronto-b2b-card__title {
        font-size: 17px;
    }

    .pronto-b2b-card__body {
        display: block;
        min-height: 0;
    }

    .pronto-b2b-card__image-column {
        min-height: 190px;
        padding: 18px;
        border-right: 0;
        border-bottom: 1px solid #eaecf0;
    }

    .pronto-b2b-card__image-link {
        min-height: 150px;
    }

    .pronto-b2b-card__image,
    .pronto-b2b-card__image-column img {
        max-width: 170px !important;
        max-height: 170px;
    }

    .pronto-b2b-card__info-column {
        padding: 17px 16px 0;
    }

    .pronto-b2b-specs__row {
        grid-template-columns: minmax(120px, 44%) 1fr;
        gap: 12px;
    }

    .pronto-b2b-specs dt,
    .pronto-b2b-specs dd {
        font-size: 13px;
    }

    .pronto-b2b-services {
        gap: 10px 16px;
        padding-bottom: 15px;
    }

    .pronto-b2b-card__cta-column {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 16px;
        border-top: 1px solid #eaecf0;
        background: #fcfcfd;
    }

    .pronto-b2b-card__cta-column .pronto-b2b-btn {
        width: 100%;
        min-width: 0;
    }

    .pronto-b2b-datasheet {
        margin: 2px 0 0;
    }

    .pronto-b2b-modal {
        padding: 12px;
        align-items: flex-start;
    }

    .pronto-b2b-modal__dialog {
        max-height: calc(100vh - 24px);
        margin-top: 12px;
    }

    .pronto-b2b-modal__header {
        padding: 18px 50px 14px 18px;
    }

    .pronto-b2b-modal__header h3 {
        font-size: 19px;
    }

    .pronto-b2b-modal__form {
        padding: 18px;
    }
}


/* =========================================================
   PRODUCT SUBHEAD
========================================================= */

.korlen-mcb-product-subhead {
    font-size: var(--f18);
    color: #6e6e73;
    margin-bottom: 0.24rem;
    border-bottom: 1px solid #d2d2d7;
    padding-bottom: 0.24rem;
}

.korlen-mcb-product-badge {
    color: #1458a6;
    font-weight: 500;
}

.korlen-mcb-product-lead {
    font-size: var(--f18);
    margin-bottom: 0.32rem;
}


/* =========================================================
   DIVIDER
========================================================= */

.korlen-mcb-product-divider {
    border: none;
    border-top: 1px solid #d2d2d7;
    margin: 29px 0;
}


/* =========================================================
   IMAGE + TEXT
   基本沿用 IGOTO 原详情页
========================================================= */

.korlen-mcb-product-media-row {
    display: flex;
    gap: 40px;
    align-items: center;
    margin: 50px 0;
}

.korlen-mcb-product-media-row.reverse {
    flex-direction: row-reverse;
}

.korlen-mcb-product-media-image {
    flex: 1 1 45%;
}

.korlen-mcb-product-media-image img {
    width: 100%;
    height: auto;
    display: block;
}

.korlen-mcb-product-media-text {
    flex: 1 1 45%;
}

.korlen-mcb-product-media-text ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.korlen-mcb-product-media-text ul li {
    padding: 6px 0;
    border-bottom: 1px solid #e5e5ea;
}

.korlen-mcb-product-media-text ul li:last-child {
    border-bottom: none;
}


/* =========================================================
   QUOTE BUTTON
========================================================= */

.korlen-mcb-product-btn {
    display: inline-block;
    background: #1458a6;
    color: #fff !important;
    padding: 11px 35px;
    margin-top: 18px;
    text-decoration: none !important;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.01em;
    transition: background 0.2s;
}

.korlen-mcb-product-btn:hover {
    background: #0d417e;
    color: #fff !important;
}


/* =========================================================
   FAQ
   保持 H3 + P，不增加任何外层 DIV
========================================================= */

.korlen-mcb-faq-question {
    margin: 24px 0 3px;
    font-weight: 500;
    color: #1d1d1f;
}

.korlen-mcb-faq-answer {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    color: #3a3a3e;
}


/* 核心：
   如果全局样式 / 编辑器自动在 FAQ P 内生成 BR，
   FAQ 中直接隐藏这些 BR
========================================================= */

.korlen-mcb-faq-answer br {
    display: none !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 768px) {

    .korlen-mcb-product-media-row,
    .korlen-mcb-product-media-row.reverse {
        flex-direction: column !important;
        gap: 20px;
        margin: 30px 0;
    }

}