.elementor-1551 .elementor-element.elementor-element-74919fc{--display:flex;--min-height:400px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1551 .elementor-element.elementor-element-74919fc:not(.elementor-motion-effects-element-type-background), .elementor-1551 .elementor-element.elementor-element-74919fc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://honri-tech.com/wp-content/uploads/2024/03/about-us.jpg");}.elementor-1551 .elementor-element.elementor-element-4282529{text-align:center;}.elementor-1551 .elementor-element.elementor-element-4282529 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:var( --e-global-color-astglobalcolor5 );}.elementor-1551 .elementor-element.elementor-element-42ee390{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1551 .elementor-element.elementor-element-4a78724{--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;--gap:2px 2px;--row-gap:2px;--column-gap:2px;--flex-wrap:wrap;}.elementor-1551 .elementor-element.elementor-element-e6c532d > .elementor-widget-container{background-color:#C0392B;padding:15px 20px 15px 020px;}.elementor-1551 .elementor-element.elementor-element-e6c532d .elementor-heading-title{font-size:18px;font-weight:bold;color:#ECE8E8;}.elementor-1551 .elementor-element.elementor-element-93c5004 > .elementor-widget-container{background-color:#C5BEBE;border-style:none;}.elementor-1551 .elementor-element.elementor-element-93c5004 .elementor-menu-toggle{margin:0 auto;}.elementor-1551 .elementor-element.elementor-element-93c5004 .elementor-nav-menu .elementor-item{font-size:14px;font-weight:normal;}.elementor-1551 .elementor-element.elementor-element-93c5004 .elementor-nav-menu--main .elementor-item{color:#3F3232;fill:#3F3232;}.elementor-1551 .elementor-element.elementor-element-93c5004 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-1551 .elementor-element.elementor-element-93c5004 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-1551 .elementor-element.elementor-element-93c5004 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-1551 .elementor-element.elementor-element-93c5004 .elementor-nav-menu--main .elementor-item:focus{color:#C22020;fill:#C22020;}.elementor-1551 .elementor-element.elementor-element-3ed6b47{--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;}.elementor-1551 .elementor-element.elementor-element-41ba769.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1551 .elementor-element.elementor-element-41ba769.elementor-wc-products .attachment-woocommerce_thumbnail{border-style:solid;}.elementor-1551 .elementor-element.elementor-element-41ba769.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(min-width:768px){.elementor-1551 .elementor-element.elementor-element-4a78724{--width:25%;}.elementor-1551 .elementor-element.elementor-element-3ed6b47{--width:75%;}}@media(max-width:1024px){.elementor-1551 .elementor-element.elementor-element-41ba769.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-1551 .elementor-element.elementor-element-41ba769.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for nav-menu, class: .elementor-element-93c5004 *//* 1. 基础分割线样式 */
.elementor-1551 .elementor-element.elementor-element-93c5004 .elementor-item {
    border-bottom: 1px solid #eee !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    position: relative !important; /* 关键：为了让箭头能绝对定位 */
}

/* 2. 定义子菜单的“初始状态” (闭合 + 动画设置) */
.elementor-1551 .elementor-element.elementor-element-93c5004 .sub-menu {
    position: static !important;   /* 嵌入文档流 */
    width: 100% !important;
    box-shadow: none !important;
    border: none !important;
    background-color: #f9f9f9 !important;
    margin: 0 !important;
    
    /* 动画核心 */
    display: block !important;
    max-height: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    overflow: hidden !important;
    
    /* 0.4s 丝滑速度 */
    transition: all 0.6s ease-in-out !important; 
}

/* 3. 鼠标经过时展开 */
.elementor-1551 .elementor-element.elementor-element-93c5004 li:hover > .sub-menu {
    max-height: 800px !important;    /* 稍微给大点，防止内容切断 */
    opacity: 1 !important;
    visibility: visible !important;
}

/* 4. 保持“当前分类”一直打开 */
.elementor-1551 .elementor-element.elementor-element-93c5004 .current-menu-item .sub-menu,
.elementor-1551 .elementor-element.elementor-element-93c5004 .current-menu-ancestor .sub-menu {
    max-height: 800px !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* 5. 子菜单文字缩进 */
.elementor-1551 .elementor-element.elementor-element-93c5004 .sub-menu .elementor-item {
    padding-left: 30px !important;
    font-size: 13px !important;
    color: #666 !important;
    background: transparent !important;
}

/* 6. 【核心修复】箭头样式与动画 */
.elementor-1551 .elementor-element.elementor-element-93c5004 .sub-arrow {
    display: block !important;       /* 强制显示 */
    position: absolute !important;   /* 绝对定位 */
    right: 10px !important;          /* 靠右 10px */
    top: 50% !important;             /* 垂直居中 */
    transform: translateY(-50%) !important; /* 修正居中偏移 */
    font-size: 12px !important;      /* 箭头大小 */
    transition: transform 0.4s ease !important; /* 箭头旋转也要丝滑 */
}

/* 7. 鼠标放上去时，箭头旋转 180 度 */
.elementor-1551 .elementor-element.elementor-element-93c5004 li:hover > .elementor-item .sub-arrow {
    transform: translateY(-50%) rotate(180deg) !important;
}/* End custom CSS */
/* Start custom CSS for wc-archive-products, class: .elementor-element-41ba769 *//* 1. 强制图片容器变成正方形 */
.elementor-1551 .elementor-element.elementor-element-41ba769 ul.products li.product a img {
    aspect-ratio: 1 / 1;  /* 强制宽高比为 1:1 */
    width: 100%;          /* 宽度拉满 */
    object-fit: contain;  /* 核心：让图片“包含”在框里，不裁剪，自动留白 */
    background-color: #fff; /* 给留白区域填上白色背景（可选） */
    margin-bottom: 15px; /* 图片和标题之间留点空隙 */
}

/* 2. 让产品卡片高度拉满，按钮对齐底部 */
.elementor-1551 .elementor-element.elementor-element-41ba769 ul.products li.product {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* 3. 标题占据剩余空间，把按钮推到底 */
.elementor-1551 .elementor-element.elementor-element-41ba769 .woocommerce-loop-product__title {
    flex-grow: 1; 
    display: flex;
    align-items: center; /* 让标题文字垂直居中（可选） */
    justify-content: center; /* 让标题文字水平居中 */
    text-align: center;
}

/* 4. 按钮居中 */
.elementor-1551 .elementor-element.elementor-element-41ba769 .button {
    align-self: center;
    margin-top: auto; /* 确保按钮永远在最底下 */
}/* End custom CSS */