.elementor-2865 .elementor-element.elementor-element-6b801a0{--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-2865 .elementor-element.elementor-element-6b801a0:not(.elementor-motion-effects-element-type-background), .elementor-2865 .elementor-element.elementor-element-6b801a0 > .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-2865 .elementor-element.elementor-element-fa8c3bc .elementor-heading-title{font-size:30px;}.elementor-2865 .elementor-element.elementor-element-938759a .elementor-heading-title{font-weight:400;line-height:1.4em;}.elementor-2865 .elementor-element.elementor-element-e9ae3ce{--display:flex;--overflow:hidden;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2865 .elementor-element.elementor-element-e9ae3ce:not(.elementor-motion-effects-element-type-background), .elementor-2865 .elementor-element.elementor-element-e9ae3ce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-2865 .elementor-element.elementor-element-f0c9013{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2865 .elementor-element.elementor-element-196a5af{width:auto;max-width:auto;padding:0px 20px 0px 20px;}.elementor-2865 .elementor-element.elementor-element-196a5af .elementor-heading-title{color:var( --e-global-color-blocksy_palette_8 );}.elementor-2865 .elementor-element.elementor-element-c8d1d0d{width:auto;max-width:auto;padding:0px 20px 0px 20px;}.elementor-2865 .elementor-element.elementor-element-c8d1d0d .elementor-heading-title{color:var( --e-global-color-blocksy_palette_8 );}.elementor-2865 .elementor-element.elementor-element-26cf098{width:auto;max-width:auto;padding:0px 20px 0px 20px;}.elementor-2865 .elementor-element.elementor-element-26cf098 .elementor-heading-title{color:var( --e-global-color-blocksy_palette_8 );}.elementor-2865 .elementor-element.elementor-element-c601102{--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:30px 0px;--row-gap:30px;--column-gap:0px;--flex-wrap:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:150px;--padding-right:150px;}.elementor-2865 .elementor-element.elementor-element-befe269.elementor-element{--align-self:center;}.elementor-2865 .elementor-element.elementor-element-befe269 .elementor-heading-title{font-size:24px;}.elementor-2865 .elementor-element.elementor-element-abf0b71 .e-search-submit{background-color:#02010100;}.elementor-2865 .elementor-element.elementor-element-abf0b71{width:var( --container-widget-width, 45% );max-width:45%;padding:0px 10px 0px 0px;--container-widget-width:45%;--container-widget-flex-grow:0;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-blocksy_palette_3 );border-radius:20px 20px 20px 20px;--e-search-input-padding-block-start:5px;--e-search-input-padding-inline-start:15px;--e-search-input-padding-block-end:5px;--e-search-input-padding-inline-end:5px;--e-search-submit-margin-inline-start:0px;--e-search-icon-clear-color:var( --e-global-color-blocksy_palette_3 );--e-search-icon-submit-size:15px;--e-search-submit-icon-gap:0px;--e-search-icon-submit-color:var( --e-global-color-blocksy_palette_3 );--e-search-submit-padding:0px 0px 0px 0px;}.elementor-2865 .elementor-element.elementor-element-abf0b71 .e-search-input{font-size:14px;border-style:none;border-radius:20px 20px 20px 20px;}.elementor-2865 .elementor-element.elementor-element-abf0b71 .e-search-submit span{font-size:0px;}.elementor-2865 .elementor-element.elementor-element-5f17730.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-2865 .elementor-element.elementor-element-5f17730 .woocommerce .woocommerce-loop-category__title{font-size:16px;}@media(max-width:1366px){.elementor-2865 .elementor-element.elementor-element-c601102{--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}}@media(max-width:1024px){.elementor-2865 .elementor-element.elementor-element-6b801a0{--min-height:320px;--padding-top:0px;--padding-bottom:0px;--padding-left:120px;--padding-right:120px;}.elementor-2865 .elementor-element.elementor-element-fa8c3bc .elementor-heading-title{font-size:24px;}.elementor-2865 .elementor-element.elementor-element-c601102{--gap:20px 0px;--row-gap:20px;--column-gap:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}}@media(max-width:767px){.elementor-2865 .elementor-element.elementor-element-6b801a0{--min-height:280px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:90px;}.elementor-2865 .elementor-element.elementor-element-c601102{--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-2865 .elementor-element.elementor-element-abf0b71{width:100%;max-width:100%;}}/* Start custom CSS for wc-categories, class: .elementor-element-5f17730 *//* ===================================================
   1. 外層卡片：白色背景、圓角、陰影、邊框
   =================================================== */
.elementor-2865 .elementor-element.elementor-element-5f17730 .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-2865 .elementor-element.elementor-element-5f17730 .product-category:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1) !important;
}

/* ===================================================
   2. 卡片內部連結與排版容器
   =================================================== */
.elementor-2865 .elementor-element.elementor-element-5f17730 .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-2865 .elementor-element.elementor-element-5f17730 .product-category figure,
.elementor-2865 .elementor-element.elementor-element-5f17730 .product-category .ct-media-container {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    width: 100% !important;
}

/* ===================================================
   3. 圖片 1:1 比例與間距控制（圖片下方預留 15px）
   =================================================== */
.elementor-2865 .elementor-element.elementor-element-5f17730 .product-category img,
.elementor-2865 .elementor-element.elementor-element-5f17730 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: 15px !important; /* 圖片與標題間距 15px */
}

/* ===================================================
   4. 分類標題：僅維持彈性置中結構，樣式釋放給 Elementor
   =================================================== */
.elementor-2865 .elementor-element.elementor-element-5f17730 .woocommerce-loop-category__title,
.elementor-2865 .elementor-element.elementor-element-5f17730 h2,
.elementor-2865 .elementor-element.elementor-element-5f17730 h3 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0 !important;
    /* 字級、粗細、顏色已全部釋放，直接依據 Elementor 左側「樣式 > 標題」面板設定生效 */
}

/* ===================================================
   5. 完全隱藏商品數量（件數）
   =================================================== */
.elementor-2865 .elementor-element.elementor-element-5f17730 .custom-category-count,
.elementor-2865 .elementor-element.elementor-element-5f17730 .count {
    display: none !important;
}/* End custom CSS */