.elementor-391 .elementor-element.elementor-element-94359ab{--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 30px;--row-gap:0px;--column-gap:30px;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-391 .elementor-element.elementor-element-bfd43d7{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-391 .elementor-element.elementor-element-7e976f8{--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;}.elementor-391 .elementor-element.elementor-element-9955aab{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-391 .elementor-element.elementor-element-63b6f89{--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:10px 0px;--row-gap:10px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-391 .elementor-element.elementor-element-e0fb086 .elementor-heading-title{font-size:27px;font-weight:600;}.elementor-391 .elementor-element.elementor-element-11adb72 .elementor-heading-title{font-size:13px;font-weight:700;color:#0F743B;}.elementor-391 .elementor-element.elementor-element-6ee6417 .elementor-heading-title{font-size:13px;font-weight:400;color:#595959;}.elementor-391 .elementor-element.elementor-element-e3fe1b9 .elementor-heading-title{font-size:16px;font-weight:400;line-height:25px;letter-spacing:0.5px;color:#222222;}.woocommerce .elementor-391 .elementor-element.elementor-element-7210b51 .star-rating{font-size:0.8em;}.woocommerce:not(.rtl) .elementor-391 .elementor-element.elementor-element-7210b51 .star-rating{margin-right:0.1em;}.woocommerce.rtl .elementor-391 .elementor-element.elementor-element-7210b51 .star-rating{margin-left:0.1em;}.elementor-391 .elementor-element.elementor-element-1245927{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-391 .elementor-element.elementor-element-1245927 .elementor-icon-list-icon i{color:#3A5DFF;transition:color 0.3s;}.elementor-391 .elementor-element.elementor-element-1245927 .elementor-icon-list-icon svg{fill:#3A5DFF;transition:fill 0.3s;}.elementor-391 .elementor-element.elementor-element-1245927 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-391 .elementor-element.elementor-element-1245927 .elementor-icon-list-item > a{font-size:13px;font-weight:500;}.elementor-391 .elementor-element.elementor-element-1245927 .elementor-icon-list-text{transition:color 0.3s;}.elementor-391 .elementor-element.elementor-element-a180d69 .cart button, .elementor-391 .elementor-element.elementor-element-a180d69 .cart .button{transition:all 0.2s;}.elementor-391 .elementor-element.elementor-element-a180d69 .quantity .qty{transition:all 0.2s;}.elementor-391 .elementor-element.elementor-element-874ee22{--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;}.elementor-391 .elementor-element.elementor-element-c1a00b4{--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;}.elementor-391 .elementor-element.elementor-element-6ee2baf.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-391 .elementor-element.elementor-element-6ee2baf.elementor-wc-products .attachment-woocommerce_thumbnail{margin-bottom:0px;}.elementor-391 .elementor-element.elementor-element-6ee2baf.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-391 .elementor-element.elementor-element-6ee2baf.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:16px;font-weight:400;}@media(max-width:1024px){.elementor-391 .elementor-element.elementor-element-6ee2baf.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(min-width:768px){.elementor-391 .elementor-element.elementor-element-94359ab{--content-width:1400px;}.elementor-391 .elementor-element.elementor-element-bfd43d7{--width:70%;}.elementor-391 .elementor-element.elementor-element-63b6f89{--width:30%;}.elementor-391 .elementor-element.elementor-element-874ee22{--content-width:1400px;}.elementor-391 .elementor-element.elementor-element-c1a00b4{--content-width:1400px;}}@media(max-width:767px){.elementor-391 .elementor-element.elementor-element-94359ab{--gap:0px 30px;--row-gap:0px;--column-gap:30px;}.elementor-391 .elementor-element.elementor-element-7e976f8.e-con{--order:99999 /* order end hack */;}.elementor-391 .elementor-element.elementor-element-63b6f89.e-con{--order:99999 /* order end hack */;}.elementor-391 .elementor-element.elementor-element-6ee2baf.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-product-images, class: .elementor-element-ff67d17 *//* --- 修复版：Blocksy / Woo 产品相册垂直缩略图 (Grid 布局法) --- */

@media (min-width: 768px) {
    /* 1. 使用 Grid 布局而不是 Flex，防止 JS 宽度计算崩溃 */
    .woocommerce-product-gallery {
        display: grid !important;
        /* 定义两列：左边 80px 给缩略图，右边 1fr 自动填满主图 */
        grid-template-columns: 80px 1fr !important; 
        gap: 30px !important; /* 间距 */
    }

    /* 2. 缩略图区域：强制放到第 1 列 */
    .woocommerce-product-gallery .flex-control-thumbs {
        grid-column: 1 !important;
        grid-row: 1 !important;
        
        display: flex !important;
        flex-direction: column !important; /* 垂直排列 */
        justify-content: flex-start !important;
        width: 120% !important;
        padding:10 !important;
        
        /* 防止缩略图太多把页面撑太长，超过 500px 出现滚动条 */
        max-height: 400px !important; 
        overflow-y: auto !important; 
    }
    
    /* 隐藏缩略图丑陋的滚动条 */
    .woocommerce-product-gallery .flex-control-thumbs::-webkit-scrollbar {
        display: none;
    }

    /* 3. 主图区域：强制放到第 2 列 */
    /* 这里的 .flex-viewport 是 Blocksy/Woo 自动生成的包裹层 */
    .woocommerce-product-gallery .woocommerce-product-gallery__wrapper,
    .woocommerce-product-gallery .flex-viewport {
        grid-column: 2 !important;
        grid-row: 1 !important;
        margin: 0 !important;
    }

    /* 4. 修复单个缩略图样式 */
    .woocommerce-product-gallery .flex-control-thumbs li {
        width: 100% !important;
        float: none !important;
    }

    .woocommerce-product-gallery .flex-control-thumbs li img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
        opacity: 0.5;
        transition: opacity 0.3s;
        /* 加上你喜欢的边框风格 */
        border: 1px solid transparent; 
        cursor: pointer;
    }

    /* 选中/悬停状态 */
    .woocommerce-product-gallery .flex-control-thumbs li img.flex-active,
    .woocommerce-product-gallery .flex-control-thumbs li img:hover {
        opacity: 1 !important;
        border: 1px solid #333 !important;
    }
}

@media (min-width: 768px) {
    /* 1. 移除缩略图列表项的 padding-top */
    /* 针对 li 元素，覆盖其 padding-top */
    .woocommerce-product-gallery li {
        padding-top: 0 !important; /* 强制移除 padding-top */
    }

    /* 2. 修改缩略图列表项的 margin-bottom */
    .woocommerce-product-gallery .flex-control-thumbs li {
        /* 保持之前设置的 width 和 float: none */
        width: 100% !important;
        float: none !important;
        margin-bottom: 15px !important; /* *** 将底部外边距改为 15px *** */
    }

    /* 确保最后一个缩略图底部没有间距 */
    .woocommerce-product-gallery .flex-control-thumbs li:last-child {
        margin-bottom: 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-data-tabs, class: .elementor-element-3cd1b8b *//* 1. 选项卡容器重置 */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #e5e5e5 !important; /* 底部一条淡灰色的线 */
    padding: 0 !important;
    margin: 0 0 30px 0 !important;
    display: flex;
    gap: 30px; /* 标签之间的间距 */
}

/* 2. 单个标签样式 (默认状态) */
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: #888 !important; /* 未选中是灰色 */
    font-weight: 500 !important;
    font-size: 14px !important;
    padding: 10px 0 15px 0 !important; /* 上下留白 */
    display: block;
    position: relative;
    transition: all 0.3s ease;
}

/* 去掉 Elementor 可能存在的伪元素干扰 */
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after {
    display: none !important;
}

/* 3. 选中状态 (Active) - 核心样式 */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #333 !important; /* 选中变黑 */
    font-weight: 700 !important; /* 加粗 */
}

/* 选中时的底部黑条 */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a::after {
    content: '';
    position: absolute;
    bottom: -1px; /* 盖住底部的灰线 */
    left: 0;
    width: 100%;
    height: 3px; /* 黑条厚度 */
    background-color: #333; /* Rockwall 深色 */
}

/* 4. 内容区域样式 */
.woocommerce div.product .woocommerce-tabs .panel {
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important; /* 去掉多余内边距，让文字对齐 */
    color: #555;
    line-height: 1.8;
}

/* 5. 标题隐藏 (通常Tab里会有个重复的标题，建议隐藏) */
.woocommerce div.product .woocommerce-tabs .panel > h2:first-child {
    display: none !important;
}

/* --- 强制 Tab 标题栏左对齐 --- */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    display: flex !important;       /* 确保使用 Flex 布局 */
    justify-content: flex-start !important; /* 核心：靠左对齐 */
    text-align: left !important;    /* 兼容部分非 Flex 主题 */
    margin-left: 0 !important;      /* 去掉左边可能存在的自动边距 */
    padding-left: 0 !important;     /* 去掉左边内边距，与下方内容对齐 */
    margin-right: auto !important;  /* 确保右边有空间 */
}

/* (可选) 如果左对齐后，第一个标签离边缘太近，想加一点空隙 */
/*
.woocommerce div.product .woocommerce-tabs ul.tabs li:first-child {
    margin-left: 0 !important;
}
*/
/* 隐藏描述 Tab 的标题按钮 */
li.description_tab {
    display: none !important;
}

/* 隐藏描述 Tab 的具体内容区域 */
#tab-description {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e0fb086 */.custom-discount-badge {
    display: inline-block;
    background-color: #FF444412;
  color: #ff1313 !important; /* 改成你想要的颜色 */
    font-weight: 700;
    font-size: 11px;
    padding: 0px 6px;
    border-radius: 4px;
    margin-right: 6px;
    vertical-align: middle;

    /* 新增的设置 */
    height: 20px; /* 设置高度 */
    line-height: 18px; /* 使文本垂直居中 */
}
/* 1. 先把外层 del 标签自带的线去掉，防止出现两条线或位置不对 */
del {
    text-decoration: none !important; 
    border: none !important; /* 防止有些主题是用边框做的线 */
}

/* 2. 直接给内部的“价格数字”添加中划线，确保线垂直居中 */
del .woocommerce-Price-amount {
    text-decoration: line-through !important; /* 核心：设置中划线 */
    font-size: 16px !important;   /* 您之前需要的字体大小 */
  color: #000 !important; /* 改成你想要的颜色 */

    font-weight: 400 !important;  /* 您之前需要的字体粗细 */

}/* End custom CSS */
/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-a180d69 *//* --- 1. 整体布局容器调整 --- */
/* 将按钮区域改为垂直排列 (从上到下) */
.e-atc-qty-button-holder {
    display: flex;
    flex-direction: column !important; /* 强制垂直排列 */
    width: 100%;
    gap: 15px; /* 数量框和加入购物车按钮之间的间距 */
}

/* --- 2. 数量框区域调整 --- */
/* 让数量区域占满宽度 */
.e-atc-qty-button-holder .quantity {
    width: 100% !important;
    display: flex;
    flex-direction: column; /* 让文字和输入框垂直排列 */
    align-items: flex-start;
    margin: 0 !important;
}

/* 显示 "Quantity" 标签文字 */
/* 原本是被隐藏的，现在我们要把它显示出来放在上面 */
.e-atc-qty-button-holder .quantity label.screen-reader-text {
    position: static !important;
    width: auto !important;
    height: auto !important;
    clip: auto !important;
    overflow: visible !important;
    margin-bottom: 8px; /* 标签和框之间的距离 */
    font-weight: 700;   /* 加粗 */
    font-size: 14px;
    color: #333;
    display: block;
}

/* --- 3. 隐藏原本的加减号 (+ -) --- */
.e-atc-qty-button-holder .quantity .ct-increase,
.e-atc-qty-button-holder .quantity .ct-decrease {
    display: none !important;
}

/* --- 4. 把输入框伪装成下拉框样式 --- */
.e-atc-qty-button-holder .quantity input.qty {
    width: 100% !important;     /* 全宽 */
    max-width: 100% !important;
    text-align: left !important; /* 文字靠左，像图二那样 */
    padding: 12px 15px !important;
    border: 1px solid #ccc !important; /* 灰色边框 */
    border-radius: 8px !important;     /* 圆角 */
    height: 48px !important;
    background-color: #fff;
    /* 下面这两行是为了加那个向下的箭头 ▼ */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center; /* 箭头位置 */
    /* 移除浏览器默认的上下箭头 */
    -moz-appearance: textfield; 
    appearance: none;
}

/* 移除 Chrome/Safari 默认的数字微调箭头 */
.e-atc-qty-button-holder .quantity input.qty::-webkit-outer-spin-button,
.e-atc-qty-button-holder .quantity input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* --- 5. "Add to Cart" 按钮样式调整 --- */
.e-atc-qty-button-holder .single_add_to_cart_button {
    width: 100% !important;       /* 全宽 */
    background-color: #1d1d1d !important; /* 黑色背景 */
    color: #fff !important;       /* 白色文字 */
    border-radius: 50px !important; /* 大圆角 */
    padding: 15px 0 !important;   /* 增加高度 */
    font-weight: 600;
    margin-top: 0 !important;
}

.e-atc-qty-button-holder .single_add_to_cart_button:hover {
    background-color: #333 !important; /* 鼠标悬停稍微变浅一点 */
    opacity: 0.9;
}
/* 备用方案：如果原本的标签里没字，强制加字 */
.e-atc-qty-button-holder .quantity::before {
    content: "Quantity"; /* 这里可以改成中文 "数量" */
    display: block;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 8px;
    color: #333;
}
/* 这种情况下隐藏原本的 label 防止重复 */
.e-atc-qty-button-holder .quantity label {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-94359ab *//* 去掉下拉箭头的顶部负边距 */
.elementor-nav-menu .sub-arrow {
    margin-block-start: 0 !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-data-tabs, class: .elementor-element-5e3351b *//* 1. 选项卡容器重置 */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #e5e5e5 !important; /* 底部一条淡灰色的线 */
    padding: 0 !important;
    margin: 0 0 30px 0 !important;
    display: flex;
    gap: 30px; /* 标签之间的间距 */
}

/* 2. 单个标签样式 (默认状态) */
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: #888 !important; /* 未选中是灰色 */
    font-weight: 500 !important;
    font-size: 14px !important;
    padding: 10px 0 15px 0 !important; /* 上下留白 */
    display: block;
    position: relative;
    transition: all 0.3s ease;
}

/* 去掉 Elementor 可能存在的伪元素干扰 */
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after {
    display: none !important;
}

/* 3. 选中状态 (Active) - 核心样式 */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #333 !important; /* 选中变黑 */
    font-weight: 700 !important; /* 加粗 */
}

/* 选中时的底部黑条 */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a::after {
    content: '';
    position: absolute;
    bottom: -1px; /* 盖住底部的灰线 */
    left: 0;
    width: 100%;
    height: 3px; /* 黑条厚度 */
    background-color: #333; /* Rockwall 深色 */
}

/* 4. 内容区域样式 */
.woocommerce div.product .woocommerce-tabs .panel {
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important; /* 去掉多余内边距，让文字对齐 */
    color: #555;
    line-height: 1.8;
}

/* 5. 标题隐藏 (通常Tab里会有个重复的标题，建议隐藏) */
.woocommerce div.product .woocommerce-tabs .panel > h2:first-child {
    display: none !important;
}

/* --- 强制 Tab 标题栏左对齐 --- */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    display: flex !important;       /* 确保使用 Flex 布局 */
    justify-content: flex-start !important; /* 核心：靠左对齐 */
    text-align: left !important;    /* 兼容部分非 Flex 主题 */
    margin-left: 0 !important;      /* 去掉左边可能存在的自动边距 */
    padding-left: 0 !important;     /* 去掉左边内边距，与下方内容对齐 */
    margin-right: auto !important;  /* 确保右边有空间 */
}

/* (可选) 如果左对齐后，第一个标签离边缘太近，想加一点空隙 */
/*
.woocommerce div.product .woocommerce-tabs ul.tabs li:first-child {
    margin-left: 0 !important;
}
*/
/* 隐藏描述 Tab 的标题按钮 */
li.description_tab {
    display: none !important;
}

/* 隐藏描述 Tab 的具体内容区域 */
#tab-description {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-related, class: .elementor-element-6ee2baf *//* 相關產品整體容器 - 保持乾淨 */
.related.products {
  padding: 30px 0;
  margin: 40px 0;
}

/* 標題簡化 */
.related.products h2 {
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: 1.8rem;
  color: #333;
}

/* 產品列表網格 - 簡單間距 */
ul.products.elementor-grid {
  gap: 20px !important;
  margin: 0 !important;
}

/* 每張產品卡片 - 乾淨白底 + 輕邊框 */
ul.products li.product {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 8px;
  overflow: hidden;
  text-align: center;
  padding: 0 0 26px !important;
  transition: box-shadow 0.2s;
}

ul.products li.product:hover {
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

/* 圖片處理 - 適中比例 */
ul.products li.product img {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1.05;
  object-fit: cover;
  display: block;
}

/* SALE 標籤 - 綠色風格（模仿你範例） */
.woocommerce span.onsale {
  background: #28a745 !important;     /* 綠色 */
  color: white !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  padding: 6px 10px !important;
  border-radius: 4px !important;
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  z-index: 9;
  min-width: auto !important;
  line-height: 1;
}

/* 產品標題 - 簡潔 */
.woocommerce-loop-product__title {
  font-size: 1.05rem !important;
  margin: 12px 12px 6px !important;
  color: #222;
  font-weight: 600;
  line-height: 1.3;
}

/* 價格區 - 突出折扣 */
ul.products .price {
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  color: #e44d26 !important;   /* 或你喜歡的深橘/紅 */
  margin: 4px 0 8px !important;
}

ul.products .price del {
  font-size: 0.9rem !important;
  color: #999 !important;
  margin-left: 6px;
  opacity: 0.8;
}

/* 免運標籤（如果你有插件顯示 FREE DELIVERY） */
.woocommerce .free-delivery, 
.woocommerce .tag-free-shipping {     /* 依你實際 class 調整 */
  background: #28a745;
  color: white;
  font-size: 0.78rem;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 4px;
  display: inline-block;
  margin: 6px auto;
}

/* 加購按鈕 - 簡單寬版 */
ul.products a.add_to_cart_button,
ul.products .button.product_type_simple {
  background: #333 !important;
  color: white !important;
  border-radius: 6px !important;
  padding: 10px 24px !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  width: 85% !important;
  margin: 8px auto 0 !important;
  display: block !important;
  transition: background 0.2s;
}

ul.products a.add_to_cart_button:hover,
ul.products .button.product_type_simple:hover {
  background: #555 !important;
}

/* 手機版調整 */
@media (max-width: 767px) {
  ul.products.columns-4 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  ul.products li.product {
    font-size: 0.95rem;
  }
}
/* 產品標題：強制單行 + 超出顯示省略號 */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.related.products .woocommerce-loop-product__title {
  white-space: nowrap !important;           /* 禁止換行 */
  overflow: hidden !important;              /* 隱藏超出部分 */
  text-overflow: ellipsis !important;       /* 顯示 ... */
  max-width: 100% !important;               /* 不超過容器寬度 */
  display: block !important;                /* 確保 block 元素行為 */
  line-height: 1.3 !important;              /* 適當行高，避免壓縮 */
}

/* 可選：限制高度，加強防呆（有些主題會有兩行強制） */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  height: 1.3em !important;                 /* 約一行的高度，視字體大小調整 */
  overflow: hidden !important;
}/* End custom CSS */