.elementor-4184 .elementor-element.elementor-element-64f594d3{--display:flex;--min-height:40vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--gap:2px 0px;--row-gap:2px;--column-gap:0px;--overlay-opacity:0.59;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4184 .elementor-element.elementor-element-64f594d3:not(.elementor-motion-effects-element-type-background), .elementor-4184 .elementor-element.elementor-element-64f594d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cemb-dev.flyhorse.com/wp-content/uploads/2026/08/testata-macchine-orizzontali-universali-1.png");background-position:center right;background-repeat:repeat;background-size:cover;}.elementor-4184 .elementor-element.elementor-element-64f594d3::before, .elementor-4184 .elementor-element.elementor-element-64f594d3 > .elementor-background-video-container::before, .elementor-4184 .elementor-element.elementor-element-64f594d3 > .e-con-inner > .elementor-background-video-container::before, .elementor-4184 .elementor-element.elementor-element-64f594d3 > .elementor-background-slideshow::before, .elementor-4184 .elementor-element.elementor-element-64f594d3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4184 .elementor-element.elementor-element-64f594d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-4184 .elementor-element.elementor-element-55614aea{--display:flex;--padding-top:80px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-4184 .elementor-element.elementor-element-9041a7c .elementor-heading-title{font-size:4rem;}.elementor-4184 .elementor-element.elementor-element-2bf072a9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0% 40% 0% 0%;line-height:2rem;}.elementor-4184 .elementor-element.elementor-element-e3679f3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-4184 .elementor-element.elementor-element-8fee065{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:40px;}.elementor-4184 .elementor-element.elementor-element-6f188f2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:1200px){.elementor-4184 .elementor-element.elementor-element-64f594d3{--min-height:40vh;}.elementor-4184 .elementor-element.elementor-element-55614aea{--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-4184 .elementor-element.elementor-element-2bf072a9{padding:0% 20% 0% 0%;}.elementor-4184 .elementor-element.elementor-element-e3679f3{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}@media(max-width:1000px){.elementor-4184 .elementor-element.elementor-element-64f594d3{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-4184 .elementor-element.elementor-element-55614aea{--padding-top:60px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-4184 .elementor-element.elementor-element-2bf072a9{padding:0px 0px 0px 0px;}.elementor-4184 .elementor-element.elementor-element-8fee065{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:20px;}.elementor-4184 .elementor-element.elementor-element-6f188f2{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}}@media(max-width:767px){.elementor-4184 .elementor-element.elementor-element-55614aea > .elementor-shape-bottom svg, .elementor-4184 .elementor-element.elementor-element-55614aea > .e-con-inner > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:1px;}.elementor-4184 .elementor-element.elementor-element-55614aea{--padding-top:40px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-4184 .elementor-element.elementor-element-2bf072a9{padding:0px 0px 0px 0px;line-height:1.5rem;}.elementor-4184 .elementor-element.elementor-element-8fee065{--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4184 .elementor-element.elementor-element-6f188f2{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-4184 .elementor-element.elementor-element-64f594d3{--content-width:100%;}.elementor-4184 .elementor-element.elementor-element-8fee065{--width:25%;}.elementor-4184 .elementor-element.elementor-element-6f188f2{--width:75%;}}/* Start custom CSS for html, class: .elementor-element-c6026eb *//* ==========================================================================
   左侧侧边栏筛选器 (Accordion & Slider) 极致还原版
   ========================================================================== */
.cemb-sidebar-filters {
    display: flex;
    flex-direction: column;
    gap: 30px; /* 两个手风琴模块之间的间距 */
    width: 100%;
}

/* 1. 黑底白字的手风琴头部 */
.cemb-filter-header {
    background-color: #000000;
    color: #ffffff;
    font-size: 17px;
    font-weight: 700;
    padding: 15px 20px;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.3s ease;
}
.cemb-filter-header:hover {
    background-color: #1a1a1a;
}

/* 蓝色小箭头动画 */
.cemb-arrow {
    display: inline-flex;
    color: #00529b; /* 原站科技蓝 */
    width: 18px;
    height: 18px;
    transition: transform 0.3s ease;
}
.cemb-filter-item.active .cemb-arrow {
    transform: rotate(180deg); /* 展开时箭头朝上 */
}

/* 2. 手风琴内容区 (默认隐藏，带 active 展开) */
.cemb-filter-body {
    max-height: 0;
    overflow: hidden;
    padding: 0 10px; /* 左右留出呼吸感 */
    transition: max-height 0.4s ease, padding 0.4s ease;
}
.cemb-filter-item.active .cemb-filter-body {
    max-height: 500px; /* 足够高以容纳内容 */
    padding: 20px 10px;
}

/* 3. Checkbox 行内布局 */
.cemb-checkbox-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    margin: 10px 0;
}
.cemb-check-left {
    display: flex;
    align-items: center;
    gap: 12px;
}
.cemb-checkbox-row img {
    height: 25px; /* 机器线框图大小 */
    object-fit: contain;
}
.cemb-divider {
    border: none;
    border-top: 1px solid #e0e0e0;
    margin: 15px 0;
}

/* 纯手绘美化版 Checkbox */
.cemb-check-left input[type="checkbox"] {
    display: none; /* 隐藏原生丑陋选框 */
}
.cemb-custom-box {
    width: 18px;
    height: 18px;
    border: 1px solid #777;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    transition: all 0.2s;
}
.cemb-check-left input[type="checkbox"]:checked + .cemb-custom-box {
    background-color: #111;
    border-color: #111;
}
.cemb-check-left input[type="checkbox"]:checked + .cemb-custom-box::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.cemb-label-text {
    font-size: 15px;
    color: #333;
}

/* 4. 滑动条专属 UI (强力净化版，击穿主题默认边框与红色) */
.cemb-range-slider-wrap {
    margin: 15px 0 25px 0;
}

#cemb-capacity-slider {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 100%;
    height: 6px !important;
    border-radius: 3px !important;
    outline: none !important;
    /* 🌟 核心杀手锏：彻底剥夺主题强加的边框和阴影 */
    border: none !important; 
    box-shadow: none !important; 
    padding: 0 !important;
    margin: 0 !important;
}

/* 强制清除 Webkit 内核的默认轨道凹陷样式 */
#cemb-capacity-slider::-webkit-slider-runnable-track {
    -webkit-appearance: none !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* 强制重塑滑块按钮 (Thumb) 为黑色纯净圆点 */
#cemb-capacity-slider::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    /* 🌟 强行覆盖主题的红色，锁死纯黑 */
    background: #000000 !important; 
    border: none !important; 
    box-shadow: none !important;
    cursor: pointer;
    /* 居中校准：(20 - 6) / 2 * -1 = -7 */
    margin-top: -7px !important; 
}

/* Firefox 兼容护盾 */
#cemb-capacity-slider::-moz-range-thumb {
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    background: #000000 !important;
    border: none !important;
    box-shadow: none !important;
    cursor: pointer;
}
#cemb-capacity-slider::-moz-range-track {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* 底部数字显示框 */
.cemb-range-labels {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 700;
    color: #111;
}
.cemb-max-input-box {
    display: flex;
    align-items: center;
    gap: 8px;
}
.cemb-max-input-box input {
    width: 70px;
    padding: 5px;
    border: 1px solid #ddd;
    border-radius: 4px;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    outline: none;
}
.cemb-max-input-box input:focus {
    border-color: #111;
}

/* ==========================================================================
   产品网格“呼吸感”动画引擎 (解决重排生硬不丝滑)
   ========================================================================== */
@keyframes cembPopIn {
    0% { opacity: 0; transform: scale(0.9); }
    100% { opacity: 1; transform: scale(1); }
}

.cemb-pop-in {
    /* 使用带有少许弹性的贝塞尔曲线，出场极其丝滑 */
    animation: cembPopIn 0.35s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

.cemb-filterable-card {
    /* 开启硬件加速，保证动画过程绝对不卡顿 */
    will-change: transform, opacity;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f188f2 *//* ==========================================================================
   Universal Balancing Machines 专属三列网格 (深度净化终极版)
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. 网格主容器 (Grid Container)
   -------------------------------------------------------------------------- */
.cemb-universal-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px; /* 你定制的大间距 */
    width: 100%;
}

/* --------------------------------------------------------------------------
   2. 常规浅灰色产品卡片 (Normal Product Cards)
   -------------------------------------------------------------------------- */
.cemb-univ-card {
    background-color: #ebebeb; 
    border-radius: 15px; /* 你定制的大圆角 */
    padding: 35px 25px 25px 25px;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    border: 1px solid transparent;
    transition: all 0.3s ease;
    min-height: 400px; /* 你定制的卡片高度 */
    position: relative; 
    overflow: hidden; /* 保证悬停红框不会溢出圆角，且锁死齿轮边缘 */
}

/* 悬停时的红框交互 */
.cemb-univ-card:hover {
    border-color: #e3000f; 
}

/* 产品图片区域 */
.cemb-univ-img-wrap {
    text-align: center;
    margin-bottom: 25px;
    height: 250px; /* 你定制的图片高度 */
    display: flex;
    align-items: center;
    justify-content: center;
    mix-blend-mode: multiply; /* 过滤掉产品白底 */
}

.cemb-univ-img-wrap img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

/* --------------------------------------------------------------------------
   3. 卡片文字与排版约束 (强行限制在左侧 55%)
   -------------------------------------------------------------------------- */
.cemb-univ-card h4 {
    color: #111111;
    font-size: 17px !important;
    font-weight: 700;
    margin: 0 0 15px 0;
    line-height: 1.4;
    text-align: left;
    
    /* 🌟 核心魔法：强行把标题宽度锁死在卡片的 55%，逼迫它提早换行 */
    max-width: 55%; 
    position: relative;
    z-index: 2; /* 确保文字在最上层 */
}

/* 让底部的 Discover 链接也乖乖待在左侧，保持视觉统一 */
.cemb-univ-discover {
    color: #555555;
    font-size: 13px;
    font-weight: 500;
    text-align: left;
    margin-top: auto;
    transition: color 0.3s;
    max-width: 55%; 
    position: relative;
    z-index: 2;
}

.cemb-univ-card:hover .cemb-univ-discover {
    color: #e3000f; /* 悬停变红 */
}

/* --------------------------------------------------------------------------
   4. 黑底询盘卡片专属权限 (Request Card)
   -------------------------------------------------------------------------- */
.cemb-univ-request-card {
    background-color: #1c1d1f !important; /* 强制死守黑色 */
    justify-content: flex-end; /* 文字沉底 */
}

.cemb-univ-request-card:hover {
    background-color: #1c1d1f !important; /* 悬停时绝对不允许变白 */
    border-color: #e3000f; /* 只展示红色线框 */
}

/* 击穿全局链接权限，确保黑卡里的文字 100% 是白色的 */
.cemb-univ-request-card h3,
.cemb-univ-request-card h4,
.cemb-univ-request-card p,
.cemb-univ-request-card div {
    color: #ffffff !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
    z-index: 3 !important; /* 确保文字在齿轮图层上方 */
    position: relative;
    max-width: 80%;
    margin: 0 !important; 
}

/* ==========================================================================
   🌟 核心修复：齿轮巨无霸引擎 (纯净类名控制，彻底摆脱内联冲突)
   ========================================================================== */
.cemb-request-gear {
    position: absolute !important;
    
    /* 1. 完美切角定位 */
    top: -100px !important;          
    right: -100px !important;      
    
    /* 2. 放大尺寸 */
    width: 380px !important;      
    height: 380px !important;     
    
    /* 3. 击穿全局尺寸封印 */
    max-width: none !important;
    max-height: none !important;
    
    /* 4. 强制正圆与亮度 */
    flex-shrink: 0 !important;
    object-fit: contain !important; 
    fill: #ffffff !important;
    opacity: 0.75 !important; 
    
    margin: 0 !important;
    padding: 0 !important;
    z-index: 1 !important;                 
}

/* --------------------------------------------------------------------------
   5. 响应式降级 (Responsive)
   -------------------------------------------------------------------------- */
@media (max-width: 1200px) {
    .cemb-universal-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
    .cemb-universal-grid { grid-template-columns: 1fr; }
}

/* ==========================================================================
   网格重排“呼吸感”动画引擎 (掩盖 Grid 瞬间重排的生硬)
   ========================================================================== */
.cemb-universal-grid {
    transition: opacity 0.25s ease-out, transform 0.25s ease-out;
}

/* 当 JS 正在计算和过滤时，给网格施加的虚化下沉状态 */
.cemb-universal-grid.cemb-grid-updating {
    opacity: 0.15;
    transform: translateY(15px) scale(0.99);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e3679f3 */.cemb-bg-icon .cemb-univ-request-bg{
    display:block !important; 
    visibility:visible !important; 
    opacity:1 !important; 
    position:absolute !important; 
    top:-28px !important; 
    right:-35px !important; 
    left:auto !important; 
    bottom:auto !important; 
    width:220px !important; 
    height:220px !important; 
    max-width:none !important; 
    max-height:none !important; 
    object-fit:contain !important; 
    transform:none !important; 
    filter:none !important; 
    pointer-events:none !important; 
    z-index:1 !important;
}

.cemb-univ-card .cemb-univ-request-card{
    cursor:pointer; 
    position:relative; 
    overflow:hidden;
}/* End custom CSS */