.elementor-33138 .elementor-element.elementor-element-6668254{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}body:not(.rtl) .elementor-33138 .elementor-element.elementor-element-b18ebe1{right:14px;}body.rtl .elementor-33138 .elementor-element.elementor-element-b18ebe1{left:14px;}.elementor-33138 .elementor-element.elementor-element-b18ebe1{top:13px;text-align:start;}.elementor-33138 .elementor-element.elementor-element-b18ebe1 img{width:84px;}.elementor-33138 .elementor-element.elementor-element-499f385{--display:flex;--min-height:80px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:10px;--margin-left:20px;--margin-right:0px;}.elementor-33138 .elementor-element.elementor-element-cbfb7b7 img{border-style:none;}.elementor-33138 .elementor-element.elementor-element-7fb77ee > .elementor-widget-container{margin:0px 0px 0px 50px;}.elementor-33138 .elementor-element.elementor-element-7fb77ee .elementor-nav-menu .elementor-item{font-family:"Noto Sans TC", Sans-serif;font-size:18px;letter-spacing:3.3px;}.elementor-33138 .elementor-element.elementor-element-7fb77ee .elementor-nav-menu--main .elementor-item{color:#523A1B;fill:#523A1B;padding-left:22px;padding-right:22px;padding-top:0px;padding-bottom:0px;}.elementor-33138 .elementor-element.elementor-element-7fb77ee .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-33138 .elementor-element.elementor-element-7fb77ee .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-33138 .elementor-element.elementor-element-7fb77ee .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-33138 .elementor-element.elementor-element-7fb77ee .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-33138 .elementor-element.elementor-element-7fb77ee .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-33138 .elementor-element.elementor-element-7fb77ee .e--pointer-underline .elementor-item:after,
					 .elementor-33138 .elementor-element.elementor-element-7fb77ee .e--pointer-overline .elementor-item:before,
					 .elementor-33138 .elementor-element.elementor-element-7fb77ee .e--pointer-double-line .elementor-item:before,
					 .elementor-33138 .elementor-element.elementor-element-7fb77ee .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-33138 .elementor-element.elementor-element-7fb77ee{--e-nav-menu-horizontal-menu-item-margin:calc( 44px / 2 );}.elementor-33138 .elementor-element.elementor-element-7fb77ee .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:44px;}.elementor-33138 .elementor-element.elementor-element-7fb77ee .elementor-nav-menu--dropdown a{padding-left:0px;padding-right:0px;padding-top:18px;padding-bottom:18px;}.elementor-33138 .elementor-element.elementor-element-095257a{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:40px;--margin-right:0px;}.elementor-33138 .elementor-element.elementor-element-df64650 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-33138 .elementor-element.elementor-element-df64650{--main-alignment:left;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-text-color:#696969;--toggle-button-icon-color:#696969;--toggle-button-border-color:#696969;--toggle-button-hover-text-color:#745037;--toggle-button-icon-hover-color:#745037;--toggle-button-hover-border-color:#745037;--toggle-button-border-width:1px;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-33138 .elementor-element.elementor-element-df64650 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-33138 .elementor-element.elementor-element-396e834 .elementor-button{background-color:#FFFFFF;fill:#707070;color:#707070;border-style:solid;border-width:1px 1px 1px 1px;border-color:#6E6E6E;border-radius:0px 0px 0px 0px;}.elementor-33138 .elementor-element.elementor-element-396e834 .elementor-button-content-wrapper{flex-direction:row;}.elementor-33138 .elementor-element.elementor-element-396e834 .elementor-button:hover, .elementor-33138 .elementor-element.elementor-element-396e834 .elementor-button:focus{color:#745037;border-color:#745037;}.elementor-33138 .elementor-element.elementor-element-396e834 .elementor-button:hover svg, .elementor-33138 .elementor-element.elementor-element-396e834 .elementor-button:focus svg{fill:#745037;}.elementor-33138 .elementor-element.elementor-element-1aaf7aa > .elementor-widget-container{margin:0px 0px 0px 50px;}.elementor-33138 .elementor-element.elementor-element-1aaf7aa{font-family:"Helvetica", Sans-serif;font-size:12px;font-weight:100;line-height:22px;letter-spacing:2.8px;color:#CECECE;}.elementor-33138 .elementor-element.elementor-element-c734ae8 > .elementor-widget-container{margin:0px 0px 0px 0px;}#elementor-popup-modal-33138 .dialog-widget-content{animation-duration:0.6s;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-33138{background-color:rgba(0,0,0,.8);justify-content:flex-end;align-items:flex-start;pointer-events:all;}#elementor-popup-modal-33138 .dialog-message{width:400px;height:auto;}@media(max-width:1024px){.elementor-33138 .elementor-element.elementor-element-095257a{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-33138 .elementor-element.elementor-element-6668254{--content-width:400px;}.elementor-33138 .elementor-element.elementor-element-499f385{--width:100px;}.elementor-33138 .elementor-element.elementor-element-095257a{--width:80%;}}@media(max-width:767px){.elementor-33138 .elementor-element.elementor-element-cbfb7b7 > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-33138 .elementor-element.elementor-element-cbfb7b7{text-align:start;}.elementor-33138 .elementor-element.elementor-element-cbfb7b7 img{width:35%;}.elementor-33138 .elementor-element.elementor-element-095257a{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}#elementor-popup-modal-33138{justify-content:flex-end;}}/* Start custom CSS for nav-menu, class: .elementor-element-7fb77ee *//* ==========================================
   1. 基礎設定與自動編號 (維持原邏輯)
   ========================================== */
.elementor-33138 .elementor-element.elementor-element-7fb77ee .elementor-nav-menu--main {
    counter-reset: menu-counter;
    position: relative;
}

/* 第一層選單項目編號 */
.elementor-33138 .elementor-element.elementor-element-7fb77ee .elementor-nav-menu--main > ul > li.menu-item {
    counter-increment: menu-counter;
    display: flex !important;
    flex-direction: column; 
    align-items: flex-start;
}

.elementor-33138 .elementor-element.elementor-element-7fb77ee .elementor-nav-menu--main > ul > li.menu-item::before {
    content: counter(menu-counter, decimal-leading-zero);
    font-size: 10px;
    margin-right: 20px;
    opacity: 0.4;
    font-family: sans-serif;
    background-color: #ffffff;
    position: relative;
    z-index: 1;
    padding: 5px 0;
    transition: all 0.3s ease;
}

/* ==========================================
   2. 垂直引導線設定 (維持原邏輯)
   ========================================== */
.elementor-33138 .elementor-element.elementor-element-7fb77ee .elementor-nav-menu--main::before {
    content: "";
    position: absolute;
    top: 10px;
    bottom: 0;
    left: 7px;
    width: 1px;
    background-color: rgba(61, 47, 37, 0.1); 
    z-index: 0;
}

/* ==========================================
   3. 二級選單：點擊觸發核心設定 (關鍵修改)
   ========================================== */

/* 預設狀態：完全隱藏，不論滑鼠怎麼滑都不准出現 */
.elementor-33138 .elementor-element.elementor-element-7fb77ee .elementor-nav-menu--main .sub-menu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: relative !important; /* 讓它向下推開，不要浮在上面 */
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    padding: 5px 0 10px 45px !important; /* 縮排產生層次感 */
    margin: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    border: none !important;
    transition: opacity 0.3s ease;
}

/* 【核心】只有當 JS 加入 .is-active 類別時才顯示 */
.elementor-33138 .elementor-element.elementor-element-7fb77ee .elementor-nav-menu--main li.is-active > .sub-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 【保險】徹底強制關閉任何 Hover 導致的顯示 */
.elementor-33138 .elementor-element.elementor-element-7fb77ee .elementor-nav-menu--main li:hover > .sub-menu {
    display: none !important;
}

/* 如果已經是開啟狀態，滑鼠在裡面動則維持顯示 */
.elementor-33138 .elementor-element.elementor-element-7fb77ee .elementor-nav-menu--main li.is-active:hover > .sub-menu {
    display: block !important;
}

/* 關閉二級選單的編號 */
.elementor-33138 .elementor-element.elementor-element-7fb77ee .sub-menu li.menu-item::before {
    display: none !important;
}

/* ==========================================
   4. 文字樣式與點擊高亮 (優化視覺體驗)
   ========================================= */
.elementor-33138 .elementor-element.elementor-element-7fb77ee .menu-item a {
    position: relative;
    transition: all 0.4s ease !important;
    padding-bottom: 5px !important;
    color: #3d2f25;
    text-decoration: none;
    background: #ffffff !important;
}

/* 建立底線動畫 */
.elementor-33138 .elementor-element.elementor-element-7fb77ee .menu-item a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background-color: #c4a484; 
    transition: width 0.4s ease;
}

/* 懸停(Hover) 與 開啟(Active) 的共同樣式 */
.elementor-33138 .elementor-element.elementor-element-7fb77ee .menu-item:hover > a,
.elementor-33138 .elementor-element.elementor-element-7fb77ee .menu-item.is-active > a {
    color: #c4a484 !important;
    padding-left: 10px !important;
}

.elementor-33138 .elementor-element.elementor-element-7fb77ee .menu-item:hover > a::after,
.elementor-33138 .elementor-element.elementor-element-7fb77ee .menu-item.is-active > a::after {
    width: 100%;
}

/* 數字同步變色 */
.elementor-33138 .elementor-element.elementor-element-7fb77ee .menu-item:hover::before,
.elementor-33138 .elementor-element.elementor-element-7fb77ee .menu-item.is-active::before {
    color: #c4a484 !important;
    opacity: 1 !important;
}

/* ==========================================
   5. 間距微調 (修正你之前的縮小空間邏輯)
   ========================================= */
.elementor-33138 .elementor-element.elementor-element-7fb77ee .sub-menu li:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 10px !important;
}

.elementor-33138 .elementor-element.elementor-element-7fb77ee .elementor-nav-menu--main > ul > li.menu-item {
    margin-top: 5x !important;
    padding-top: 5px !important;
    margin-bottom: 25px !important; /* 增加一級項目的間距，看起來更清爽 */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-095257a *//* ==========================================
   方案一：進化版極簡線框 (Premium Ghost Buttons)
   目標：消除突兀感，融入導覽選單的設計語言
   ========================================== */

/* 1. 容器設定 - 增加與上方的間距，並加上淡淡的分割線 */
.side-action-grid {
    margin-top: 40px !important;
    padding-top: 35px !important;
    border-top: 1px solid rgba(61, 47, 37, 0.05) !important;
    display: flex !important;
    gap: 15px !important;
}

/* 2. 按鈕本體 - 關鍵在於「輕量化」與「比例」 */
.side-action-grid .elementor-button,
.side-action-grid .elementor-menu-cart__wrapper .elementor-button {
    background-color: transparent !important;
    border: 1px solid rgba(61, 47, 37, 0.12) !important; /* 邊框更淡一點 */
    color: #3d2f25 !important;
    border-radius: 0px !important; /* 絕對直角才有高階感 */
    padding: 15px 10px !important;
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    min-height: 50px;
}

/* 3. 圖示樣式 - 縮小圖示，使其不要搶走文字焦點 */
.side-action-grid .elementor-button-icon {
    margin-right: 10px !important;
    font-size: 13px !important;
    opacity: 0.6;
    display: flex !important;
}

/* 4. 文字樣式 - 增加字間距，使其更有設計感 */
.side-action-grid .elementor-button-text {
    font-size: 12px !important; /* 字縮小一點點，更有選物店的精緻感 */
    font-weight: 400 !important;
    letter-spacing: 2px !important; /* 增加字距 */
    text-transform: uppercase;
    font-family: 'Montserrat', 'Noto Sans TC', sans-serif !important;
}

/* 5. 購物車小紅點美化 - 改成極小、精緻的標註 */
.side-action-grid .elementor-button-icon-badge {
    background-color: #c4a484 !important;
    font-size: 8px !important;
    min-width: 14px !important;
    height: 14px !important;
    line-height: 14px !important;
    top: -4px !important;
    right: -4px !important;
    border: 1px solid #fff !important;
}

/* ==========================================
   6. Hover 互動 - 使用品牌的「金棕色」進行軟切換
   ========================================== */

.side-action-grid .elementor-button:hover,
.side-action-grid .elementor-menu-cart__wrapper .elementor-button:hover {
    border-color: #c4a484 !important;
    color: #c4a484 !important;
    background-color: transparent !important; /* 保持透明，不要填滿顏色比較優雅 */
}

/* 滑過時讓圖示輕微上漂，增加趣味性 */
.side-action-grid .elementor-button:hover .elementor-button-icon {
    opacity: 1;
    transform: translateY(-2px);
}

/* 移除 Elementor 預設的按鈕陰影 */
.side-action-grid .elementor-button:focus,
.side-action-grid .elementor-button:active {
    box-shadow: none !important;
    background-color: transparent !important;
}/* End custom CSS */