.elementor-2668 .elementor-element.elementor-element-c8e2183{--display:flex;--min-height:420px;--justify-content:center;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:180px;--padding-right:180px;}.elementor-2668 .elementor-element.elementor-element-c8e2183:not(.elementor-motion-effects-element-type-background), .elementor-2668 .elementor-element.elementor-element-c8e2183 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.saporo.com.tw/wp-content/uploads/2026/09/b0c5ae87-d3a1-4515-96cb-d69f9e26abeb-2880w.webp");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-2668 .elementor-element.elementor-element-fa1c772 .elementor-heading-title{font-size:30px;}.elementor-2668 .elementor-element.elementor-element-0f37ab6 .elementor-heading-title{font-weight:400;line-height:1.4em;}.elementor-2668 .elementor-element.elementor-element-0b98a3c{--display:flex;--overflow:hidden;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2668 .elementor-element.elementor-element-0b98a3c:not(.elementor-motion-effects-element-type-background), .elementor-2668 .elementor-element.elementor-element-0b98a3c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-2668 .elementor-element.elementor-element-7dd6627{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2668 .elementor-element.elementor-element-13af58b{width:auto;max-width:auto;padding:0px 20px 0px 20px;}.elementor-2668 .elementor-element.elementor-element-13af58b .elementor-heading-title{color:var( --e-global-color-blocksy_palette_8 );}.elementor-2668 .elementor-element.elementor-element-0567204{width:auto;max-width:auto;padding:0px 20px 0px 20px;}.elementor-2668 .elementor-element.elementor-element-0567204 .elementor-heading-title{color:var( --e-global-color-blocksy_palette_8 );}.elementor-2668 .elementor-element.elementor-element-77e0bc0{width:auto;max-width:auto;padding:0px 20px 0px 20px;}.elementor-2668 .elementor-element.elementor-element-77e0bc0 .elementor-heading-title{color:var( --e-global-color-blocksy_palette_8 );}.elementor-2668 .elementor-element.elementor-element-a2e0ee5{--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;--justify-content:space-between;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--flex-wrap:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:150px;--padding-right:150px;}.elementor-2668 .elementor-element.elementor-element-f332ae7{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-2668 .elementor-element.elementor-element-e2e7190{width:100%;max-width:100%;text-align:center;}.elementor-2668 .elementor-element.elementor-element-6a15ba1{width:100%;max-width:100%;text-align:center;}.elementor-2668 .elementor-element.elementor-element-6a15ba1 .elementor-heading-title{font-weight:400;line-height:1.3em;}.elementor-2668 .elementor-element.elementor-element-99b0fb9 .product{text-align:center;}.elementor-2668 .elementor-element.elementor-element-99b0fb9{padding:30px 0px 0px 0px;}.elementor-2668 .elementor-element.elementor-element-99b0fb9.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-2668 .elementor-element.elementor-element-99b0fb9 a > img{margin-bottom:0px;}.elementor-2668 .elementor-element.elementor-element-99b0fb9 .woocommerce .woocommerce-loop-category__title{font-size:17px;}.elementor-2668 .elementor-element.elementor-element-99b0fb9 .woocommerce-loop-category__title .count{font-size:16px;font-weight:400;}.elementor-2668 .elementor-element.elementor-element-65923d3{--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:10px 20px;--row-gap:10px;--column-gap:20px;--flex-wrap:wrap;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2668 .elementor-element.elementor-element-b8a7b5b{width:100%;max-width:100%;text-align:center;}.elementor-2668 .elementor-element.elementor-element-f1b2c8e{width:100%;max-width:100%;text-align:center;}.elementor-2668 .elementor-element.elementor-element-f1b2c8e .elementor-heading-title{font-weight:400;line-height:1.3em;}.elementor-2668 .elementor-element.elementor-element-fc657d8 .product{text-align:center;}.elementor-2668 .elementor-element.elementor-element-fc657d8{padding:30px 0px 0px 0px;}.elementor-2668 .elementor-element.elementor-element-fc657d8.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-2668 .elementor-element.elementor-element-fc657d8 a > img{margin-bottom:0px;}.elementor-2668 .elementor-element.elementor-element-fc657d8 .woocommerce .woocommerce-loop-category__title{font-size:17px;}.elementor-2668 .elementor-element.elementor-element-fc657d8 .woocommerce-loop-category__title .count{font-size:16px;font-weight:400;}.elementor-2668 .elementor-element.elementor-element-3826388{--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:10px 20px;--row-gap:10px;--column-gap:20px;--flex-wrap:wrap;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2668 .elementor-element.elementor-element-d4cb667{width:100%;max-width:100%;text-align:center;}.elementor-2668 .elementor-element.elementor-element-0461fe8{width:100%;max-width:100%;text-align:center;}.elementor-2668 .elementor-element.elementor-element-0461fe8 .elementor-heading-title{font-weight:400;line-height:1.3em;}.elementor-2668 .elementor-element.elementor-element-e8c8ad2 .product{text-align:center;}.elementor-2668 .elementor-element.elementor-element-e8c8ad2{padding:30px 0px 0px 0px;}.elementor-2668 .elementor-element.elementor-element-e8c8ad2.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-2668 .elementor-element.elementor-element-e8c8ad2 a > img{margin-bottom:0px;}.elementor-2668 .elementor-element.elementor-element-e8c8ad2 .woocommerce .woocommerce-loop-category__title{font-size:17px;}.elementor-2668 .elementor-element.elementor-element-e8c8ad2 .woocommerce-loop-category__title .count{font-size:16px;font-weight:400;}.elementor-2668 .elementor-element.elementor-element-76ad9ee{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2668 .elementor-element.elementor-element-883b7a1{width:100%;max-width:100%;text-align:center;}.elementor-2668 .elementor-element.elementor-element-aada6e4{width:100%;max-width:100%;text-align:center;}.elementor-2668 .elementor-element.elementor-element-aada6e4 .elementor-heading-title{font-weight:400;line-height:1.3em;}.elementor-2668 .elementor-element.elementor-element-5443dca .product{text-align:center;}.elementor-2668 .elementor-element.elementor-element-5443dca{padding:30px 0px 0px 0px;}.elementor-2668 .elementor-element.elementor-element-5443dca.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-2668 .elementor-element.elementor-element-5443dca a > img{margin-bottom:0px;}.elementor-2668 .elementor-element.elementor-element-5443dca .woocommerce .woocommerce-loop-category__title{font-size:17px;}.elementor-2668 .elementor-element.elementor-element-5443dca .woocommerce-loop-category__title .count{font-size:16px;font-weight:400;}.elementor-2668 .elementor-element.elementor-element-61e799a{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2668 .elementor-element.elementor-element-1d30092{width:100%;max-width:100%;text-align:center;}.elementor-2668 .elementor-element.elementor-element-a0ce675{width:100%;max-width:100%;text-align:center;}.elementor-2668 .elementor-element.elementor-element-a0ce675 .elementor-heading-title{font-weight:400;line-height:1.3em;}.elementor-2668 .elementor-element.elementor-element-24ffdf0 .product{text-align:center;}.elementor-2668 .elementor-element.elementor-element-24ffdf0{padding:30px 0px 0px 0px;}.elementor-2668 .elementor-element.elementor-element-24ffdf0.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-2668 .elementor-element.elementor-element-24ffdf0 a > img{margin-bottom:0px;}.elementor-2668 .elementor-element.elementor-element-24ffdf0 .woocommerce .woocommerce-loop-category__title{font-size:17px;}.elementor-2668 .elementor-element.elementor-element-24ffdf0 .woocommerce-loop-category__title .count{font-size:16px;font-weight:400;}@media(max-width:1366px){.elementor-2668 .elementor-element.elementor-element-a2e0ee5{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:90px;--padding-bottom:90px;--padding-left:90px;--padding-right:90px;}}@media(max-width:1024px){.elementor-2668 .elementor-element.elementor-element-c8e2183{--min-height:320px;--padding-top:0px;--padding-bottom:0px;--padding-left:120px;--padding-right:120px;}.elementor-2668 .elementor-element.elementor-element-fa1c772 .elementor-heading-title{font-size:20px;}.elementor-2668 .elementor-element.elementor-element-a2e0ee5{--justify-content:space-between;--padding-top:30px;--padding-bottom:60px;--padding-left:30px;--padding-right:30px;}}@media(max-width:767px){.elementor-2668 .elementor-element.elementor-element-c8e2183{--min-height:280px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:90px;}.elementor-2668 .elementor-element.elementor-element-a2e0ee5{--gap:20px 0px;--row-gap:20px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-2668 .elementor-element.elementor-element-6a15ba1{width:100%;max-width:100%;}.elementor-2668 .elementor-element.elementor-element-f1b2c8e{width:100%;max-width:100%;}.elementor-2668 .elementor-element.elementor-element-0461fe8{width:100%;max-width:100%;}.elementor-2668 .elementor-element.elementor-element-aada6e4{width:100%;max-width:100%;}.elementor-2668 .elementor-element.elementor-element-a0ce675{width:100%;max-width:100%;}}/* Start custom CSS for wc-categories, class: .elementor-element-99b0fb9 *//* 1. 讓分類標題與計數強制換行 */
.elementor-2668 .elementor-element.elementor-element-99b0fb9 .woocommerce-loop-category__title,
.elementor-2668 .elementor-element.elementor-element-99b0fb9 h2,
.elementor-2668 .elementor-element.elementor-element-99b0fb9 h3 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 6px !important; /* 標題與數量的垂直間距 */
}

/* 2. 設定「幾件商品」的字體大小與淡灰色樣式（比照第二張參考圖） */
.elementor-2668 .elementor-element.elementor-element-99b0fb9 .custom-category-count,
.elementor-2668 .elementor-element.elementor-element-99b0fb9 .count {
    display: block !important;
    font-size: 13px !important;
    color: #8c8c8c !important; /* 柔和灰色 */
    font-weight: 400 !important;
    background: transparent !important; /* 清除某些主題預設 mark 的底色 */
    padding: 0 !important;
    margin: 0 !important;
}


/* 強制將分類縮圖及其容器設定為 1:1 正方形 */
.elementor-2668 .elementor-element.elementor-element-99b0fb9 .ct-media-container,
.elementor-2668 .elementor-element.elementor-element-99b0fb9 .product-category img,
.elementor-2668 .elementor-element.elementor-element-99b0fb9 img.attachment-woocommerce_archive_thumbnail {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important; /* 確保圖片填滿 1:1 區域且不變形 */
}

/* ===================================================
   1. 外層卡片：白色背景、圓角、陰影、邊框
   =================================================== */
.elementor-2668 .elementor-element.elementor-element-99b0fb9 .product-category {
    background-color: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
    border: 1px solid #f0f0f0 !important;
    padding: 16px 16px 20px 16px !important; /* 卡片內部四周留白 */
    box-sizing: border-box !important;
    overflow: hidden !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

/* 滑鼠懸停（Hover）微浮動效果 */
.elementor-2668 .elementor-element.elementor-element-99b0fb9 .product-category:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1) !important;
}

/* ===================================================
   2. 卡片內部連結與排版容器
   =================================================== */
.elementor-2668 .elementor-element.elementor-element-99b0fb9 .product-category a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-decoration: none !important;
    width: 100% !important;
}

/* 清除圖片外層容器 (figure / ct-media-container) 的殘留間距與行高 */
.elementor-2668 .elementor-element.elementor-element-99b0fb9 .product-category figure,
.elementor-2668 .elementor-element.elementor-element-99b0fb9 .product-category .ct-media-container {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    width: 100% !important;
}

/* ===================================================
   3. 圖片 1:1 比例與間距控制
   =================================================== */
.elementor-2668 .elementor-element.elementor-element-99b0fb9 .product-category img,
.elementor-2668 .elementor-element.elementor-element-99b0fb9 img.attachment-woocommerce_archive_thumbnail {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important; /* 填滿 1:1 區域；若去背圖怕被切可改為 contain */
    display: block !important;
    margin-bottom: 0 !important;
}

/* ===================================================
   4. 分類標題：排版與負外距拉近
   =================================================== */
.elementor-2668 .elementor-element.elementor-element-99b0fb9 .woocommerce-loop-category__title,
.elementor-2668 .elementor-element.elementor-element-99b0fb9 h2,
.elementor-2668 .elementor-element.elementor-element-99b0fb9 h3 {
    margin-top: 10px !important; /* 負外距直接消除透明邊界，強制向上拉近 */
    margin-bottom: 0 !important;
    padding: 0 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #222222 !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 6px !important; /* 標題文字與下方件數的距離 */
}

/* ===================================================
   5. 商品數量樣式（幾件商品）
   =================================================== */
.elementor-2668 .elementor-element.elementor-element-99b0fb9 .custom-category-count,
.elementor-2668 .elementor-element.elementor-element-99b0fb9 .count {
    display: block !important;
    font-size: 13px !important;
    color: #8c8c8c !important;
    font-weight: 400 !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}/* End custom CSS */
/* Start custom CSS for wc-categories, class: .elementor-element-fc657d8 *//* 1. 讓分類標題與計數強制換行 */
.elementor-2668 .elementor-element.elementor-element-fc657d8 .woocommerce-loop-category__title,
.elementor-2668 .elementor-element.elementor-element-fc657d8 h2,
.elementor-2668 .elementor-element.elementor-element-fc657d8 h3 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 6px !important; /* 標題與數量的垂直間距 */
}

/* 2. 設定「幾件商品」的字體大小與淡灰色樣式（比照第二張參考圖） */
.elementor-2668 .elementor-element.elementor-element-fc657d8 .custom-category-count,
.elementor-2668 .elementor-element.elementor-element-fc657d8 .count {
    display: block !important;
    font-size: 13px !important;
    color: #8c8c8c !important; /* 柔和灰色 */
    font-weight: 400 !important;
    background: transparent !important; /* 清除某些主題預設 mark 的底色 */
    padding: 0 !important;
    margin: 0 !important;
}


/* 強制將分類縮圖及其容器設定為 1:1 正方形 */
.elementor-2668 .elementor-element.elementor-element-fc657d8 .ct-media-container,
.elementor-2668 .elementor-element.elementor-element-fc657d8 .product-category img,
.elementor-2668 .elementor-element.elementor-element-fc657d8 img.attachment-woocommerce_archive_thumbnail {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important; /* 確保圖片填滿 1:1 區域且不變形 */
}

/* ===================================================
   1. 外層卡片：白色背景、圓角、陰影、邊框
   =================================================== */
.elementor-2668 .elementor-element.elementor-element-fc657d8 .product-category {
    background-color: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
    border: 1px solid #f0f0f0 !important;
    padding: 16px 16px 20px 16px !important; /* 卡片內部四周留白 */
    box-sizing: border-box !important;
    overflow: hidden !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

/* 滑鼠懸停（Hover）微浮動效果 */
.elementor-2668 .elementor-element.elementor-element-fc657d8 .product-category:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1) !important;
}

/* ===================================================
   2. 卡片內部連結與排版容器
   =================================================== */
.elementor-2668 .elementor-element.elementor-element-fc657d8 .product-category a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-decoration: none !important;
    width: 100% !important;
}

/* 清除圖片外層容器 (figure / ct-media-container) 的殘留間距與行高 */
.elementor-2668 .elementor-element.elementor-element-fc657d8 .product-category figure,
.elementor-2668 .elementor-element.elementor-element-fc657d8 .product-category .ct-media-container {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    width: 100% !important;
}

/* ===================================================
   3. 圖片 1:1 比例與間距控制
   =================================================== */
.elementor-2668 .elementor-element.elementor-element-fc657d8 .product-category img,
.elementor-2668 .elementor-element.elementor-element-fc657d8 img.attachment-woocommerce_archive_thumbnail {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important; /* 填滿 1:1 區域；若去背圖怕被切可改為 contain */
    display: block !important;
    margin-bottom: 0 !important;
}

/* ===================================================
   4. 分類標題：排版與負外距拉近
   =================================================== */
.elementor-2668 .elementor-element.elementor-element-fc657d8 .woocommerce-loop-category__title,
.elementor-2668 .elementor-element.elementor-element-fc657d8 h2,
.elementor-2668 .elementor-element.elementor-element-fc657d8 h3 {
    margin-top: 10px !important; /* 負外距直接消除透明邊界，強制向上拉近 */
    margin-bottom: 0 !important;
    padding: 0 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #222222 !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 6px !important; /* 標題文字與下方件數的距離 */
}

/* ===================================================
   5. 商品數量樣式（幾件商品）
   =================================================== */
.elementor-2668 .elementor-element.elementor-element-fc657d8 .custom-category-count,
.elementor-2668 .elementor-element.elementor-element-fc657d8 .count {
    display: block !important;
    font-size: 13px !important;
    color: #8c8c8c !important;
    font-weight: 400 !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}/* End custom CSS */
/* Start custom CSS for wc-categories, class: .elementor-element-e8c8ad2 *//* 1. 讓分類標題與計數強制換行 */
.elementor-2668 .elementor-element.elementor-element-e8c8ad2 .woocommerce-loop-category__title,
.elementor-2668 .elementor-element.elementor-element-e8c8ad2 h2,
.elementor-2668 .elementor-element.elementor-element-e8c8ad2 h3 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 6px !important; /* 標題與數量的垂直間距 */
}

/* 2. 設定「幾件商品」的字體大小與淡灰色樣式（比照第二張參考圖） */
.elementor-2668 .elementor-element.elementor-element-e8c8ad2 .custom-category-count,
.elementor-2668 .elementor-element.elementor-element-e8c8ad2 .count {
    display: block !important;
    font-size: 13px !important;
    color: #8c8c8c !important; /* 柔和灰色 */
    font-weight: 400 !important;
    background: transparent !important; /* 清除某些主題預設 mark 的底色 */
    padding: 0 !important;
    margin: 0 !important;
}


/* 強制將分類縮圖及其容器設定為 1:1 正方形 */
.elementor-2668 .elementor-element.elementor-element-e8c8ad2 .ct-media-container,
.elementor-2668 .elementor-element.elementor-element-e8c8ad2 .product-category img,
.elementor-2668 .elementor-element.elementor-element-e8c8ad2 img.attachment-woocommerce_archive_thumbnail {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important; /* 確保圖片填滿 1:1 區域且不變形 */
}

/* ===================================================
   1. 外層卡片：白色背景、圓角、陰影、邊框
   =================================================== */
.elementor-2668 .elementor-element.elementor-element-e8c8ad2 .product-category {
    background-color: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
    border: 1px solid #f0f0f0 !important;
    padding: 16px 16px 20px 16px !important; /* 卡片內部四周留白 */
    box-sizing: border-box !important;
    overflow: hidden !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

/* 滑鼠懸停（Hover）微浮動效果 */
.elementor-2668 .elementor-element.elementor-element-e8c8ad2 .product-category:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1) !important;
}

/* ===================================================
   2. 卡片內部連結與排版容器
   =================================================== */
.elementor-2668 .elementor-element.elementor-element-e8c8ad2 .product-category a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-decoration: none !important;
    width: 100% !important;
}

/* 清除圖片外層容器 (figure / ct-media-container) 的殘留間距與行高 */
.elementor-2668 .elementor-element.elementor-element-e8c8ad2 .product-category figure,
.elementor-2668 .elementor-element.elementor-element-e8c8ad2 .product-category .ct-media-container {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    width: 100% !important;
}

/* ===================================================
   3. 圖片 1:1 比例與間距控制
   =================================================== */
.elementor-2668 .elementor-element.elementor-element-e8c8ad2 .product-category img,
.elementor-2668 .elementor-element.elementor-element-e8c8ad2 img.attachment-woocommerce_archive_thumbnail {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important; /* 填滿 1:1 區域；若去背圖怕被切可改為 contain */
    display: block !important;
    margin-bottom: 0 !important;
}

/* ===================================================
   4. 分類標題：排版與負外距拉近
   =================================================== */
.elementor-2668 .elementor-element.elementor-element-e8c8ad2 .woocommerce-loop-category__title,
.elementor-2668 .elementor-element.elementor-element-e8c8ad2 h2,
.elementor-2668 .elementor-element.elementor-element-e8c8ad2 h3 {
    margin-top: 10px !important; /* 負外距直接消除透明邊界，強制向上拉近 */
    margin-bottom: 0 !important;
    padding: 0 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #222222 !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 6px !important; /* 標題文字與下方件數的距離 */
}

/* ===================================================
   5. 商品數量樣式（幾件商品）
   =================================================== */
.elementor-2668 .elementor-element.elementor-element-e8c8ad2 .custom-category-count,
.elementor-2668 .elementor-element.elementor-element-e8c8ad2 .count {
    display: block !important;
    font-size: 13px !important;
    color: #8c8c8c !important;
    font-weight: 400 !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}/* End custom CSS */
/* Start custom CSS for wc-categories, class: .elementor-element-5443dca *//* 1. 讓分類標題與計數強制換行 */
.elementor-2668 .elementor-element.elementor-element-5443dca .woocommerce-loop-category__title,
.elementor-2668 .elementor-element.elementor-element-5443dca h2,
.elementor-2668 .elementor-element.elementor-element-5443dca h3 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 6px !important; /* 標題與數量的垂直間距 */
}

/* 2. 設定「幾件商品」的字體大小與淡灰色樣式（比照第二張參考圖） */
.elementor-2668 .elementor-element.elementor-element-5443dca .custom-category-count,
.elementor-2668 .elementor-element.elementor-element-5443dca .count {
    display: block !important;
    font-size: 13px !important;
    color: #8c8c8c !important; /* 柔和灰色 */
    font-weight: 400 !important;
    background: transparent !important; /* 清除某些主題預設 mark 的底色 */
    padding: 0 !important;
    margin: 0 !important;
}


/* 強制將分類縮圖及其容器設定為 1:1 正方形 */
.elementor-2668 .elementor-element.elementor-element-5443dca .ct-media-container,
.elementor-2668 .elementor-element.elementor-element-5443dca .product-category img,
.elementor-2668 .elementor-element.elementor-element-5443dca img.attachment-woocommerce_archive_thumbnail {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important; /* 確保圖片填滿 1:1 區域且不變形 */
}

/* ===================================================
   1. 外層卡片：白色背景、圓角、陰影、邊框
   =================================================== */
.elementor-2668 .elementor-element.elementor-element-5443dca .product-category {
    background-color: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
    border: 1px solid #f0f0f0 !important;
    padding: 16px 16px 20px 16px !important; /* 卡片內部四周留白 */
    box-sizing: border-box !important;
    overflow: hidden !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

/* 滑鼠懸停（Hover）微浮動效果 */
.elementor-2668 .elementor-element.elementor-element-5443dca .product-category:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1) !important;
}

/* ===================================================
   2. 卡片內部連結與排版容器
   =================================================== */
.elementor-2668 .elementor-element.elementor-element-5443dca .product-category a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-decoration: none !important;
    width: 100% !important;
}

/* 清除圖片外層容器 (figure / ct-media-container) 的殘留間距與行高 */
.elementor-2668 .elementor-element.elementor-element-5443dca .product-category figure,
.elementor-2668 .elementor-element.elementor-element-5443dca .product-category .ct-media-container {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    width: 100% !important;
}

/* ===================================================
   3. 圖片 1:1 比例與間距控制
   =================================================== */
.elementor-2668 .elementor-element.elementor-element-5443dca .product-category img,
.elementor-2668 .elementor-element.elementor-element-5443dca img.attachment-woocommerce_archive_thumbnail {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important; /* 填滿 1:1 區域；若去背圖怕被切可改為 contain */
    display: block !important;
    margin-bottom: 0 !important;
}

/* ===================================================
   4. 分類標題：排版與負外距拉近
   =================================================== */
.elementor-2668 .elementor-element.elementor-element-5443dca .woocommerce-loop-category__title,
.elementor-2668 .elementor-element.elementor-element-5443dca h2,
.elementor-2668 .elementor-element.elementor-element-5443dca h3 {
    margin-top: 10px !important; /* 負外距直接消除透明邊界，強制向上拉近 */
    margin-bottom: 0 !important;
    padding: 0 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #222222 !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 6px !important; /* 標題文字與下方件數的距離 */
}

/* ===================================================
   5. 商品數量樣式（幾件商品）
   =================================================== */
.elementor-2668 .elementor-element.elementor-element-5443dca .custom-category-count,
.elementor-2668 .elementor-element.elementor-element-5443dca .count {
    display: block !important;
    font-size: 13px !important;
    color: #8c8c8c !important;
    font-weight: 400 !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}/* End custom CSS */
/* Start custom CSS for wc-categories, class: .elementor-element-24ffdf0 *//* 1. 讓分類標題與計數強制換行 */
.elementor-2668 .elementor-element.elementor-element-24ffdf0 .woocommerce-loop-category__title,
.elementor-2668 .elementor-element.elementor-element-24ffdf0 h2,
.elementor-2668 .elementor-element.elementor-element-24ffdf0 h3 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 6px !important; /* 標題與數量的垂直間距 */
}

/* 2. 設定「幾件商品」的字體大小與淡灰色樣式（比照第二張參考圖） */
.elementor-2668 .elementor-element.elementor-element-24ffdf0 .custom-category-count,
.elementor-2668 .elementor-element.elementor-element-24ffdf0 .count {
    display: block !important;
    font-size: 13px !important;
    color: #8c8c8c !important; /* 柔和灰色 */
    font-weight: 400 !important;
    background: transparent !important; /* 清除某些主題預設 mark 的底色 */
    padding: 0 !important;
    margin: 0 !important;
}


/* 強制將分類縮圖及其容器設定為 1:1 正方形 */
.elementor-2668 .elementor-element.elementor-element-24ffdf0 .ct-media-container,
.elementor-2668 .elementor-element.elementor-element-24ffdf0 .product-category img,
.elementor-2668 .elementor-element.elementor-element-24ffdf0 img.attachment-woocommerce_archive_thumbnail {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important; /* 確保圖片填滿 1:1 區域且不變形 */
}

/* ===================================================
   1. 外層卡片：白色背景、圓角、陰影、邊框
   =================================================== */
.elementor-2668 .elementor-element.elementor-element-24ffdf0 .product-category {
    background-color: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
    border: 1px solid #f0f0f0 !important;
    padding: 16px 16px 20px 16px !important; /* 卡片內部四周留白 */
    box-sizing: border-box !important;
    overflow: hidden !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

/* 滑鼠懸停（Hover）微浮動效果 */
.elementor-2668 .elementor-element.elementor-element-24ffdf0 .product-category:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1) !important;
}

/* ===================================================
   2. 卡片內部連結與排版容器
   =================================================== */
.elementor-2668 .elementor-element.elementor-element-24ffdf0 .product-category a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-decoration: none !important;
    width: 100% !important;
}

/* 清除圖片外層容器 (figure / ct-media-container) 的殘留間距與行高 */
.elementor-2668 .elementor-element.elementor-element-24ffdf0 .product-category figure,
.elementor-2668 .elementor-element.elementor-element-24ffdf0 .product-category .ct-media-container {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    width: 100% !important;
}

/* ===================================================
   3. 圖片 1:1 比例與間距控制
   =================================================== */
.elementor-2668 .elementor-element.elementor-element-24ffdf0 .product-category img,
.elementor-2668 .elementor-element.elementor-element-24ffdf0 img.attachment-woocommerce_archive_thumbnail {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important; /* 填滿 1:1 區域；若去背圖怕被切可改為 contain */
    display: block !important;
    margin-bottom: 0 !important;
}

/* ===================================================
   4. 分類標題：排版與負外距拉近
   =================================================== */
.elementor-2668 .elementor-element.elementor-element-24ffdf0 .woocommerce-loop-category__title,
.elementor-2668 .elementor-element.elementor-element-24ffdf0 h2,
.elementor-2668 .elementor-element.elementor-element-24ffdf0 h3 {
    margin-top: 10px !important; /* 負外距直接消除透明邊界，強制向上拉近 */
    margin-bottom: 0 !important;
    padding: 0 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #222222 !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 6px !important; /* 標題文字與下方件數的距離 */
}

/* ===================================================
   5. 商品數量樣式（幾件商品）
   =================================================== */
.elementor-2668 .elementor-element.elementor-element-24ffdf0 .custom-category-count,
.elementor-2668 .elementor-element.elementor-element-24ffdf0 .count {
    display: block !important;
    font-size: 13px !important;
    color: #8c8c8c !important;
    font-weight: 400 !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}/* End custom CSS */