.elementor-876 .elementor-element.elementor-element-36561267 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-876 .elementor-element.elementor-element-36561267:not(.elementor-motion-effects-element-type-background), .elementor-876 .elementor-element.elementor-element-36561267 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:rgba(255, 255, 255, 0);}.elementor-876 .elementor-element.elementor-element-36561267 > .elementor-container{max-width:800px;min-height:350px;}.elementor-876 .elementor-element.elementor-element-36561267{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;}.elementor-876 .elementor-element.elementor-element-36561267 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-876 .elementor-element.elementor-element-284c942d:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-876 .elementor-element.elementor-element-284c942d > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-876 .elementor-element.elementor-element-284c942d > .elementor-element-populated >  .elementor-background-overlay{background-color:#FFFFFF00;opacity:0.5;}.elementor-876 .elementor-element.elementor-element-284c942d > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 85px 0px 85px;}.elementor-876 .elementor-element.elementor-element-284c942d > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-876 .elementor-element.elementor-element-446a296 .e-search-submit{background-color:var( --e-global-color-astglobalcolor0 );}#elementor-popup-modal-876 .dialog-widget-content{animation-duration:0.8s;background-color:rgba(255, 255, 255, 0);box-shadow:2px 8px 23px 3px rgba(0,0,0,0);}#elementor-popup-modal-876{background-color:rgba(0, 0, 0, 0.65);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-876 .dialog-message{width:1000px;height:455px;align-items:flex-start;padding:0px 0px 0px 0px;}#elementor-popup-modal-876 .dialog-close-button{display:flex;background-color:#FFFFFF00;font-size:20px;}body:not(.rtl) #elementor-popup-modal-876 .dialog-close-button{right:13%;}body.rtl #elementor-popup-modal-876 .dialog-close-button{left:13%;}#elementor-popup-modal-876 .dialog-close-button i{color:#000000;}#elementor-popup-modal-876 .dialog-close-button svg{fill:#000000;}#elementor-popup-modal-876 .dialog-close-button:hover i{color:#D84D2B;}@media(max-width:1024px){#elementor-popup-modal-876 .dialog-message{width:90vw;}body:not(.rtl) #elementor-popup-modal-876 .dialog-close-button{right:4.5%;}body.rtl #elementor-popup-modal-876 .dialog-close-button{left:4.5%;}}@media(max-width:767px){.elementor-876 .elementor-element.elementor-element-36561267 > .elementor-container{min-height:450px;}.elementor-876 .elementor-element.elementor-element-36561267{margin-top:0px;margin-bottom:0px;padding:0% 4% 0% 4%;}.elementor-876 .elementor-element.elementor-element-284c942d > .elementor-element-populated{padding:0% 8% 0% 8%;}.elementor-876 .elementor-element.elementor-element-446a296 .e-search-input{font-size:13px;border-radius:0px 0px 0px 0px;}.elementor-876 .elementor-element.elementor-element-446a296{--e-search-input-padding-block-start:10px;--e-search-input-padding-inline-start:10px;--e-search-input-padding-block-end:10px;--e-search-input-padding-inline-end:10px;--e-search-icon-submit-size:15px;--e-search-submit-border-radius:5px 5px 5px 5px;--e-search-submit-padding:10px 10px 10px 10px;}#elementor-popup-modal-876 .dialog-message{width:350px;height:80vh;}#elementor-popup-modal-876 .dialog-close-button{top:1.4%;}body:not(.rtl) #elementor-popup-modal-876 .dialog-close-button{right:8.6%;}body.rtl #elementor-popup-modal-876 .dialog-close-button{left:8.6%;}}/* Start custom CSS for html, class: .elementor-element-0d34546 */@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');

/* ---- 标题区容器（标题 + 辅助文字）---- */
.hso__head {
  margin: 0 0 30px;
}

/* ---- 主标题：SEARCH PRODUCTS ---- */
.hso__title {
  margin: 0;
  font-family: 'Manrope', 'Inter', 'Helvetica Neue', 'Segoe UI', Arial, sans-serif;
  font-size: 28px;
  line-height: 1.14;
  font-weight: 800;
  letter-spacing: .5px;
  text-transform: none;
  color: #0074d9;
}

/* ---- 标题下方辅助文字 ---- */
.hso__sub {
  margin: 12px 0 0;
  max-width: 34ch;
  font-family: 'Manrope', 'Inter', 'Helvetica Neue', 'Segoe UI', Arial, sans-serif;
  font-size: 14.5px;
  line-height: 1.6;
  font-weight: 500;
  color: #6B7280;
}

/* ---- 窄屏（320 / 360）缩小标题，避免换行拥挤 ---- */
@media (max-width: 360px) {
  .hso__title { font-size: 25px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0d18c9a *//* ============================================================
   HOSTAR | Mobile Search Overlay — 样式
   ------------------------------------------------------------
   风格：欧洲汽车零部件 / 工业 B2B
        全屏纯白 · 大量留白 · 唯一强调色 #0074D9
        无渐变 / 无发光 / 无玻璃拟态 / 无背景纹理
   前缀：.hso-（HOSTAR Search Overlay）
   依赖：mobile-search.js（开关、聚焦、锁滚动）
   ============================================================ */

/* ========== 1. 页眉触发按钮（放进 .hd-actions，burger 左侧） ========== */
.hso-trigger{
  display:none;width:44px;height:44px;flex:none;padding:0;border:0;background:transparent;
  align-items:center;justify-content:center;cursor:pointer;color:#111111;
  transition:color .2s ease;
}
.hso-trigger svg{width:21px;height:21px;}
.hso-trigger:hover,.hso-trigger:focus{color:#0074D9;outline:none;}
/* 页眉未滚动（叠在深色图上）时反白 */
.hd-head:not(.hd-head--scrolled) .hso-trigger{color:#FFFFFF;}
.hd-head:not(.hd-head--scrolled) .hso-trigger:hover{color:#4F9EDC;}

/* ========== 2. 全屏覆盖层 ========== */
.hso{
  position:fixed;inset:0;z-index:1000;
  background:#FFFFFF;
  display:flex;flex-direction:column;
  color:#111111;
  font-family:'Manrope','Inter','Helvetica Neue','Segoe UI',Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  /* 极轻的淡入 + 上移，无缩放 */
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .22s ease,transform .22s ease,visibility .22s;
  padding-top:env(safe-area-inset-top);
  padding-bottom:env(safe-area-inset-bottom);
  overflow-y:auto;-webkit-overflow-scrolling:touch;
  box-sizing:border-box;
}
.hso *{box-sizing:border-box;}
.hso--open{opacity:1;visibility:visible;transform:translateY(0);}

/* ========== 3. 顶部操作条（左返回 / 右关闭） ========== */
.hso__bar{
  flex:none;height:68px;padding:0 22px;
  display:flex;align-items:center;justify-content:space-between;
}
.hso__icon{
  width:40px;height:40px;flex:none;padding:0;border:0;background:transparent;
  display:flex;align-items:center;justify-content:center;cursor:pointer;color:#111111;
  transition:color .2s ease;
}
.hso__icon svg{width:22px;height:22px;}
.hso__icon:hover,.hso__icon:focus{color:#0074D9;outline:none;}

/* ========== 4. 主体 ========== */
.hso__body{
  flex:1 1 auto;display:flex;flex-direction:column;
  padding:26px 22px 30px;
}


.hso__sub{
  margin:12px 0 0;max-width:34ch;
  font-size:14.5px;line-height:1.6;font-weight:500;color:#6B7280;
}

/* ========== 5. 搜索框（页面视觉焦点） ========== */
.hso__form{margin:0;}
.hso__field{
  display:flex;align-items:center;gap:10px;
  height:58px;padding:0 7px 0 16px;
  background:#FFFFFF;
  border:1px solid #D9DEE5;border-radius:8px;
  box-shadow:0 1px 2px rgba(17,17,17,.04);
  transition:border-color .2s ease,box-shadow .2s ease;
}
.hso__field:focus-within{
  border-color:#0074D9;
  box-shadow:0 0 0 3px rgba(0,116,217,.12);
}
.hso__ico{width:20px;height:20px;flex:none;color:#111111;}
.hso__input{
  flex:1;min-width:0;border:0;outline:0;background:transparent;
  font-family:inherit;font-size:16px;font-weight:500;color:#111111;letter-spacing:.1px;
}
.hso__input::placeholder{color:#9CA3AF;font-weight:500;}
.hso__input::-webkit-search-cancel-button{-webkit-appearance:none;display:none;}
.hso__submit{
  width:44px;height:44px;flex:none;padding:0;border:0;border-radius:6px;
  background:#0074D9;color:#FFFFFF;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:background .2s ease;
}
.hso__submit svg{width:18px;height:18px;}
.hso__submit:hover,.hso__submit:focus{background:#005FB8;outline:none;}

/* ========== 6. 热门搜索 ========== */
.hso__popular{margin:32px 0 0;}
.hso__label{
  margin:0 0 14px;font-size:12px;font-weight:700;letter-spacing:2px;
  text-transform:uppercase;color:#111111;
}
.hso__tags{display:flex;flex-wrap:wrap;gap:8px;}
.hso__tag{
  display:inline-flex;align-items:center;height:38px;padding:0 14px;
  background:#FFFFFF;border:1px solid #E1E5EA;border-radius:6px;
  font-size:13px;font-weight:600;color:#111111;text-decoration:none;
  transition:border-color .2s ease,color .2s ease,background .2s ease;
}
.hso__tag:hover,.hso__tag:focus{
  border-color:#0074D9;color:#0074D9;background:#F7F8FA;outline:none;
}

/* ========== 7. 底部说明 ========== */
.hso__note{
  margin:auto 0 0;padding-top:36px;
  font-size:12.5px;line-height:1.6;color:#9CA3AF;
}

/* ========== 8. 响应式 / 可访问性 ========== */
/* 触发按钮仅移动端可见 */
@media(max-width:1100px){.hso-trigger{display:flex;}}
/* 桌面端彻底隐藏覆盖层，避免残留 */
@media(min-width:1101px){.hso{display:none;}}

/* 窄屏（320 / 360）收紧边距与标题 */
@media(max-width:360px){
  .hso__bar{padding:0 18px;}
  .hso__body{padding-left:18px;padding-right:18px;}
  .hso__title{font-size:25px;}
}

/* 打开时锁滚动 */
body.hso-lock{overflow:hidden;}

/* 尊重系统“减少动态效果” */
@media (prefers-reduced-motion:reduce){
  .hso{transition:none;}
}/* End custom CSS */