.elementor-194217 .elementor-element.elementor-element-f5d14ea:not(.elementor-motion-effects-element-type-background), .elementor-194217 .elementor-element.elementor-element-f5d14ea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-194217 .elementor-element.elementor-element-f5d14ea{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-194217 .elementor-element.elementor-element-f5d14ea > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-194217 .elementor-element.elementor-element-a4b0cb1{margin:-60px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 120px 0px;}.elementor-194217 .elementor-element.elementor-element-b2c4e8a > .elementor-element-populated{padding:0px 0px 120px 0px;}.elementor-194217 .elementor-element.elementor-element-75f2fde{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-194217 .elementor-element.elementor-element-1659f98{width:15%;}.elementor-194217 .elementor-element.elementor-element-b2c4e8a{width:84.666%;}}@media(max-width:1024px) and (min-width:768px){.elementor-194217 .elementor-element.elementor-element-1659f98{width:100%;}.elementor-194217 .elementor-element.elementor-element-b2c4e8a{width:100%;}}@media(max-width:1024px){.elementor-194217 .elementor-element.elementor-element-b2c4e8a > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-194217 .elementor-element.elementor-element-b2c4e8a > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}}/* Start custom CSS for column, class: .elementor-element-1659f98 *//* ============================================================
   1. 隱藏特定 ID 的分身與殘影 (防止 Elementor Sticky 產生多餘佔位)
   ============================================================ */
.elementor-sticky__spacer[data-id="dfb65b2"],
.elementor-widget-heading.elementor-sticky__spacer,
.elementor-inner-section.elementor-sticky__spacer {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important; /* 修正：高度設為 0 */
    opacity: 0 !important;
    pointer-events: none !important;
}

/* ============================================================
   2. 前台專屬：側邊欄固定與螢幕高度適應 (最大化滑動空間)
   ============================================================ */
body:not(.elementor-editor-active) .elementor-194217 .elementor-element.elementor-element-1659f98 {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 20px !important;             /* 距離頂部距離 */
    height: calc(100vh - 40px) !important; /* 自動適應螢幕高度，扣除上下間距 */
    align-self: flex-start !important; 
    z-index: 10 !important;
}

body:not(.elementor-editor-active) .elementor-194217 .elementor-element.elementor-element-1659f98 > .elementor-widget-wrap {
    height: 100% !important;
    max-height: 100% !important;
    overflow-y: auto !important;       /* 垂直內容過長時出現捲軸 */
    overflow-x: hidden !important;     /* 強制拿掉橫向捲軸 */
    display: block !important;
    scrollbar-gutter: stable;          /* 預留捲軸寬度 */
    
    /* 確保內容過長時自動換行 */
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    white-space: normal
    !important;
    padding-bottom: 0px !important; 底部留白避免內容貼底 */
}

/* 針對前台捲軸的美化 (只改顏色為金色，其餘結構不動) */
body:not(.elementor-editor-active) .elementor-194217 .elementor-element.elementor-element-1659f98 > .elementor-widget-wrap::-webkit-scrollbar {
    width: 4px !important;
}
body:not(.elementor-editor-active) .elementor-194217 .elementor-element.elementor-element-1659f98 > .elementor-widget-wrap::-webkit-scrollbar-thumb {
    background: #d9a7c7 !important;   /* 這裡已改為金色 */
    border-radius: 10px !important;
}

/* ============================================================
   3. 全局標題修復 (前台後台皆生效)
   ============================================================ */
.elementor-194217 .elementor-element.elementor-element-1659f98 h3.elementor-heading-title,
.elementor-sticky--active[data-id="dfb65b2"] h3.elementor-heading-title {
    color: #000000 !important;
    display: block !important;
    visibility: visible !important;
    position: relative !important;
    transform: none !important;
    word-break: break-all !important; 
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-b2c4e8a */@media (max-width: 767px) {
    #ajax-product-container {
        /* 墊高 180px 是為了閃過你的底部選單 + Safari 的動態網址列 */
        padding-bottom: 180px !important;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-f5d14ea *//* 讓這一區塊變成一個自動感應高度的黏性容器 */
.elementor-194217 .elementor-element.elementor-element-f5d14ea {
    position: -webkit-sticky; /* 支援 Safari */
    position: sticky;
    top: 20px;                /* 頂部預留一點點空間，比較好看 */
    
    /* 重點：讓它最大高度剛好等於瀏覽器視窗，超過就自動出滑桿 */
    max-height: calc(100vh - 40px); 
    overflow-y: auto;         /* 內容超過螢幕才出滑桿，沒超過就不出 */
    overflow-x: hidden;
}

/* 強制顯示滑桿（針對 Chrome/Edge/Safari） */
.elementor-194217 .elementor-element.elementor-element-f5d14ea::-webkit-scrollbar {
    width: 0px !important;
    display: block !important;
}

.elementor-194217 .elementor-element.elementor-element-f5d14ea::-webkit-scrollbar-thumb {
    background-color: #888888; /* 滑桿顏色 */
    border-radius: 10px;
}

.elementor-194217 .elementor-element.elementor-element-f5d14ea::-webkit-scrollbar-track {
    background: #f1f1f1;      /* 滑桿軌道顏色 */
}

@media (max-width: 767px) {
    #ajax-product-container {
        /* 墊高 180px 是為了閃過你的底部選單 + Safari 的動態網址列 */
        padding-bottom: 180px !important;
    }
}/* End custom CSS */