.elementor-3185 .elementor-element.elementor-element-a26de44{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--padding-top:20px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;}.elementor-3185 .elementor-element.elementor-element-47ab344 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3185 .elementor-element.elementor-element-47ab344{color:var( --e-global-color-text );}.elementor-3185 .elementor-element.elementor-element-47ab344 a{color:var( --e-global-color-text );}.elementor-3185 .elementor-element.elementor-element-47ab344 a:hover{color:var( --e-global-color-accent );}.elementor-3185 .elementor-element.elementor-element-e73b886{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:50px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.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;}.elementor-3185 .elementor-element.elementor-element-a2d701a .e-search-submit{background-color:var( --e-global-color-accent );}.elementor-3185 .elementor-element.elementor-element-a2d701a .e-search-submit:hover{background-color:var( --e-global-color-primary );}.elementor-3185 .elementor-element.elementor-element-a2d701a{padding:0px 140px 0px 0px;--e-search-submit-color:var( --e-global-color-1a6aac2 );--e-search-submit-padding:15px 15px 15px 15px;}.elementor-3185 .elementor-element.elementor-element-a2d701a .e-search-input{font-size:14px;}.elementor-3185 .elementor-element.elementor-element-2e486c14{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:20px;--padding-left:15px;--padding-right:15px;--z-index:0;}.elementor-3185 .elementor-element.elementor-element-410ab46{padding:0px 0px 50px 0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;}.elementor-3185 .elementor-element.elementor-element-5b84a31a{--grid-columns:4;--grid-row-gap:30px;width:100%;max-width:100%;--grid-column-gap:30px;}.elementor-3185 .elementor-element.elementor-element-5b84a31a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3185 .elementor-element.elementor-element-5b84a31a .elementor-loop-container{grid-auto-rows:1fr;}.elementor-3185 .elementor-element.elementor-element-5b84a31a .e-loop-item > .elementor-section, .elementor-3185 .elementor-element.elementor-element-5b84a31a .e-loop-item > .elementor-section > .elementor-container, .elementor-3185 .elementor-element.elementor-element-5b84a31a .e-loop-item > .e-con, .elementor-3185 .elementor-element.elementor-element-5b84a31a .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-3185 .elementor-element.elementor-element-5b84a31a .elementor-pagination{text-align:center;margin-top:42px;}.elementor-3185 .elementor-element.elementor-element-5b84a31a .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-primary );}.elementor-3185 .elementor-element.elementor-element-5b84a31a .elementor-pagination a.page-numbers:hover{color:var( --e-global-color-1a6aac2 );}.elementor-3185 .elementor-element.elementor-element-5b84a31a .elementor-pagination .page-numbers.current{color:var( --e-global-color-1a6aac2 );}body:not(.rtl) .elementor-3185 .elementor-element.elementor-element-5b84a31a .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-3185 .elementor-element.elementor-element-5b84a31a .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-3185 .elementor-element.elementor-element-5b84a31a .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-3185 .elementor-element.elementor-element-5b84a31a .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:1024px){.elementor-3185 .elementor-element.elementor-element-e73b886{--padding-top:50px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-3185 .elementor-element.elementor-element-a2d701a{padding:0px 0px 0px 0px;}.elementor-3185 .elementor-element.elementor-element-5b84a31a{--grid-columns:2;}body:not(.rtl) .elementor-3185 .elementor-element.elementor-element-5b84a31a .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 20px/2 );}body:not(.rtl) .elementor-3185 .elementor-element.elementor-element-5b84a31a .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 20px/2 );}body.rtl .elementor-3185 .elementor-element.elementor-element-5b84a31a .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 20px/2 );}body.rtl .elementor-3185 .elementor-element.elementor-element-5b84a31a .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 20px/2 );}.elementor-3185 .elementor-element.elementor-element-5b84a31a .elementor-pagination{margin-top:20px;}}@media(max-width:767px){.elementor-3185 .elementor-element.elementor-element-5b84a31a{--grid-columns:1;--grid-row-gap:27px;--grid-column-gap:12px;}body:not(.rtl) .elementor-3185 .elementor-element.elementor-element-5b84a31a .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-3185 .elementor-element.elementor-element-5b84a31a .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-3185 .elementor-element.elementor-element-5b84a31a .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-3185 .elementor-element.elementor-element-5b84a31a .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-3185 .elementor-element.elementor-element-5b84a31a .elementor-pagination{margin-top:10px;}}/* Start custom CSS for breadcrumbs, class: .elementor-element-47ab344 */.elementor-3185 .elementor-element.elementor-element-47ab344 p{margin-bottom: 0;}/* End custom CSS */
/* Start custom CSS for search, class: .elementor-element-a2d701a */.elementor-3185 .elementor-element.elementor-element-a2d701a .e-search-input{width: 530px;}



@media (max-width: 700px) {
    .elementor-3185 .elementor-element.elementor-element-a2d701a .e-search-input{width: 100%;}

}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-410ab46 *//* 确保最外层菜单容器是定位参考（如果你的最外层是 .menusbox，保留它；否则用 .product-category-menu） */
.menusbox {
    position: relative;
  }
  
  /* ---------- 一级分类容器（保留栅格） ---------- */
  .product-category-menu {
      list-style: none;
      padding: 0;
      margin: 0;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
      position: relative;    /* 关键：作为 .children 的定位父元素（宽度参照） */
      box-sizing: border-box;
      width: 100%;
  }
  
  /* 取消 li 的相对定位（必须覆盖之前可能存在的 position:relative） */
  .product-category-menu > li {
      position: static; /* IMPORTANT: 让 .children 的 absolute 按 .product-category-menu 定位 */
      text-align: center;
  }
  
  /* 一级链接（保留你原来的样式） */
  .product-category-menu > li > a {
      display: block;
      padding: 12px 16px;
      border: 1px solid #954A81;
      border-radius: 25px;
      background: #954A81;
      color: #fff;
      text-decoration: none;
      transition: all 0.3s ease;
  }
  .product-category-menu > li > a:hover,
  .product-category-menu > li > a:focus {
      background: #fff;
      border-color: #954A81;
      color: #954A81;
  }
  .product-category-menu > li.current-cat > a {
      background: #fff;
      color: #954A81;
      border-color: #954A81;
  }
  

  
  /* 鼠标移上去或键盘 focus 时显示（只显示当前 li 的 .children） */
  .product-category-menu > li:hover > .children,
  .product-category-menu > li:focus-within > .children {
      display: flex;
  }
  
  /* 二级项及链接样式 */
  .product-category-menu .children li {
      flex: 0 0 auto;
      list-style: none;
  }
  .product-category-menu .children a {
      display: block;
      padding: 8px 12px;
      border-radius: 12px;
      border: 1px solid #e6e6e6;
      background: #f9f9f9;
      color: #333;
      text-decoration: none;
      white-space: nowrap;
      transition: all 0.18s ease;
  }
  .product-category-menu .children a:hover,
  .product-category-menu .children li.current-cat > a {
      background: #fff;
      color: #954A81;
      border-color: #954A81;
  }
  
  /* 子菜单：默认隐藏 */
.product-category-menu .children {
    display: flex;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 35px;
    margin: 0;
    list-style: none;
    background: #fff;
    border-top: none;
    border-radius: 6px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
    z-index: 9999;

    /* 关键部分 ↓ */
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center; /* 居中对齐 */
    align-items: center;

    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.25s ease;
}

/* hover 时显示 */
.product-category-menu .cat-item:hover > .children {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
  
  /* 悬停时显示当前 li 的子菜单 */
  .product-category-menu > li:hover > .children,
  .product-category-menu > li:focus-within > .children {
      display: flex;  /* 只在 hover/focus 时变成横向 */
  }
  
  
  
  /* 前四个一级菜单的子菜单调整 top */
.product-category-menu > li:nth-child(-n+4) > .children {
    top: 45px; /* 你想要的距离，可以调整数值 */
    z-index: 99
}

/* 其它菜单保持原来的 top */
.product-category-menu > li:nth-child(n+5) > .children {
    top: 100%; /* 默认距离 */
    
}
  
  
  
  /* ---------- 小屏（移动端）处理：把下拉转为文档流，使用点击展开更友好 ---------- */
  @media (max-width: 999px) {
      .product-category-menu { grid-template-columns: repeat(2, 1fr); }
      
   /* 前四个一级菜单子菜单，分四组设置 top */
    /* 第1、2项（组12） */
    .product-category-menu > li:nth-child(1) > .children,
    .product-category-menu > li:nth-child(2) > .children {
        top: 45px; /* 可调整 */

    }

    /* 第3、4项（组34） */
    .product-category-menu > li:nth-child(3) > .children,
    .product-category-menu > li:nth-child(4) > .children {
        top:110px; /* 可调整 */

    }

    /* 如果需要再做56、78组，针对更多菜单项继续添加 */
    .product-category-menu > li:nth-child(5) > .children,
    .product-category-menu > li:nth-child(6) > .children {
        top: 175px;

    }

    .product-category-menu > li:nth-child(7) > .children,
    .product-category-menu > li:nth-child(8) > .children {
        top: 100%;

    }    
      
      
      
  }
  
  @media (max-width: 600px) {
      .product-category-menu { grid-template-columns: repeat(1, 1fr); }
  
      /* 在小屏上，把子菜单从绝对定位改为文档流（堆叠），并默认隐藏 */
      .product-category-menu .children {
          position: static;
          display: none;
          width: 100%;
          padding: 30px 15px;
          box-shadow: none;
          border-top: none;
          flex-direction: column;
          gap: 8px;
      }
  
      /* 可通过为 li 添加 .open 类来展开（见可选 JS） */
      .product-category-menu > li.open > .children,
      .product-category-menu > li:focus-within > .children {
          display: flex;
      }
  }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e486c14 */.add-to-enquiry{
width: 100% !important;
margin: 0 !important;
border-radius: 3px !important;
padding: 13px !important;
}/* End custom CSS */