.elementor-28 .elementor-element.elementor-element-25c6f53{--display:flex;--margin-top:-11%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-28 .elementor-element.elementor-element-c993eec{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-28 .elementor-element.elementor-element-772b8fb{--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:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5%;--padding-bottom:5%;--padding-left:2%;--padding-right:3%;}.elementor-28 .elementor-element.elementor-element-1f72037{--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-28 .elementor-element.elementor-element-ad1133f{width:100%;max-width:100%;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-28 .elementor-element.elementor-element-63e9bfd{width:100%;max-width:100%;}.elementor-28 .elementor-element.elementor-element-63e9bfd > .elementor-widget-container{margin:-5% 0% 0% 3%;padding:0px 0px 0px 0px;}.elementor-28 .elementor-element.elementor-element-63e9bfd.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-28 .elementor-element.elementor-element-63e9bfd.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-28 .elementor-element.elementor-element-e1e6ad7{--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:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-28 .elementor-element.elementor-element-1f72037{--width:30%;}}@media(max-width:1024px){.elementor-28 .elementor-element.elementor-element-25c6f53{--margin-top:-17%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-28 .elementor-element.elementor-element-63e9bfd.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-28 .elementor-element.elementor-element-25c6f53{--margin-top:-45%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-28 .elementor-element.elementor-element-63e9bfd.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-63e9bfd *//* =========================================================
   HOSTAR V3 | B2B PRODUCTS GRID
   修复：
   1) 标题不显示 → aspect-ratio / overflow 只作用于图片容器，
      不再套在 .woocommerce-LoopProduct-link（它同时包着标题）
   2) 标题两行截断用 -webkit-line-clamp，去掉冲突的 max-height
   3) 图片 1:1 铺满（cover，无内边距）
   ========================================================= */

/* =========================================================
   1. 网格与卡片
   ========================================================= */
.elementor-widget-woocommerce-products .woocommerce ul.products.elementor-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 28px 24px;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-widget-woocommerce-products ul.products.elementor-grid li.product {
    position: relative;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    background: #ffffff !important;
    border: 1px solid #e6e9ed !important;
    border-radius: 3px !important;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
    transition: transform 0.35s cubic-bezier(.22,.61,.36,1),
                box-shadow 0.35s ease,
                border-color 0.35s ease !important;
}

.elementor-widget-woocommerce-products ul.products.elementor-grid li.product:hover {
    transform: translateY(-5px);
    border-color: #d4dbe2 !important;
    box-shadow: 0 18px 45px rgba(15, 25, 35, 0.09) !important;
}

/* 顶部蓝色 Accent */
.elementor-widget-woocommerce-products ul.products.elementor-grid li.product::before {
    content: "";
    position: absolute;
    left: 0; top: 0;
    width: 0; height: 3px;
    background: #0074d9;
    z-index: 10;
    transition: width 0.4s ease;
}
.elementor-widget-woocommerce-products ul.products.elementor-grid li.product:hover::before {
    width: 100%;
}

/* =========================================================
   2. 图片容器（1:1 铺满）—— 仅作用于缩略图区
   ========================================================= */
.elementor-widget-woocommerce-products ul.products.elementor-grid li.product .astra-shop-thumbnail-wrap {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    background: #f5f6f7;
    overflow: hidden;
    display: block !important;
}

/* 缩略图内的链接只负责撑满，不设 aspect-ratio */
.elementor-widget-woocommerce-products ul.products.elementor-grid li.product .astra-shop-thumbnail-wrap .woocommerce-LoopProduct-link {
    display: block !important;
    width: 100%;
    height: 100%;
}

/* 图片铺满 */
.elementor-widget-woocommerce-products ul.products.elementor-grid li.product .astra-shop-thumbnail-wrap img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center;
    padding: 0 !important;
    margin: 0 !important;
    transition: transform 0.6s cubic-bezier(.2,.65,.25,1) !important;
}
.elementor-widget-woocommerce-products ul.products.elementor-grid li.product:hover .astra-shop-thumbnail-wrap img {
    transform: scale(1.06);
}

/* =========================================================
   3. 信息区域
   ========================================================= */
.elementor-widget-woocommerce-products ul.products.elementor-grid li.product .astra-shop-summary-wrap {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    padding: 18px 0 !important;   /* 左右间距改由具体元素承担，避免叠加 */
    background: #ffffff !important;
}

/* 分类 */
.elementor-widget-woocommerce-products ul.products.elementor-grid li.product .ast-woo-product-category {
    display: block;
    margin: 0 0 8px 0 !important;
    padding: 0 20px !important;
    color: #0074d9 !important;
    font-family: "Manrope", "Inter", sans-serif;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1.3;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

/* =========================================================
   4. 产品标题（正常显示 + 两行截断）
   ========================================================= */
.elementor-widget-woocommerce-products ul.products.elementor-grid li.product .woocommerce-loop-product__title {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden;

    margin: 0 0 16px 0 !important;
    padding: 0 20px !important;

    color: #111820 !important;
    font-family: "Manrope", "Inter", sans-serif;
    font-size: 18px !important;
    font-weight: 650 !important;
    line-height: 1.5 !important;
    letter-spacing: -0.01em;

    /* 两行固定高度（14px × 1.5 × 2 = 42px），保证卡片等高 */
    min-height: 54px;
    max-height: 54px;

    transition: color 0.3s ease !important;
}

/* 无 -webkit-line-clamp 的旧浏览器：退回单行省略 */
@supports not ((-webkit-line-clamp: 2) or (line-clamp: 2)) {
    .elementor-widget-woocommerce-products ul.products.elementor-grid li.product .woocommerce-loop-product__title {
        display: block !important;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}

.elementor-widget-woocommerce-products ul.products.elementor-grid li.product:hover .woocommerce-loop-product__title {
    color: #0074d9 !important;
}

/* =========================================================
   5. 隐藏价格 / 快捷按钮
   ========================================================= */
.elementor-widget-woocommerce-products ul.products.elementor-grid li.product .ast-on-card-button,
.elementor-widget-woocommerce-products ul.products.elementor-grid li.product .price {
    display: none !important;
}

/* =========================================================
   6. 底部按钮（贴底、更小、不溢出）
   ========================================================= */
.elementor-widget-woocommerce-products ul.products.elementor-grid li.product .astra-shop-summary-wrap .button,
.elementor-widget-woocommerce-products ul.products.elementor-grid li.product .button {
    box-sizing: border-box !important;
    margin: auto 20px 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: calc(100% - 40px) !important;
    max-width: 100% !important;
    min-height: 38px !important;
    padding: 0 12px 0 14px !important;
    border: 1px solid #dfe4e8 !important;
    border-radius: 2px !important;
    background: #ffffff !important;
    color: #1b252e !important;
    font-family: "Manrope", "Inter", sans-serif;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-transform: uppercase;
    letter-spacing: 0.10em;
    text-decoration: none !important;
    box-shadow: none !important;
    transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;
}

.elementor-widget-woocommerce-products ul.products.elementor-grid li.product .button::after {
    content: "→" !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: currentColor !important;
    transition: transform 0.3s ease !important;
    position: static !important;
}

.elementor-widget-woocommerce-products ul.products.elementor-grid li.product:hover .button {
    background: #0074d9 !important;
    border-color: #0074d9 !important;
    color: #ffffff !important;
}
.elementor-widget-woocommerce-products ul.products.elementor-grid li.product:hover .button::after {
    transform: translateX(4px) !important;
}

/* =========================================================
   7. 响应式
   ========================================================= */
@media (max-width: 1100px) {
    .elementor-widget-woocommerce-products .woocommerce ul.products.elementor-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 22px 18px;
    }
}

@media (max-width: 767px) {
    .elementor-widget-woocommerce-products .woocommerce ul.products.elementor-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px 12px;
    }
    .elementor-widget-woocommerce-products ul.products.elementor-grid li.product .astra-shop-summary-wrap {
        padding: 14px 0 !important;
    }
    .elementor-widget-woocommerce-products ul.products.elementor-grid li.product .ast-woo-product-category,
    .elementor-widget-woocommerce-products ul.products.elementor-grid li.product .woocommerce-loop-product__title {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
    .elementor-widget-woocommerce-products ul.products.elementor-grid li.product .woocommerce-loop-product__title {
        font-size: 12px !important;
        line-height: 1.5 !important;
        min-height: 36px !important;
        max-height: 36px !important;
    }
    .elementor-widget-woocommerce-products ul.products.elementor-grid li.product .button {
        width: calc(100% - 28px) !important;
        margin: auto 14px 14px !important;
        min-height: 34px !important;
        padding: 0 10px 0 11px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .elementor-widget-woocommerce-products ul.products.elementor-grid li.product,
    .elementor-widget-woocommerce-products ul.products.elementor-grid li.product img,
    .elementor-widget-woocommerce-products ul.products.elementor-grid li.product .button {
        transition: none !important;
    }
    .elementor-widget-woocommerce-products ul.products.elementor-grid li.product:hover,
    .elementor-widget-woocommerce-products ul.products.elementor-grid li.product:hover img {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2ea2245 */.fc-sec{--fc-bg:#F5F6F7;--fc-panel:#fff;--fc-line:#E3E5E8;
  --fc-acc:#0074d9;--fc-acc2:#1F6FB2;--fc-wa:#25D366;--fc-wa2:#1DA851;
  --fc-text:#111417;--fc-sub:#3A4149;--fc-dim:#5A6270;--fc-mut:#7A8590;
  --fc-ivory:#F7F8FA;}
.fc-sec{position:relative !important;width:100% !important;overflow:hidden !important;background:var(--fc-bg) !important;
  font-family:'Manrope','Inter','Helvetica Neue','Segoe UI',Arial,sans-serif !important;min-height:640px !important;}
.fc-sec *{box-sizing:border-box !important;margin:0 !important;padding:0 !important;}

/* ===== 整幅图墙舞台（absolute 铺满全宽，贯穿 section） ===== */
.fc-stage{position:absolute !important;inset:0 !important;overflow:hidden !important;z-index:0 !important;}
.fc-tracks{position:absolute !important;inset:0 !important;display:flex !important;flex-direction:column !important;justify-content:space-evenly !important;}
.fc-track{position:relative !important;width:max-content !important;display:flex !important;align-items:center !important;}
.fc-track img{display:block !important;height:130px !important;width:auto !important;object-fit:cover !important;
  border-radius:3px !important;border:1px solid #E4E8ED !important;
  box-shadow:0 8px 22px -10px rgba(17,20,23,.28) !important;flex:none !important;background:#fff !important;}
.fc-track .marquee{display:flex !important;align-items:center !important;gap:18px !important;
  will-change:transform !important;transform:translate3d(0,0,0);}
.fc-t1{height:150px;} .fc-t1 img{height:150px !important;}
.fc-t2 img{height:200px !important;}
.fc-t3{height:150px;} .fc-t3 img{height:150px !important;}

/* ===== 整体霜面遮罩（在 stage 内：左侧近实 → 向右透明） ===== */
.fc-glass{position:absolute !important;left:0 !important;top:0 !important;bottom:0 !important;width:100% !important;z-index:2 !important;
  pointer-events:none !important;
  background:linear-gradient(90deg,var(--fc-ivory) 0%,rgba(247,248,250,.99) 34%,rgba(247,248,250,.8) 48%,
             rgba(247,248,250,.4) 62%,rgba(247,248,250,0) 80%) !important;}
.fc-glass::after{content:"" !important;position:absolute !important;left:0 !important;top:0 !important;bottom:0 !important;width:62% !important;
  background:repeating-linear-gradient(90deg,transparent 0 calc(14px),rgba(17,20,23,.012) calc(14px) calc(15px)) !important;}

/* ===== 前景文案（撑起高度并浮于遮罩左半） ===== */
.fc-copy{position:relative !important;z-index:3 !important;max-width:56% !important;padding:100px 60px 100px 48px !important;}
.fc-kicker{display:flex !important;align-items:center !important;gap:12px !important;font-size:11px !important;font-weight:700 !important;
  letter-spacing:3px !important;text-transform:uppercase !important;color:var(--fc-acc) !important;margin-bottom:24px !important;}
.fc-kicker::before{content:"" !important;width:34px !important;height:1px !important;background:var(--fc-acc) !important;}
.fc-title{color:var(--fc-text) !important;font-size:54px !important;line-height:1.05 !important;font-weight:800 !important;letter-spacing:-.5px !important;}
.fc-title em{font-style:normal !important;color:var(--fc-acc) !important;}
.fc-desc{color:var(--fc-dim) !important;font-size:16px !important;line-height:1.75 !important;max-width:440px !important;margin:24px 0 34px !important;}
.fc-ctas{display:flex !important;flex-wrap:wrap !important;align-items:center !important;gap:14px !important;margin-bottom:32px !important;}
.fc-btn{display:inline-flex !important;align-items:center !important;gap:9px !important;padding:15px 28px !important;border-radius:2px !important;
  font-size:13.5px !important;font-weight:700 !important;letter-spacing:.4px !important;text-transform:uppercase !important;text-decoration:none !important;
  transition:background .25s,border-color .25s,color .25s,transform .2s !important;line-height:1 !important;box-shadow:0 8px 20px -12px rgba(17,20,23,.3) !important;}
.fc-btn svg{width:15px !important;height:15px !important;flex:none !important;}
.fc-btn-solid{background:var(--fc-acc) !important;color:#fff !important;border:1px solid var(--fc-acc) !important;}
.fc-btn-solid:hover{background:var(--fc-acc2) !important;border-color:var(--fc-acc2) !important;transform:translateY(-1px) !important;}
.fc-btn-ghost{background:var(--fc-panel) !important;color:var(--fc-text) !important;border:1px solid #D5DCE3 !important;}
.fc-btn-ghost:hover{border-color:var(--fc-wa) !important;color:var(--fc-wa) !important;transform:translateY(-1px) !important;}
.fc-trust{display:flex !important;flex-wrap:wrap !important;gap:12px 22px !important;margin-bottom:22px !important;}
.fc-trust span{display:inline-flex !important;align-items:center !important;gap:8px !important;
  font-size:12.5px !important;font-weight:600 !important;color:var(--fc-dim) !important;}
.fc-trust svg{width:14px !important;height:14px !important;color:var(--fc-acc) !important;flex:none !important;}
.fc-mail{font-size:13.5px !important;color:var(--fc-mut) !important;}
.fc-mail b{color:var(--fc-sub) !important;font-weight:600 !important;}

/* hover 暂停由 JS 处理 */

/* ===== reveal（简单淡入） ===== */
.fc-sec .fc-rv{opacity:0 !important;transform:translateY(20px) !important;
  transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1) !important;}
.fc-sec .fc-rv.fc-in{opacity:1 !important;transform:none !important;}
.fc-sec .fc-d1{transition-delay:.08s !important;}.fc-sec .fc-d2{transition-delay:.18s !important;}

/* ================= 响应式 ================= */
@media(max-width:1024px){
  .fc-copy{max-width:80% !important;padding:88px 40px 88px 36px !important;}
  .fc-title{font-size:42px !important;}
  .fc-glass{background:linear-gradient(90deg,var(--fc-ivory) 0%,rgba(247,248,250,.96) 44%,
             rgba(247,248,250,.55) 64%,rgba(247,248,250,0) 88%) !important;}
}
@media(max-width:640px){
  /* 移动端：文案在上(文档流)，图墙在下并静态定位（不再铺满全 section） */
  .fc-sec{min-height:0 !important;display:block !important;}
  .fc-copy{max-width:100% !important;position:relative !important;padding:56px 22px 26px !important;}
  .fc-title{font-size:30px !important;}
  .fc-desc{font-size:15px !important;margin:18px 0 26px !important;}
  .fc-ctas{flex-direction:column !important;align-items:stretch !important;}
  .fc-btn{justify-content:center !important;}
  .fc-stage{position:relative !important;height:320px !important;margin:6px 0 0 !important;}
  .fc-tracks{inset:0 !important;}
  .fc-glass{background:linear-gradient(180deg,var(--fc-ivory) 0%,rgba(247,248,250,.85) 20%,rgba(247,248,250,0) 70%) !important;}
  /* 移动端图墙顶部留浅色衔接区：给文案底部加圆角浅色条 */
  .fc-copy{padding-bottom:40px !important;}
  .fc-t1,.fc-t3{display:none !important;}
  .fc-t2 img{height:120px !important;}
}/* End custom CSS */