.elementor-21 .elementor-element.elementor-element-dc26852{--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 0px;--row-gap:0px;--column-gap:0px;}.elementor-21 .elementor-element.elementor-element-52fd366{--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-21 .elementor-element.elementor-element-52fd366.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-21 .elementor-element.elementor-element-af06129{--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-21 .elementor-element.elementor-element-01a5703 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-222e475{--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-21 .elementor-element.elementor-element-c1477eb{--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 0px;--row-gap:0px;--column-gap:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-21 .elementor-element.elementor-element-55abd4b{--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;--margin-top:-10%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-21 .elementor-element.elementor-element-55abd4b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-21 .elementor-element.elementor-element-2926f5a{width:var( --container-widget-width, 177.692% );max-width:177.692%;--container-widget-width:177.692%;--container-widget-flex-grow:0;}.elementor-21 .elementor-element.elementor-element-2926f5a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-21 .elementor-element.elementor-element-2926f5a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:2.625rem;font-weight:400;color:#000000;}.elementor-21 .elementor-element.elementor-element-b71e4ae > .elementor-widget-container{margin:-22px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-b71e4ae{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-21 .elementor-element.elementor-element-bc391a5{--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-21 .elementor-element.elementor-element-8b4d5bf{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-10%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-21 .elementor-element.elementor-element-8b4d5bf.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-21 .elementor-element.elementor-element-b0ca299 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-b0ca299{text-align:right;}.woocommerce .elementor-21 .elementor-element.elementor-element-b0ca299 .price{color:#000000;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;}.elementor-21 .elementor-element.elementor-element-ee7ddc6 .cart button, .elementor-21 .elementor-element.elementor-element-ee7ddc6 .cart .button{padding:0px 0px 0px 0px;color:#FFFFFF;background-color:#000000;transition:all 0.2s;}.elementor-21 .elementor-element.elementor-element-ee7ddc6 .added_to_cart{font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-21 .elementor-element.elementor-element-ee7ddc6 .quantity .qty{transition:all 0.2s;}.elementor-21 .elementor-element.elementor-element-c2f824b{--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 0px;--row-gap:0px;--column-gap:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-21 .elementor-element.elementor-element-c5bfb34{--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;--margin-top:-5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-21 .elementor-element.elementor-element-c5bfb34.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-21 .elementor-element.elementor-element-be56c30{color:#000000;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;}.elementor-21 .elementor-element.elementor-element-f0e42f8{--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-21 .elementor-element.elementor-element-ecc8510{--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-21 .elementor-element.elementor-element-1b85eb0{--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-21 .elementor-element.elementor-element-392e8a3{--e-image-carousel-slides-to-show:4;}@media(max-width:767px){.elementor-21 .elementor-element.elementor-element-01a5703 > .elementor-widget-container{padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-21 .elementor-element.elementor-element-52fd366{--width:30%;}.elementor-21 .elementor-element.elementor-element-af06129{--width:40%;}.elementor-21 .elementor-element.elementor-element-222e475{--width:30%;}.elementor-21 .elementor-element.elementor-element-55abd4b{--width:29.125%;}.elementor-21 .elementor-element.elementor-element-bc391a5{--width:33.392%;}.elementor-21 .elementor-element.elementor-element-8b4d5bf{--width:33.304%;}.elementor-21 .elementor-element.elementor-element-c5bfb34{--width:45.713%;}.elementor-21 .elementor-element.elementor-element-f0e42f8{--width:50%;}.elementor-21 .elementor-element.elementor-element-ecc8510{--width:25%;}}/* Start custom CSS for woocommerce-product-images, class: .elementor-element-01a5703 *//* ================================================================
   僅針對「主題」裡帶有 .featureimg 的主圖容器，強制 1:1（正方形）比例，
   其餘 WooCommerce 圖片不受影響
   ================================================================ */

/* 1. 讓 .featureimg 底下的 wrapper 成為 1:1 比例的方形容器 */
.featureimg .woocommerce-product-gallery__wrapper {
    aspect-ratio: 1 / 1!important;       /* 容器固定正方形 */
    width: 100%!important; ;
    overflow: hidden!important; ;          /* 隱藏超出範圍，避免其他元素擠壓 */
    margin: 0!important; ;
    padding: 0!important; ;
    position: relative!important; ;        /* 方便子元素絕對定位 */
    background: #fff!important; ;          /* 避免透明背景露出底層 */
}

/* 2. 只有「第一張主圖」套用裁切填滿，其他 Gallery 圖不動 */
.featureimg .woocommerce-product-gallery__wrapper 
  .woocommerce-product-gallery__image:first-child img {
    width: 100%!important; ;
    height: 100%!important; ;
    object-fit: cover!important; ;         /* 填滿方框，必要時裁切，不變形 */
    display: block!important; ;
    border: none!important; ;
    box-shadow: none!important; ;
    max-width: 100%;
    max-height: 100%;
}

/* ---------------------------------------------------------------
   若未來想改回 4:3 比例，可將 aspect-ratio: 1/1 換成 4/3：
   .featureimg .woocommerce-product-gallery__wrapper {
       aspect-ratio: 4 / 3;
   }
   其餘屬性保持不變即可。
   --------------------------------------------------------------- */

/* 隱藏 .featureimg 底下的 FlexSlider 導航（flex-control-nav 與 flex-control-thumbs） */
.featureimg .flex-control-nav,
.featureimg .flex-control-thumbs {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-ee7ddc6 */.elementor-21 .elementor-element.elementor-element-ee7ddc6 .cart button, .elementor-21 .elementor-element.elementor-element-ee7ddc6 .cart .button {
    
    align-items: center;
    border-radius: 1.5rem;
    border-width: 0px;
    height: 2.5rem;
    width: 222px;
    letter-spacing: 1px;
    font-size: 14px;
}

.woo-variation-swatches .variable-items-wrapper {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    list-style: none;
    margin: 0;
    padding: 0;
}

.woocommerce-js div.product form.cart .reset_variations {
padding-left:10px;
}


.woocommerce-js div.product form.cart .variations th {
    text-align: right;
}

.woo-variation-swatches.wvs-show-label .variations td {
    text-align: right;
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-392e8a3 *//* 讓 .swiper-slide-image 維持 1:1 正方形，並以裁切方式填滿 */
.swiper-slide-image {
  display: block;          /* 讓圖片變成 block 元素，方便寬度和高度生效 */
  width: 100%;             /* 寬度佔滿父容器 */
  aspect-ratio: 1 / 1;     /* 高度＝寬度，強制正方形 */
  object-fit: cover;       /* 填滿且裁切多餘部分，不變形 */
  object-position: center; /* 可選：讓圖案置中裁切 */
}

/* ==============================================================
   針對 WooCommerce / Lightbox 產生的 .zoomImg，強制其保持 1:1 比例並裁切填滿
   ============================================================== */

/* 強制商品主圖容器為 4:3 比例 */
.woocommerce-js div.product div.images .woocommerce-product-gallery__wrapper {
    aspect-ratio: 1 / 1;       /* 設定容器比例 */
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
    position: relative;
    background: #fff;          /* 避免透明底色 */
}

/* 讓圖片自動覆蓋滿 4:3 框，不變形，必要時會裁切 */
.woocommerce-js div.product div.images img,
.woocommerce-js div.product div.images .woocommerce-product-gallery__image {
    width: 100%;
    height: 100%;
    object-fit: cover;         /* 填滿且裁切多餘部份 */
    display: block;
    border: none;
    box-shadow: none;
    max-width: 100%;
    max-height: 100%;
}/* End custom CSS */