.elementor-36696 .elementor-element.elementor-element-aee0d2e{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36696 .elementor-element.elementor-element-6d68409{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-36696 .elementor-element.elementor-element-bcfac5d .elementor-menu-toggle{margin:0 auto;}.elementor-36696 .elementor-element.elementor-element-eaacea5 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS *//* ==== Claude Fable 5 OD header (scoped to .cfab-nav) ==== */
.cfab-nav{position:fixed;left:0;right:0;top:0;z-index:50;background:transparent;transition:background .35s ease,box-shadow .35s ease;gap:0!important;row-gap:0!important;}
.cfab-nav-wrap{max-width:1200px;width:100%;margin:0 auto;padding:26px 24px;transition:padding .35s ease;}
.cfab-nav.scrolled{background:#FFFFFF;box-shadow:0 12px 34px -22px rgba(45,42,38,.3);}
.cfab-nav.scrolled .cfab-nav-wrap{padding-top:15px;padding-bottom:15px;}

/* logo */
.cfab-logo img{width:132px;height:34px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1);transition:filter .35s ease;}
.cfab-nav.scrolled .cfab-logo img{filter:none;}

/* desktop links (Elementor Pro nav menu) */
.cfab-navlinks{flex-grow:1;display:flex;justify-content:flex-end;margin-right:12px;}
.cfab-navlinks .elementor-nav-menu--main .elementor-nav-menu>li>a.elementor-item{font-size:17px;font-weight:700;color:rgba(255,255,255,.85);padding:6px clamp(8px,1vw,14px);transition:color .25s ease;font-family:"Noto Sans TC","PingFang TC",system-ui,sans-serif;}
.cfab-navlinks .elementor-nav-menu--main .elementor-nav-menu>li>a.elementor-item:hover{color:#fff;}
.cfab-nav.scrolled .cfab-navlinks .elementor-nav-menu--main .elementor-nav-menu>li>a.elementor-item{color:#595757;}
.cfab-nav.scrolled .cfab-navlinks .elementor-nav-menu--main .elementor-nav-menu>li>a.elementor-item:hover{color:#0243AB;}
.cfab-navlinks .sub-arrow{margin-left:4px;font-size:10px;}

/* dropdown (desktop) */
.cfab-navlinks .elementor-nav-menu--main .elementor-nav-menu--dropdown{min-width:228px;padding:14px;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.7);border-radius:18px;box-shadow:0 24px 54px -30px rgba(20,18,14,.38),0 0 0 1px rgba(210,210,215,.4);-webkit-backdrop-filter:blur(22px) saturate(1.2);backdrop-filter:blur(22px) saturate(1.2);}
.cfab-navlinks .elementor-nav-menu--main .elementor-nav-menu--dropdown a{padding:12px 14px;border-radius:12px;color:#5F5D5D;font-size:14px;line-height:1.35;background:transparent;}
.cfab-navlinks .elementor-nav-menu--main .elementor-nav-menu--dropdown a:hover{background:rgba(2,67,171,.08);color:#0243AB;}

/* CTA pill */
.cfab-navpill .elementor-button{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.13);-webkit-backdrop-filter:blur(22px) saturate(1.46) contrast(1.07);backdrop-filter:blur(22px) saturate(1.46) contrast(1.07);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:700;color:#FFFFFF;box-shadow:0 12px 30px rgba(10,8,6,.18);transition:background .28s ease,border-color .28s ease,box-shadow .28s ease,color .28s ease;}
.cfab-navpill .elementor-button:hover{background:rgba(255,255,255,.62);border-color:rgba(255,255,255,.78);color:#5F5D5D;}
.cfab-navpill .elementor-button .elementor-button-icon svg{width:14px;height:14px;fill:none;}
.cfab-nav.scrolled .cfab-navpill .elementor-button{background:#004298;border-color:transparent;color:#FFFFFF;box-shadow:0 10px 26px rgba(0,66,152,.28);}
.cfab-nav.scrolled .cfab-navpill .elementor-button:hover{background:#0243AB;color:#FFFFFF;}

/* burger toggle */
.cfab-navlinks .elementor-menu-toggle{color:#fff;background:transparent;border:0;}
.cfab-nav.scrolled .cfab-navlinks .elementor-menu-toggle{color:#5F5D5D;}
.cfab-navlinks .elementor-menu-toggle svg{width:26px;height:26px;}

/* mobile dropdown panel — anchor to the fixed nav itself, full width.
   Elementor's own "stretch" JS miscalculates left offset inside the fixed nav
   (e.g. left:-357px at 414px viewport), so we override its inline styles. */
.cfab-navlinks{position:static !important;}
nav.elementor-nav-menu--dropdown.elementor-nav-menu__container{position:absolute !important;left:0 !important;right:0 !important;width:auto !important;top:100% !important;margin:0;}
.cfab-navlinks .elementor-nav-menu--dropdown.elementor-nav-menu__container{background:#FFFFFF;border-top:1px solid #E5E5EA;box-shadow:0 24px 44px -26px rgba(45,42,38,.35);}
.cfab-navlinks .elementor-nav-menu--dropdown.elementor-nav-menu__container a{padding:15px 22px;font-size:16px;color:#5F5D5D;border-bottom:1px solid #E5E5EA;background:transparent;}
.cfab-navlinks .elementor-nav-menu--dropdown.elementor-nav-menu__container a:hover,.cfab-navlinks .elementor-nav-menu--dropdown.elementor-nav-menu__container a.highlighted{color:#0243AB;background:transparent;}
/* over the hero (nav not yet scrolled): dark translucent panel, white links — as OD reference */
.cfab-nav:not(.scrolled) .elementor-nav-menu--dropdown.elementor-nav-menu__container{background:rgba(22,19,15,.82);border-top-color:rgba(255,255,255,.18);box-shadow:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);}
.cfab-nav:not(.scrolled) .elementor-nav-menu--dropdown.elementor-nav-menu__container a{color:#fff;border-bottom-color:rgba(255,255,255,.16);}
.cfab-nav:not(.scrolled) .elementor-nav-menu--dropdown.elementor-nav-menu__container a:hover{color:#fff;opacity:.78;}

@media (max-width:1024px){
  /* 手機版頁首列（2026-07-17 Terry 定案，比照正式站）：logo → 搜尋 → CTA → 漢堡。
     CTA 維持在頁首列上（不收進漢堡選單）；我的帳號併入漢堡選單。
     390px 寬度預算：logo104＋搜尋28＋CTA~112＋漢堡40＋gap 10×3＝~314 ≤ 358（強制單行）。 */
  .cfab-haccount-wrap{display:none;}
  .cfab-nav-wrap{padding-left:16px;padding-right:16px;flex-wrap:nowrap;gap:10px!important;column-gap:10px!important;}
  .cfab-nav-wrap>.cfab-logo{order:0;margin-right:auto;flex-shrink:0;}
  .cfab-logo img{width:104px;height:28px;}
  .cfab-nav-wrap>.cfab-hsearch-wrap{order:1;flex-shrink:0;}
  .cfab-hsearch summary{padding:6px 0;}
  .cfab-nav-wrap>.cfab-navpill{order:2;flex-shrink:0;}
  .cfab-nav-wrap>.cfab-navlinks{order:3;flex-grow:0;flex-shrink:0;justify-content:flex-end;margin-right:0;width:auto;}
  .cfab-navpill .elementor-button{padding:7px 11px;font-size:12px;white-space:nowrap;gap:4px;}
  .cfab-navpill .elementor-button .elementor-button-icon svg{width:12px;height:12px;}
  .cfab-navlinks .elementor-menu-toggle{padding:4px;}
  .cfab-navlinks .elementor-menu-toggle svg{width:24px;height:24px;}
}
@media (max-width:1024px) and (min-width:360px){
  .cfab-nav-wrap{padding-left:14px;padding-right:14px;}
}
@media (max-width:359px){
  /* 極窄機型：優先保 CTA，收掉搜尋 */
  .cfab-hsearch-wrap{display:none;}
}

/* ==== 手機專用選單項（cfab-m-only：桌機主選單隱藏，只出現在漢堡下拉） ==== */
.cfab-navlinks .elementor-nav-menu--main .cfab-m-only{display:none!important;}

/* ==== 無 OD hero 的頁面（商店/部落格/結帳等）：頁首改為 sticky 佔版面流，
   內容天生排在頁首下方，不依賴 body padding（不會被任何腳本/快取時序打掉）====
   JS 會加 body.cfab-nav-offset；:has() 讓現代瀏覽器在 JS 前就套用 */
body.cfab-nav-offset .cfab-nav,
body:not(:has(.cfab-hero,.cfab2-hero,.cfab2d-detail-hero)) .cfab-nav{background:#FFFFFF;box-shadow:0 12px 34px -22px rgba(45,42,38,.3);}
body.cfab-nav-offset .cfab-nav-wrap,
body:not(:has(.cfab-hero,.cfab2-hero,.cfab2d-detail-hero)) .cfab-nav-wrap{padding-top:15px;padding-bottom:15px;}
body.cfab-nav-offset .cfab-logo img,
body:not(:has(.cfab-hero,.cfab2-hero,.cfab2d-detail-hero)) .cfab-logo img{filter:none;}
body.cfab-nav-offset .cfab-navlinks .elementor-nav-menu--main .elementor-nav-menu>li>a.elementor-item,
body:not(:has(.cfab-hero,.cfab2-hero,.cfab2d-detail-hero)) .cfab-navlinks .elementor-nav-menu--main .elementor-nav-menu>li>a.elementor-item{color:#595757;}
body.cfab-nav-offset .cfab-navlinks .elementor-menu-toggle,
body:not(:has(.cfab-hero,.cfab2-hero,.cfab2d-detail-hero)) .cfab-navlinks .elementor-menu-toggle{color:#5F5D5D;}
body.cfab-nav-offset .cfab-navpill .elementor-button,
body:not(:has(.cfab-hero,.cfab2-hero,.cfab2d-detail-hero)) .cfab-navpill .elementor-button{background:#004298;border-color:transparent;color:#FFFFFF;box-shadow:0 10px 26px rgba(0,66,152,.28);}

/* 目前頁選單反白＝正式站提醒色 #627CBA（僅白底模式；hero 透明模式維持白字） */
.cfab-nav.scrolled .cfab-navlinks .elementor-nav-menu--main .elementor-nav-menu>li>a.elementor-item.elementor-item-active,
body.cfab-nav-offset .cfab-navlinks .elementor-nav-menu--main .elementor-nav-menu>li>a.elementor-item.elementor-item-active,
body:not(:has(.cfab-hero,.cfab2-hero,.cfab2d-detail-hero)) .cfab-navlinks .elementor-nav-menu--main .elementor-nav-menu>li>a.elementor-item.elementor-item-active{color:#627CBA!important;}

/* fixed 頁首的內容下移（sticky 在 body/#main-container overflow 下會失效，故白底模式用 fixed）*/
body.cfab-nav-offset{padding-top:64px;}
body:not(:has(.cfab-hero,.cfab2-hero,.cfab2d-detail-hero)){padding-top:64px;}

/* sticky 解禁（僅需要側欄固定的頁面）：body/#main-container 的 overflow-x 會廢掉子孫 sticky */
body.single-post,body.single-community{overflow-x:visible;}
body.single-post #main-container,body.single-community #main-container{overflow-x:visible;}

/* 部落格單篇：側邊欄固定（同團購內頁方案卡規格）*/
body.single-post .ct-sidebar{position:sticky;top:88px;align-self:flex-start;}

/* ==== 搜尋 + 我的帳號（沿用原生 WP 搜尋 / lrm 登入彈窗 / WooCommerce my-account）==== */
.cfab-hsearch,.cfab-haccount{position:relative;}
.cfab-hsearch summary,.cfab-haccount summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;color:#FFFFFF;font-size:17px;font-weight:700;font-family:"Noto Sans TC","PingFang TC",system-ui,sans-serif;transition:color .25s ease;padding:6px 4px;}
.cfab-hsearch summary::-webkit-details-marker,.cfab-haccount summary::-webkit-details-marker{display:none;}
.cfab-haccount .cfab-chev{transition:transform .2s ease;}
.cfab-haccount[open] .cfab-chev{transform:rotate(180deg);}
.cfab-nav.scrolled .cfab-hsearch summary,.cfab-nav.scrolled .cfab-haccount summary,
body.cfab-nav-offset .cfab-hsearch summary,body.cfab-nav-offset .cfab-haccount summary,
body:not(:has(.cfab-hero,.cfab2-hero,.cfab2d-detail-hero)) .cfab-hsearch summary,
body:not(:has(.cfab-hero,.cfab2-hero,.cfab2d-detail-hero)) .cfab-haccount summary{color:#595757;}
.cfab-haccount-menu{position:absolute;right:0;top:calc(100% + 12px);background:#FFFFFF;min-width:190px;border-radius:14px;box-shadow:0 24px 54px -30px rgba(20,18,14,.38),0 0 0 1px rgba(210,210,215,.4);padding:10px;display:flex;flex-direction:column;gap:2px;z-index:70;}
.cfab-haccount-menu a{display:block;padding:14px 16px;border-radius:10px;color:#5F5D5D;font-size:16px;font-family:"Noto Sans TC","PingFang TC",system-ui,sans-serif;text-decoration:none;}
.cfab-haccount-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;}
.cfab-haccount-list li{margin:0;padding:0;}
.cfab-haccount-menu a:hover{background:rgba(2,67,171,.08);color:#0243AB;}
.cfab-hsearch-form{position:absolute;right:0;top:calc(100% + 12px);background:#FFFFFF;border-radius:12px;box-shadow:0 24px 54px -30px rgba(20,18,14,.38),0 0 0 1px rgba(210,210,215,.4);padding:8px;display:flex;gap:6px;z-index:70;}
.cfab-hsearch-form input{border:1px solid #E5E5EA;border-radius:8px;padding:9px 12px;font-size:14px;width:230px;font-family:"Noto Sans TC","PingFang TC",system-ui,sans-serif;}
.cfab-hsearch-form input:focus{outline:2px solid rgba(2,67,171,.35);border-color:transparent;}
.cfab-hsearch-form button{background:#004298;color:#FFFFFF;border:0;border-radius:8px;padding:9px 14px;font-size:14px;cursor:pointer;font-family:inherit;}
@media (max-width:1024px){
  .cfab-hsearch summary,.cfab-haccount summary{font-size:15px;}
}

/* 全站頁題防孤字（編輯優先契約：內容純文字，斷行品質交給引擎） */
h1,h2,h3,.elementor-heading-title{text-wrap:pretty;}/* End custom CSS */