.elementor-2357 .elementor-element.elementor-element-374dcc9{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2357 .elementor-element.elementor-element-c487ca9{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2357 .elementor-element.elementor-element-534f092{--grid-columns:4;--grid-row-gap:0px;--grid-column-gap:0px;}.elementor-2357 .elementor-element.elementor-element-534f092 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-2357 .elementor-element.elementor-element-534f092 .e-loop-item > .elementor-section, .elementor-2357 .elementor-element.elementor-element-534f092 .e-loop-item > .elementor-section > .elementor-container, .elementor-2357 .elementor-element.elementor-element-534f092 .e-loop-item > .e-con, .elementor-2357 .elementor-element.elementor-element-534f092 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-2357 .elementor-element.elementor-element-ae9c7a2{--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-2357 .elementor-element.elementor-element-0d9859a{text-align:center;}.elementor-2357 .elementor-element.elementor-element-27de4d7{--grid-columns:4;--grid-row-gap:0px;--grid-column-gap:0px;}.elementor-2357 .elementor-element.elementor-element-27de4d7 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-2357 .elementor-element.elementor-element-27de4d7 .e-loop-item > .elementor-section, .elementor-2357 .elementor-element.elementor-element-27de4d7 .e-loop-item > .elementor-section > .elementor-container, .elementor-2357 .elementor-element.elementor-element-27de4d7 .e-loop-item > .e-con, .elementor-2357 .elementor-element.elementor-element-27de4d7 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-2357 .elementor-element.elementor-element-534f092{--grid-columns:2;}.elementor-2357 .elementor-element.elementor-element-27de4d7{--grid-columns:2;}}@media(max-width:480px){.elementor-2357 .elementor-element.elementor-element-c487ca9{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2357 .elementor-element.elementor-element-534f092{--grid-columns:2;--grid-column-gap:3px;}.elementor-2357 .elementor-element.elementor-element-27de4d7{--grid-columns:2;--grid-row-gap:0px;--grid-column-gap:0px;}}/* Start custom CSS for loop-grid, class: .elementor-element-534f092 *//****************************************
 * Loop Grid 专用 CSS
 * 只对当前 Loop Grid 生效
 ****************************************/

/* 1. 整张卡片：纵向排列，高度自适应 */
.elementor-2357 .elementor-element.elementor-element-534f092 .loop-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* 2. 图片外层：白色画布 + 居中 */
.elementor-2357 .elementor-element.elementor-element-534f092 .loop-card__img {
  background: #ffffff;       /* 白色底板 */
  display: flex;
  align-items: center;       /* 垂直居中 */
  justify-content: center;   /* 水平居中 */
  overflow: hidden;          /* 多余部分不挤出卡片 */
}

/* 画布里的 img：不裁剪，只按比例缩放 */
.elementor-2357 .elementor-element.elementor-element-534f092 .loop-card__img img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;       /* 不裁切，仅缩放 */
}

/* 3. 桌面端：给画布一个固定高度，排版整齐 */
@media (min-width: 768px) {
  .elementor-2357 .elementor-element.elementor-element-534f092 .loop-card__img {
    height: 360px;           /* 想要矮一点可以改成 320 / 340 等 */
  }
}

/* 4. 手机端：画布高度自适应，跟着图片走 */
@media (max-width: 767px) {
  .elementor-2357 .elementor-element.elementor-element-534f092 .loop-card__img {
    height: auto;
  }
}

/* 5. 标题：最多显示 3 行，多余用 … 省略 */
.elementor-2357 .elementor-element.elementor-element-534f092 .loop-card .elementor-widget-woocommerce-product-title,
.elementor-2357 .elementor-element.elementor-element-534f092 .loop-card .woocommerce-loop-product__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;     /* 限制 3 行 */
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
  min-height: calc(1.3em * 3);  /* 预留 3 行高度，方便卡片对齐 */
  margin: 6px 0 4px;
}

/* 手机端：标题仍然 3 行，高度保持一致 */
@media (max-width: 767px) {
  .elementor-2357 .elementor-element.elementor-element-534f092 .loop-card .woocommerce-loop-product__title {
    min-height: calc(1.3em * 3);
  }
}

/* 6. 价格与按钮区域的距离 */
.elementor-2357 .elementor-element.elementor-element-534f092 .loop-card .price {
  margin: 0 0 8px;
}

/* 7. “添加到购物车”区域推到底部 */
.elementor-2357 .elementor-element.elementor-element-534f092 .loop-card .elementor-widget-woocommerce-product-add-to-cart {
  margin-top: auto;
}

/* 8. 按钮铺满宽度 */
.elementor-2357 .elementor-element.elementor-element-534f092 .loop-card .elementor-widget-woocommerce-product-add-to-cart .button {
  width: 100%;
  text-align: center;
  font-size: 13px;
  padding: 1em;             /* 统一按钮高度 */
}

/* 9. 每张卡片之间左右留一点点缝隙 */
.elementor-2357 .elementor-element.elementor-element-534f092 .e-loop-item {
  padding: 0 1px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-27de4d7 *//* 整张卡片：纵向排列，高度自适应 */
.elementor-2357 .elementor-element.elementor-element-27de4d7 .loop-card {
  display: flex;
  flex-direction: column;
  height: auto; /* 不再固定 50% */
}

/* 图片区域：居中显示，按比例缩放 */
.elementor-2357 .elementor-element.elementor-element-27de4d7 .loop-card__img {
  height: auto;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  overflow: hidden;
}

.elementor-2357 .elementor-element.elementor-element-27de4d7 .loop-card__img img {
  width: 97%;
  height: auto; /* 不写死 30%，防止多余空白 */
  object-fit: contain;
}

/* 标题：桌面端最多 2 行，统一高度，减少高度差 */
.elementor-2357 .elementor-element.elementor-element-27de4d7 .loop-card .elementor-widget-woocommerce-product-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* 桌面端默认显示 2 行 */
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
  min-height: calc(1.3em * 2); /* 预留 2 行高度 */
  margin: 6px 0 4px;
}

/* 价格：和按钮之间的距离控制在 8px 左右 */
.elementor-2357 .elementor-element.elementor-element-27de4d7 .loop-card .price {
  margin: 0 0 8px;
}

/* “添加到购物车”模块顶到底（下面才是按钮） */
.elementor-2357 .elementor-element.elementor-element-27de4d7 .loop-card .elementor-widget-woocommerce-product-add-to-cart {
  margin-top: auto;
}

/* 按钮视觉统一：不管是 Select options 还是 Add to cart */
.elementor-2357 .elementor-element.elementor-element-27de4d7 .loop-card .elementor-widget-woocommerce-product-add-to-cart .button {
  width: 100%;
  text-align: center;
  font-size: 13px;
  padding: 1em; /* 按钮高度统一 */
}

/* 每张卡片之间留一点缝，让两个黑色按钮不要贴在一起 */
.elementor-2357 .elementor-element.elementor-element-27de4d7 .e-loop-item {
  padding: 0px 1px;
}

/* =============== 手机端：标题显示 3 行 =============== */
@media (max-width: 767px) {
  .elementor-2357 .elementor-element.elementor-element-27de4d7 .loop-card .woocommerce-loop-product__title {
    -webkit-line-clamp: 3;              /* 改为显示 3 行 */
    min-height: calc(1.3em * 3);        /* 对应预留 3 行高度 */
  }
}/* End custom CSS */