/* ==========================================================================
   品牌主題色覆寫
   主題色 (theme)  : #27284b
   輔助色 (accent) : #b59763
   套用範圍：header / footer / 商品頁（commodity_list、commodity_detailed、commodity_score）
   此檔需在所有樣式之後載入（由 includes/header*.html 引入）。
   ========================================================================== */
:root{
	--theme:#27284b;
	--theme-hover:#3b3c66;
	--accent:#b59763;
	--accent-hover:#a3854f;
	--accent-light:#f6f1e8;
	--accent-on-dark:#e6cb8f; /* 深藍底上用的亮金色，文字與線條專用 */
	--theme-tint:rgba(39,40,75,.06);
}

/* --------------------------------------------------------------------------
   Header（theme-header-*，對應 includes/header.html）
   底色主題深藍、文字白、hover 與 active 用輔助金色
   電腦版 ≥1281px、手機版 ≤1280px（沿用舊站的切換點，頁面內容的上方留白才對得上）
   -------------------------------------------------------------------------- */
/* 全站底色：蓋掉 pixy-style.css 的 #f6f3f0 */
body{background-color:#f7f7f9;}
.new_index_head{background:var(--theme);}
.new_index_head.bg-opacity{background:var(--theme);}
.theme-header{position:fixed;left:0;top:0;width:100%;z-index:8009;background:var(--theme);color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.18);}
.theme-header a{text-decoration:none;}
/* pixy-style.css 第 2 行有全域 a:hover{opacity:.7!important}，header/footer 內的連結一律蓋回不透明 */
.theme-header a:hover,.theme-header-mobile-panel a:hover,.theme-footer a:hover{opacity:1!important;}

/* ---- 共用：圓形圖示按鈕、搜尋框、關鍵字標籤 ---- */
.theme-header-icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.28);color:#fff;font-size:16px;line-height:1;cursor:pointer;transition:border-color .25s ease,background .25s ease,color .25s ease,box-shadow .25s ease,transform .25s ease;}
.theme-header-icon-button i{line-height:1;}
/* Lucide SVG 圖示：顏色跟著文字色走，hover 變色自動生效 */
.theme-icon{display:block;width:18px;height:18px;stroke:currentColor;fill:none;flex:0 0 auto;}
.theme-header-icon-button .theme-icon{width:18px;height:18px;}
/* pixy-style.css 第 1261 行 .login_btn:hover 強制 color:#fff!important，這裡用更高優先權蓋回 */
.theme-header-icon-button.login_btn:hover{color:var(--accent-on-dark)!important;}
.theme-header-icon-button:hover{border-color:var(--accent-on-dark);background:rgba(230,203,143,.12);color:var(--accent-on-dark);box-shadow:0 0 0 4px rgba(230,203,143,.12);transform:translateY(-1px);}
.theme-header-search-box{display:flex;align-items:center;height:38px;padding:0 4px 0 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.28);transition:border-color .25s ease,background .25s ease,box-shadow .25s ease;}
.theme-header-search-box:hover{border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.12);}
.theme-header-search-box:focus-within{background:#fff;border-color:#fff;box-shadow:0 0 0 4px rgba(230,203,143,.25);}
.theme-header-search-input{width:170px;height:34px;line-height:34px;margin:0;padding:0;border:none;background:transparent;font-size:13px;color:#fff;outline:none;box-shadow:none;border-radius:0;-webkit-appearance:none;}
.theme-header-search-input::placeholder{color:rgba(255,255,255,.6);}
.theme-header-search-box:focus-within .theme-header-search-input{color:var(--theme);}
.theme-header-search-box:focus-within .theme-header-search-input::placeholder{color:rgba(39,40,75,.45);}
.theme-header-search-button{flex:0 0 auto;width:30px;height:30px;margin:0;padding:0;border:none;border-radius:50%;background:transparent;color:#fff;cursor:pointer;line-height:30px;text-align:center;transition:background .2s,color .2s;-webkit-appearance:none;}
.theme-header-search-button i{font-size:14px;line-height:30px;}
.theme-header-search-button{display:inline-flex;align-items:center;justify-content:center;}
.theme-header-search-button .theme-icon{width:16px;height:16px;}
.theme-header-search-button:hover{background:var(--accent-on-dark);color:var(--theme);}
.theme-header-search-box:focus-within .theme-header-search-button{color:var(--theme);}
.theme-header-search-box:focus-within .theme-header-search-button:hover{background:var(--theme);color:#fff;}
.theme-header-search-tags{margin-top:6px;line-height:18px;white-space:nowrap;}
.theme-header-search-tags a{display:inline-block;font-size:11px;line-height:18px;padding:0 9px;margin-right:4px;border-radius:999px;color:rgba(255,255,255,.85);background:rgba(255,255,255,.12);transition:background .2s,color .2s;}
.theme-header-search-tags a:hover{background:var(--accent-on-dark);color:var(--theme);}

/* ---- 電腦版 ---- */
.theme-header-desktop{position:relative;display:flex;align-items:center;height:84px;padding:0 24px;}
.theme-header-logo{flex:0 0 auto;display:block;margin-right:32px;}
.theme-header-logo img{height:56px;width:auto;display:block;}
.theme-header-menu{flex:1 1 auto;display:flex;align-items:stretch;height:100%;min-width:0;}
.theme-header-menu-item{display:flex;align-items:stretch;}
.theme-header-menu-link{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 18px;color:#fff;line-height:1.3;position:relative;transition:color .25s ease;}
/* 底座線：貼齊 header 下緣，與文字保持距離；hover 從中間展開，目前頁面常駐 */
.theme-header-menu-link::after{content:"";position:absolute;left:50%;bottom:0;width:0;height:2px;border-radius:2px 2px 0 0;background:var(--accent-on-dark);transform:translateX(-50%);opacity:0;transition:width .3s cubic-bezier(.4,0,.2,1),opacity .3s ease;}
.theme-header-menu-link:hover::after,.theme-header-menu-item:hover .theme-header-menu-link::after{width:calc(100% - 36px);opacity:1;}
.theme-header-menu-link-active::after{width:calc(100% - 36px);opacity:.75;}
.theme-header-menu-name{font-size:16px;font-weight:bold;letter-spacing:1px;white-space:nowrap;transition:letter-spacing .25s ease;}
.theme-header-menu-name-english{font-size:11px;color:rgba(255,255,255,.6);margin-top:2px;white-space:nowrap;transition:color .2s;}
.theme-header-menu-arrow{position:absolute;right:2px;top:50%;width:14px;height:14px;margin-top:-7px;font-size:12px;color:rgba(255,255,255,.6);transition:color .2s,transform .2s;}
.theme-header-menu-link:hover,.theme-header-menu-link-active,
.theme-header-menu-item:hover .theme-header-menu-link{color:var(--accent-on-dark);}
.theme-header-menu-link:hover .theme-header-menu-name{letter-spacing:1.5px;}
.theme-header-menu-link:hover .theme-header-menu-name-english,.theme-header-menu-link-active .theme-header-menu-name-english,
.theme-header-menu-link:hover .theme-header-menu-arrow,.theme-header-menu-item:hover .theme-header-menu-arrow{color:var(--accent-on-dark);}
.theme-header-menu-item:hover .theme-header-menu-arrow{transform:rotate(180deg);}
/* 下拉（hover 顯示） */
.theme-header-dropdown{position:absolute;left:0;right:0;top:100%;background:#fff;color:#333;box-shadow:0 16px 40px rgba(39,40,75,.2);border-top:2px solid var(--accent-on-dark);z-index:20;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease,visibility 0s linear .25s;}
.theme-header-menu-item:hover .theme-header-dropdown{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .25s ease,transform .25s ease,visibility 0s;}
.theme-header-dropdown-inner{max-width:1200px;margin:0 auto;padding:28px 24px;display:flex;gap:40px;}
.theme-header-category-groups{flex:1 1 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 32px;}
.theme-header-category-title{display:block;font-size:16px;font-weight:bold;color:var(--theme);padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #eee;transition:color .2s,border-color .2s;}
.theme-header-category-title:hover{color:var(--accent);border-bottom-color:var(--accent);}
.theme-header-category-list{list-style:none;margin:0;padding:0;}
.theme-header-category-list li{margin:0 0 9px;padding:0;}
.theme-header-category-list a{display:inline-block;font-size:14px;color:#444;line-height:1.55;transition:color .2s,transform .2s;}
.theme-header-category-list a:hover{color:var(--accent);transform:translateX(3px);}
.theme-header-dropdown-images{flex:0 0 auto;display:flex;gap:16px;flex-wrap:wrap;}
.theme-header-dropdown-image{display:block;width:180px;color:#555;font-size:13px;text-align:center;}
.theme-header-dropdown-image img{width:100%;height:auto;display:block;border-radius:8px;margin-bottom:6px;}
.theme-header-dropdown-image:hover{color:var(--accent);}
.theme-header-dropdown-image-single{width:auto;max-width:100%;}
.theme-header-dropdown-items .theme-header-dropdown-inner{flex-wrap:wrap;gap:8px 28px;}
.theme-header-dropdown-item{font-size:14px;font-weight:bold;color:var(--theme);line-height:2;}
.theme-header-dropdown-item:hover{color:var(--accent);}
/* 右側工具列 */
.theme-header-tools{flex:0 0 auto;display:flex;align-items:center;gap:8px;margin-left:16px;}
.theme-header-search{position:relative;margin-right:8px;}
/* 電腦版熱門關鍵字：平常收起，聚焦搜尋框時浮出白色小面板（標籤在 form 內，點擊時 focus 仍在 form 裡，面板不會先收掉） */
.theme-header-desktop .theme-header-search-tags{position:absolute;left:0;top:calc(100% + 8px);min-width:100%;margin:0;padding:12px 14px 8px;background:#fff;border-radius:12px;box-shadow:0 12px 30px rgba(39,40,75,.22);white-space:normal;line-height:22px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s;z-index:30;}
.theme-header-desktop .theme-header-search-tags::before{content:"熱門搜尋";display:block;margin-bottom:8px;font-size:11px;letter-spacing:1px;color:#999;}
.theme-header-desktop .theme-header-search:focus-within .theme-header-search-tags{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .2s ease,transform .2s ease,visibility 0s;}
.theme-header-desktop .theme-header-search-tags a{font-size:12px;line-height:22px;padding:0 10px;margin:0 6px 4px 0;color:var(--theme);background:var(--accent-light);}
.theme-header-desktop .theme-header-search-tags a:hover{background:var(--theme);color:#fff;}
.theme-header-tool{position:relative;}
.theme-header-cart-count{position:absolute;top:-4px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent-on-dark);color:var(--theme);font-size:11px;line-height:18px;text-align:center;font-weight:bold;box-shadow:0 0 0 2px var(--theme);}
/* 會員下拉（display 由 new_index.js slideToggle 控制） */
.theme-header-member .new_index_head_pc_per_yin{display:none;position:absolute;right:0;left:auto;top:50px;width:210px;padding:0;z-index:30;}
.theme-header-member .new_index_head_pc_per_yin::before{content:"";position:absolute;right:14px;top:-6px;border:6px solid transparent;border-top:0;border-bottom-color:#fff;}
.theme-header-member .new_index_head_pc_per_yin_main{background:#fff;border-radius:10px;padding:6px 0;box-shadow:0 10px 28px rgba(39,40,75,.22);}
.theme-header-member-name{margin:0;padding:10px 16px 8px;font-size:12px;color:#888;border-bottom:1px solid #eee;}
.theme-header-member .new_index_head_pc_per_yin_main a{display:flex;align-items:center;gap:10px;padding:10px 16px;font-size:13px;line-height:16px;color:var(--theme);white-space:nowrap;transition:background .2s,color .2s,padding-left .2s;}
.theme-header-member .new_index_head_pc_per_yin_main a i{width:16px;text-align:center;color:var(--accent);font-size:14px;}
.theme-header-member .new_index_head_pc_per_yin_main a .theme-icon{width:16px;height:16px;color:var(--accent);stroke-width:1.8;}
.theme-header-member .new_index_head_pc_per_yin_main a:hover{background:var(--accent-light);color:var(--accent);opacity:1;padding-left:20px;}
.theme-header-member-logout{border-top:1px solid #eee;margin-top:4px;}

/* ---- 手機版 ---- */
.theme-header-mobile{display:none;position:relative;align-items:center;justify-content:space-between;height:56px;padding:0 10px;box-sizing:border-box;line-height:1;}
/* 漢堡按鈕：new_index.js 開關時會用 attr("class") 整個覆寫 class，只會留下 menu_iconBtn / menu_iconBtn-up，
   所以樣式一律用 .theme-header-mobile .menu_iconBtn 來寫，不能依賴自訂 class。舊 .menu_iconBtn 有 color:#ac8676!important 與 absolute 定位。 */
.theme-header-mobile .menu_iconBtn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0;padding:0;position:static;left:auto;top:auto;color:#fff!important;font-size:20px;line-height:1;text-align:center;vertical-align:middle;order:0;}
.theme-header-mobile .menu_iconBtn i,.theme-header-mobile .menu_iconBtn .theme-icon{display:none;color:#fff!important;font-size:20px;line-height:1;}
.theme-header-mobile .menu_iconBtn .theme-icon{width:24px;height:24px;}
.theme-header-mobile .menu_iconBtn .theme-header-mobile-menu-icon-open{display:block;}
.theme-header-mobile .menu_iconBtn.menu_iconBtn-up .theme-header-mobile-menu-icon-open{display:none;}
.theme-header-mobile .menu_iconBtn.menu_iconBtn-up .theme-header-mobile-menu-icon-close{display:block;}
.theme-header-mobile-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;height:40px;}
.theme-header-mobile-logo img{height:40px;width:auto;display:block;}
.theme-header-mobile-left{display:flex;align-items:center;gap:2px;}
.theme-header-mobile-tools{display:flex;align-items:center;gap:6px;margin-left:auto;}
.theme-header-mobile-tools .theme-header-icon-button,.theme-header-mobile-left .theme-header-icon-button{width:36px;height:36px;font-size:15px;border-color:transparent;}
.theme-header-mobile-tools .theme-header-icon-button .theme-icon,.theme-header-mobile-left .theme-header-icon-button .theme-icon{width:20px;height:20px;}
.theme-header-mobile .new_sj_menuss{position:static;top:auto;left:auto;display:inline-flex;z-index:auto;}
.theme-header-mobile .new_sj_menuss i{color:#fff;font-size:15px;}
.theme-header-mobile-search{display:none;position:absolute;left:0;right:0;top:100%;width:100%;box-sizing:border-box;padding:10px 12px 12px;background:var(--theme);border-top:1px solid rgba(255,255,255,.12);box-shadow:0 8px 20px rgba(0,0,0,.2);z-index:1100;}
.theme-header-mobile-search .theme-header-search{margin:0;}
.theme-header-mobile-search .theme-header-search-box{background:rgba(255,255,255,.1);}
.theme-header-mobile-search .theme-header-search-tags{position:static;margin-top:8px;padding:0;background:transparent;box-shadow:none;opacity:1;visibility:visible;transform:none;}
.theme-header-mobile-search .theme-header-search-input{width:100%;flex:1 1 auto;}
.theme-header-mobile-search .theme-header-search-tags{white-space:normal;line-height:22px;}
/* 手機全螢幕選單 */
.theme-header-mobile-panel{display:none!important;position:fixed;left:0;right:0;top:56px;bottom:0;width:auto;height:auto;overflow-y:auto;background:#fff;z-index:8008;padding:8px 16px 40px;box-sizing:border-box;}
/* 舊 menu-new.css 對 .new_sj_menu_yin 設了 padding-top:52px 與 overflow:hidden!important，這裡蓋回 */
.new_sj_menu_yin.theme-header-mobile-panel{padding-top:8px!important;margin-top:0!important;overflow-y:auto!important;overflow-x:hidden!important;}
.theme-header-mobile-nav{margin-top:0;padding-top:0;}
.theme-header:has(.menu_iconBtn-up) + .theme-header-mobile-panel{display:block!important;animation:theme-header-panel-in .22s ease;}
@keyframes theme-header-panel-in{from{opacity:0;transform:translateY(-8px);}to{opacity:1;transform:none;}}
.theme-header-mobile-nav{display:flex;flex-direction:column;padding-bottom:8px;margin-bottom:8px;}
/* 收合群組（原生 details/summary，不需 JS） */
.theme-header-mobile-group{border-bottom:1px solid #f0f0f0;}
.theme-header-mobile-group summary::-webkit-details-marker,.theme-header-mobile-category summary::-webkit-details-marker{display:none;}
.theme-header-mobile-group-title,.theme-header-mobile-category-title{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-tap-highlight-color:transparent;}
.theme-header-mobile-group-title{padding:14px 4px;font-size:16px;font-weight:bold;color:var(--theme);}
.theme-header-mobile-group-name small{font-size:11px;font-weight:normal;color:#999;margin-left:8px;}
.theme-header-mobile-group-title .theme-icon,.theme-header-mobile-category-title .theme-icon{width:18px;height:18px;color:#999;transition:transform .2s ease,color .2s;}
.theme-header-mobile-group[open] > .theme-header-mobile-group-title{color:var(--accent);}
.theme-header-mobile-group[open] > .theme-header-mobile-group-title .theme-icon,.theme-header-mobile-category[open] > .theme-header-mobile-category-title .theme-icon{transform:rotate(180deg);color:var(--accent);}
.theme-header-mobile-group-body{padding:0 4px 12px;}
.theme-header-mobile-group-all{display:block;padding:8px 12px;margin-bottom:6px;border-radius:8px;background:var(--accent-light);font-size:13px;font-weight:bold;color:var(--theme);}
.theme-header-mobile-group-link{display:block;padding:10px 12px;font-size:14px;color:#444;border-bottom:1px solid #f3f3f3;}
.theme-header-mobile-group-link:hover{color:var(--accent);}
.theme-header-mobile-nav-link{display:flex;align-items:baseline;gap:8px;padding:12px 4px;font-size:16px;font-weight:bold;color:var(--theme);border-bottom:1px solid #f3f3f3;}
.theme-header-mobile-nav-link span{font-size:11px;font-weight:normal;color:#999;}
.theme-header-mobile-nav-link:hover{color:var(--accent);}
.theme-header-mobile-section{padding:8px 0;}
.theme-header-mobile-section-title{margin:0 0 6px;padding:0 4px;font-size:12px;letter-spacing:2px;color:#999;}
.theme-header-mobile-category{border-bottom:1px solid #f3f3f3;}
.theme-header-mobile-category-title{padding:11px 8px;font-size:14px;font-weight:bold;color:var(--theme);}
.theme-header-mobile-category[open] > .theme-header-mobile-category-title{color:var(--accent);}
/* 第三層：直排清單，整列可點 */
.theme-header-mobile-category-list{display:block;padding:0 0 8px;}
.theme-header-mobile-category-list a{display:block;padding:10px 12px 10px 22px;border-bottom:1px solid #f5f5f5;font-size:14px;line-height:1.5;color:#444;}
.theme-header-mobile-category-list a:last-child{border-bottom:none;}
.theme-header-mobile-category-list a small{font-size:12px;color:#999;margin-left:6px;}
.theme-header-mobile-category-list a:hover{color:var(--accent);}
.theme-header-mobile-category-all{color:var(--theme)!important;font-weight:bold;}
.theme-header-mobile-images{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.theme-header-mobile-image{display:block;font-size:13px;color:#555;text-align:center;}
.theme-header-mobile-image img{width:100%;height:auto;display:block;border-radius:8px;margin-bottom:4px;}
.theme-header-mobile-image-single{grid-column:span 2;}

@media (max-width:1280px){
	.theme-header-desktop{display:none;}
	.theme-header-mobile{display:flex;}
}
@media (min-width:1281px){
	.theme-header-mobile-panel,.new_sj_menu_yin,
	.theme-header:has(.menu_iconBtn-up) + .theme-header-mobile-panel{display:none!important;}
}

/* ---- 首頁 bg-opacity 模式：維持深藍，不再做透明與置中 ---- */
.new_index_head.bg-opacity .theme-header-desktop{padding-top:0;}

/* ---- 登入視窗與其他共用元件（沿用舊 class） ---- */
.sign-p{color:var(--accent);}
.sign_in_bg .sign_in_box .sign_in_block:first-child{border-right-color:var(--accent);}
.CartLogin{border-color:var(--theme);background-color:var(--theme);}
.CartLogin:hover{border-color:var(--accent);background-color:var(--accent);}
.look-more-button{background:var(--theme);}
.look-more-button:hover{background:var(--accent);}
.select-mobile{border-bottom-color:var(--theme);}
.select-mobile a{color:var(--theme);}
.select-mobile .active{background:var(--theme);color:#fff;}

/* --------------------------------------------------------------------------
   會員登入視窗（#sign_in_block，includes/header.html）
   舊 pixy-style.css 用 .sign_in_bg .sign_in_box ... 寫，這裡以 #sign_in_block 開頭的選擇器覆蓋
   -------------------------------------------------------------------------- */
#sign_in_block.theme-login{position:fixed;inset:0;width:100%;height:100%;background:rgba(39,40,75,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9100;display:none;overflow-y:auto;padding:24px 12px;box-sizing:border-box;text-align:center;font-size:0;}
/* 垂直置中：jQuery show() 會把容器設回 display:block，不能用 flex，改用 inline-block + 撐高的 ::before；視窗比螢幕高時仍可捲動 */
#sign_in_block.theme-login::before{content:"";display:inline-block;height:100%;vertical-align:middle;}
#sign_in_block .theme-login-backdrop{position:fixed;inset:0;width:100%;height:100%;z-index:0;cursor:pointer;}
#sign_in_block .theme-login-box{position:relative;top:auto;left:auto;display:inline-block;vertical-align:middle;margin:0 auto;width:100%;max-width:860px;font-size:14px;text-align:left;padding:0;background:#fff;border:none;border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.3);z-index:1;overflow:hidden;animation:theme-header-panel-in .25s ease;}
#sign_in_block .theme-login-close{position:absolute;right:14px;top:14px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:none;border-radius:50%;color:#777;cursor:pointer;z-index:2;transition:background .2s,color .2s;}
#sign_in_block .theme-login-close:hover{background:#f0f0f3;color:var(--theme);}
#sign_in_block .theme-login-close .theme-icon{width:18px;height:18px;}
#sign_in_block .theme-login-columns{display:flex;align-items:stretch;margin:0;}
#sign_in_block .theme-login-column{float:none;width:50%;padding:44px 40px 36px;box-sizing:border-box;border:none;}
#sign_in_block .theme-login-column-guest{background:#f7f7f9;display:flex;flex-direction:column;justify-content:center;}
#sign_in_block .theme-login-title{margin:0 0 22px;font-size:20px;font-weight:bold;letter-spacing:1px;text-align:left;color:var(--theme);}
#sign_in_block .theme-login-list{list-style:none;margin:0;padding:0;}
#sign_in_block .theme-login-list li{margin:0;}
/* 第三方登入圓鈕（後端輸出 .fb_btn_sty；登入視窗 #sign_in_block 與註冊頁 sign_up.html 共用，故不加 id 前綴） */
.theme-login-social{display:flex;align-items:center;justify-content:center;gap:16px;}
/* 後端有些按鈕外層多包一層 div（例如 .google-login-div），一律修成 48px 圓形 */
.theme-login-social > *{display:inline-flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;margin:0!important;padding:0;border-radius:50%;overflow:hidden;box-shadow:0 4px 12px rgba(39,40,75,.12);transition:box-shadow .25s,filter .25s;}
/* hover 統一掛在最外層那顆（Google / LINE 外面多包一層 div，Facebook 沒有），整顆一起浮起；內層一律不透明、不位移 */
.theme-login-social > :hover{box-shadow:0 10px 22px rgba(39,40,75,.28);filter:brightness(1.12);opacity:1!important;}
.theme-login-social > :hover *,.theme-login-social a:hover{opacity:1!important;transform:none!important;}
.theme-login-social .fb_btn_sty,.theme-login-social .fb_btn_sty1{display:inline-flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;margin:0;padding:0;border:none;border-radius:50%;color:#fff;font-size:0;line-height:1;cursor:pointer;box-sizing:border-box;overflow:hidden;}
.theme-login-social .fb_btn_sty *{margin:0;padding:0;line-height:1;box-sizing:border-box;}
.theme-login-social .fb_btn_sty a,.theme-login-social .fb_btn_sty div{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:transparent!important;color:#fff;text-decoration:none;}
.theme-login-social .fb_btn_sty p{display:none;}
.theme-login-social .fb_btn_sty i{font-size:20px;width:auto;text-align:center;color:#fff;}
.theme-login-social .fb_btn_sty img{width:22px;height:22px;display:block;}
/* 圖示改成白色 SVG 當背景圖置中：LINE 用 Simple Icons 對話框，Google G 與 Facebook f 用 Font Awesome 5 Brands 的粗體版，三顆線條份量才一致；後端輸出的 i / img 一律隱藏 */
.theme-login-social i,.theme-login-social img,.theme-login-social p{display:none!important;}
.theme-login-social .google-login,.theme-login-social .google-login-div,.theme-login-social .google-login-a{background-color:#DB4437!important;background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 488 512%22%3E%3Cpath fill=%22%23fff%22 d=%22M488 261.8C488 403.3 391.1 504 248 504 110.8 504 0 393.2 0 256S110.8 8 248 8c66.8 0 123 24.5 166.3 64.9l-67.5 64.9C258.5 52.6 94.3 116.6 94.3 256c0 86.5 69.1 156.6 153.7 156.6 98.2 0 135-70.4 140.8-106.9H248v-85.3h236.1c2.3 12.7 3.9 24.9 3.9 41.4z%22/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:auto 20px!important;}
.theme-login-social .line-login{background-color:#06C755!important;background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22%23fff%22 d=%22M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63h2.386c.346 0 .627.285.627.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.63.63-.63.345 0 .63.285.63.63v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63.346 0 .628.285.628.63v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.63.63-.63.348 0 .63.285.63.63v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314%22/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:auto 22px!important;}
/* 註冊頁的 Facebook 鈕沒有 .fb-login，只有 .fb_btn_sty1（Google / LINE 也可能掛同一個 class，所以用 :not 排除） */
.theme-login-social .fb-login,.theme-login-social .fb_btn_sty1:not(.google-login):not(.google-login-div):not(.google-login-a):not(.line-login){background-color:#1877F2!important;background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 320 512%22%3E%3Cpath fill=%22%23fff%22 d=%22M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z%22/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:auto 21px!important;}
/* Facebook 藍提亮 12% 幾乎看不出來，hover 時直接換成較亮的藍 */
.theme-login-social .fb-login:hover,.theme-login-social > :hover .fb-login,.theme-login-social .fb_btn_sty1:not(.google-login):not(.google-login-div):not(.google-login-a):not(.line-login):hover{background-color:#2a8aff!important;filter:saturate(1.25)!important;opacity:1!important;}
.theme-login-social a{color:#fff;}
#sign_in_block .theme-login-divider{display:flex;align-items:center;gap:12px;margin:4px 0 16px!important;font-size:12px;color:#aaa;}
#sign_in_block .theme-login-divider::before,#sign_in_block .theme-login-divider::after{content:"";flex:1 1 auto;height:1px;background:#e8e8ec;}
/* 輸入框 */
#sign_in_block .theme-login-field{margin:0 0 10px!important;}
#sign_in_block .theme-login-input{display:block;width:100%;height:44px;margin:0;padding:0 14px;border:1px solid #dcdce2;border-radius:10px;background:#fff;font-size:14px;color:#333;box-sizing:border-box;transition:border-color .2s,box-shadow .2s;}
#sign_in_block .theme-login-input:focus{border-color:var(--theme);box-shadow:0 0 0 3px rgba(39,40,75,.12);outline:none;}
#sign_in_block .theme-login-input::placeholder{color:#aaa;}
#sign_in_block .theme-login-recaptcha{margin:4px 0 10px;}
#sign_in_block .theme-login-recaptcha > div{margin:0 auto;}
/* 按鈕 */
#sign_in_block .theme-login-submit{margin:4px 0 12px!important;}
#sign_in_block .theme-login-button{display:flex;align-items:center;justify-content:center;width:100%;height:46px;margin:0;padding:0 16px;border:1px solid var(--theme);border-radius:999px;background:var(--theme);font-size:15px;font-weight:bold;line-height:1;color:#fff;cursor:pointer;transition:background .2s,border-color .2s,color .2s;-webkit-appearance:none;}
#sign_in_block .theme-login-button:hover{background:var(--accent);border-color:var(--accent);color:#fff;opacity:1;}
#sign_in_block .theme-login-button:active{background:var(--theme);color:#fff;}
#sign_in_block .theme-login-button-guest{background:#fff;color:var(--theme);}
#sign_in_block .theme-login-button-guest:hover{background:var(--theme);border-color:var(--theme);color:#fff;}
#sign_in_block .theme-login-guest-link{display:block;text-decoration:none;opacity:1!important;}
/* 連結 */
#sign_in_block .theme-login-links{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px!important;}
#sign_in_block .theme-login-links-center{justify-content:center;}
#sign_in_block .theme-login-link-wrap{text-decoration:none;}
#sign_in_block .theme-login-link-wrap:hover,#sign_in_block .theme-login-guest-link:hover{opacity:1!important;}
#sign_in_block .theme-login-link{float:none;width:auto;margin:0;padding:4px 0;border-radius:0;background:none;font-size:13px;color:#777;text-align:left;cursor:pointer;border-bottom:1px solid transparent;transition:color .2s,border-color .2s;}
#sign_in_block .theme-login-link:hover{color:var(--theme);border-bottom-color:var(--theme);}
#sign_in_block .theme-login-link-signup{color:var(--accent);font-weight:bold;}
/* 右欄說明 */
#sign_in_block .theme-login-description{height:auto;margin:0 0 22px;font-size:14px;font-weight:normal;line-height:1.8;text-align:left;color:#666;}
/* 忘記密碼面板 */
#sign_in_block .theme-login-panel-forget{max-width:420px;margin:0 auto;padding:44px 40px 36px;}
#sign_in_block .theme-login-panel-forget .theme-login-title{text-align:center;}
#sign_in_block .theme-login-panel-forget .theme-login-description{text-align:center;}
@media (max-width:767px){
	#sign_in_block.theme-login{padding:8px;}
	#sign_in_block .theme-login-box{margin:0 auto;border-radius:14px;}
	#sign_in_block .theme-login-columns{display:block;}
	#sign_in_block .theme-login-column{width:100%;padding:30px 16px 22px;}
	#sign_in_block .theme-login-column-guest{padding-top:22px;}
	#sign_in_block .theme-login-title{font-size:18px;margin-bottom:14px;}
	#sign_in_block .theme-login-panel-forget{padding:30px 16px 22px;}
}

/* --------------------------------------------------------------------------
   Footer（theme-footer-*，對應 includes/footer_common.html）
   -------------------------------------------------------------------------- */
.theme-footer{background:var(--theme);color:rgba(255,255,255,.8);font-size:14px;line-height:1.7;margin-top:48px;}
.theme-footer a{color:rgba(255,255,255,.8);text-decoration:none;transition:color .2s;}
.theme-footer a:hover{color:#fff;}
/* 底線用邊框線做，不受舊 CSS 的 text-decoration:none 影響 */
.theme-footer-list a,.theme-footer-contact-list a{display:inline-block;line-height:1.5;border-bottom:1px solid transparent;transition:color .2s,border-color .2s;}
.theme-footer-list a:hover,.theme-footer-contact-list a:hover{border-bottom-color:#fff;}
.theme-footer-container{max-width:1200px;margin:0 auto;padding:44px 20px 16px;}
.theme-footer-logo{margin-bottom:28px;}
.theme-footer-logo img{height:44px;width:auto;display:block;}
.theme-footer-columns{display:grid;grid-template-columns:1fr 1fr 1fr 1.4fr 1.5fr;gap:28px;}
.theme-footer-title{margin:0 0 14px;padding:0 0 10px;position:relative;font-size:15px;font-weight:bold;line-height:1.4;letter-spacing:1px;color:#fff;}
.theme-footer-title::after{content:"";position:absolute;left:0;bottom:0;width:28px;height:2px;background:var(--accent-on-dark);}
.theme-footer-list{list-style:none;margin:0;padding:0;}
.theme-footer-list li{margin:0 0 8px;padding:0;}
.theme-footer-contact-list{list-style:none;margin:0;padding:0;}
.theme-footer-contact-list li{display:flex;gap:6px;margin:0 0 8px;padding:0;color:#fff;}
.theme-footer-contact-list a{color:#fff;}
.theme-footer-contact-label{flex:0 0 auto;color:#fff;}
.theme-footer-contact-label::after{content:"：";}
.theme-footer-social{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;}
.theme-footer-social a{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid rgba(255,255,255,.25);border-radius:999px;font-size:12px;color:#fff;transition:border-color .2s,background .2s,color .2s;}
.theme-footer-social a:hover{border-color:#fff;background:rgba(255,255,255,.15);color:#fff;text-decoration:none;}
.theme-footer-social img{width:18px;height:18px;display:block;}
.theme-footer-map{border-radius:10px;overflow:hidden;background:rgba(255,255,255,.08);}
.theme-footer-map iframe{display:block;width:100%;height:260px;border:0;}
.theme-footer-copyright-notice{margin-top:20px;padding-top:12px;text-align:center;font-size:12px;line-height:1.5;color:rgba(255,255,255,.55);}
.theme-footer-copyright-notice p{margin:0;padding:0;line-height: 22px;}
.theme-footer-bottom{background:transparent;padding:12px 20px;text-align:center;font-size:12px;}
.theme-footer-bottom-link{display:inline-flex;align-items:center;gap:6px;margin:0 12px;color:rgba(255,255,255,.65);}
.theme-footer-bottom-link img{display:block;}
/* 平板橫向 992–1199px：三欄，第一列 所有商品｜關於｜其他資訊，第二列 聯絡資訊｜地圖（佔兩欄） */
@media (max-width:1199px){
	.theme-footer-columns{grid-template-columns:1fr 1fr 1fr;gap:24px;}
	.theme-footer-column-store{grid-column:span 1;}
	.theme-footer-column-map{grid-column:span 2;}
}
/* 平板直向 768–991px：兩欄，所有商品橫跨兩欄並分成兩列排、關於與其他資訊並排、聯絡與地圖各佔整列 */
@media (max-width:991px){
	.theme-footer-columns{grid-template-columns:1fr 1fr;}
	.theme-footer-column-products{grid-column:span 2;}
	.theme-footer-column-products .theme-footer-list{columns:2;column-gap:24px;}
	.theme-footer-column-products .theme-footer-list li{break-inside:avoid;}
	.theme-footer-column-store{grid-column:span 2;}
	.theme-footer-column-map{grid-column:span 2;}
	.theme-footer-map iframe{height:240px;}
}
@media (max-width:767px){
	.theme-footer{margin-top:32px;}
	.theme-footer-container{padding:32px 16px 20px;}
	.theme-footer-logo{margin-bottom:22px;}
	.theme-footer-logo img{height:38px;}
	.theme-footer-columns{grid-template-columns:1fr 1fr;gap:22px 16px;}
	.theme-footer-column-products,.theme-footer-column-store,.theme-footer-column-map{grid-column:span 2;}
	.theme-footer-column-products .theme-footer-list{columns:2;column-gap:16px;}
	.theme-footer-contact-list li{flex-wrap:wrap;}
	.theme-footer-map iframe{height:200px;}
	.theme-footer-copyright-notice{font-size:11px;}
	.theme-footer-bottom{padding-bottom:72px;} /* 預留手機底部固定列 .sj-aq-dibu 的高度 */
	.theme-footer-bottom-link{display:flex;justify-content:center;margin:4px 0;}
}
.footer_privacy-container a{color:var(--accent);}
/* SweetAlert 客服彈窗按鈕（預設：確認=主題色、取消=輔助色；可用 theme-alert-button-* 覆蓋） */
.swal2-styled.swal2-confirm{background-color:var(--theme);color:#fff;border:none;}
.swal2-styled.swal2-cancel{background-color:var(--accent);color:#fff;border:none;}
.swal2-styled.theme-alert-button-primary{background-color:var(--theme);color:#fff;border:none;}
.swal2-styled.theme-alert-button-accent{background-color:var(--accent);color:#fff;border:none;}
.swal2-styled.theme-alert-button-line{background-color:#28a745;color:#fff;border:none;}
.swal2-content a{color:var(--accent);}

/* --------------------------------------------------------------------------
   麵包屑（includes/crumb.html，全站共用）：分隔符改為「/」
   -------------------------------------------------------------------------- */
/* 舊 aqxinz.css 用 #breadcrumb .ahover 給目前頁面灰底，ID 優先權高，這裡同樣以 #breadcrumb 開頭覆蓋 */
#breadcrumb,.crumb-new{padding:6px 0 14px;font-size:13px;line-height:1.8;letter-spacing:.3px;color:#999;}
#breadcrumb .crumb-new{padding:0;}
#breadcrumb a,.crumb-new a{color:#777;background:none;padding:0;border-radius:0;font-weight:normal;transition:color .2s;}
#breadcrumb a:hover,.crumb-new a:hover{color:var(--accent);opacity:1!important;}
#breadcrumb .ahover,#breadcrumb a.ahover,.crumb-new a.ahover{color:#333;font-weight:bold;background:none;padding:0;border-radius:0;pointer-events:none;}
#breadcrumb .theme-crumb-separator,.theme-crumb-separator{display:inline-block;margin:0 8px;color:#cfcfcf;font-weight:normal;}

/* --------------------------------------------------------------------------
   分享列（includes/share_block.html，商品列表 / 商品內頁 / 隱私權 / 服務條款 / 購物說明共用）
   -------------------------------------------------------------------------- */
.theme-share{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:8px 0 16px;padding-top:12px;border-top:1px solid #eee;text-align:right;}
.theme-share-label{display:inline-flex;align-items:center;gap:6px;margin-right:2px;font-size:13px;color:#666;}
.theme-share-label .theme-icon{width:16px;height:16px;color:var(--theme);}
.theme-share-count{margin-right:6px;font-size:12px;color:#999;white-space:nowrap;}
.theme-share-count b{font-weight:bold;color:var(--theme);}
.theme-share-count:has(.total-share-num-text:empty){display:none;}
.theme-share .article_consharea,.theme-share .articles-share-link,.theme-share-fixed .articles-share-link,.theme-share-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin:0!important;padding:0;border-radius:50%;border:1px solid #d9d9d9;background:#fff;color:var(--theme);cursor:pointer;position:static;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;}
.theme-share-button .theme-icon{width:18px;height:18px;}
.theme-share-button .theme-icon-brand{fill:currentColor;stroke:none;}
.theme-share-button:hover{border-color:transparent;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(39,40,75,.15);opacity:1!important;}
.theme-share-button-line:hover{background:#06C755;}
.theme-share-button-facebook:hover{background:#1877F2;}
.theme-share-button-copy:hover{background:var(--theme);}
.product-message .theme-share a{margin:0!important;}
/* 浮動分享：電腦版貼在左側，手機版可收合 */
.theme-share-fixed{position:fixed;top:260px;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;width:50px;margin:0;padding:10px 0;border:none;border-top:none;background:#fff;border-radius:0 12px 12px 0;box-shadow:0 6px 20px rgba(39,40,75,.15);text-align:center;}
.theme-share-fixed .theme-share-fixed-head{display:block;padding:0;line-height:1;text-align:center;}
.theme-share-fixed .theme-share-fixed-head .theme-icon{width:18px;height:18px;color:var(--theme);}
.theme-share-fixed .theme-share-count{margin:-4px 0 0;font-size:11px;line-height:1;}
.theme-share-fixed .article_consharea,.theme-share-fixed .articles-share-link{display:inline-flex;margin:0!important;}
.theme-share-fixed .articles-share-icon{display:block;padding:0;line-height:1;}
/* 保險：share.css 的 .articles-share .articles-share-link 是 inline-block + relative，這裡以更高優先權固定為圓形按鈕 */
.articles-share .articles-share-link.theme-share-button,.articles-share-fix .articles-share-link.theme-share-button{display:inline-flex;position:static;margin:0!important;}
/* 商品內頁的分享列在商品資訊欄內，靠左排 */
.articles-share.theme-share{justify-content:flex-start;margin:14px 0 0;}
.theme-share-fixed .theme-share-button{width:34px;height:34px;}
.theme-share-fixed-tab{display:none;}
@media (max-width:767px){
	.theme-share-fixed{top:80px;left:-50px;background:#fff;padding:10px 0;}
	.theme-share-fixed .article_consharea,.theme-share-fixed .articles-share-link{margin:0!important;}
	.theme-share-fixed-tab{display:flex;flex-direction:column;align-items:center;position:absolute;right:-26px;top:50%;transform:translateY(-50%);width:26px;padding:8px 0;background:var(--theme);color:#fff;border-radius:0 8px 8px 0;font-size:11px;line-height:1.2;cursor:pointer;box-shadow:2px 2px 8px rgba(39,40,75,.2);}
	.theme-share-fixed-tab .fa{display:block;width:auto;height:auto;margin:0 0 4px;font-size:12px;line-height:1;color:#fff;}
	.theme-share-fixed-tab .fa-caret-left{display:none;}
	.theme-share-fixed-tab-text{writing-mode:vertical-rl;letter-spacing:2px;}
	.theme-share{justify-content:flex-start;flex-wrap:wrap;}
}

/* --------------------------------------------------------------------------
   商品列表頁（commodity_list.html + includes/com_left_menu_new.html）
   theme-listing-*：版面與工具列　theme-category-*：分類選單/抽屜　theme-product-card-*：商品卡
   -------------------------------------------------------------------------- */
.theme-page{background:#f7f7f9;padding:108px 0 48px;min-height:60vh;}
.theme-listing-container{max-width:1300px;margin:0 auto;padding:0 20px;}
.theme-listing-head{margin-bottom:14px;}
.theme-listing-title{position:relative;margin:0 0 12px;padding-bottom:12px;font-size:26px;font-weight:bold;letter-spacing:2px;line-height:1.4;color:var(--theme);}
.theme-listing-title::after{content:"";position:absolute;left:0;bottom:0;width:32px;height:3px;border-radius:2px;background:var(--accent);}
.theme-listing-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;}
.theme-listing-meta #breadcrumb{padding:0;flex:1 1 auto;min-width:0;}
.theme-listing-share{flex:0 0 auto;}
.theme-listing-share .theme-share{margin:0;padding-top:0;border-top:none;}
.theme-listing-banner{margin:0 0 20px;border-radius:12px;overflow:hidden;}
/* 版面：左側分類 + 商品區 */
.theme-listing-layout{display:flex;align-items:flex-start;gap:28px;}
.theme-category-drawer-toggle{display:none;}
.theme-category{flex:0 0 240px;width:240px;position:sticky;top:100px;max-height:calc(100vh - 120px);overflow-y:auto;background:#fff;border-radius:12px;padding:0 0 10px;box-shadow:0 2px 10px rgba(39,40,75,.05);}
.theme-category-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 10px;border-bottom:1px solid #f0f0f0;}
.theme-category-head-title{font-size:15px;font-weight:bold;letter-spacing:2px;color:#333;}
.theme-category-close{display:none;}
.theme-category-all{display:block;padding:12px 18px;font-size:14px;font-weight:bold;color:#444;border-bottom:1px solid #f3f3f3;transition:color .2s,background .2s;}
.theme-category-all:hover,.theme-category-all-current{color:var(--theme);background:var(--accent-light);opacity:1!important;}
.theme-category-group{border-bottom:1px solid #f3f3f3;}
.theme-category-group-title{display:flex;user-select:none;align-items:center;justify-content:space-between;padding:12px 18px;font-size:14px;font-weight:bold;color:#333;cursor:pointer;transition:color .2s;-webkit-tap-highlight-color:transparent;}
.theme-category-group-title .theme-icon{width:16px;height:16px;color:#aaa;transition:transform .2s,color .2s;}
.theme-category-group-title:hover{color:var(--theme);}
.theme-category-group-current > .theme-category-group-title{color:var(--theme);}
.theme-category-group-open > .theme-category-group-title .theme-icon{transform:rotate(180deg);color:var(--accent);}
.theme-category-list{display:none;padding:0 10px 10px 18px;}
.theme-category-link{display:block;padding:7px 10px 7px 12px;font-size:13px;line-height:1.5;color:#666;border-left:2px solid transparent;border-radius:0 6px 6px 0;transition:color .2s,background .2s,border-color .2s;}
.theme-category-link:hover{color:var(--theme);background:#f7f7f9;opacity:1!important;}
.theme-category-link-all{color:#444;}
.theme-category-link-current{color:var(--theme);font-weight:bold;border-left-color:var(--accent);background:var(--accent-light);}
.theme-category-overlay{display:none;}
/* 商品區與工具列 */
.theme-listing-main{flex:1 1 auto;min-width:0;}
.theme-listing-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin:0 0 18px;padding:10px 16px;background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(39,40,75,.05);}
.theme-listing-filter-button{display:none;}
.theme-listing-count{margin:0;font-size:13px;color:#777;}
.theme-listing-count strong{margin:0 2px;font-size:15px;color:var(--theme);}
.theme-listing-count-name{margin:0 4px;color:#444;}
.theme-listing-sort-wrap{position:relative;margin-left:auto;}
.theme-listing-sort-toggle,.theme-listing-sort-summary,.theme-listing-sort-backdrop{display:none;}
.theme-listing-sort{display:flex;align-items:center;gap:6px;margin:0;}
.theme-listing-sort-label{margin-right:4px;font-size:12px;color:#999;}
/* 排序按鈕：淡灰底讓它在白色工具列上看得出是按鈕；目前排序深藍實心 */
.theme-listing-sort-button{margin:0;padding:7px 15px;border:1px solid #d5d5dc;border-radius:999px;background:#f3f3f6;font-size:13px;font-weight:bold;line-height:1.4;color:#444;cursor:pointer;transition:all .2s;-webkit-appearance:none;}
.theme-listing-sort-button:hover{border-color:var(--theme);background:#fff;color:var(--theme);}
.theme-listing-sort-button-active,.theme-listing-sort-button-active:hover{background:var(--theme)!important;border-color:var(--theme)!important;color:#fff!important;}
/* 保險：pixy-style.css 對 .sortord button 有多條 !important，即使表單仍掛 sortord 也蓋回 */
.sortord .theme-listing-sort-button{display:inline-block!important;padding:7px 15px!important;margin:0!important;border:1px solid #d5d5dc!important;box-shadow:none!important;background:#f3f3f6!important;color:#444!important;font-size:13px!important;}
.sortord .theme-listing-sort-button:hover{background:#fff!important;border-color:var(--theme)!important;color:var(--theme)!important;}
.sortord .theme-listing-sort-button-active,.sortord .theme-listing-sort-button-active:hover{background:var(--theme)!important;border-color:var(--theme)!important;color:#fff!important;}
.theme-listing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
/* 商品卡 */
.theme-product-card{display:flex;flex-direction:column;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(39,40,75,.05);transition:transform .3s ease,box-shadow .3s ease;}
.theme-product-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(39,40,75,.12);}
.theme-product-card-image{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;background:#f3f3f5;}
.theme-product-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.theme-product-card:hover .theme-product-card-image img{transform:scale(1.04);}
.theme-product-card-label{position:absolute;left:10px;top:10px;z-index:2;padding:3px 9px;border-radius:999px;background:var(--theme);color:#fff;font-size:11px;line-height:1.5;}
.theme-product-card-label-coupon{top:auto;bottom:10px;background:var(--accent);}
.theme-product-card-body{display:flex;flex-direction:column;flex:1 1 auto;padding:14px 16px 16px;}
.theme-product-card-category{margin-bottom:4px;font-size:12px;font-weight:bold;letter-spacing:.5px;color:var(--accent)!important;}
.theme-product-card-title{margin:0 0 6px;font-size:15px;font-weight:bold;line-height:1.5;}
.theme-product-card-title a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#333;}
.theme-product-card-title a:hover{color:var(--accent);opacity:1!important;}
.theme-product-card-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 8px;font-size:12px;line-height:1.6;color:#888;}
.theme-product-card-sales{margin:0 0 6px;font-size:12px;color:#999;}
.theme-product-card-sales strong{color:var(--accent);}
.theme-product-card-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:6px;}
.theme-product-card-price-sale{font-size:20px;font-weight:bold;line-height:1.2;color:var(--theme);}
.theme-product-card-price-sale small{margin-right:4px;font-size:12px;font-weight:normal;color:#888;}
.theme-product-card-price-original{font-size:12px;color:#aaa;text-decoration:line-through;}
.theme-product-card-actions{display:flex;align-items:center;gap:8px;margin-top:12px;}
.theme-product-card-cart{display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;border-radius:50%;border:1px solid var(--theme);background:#fff;font-size:12px;color:var(--theme);transition:all .2s;}
.theme-product-card-cart .theme-icon{width:18px;height:18px;}
.theme-product-card-cart:hover{background:var(--theme);border-color:var(--theme);color:#fff;opacity:1!important;}
.theme-product-card-cart-soldout{border-style:dashed;border-color:#ccc;color:#bbb;}
.theme-product-card-cart-soldout:hover{background:#f3f3f3;border-color:#ccc;color:#999;}
/* 查看商品：靜態線框，滑到卡片上時填成深藍 */
.theme-product-card-button{display:block;flex:1 1 auto;padding:9px 12px;border:1px solid var(--theme);border-radius:999px;background:#fff;font-size:13px;font-weight:bold;line-height:1.4;text-align:center;color:var(--theme)!important;transition:background .2s,color .2s,border-color .2s;}
.theme-product-card:hover .theme-product-card-button{background:var(--theme);color:#fff!important;}
.theme-product-card-button:hover{background:var(--accent);border-color:var(--accent);color:#fff!important;opacity:1!important;}
/* 無商品 */
.theme-listing-empty{padding:60px 20px;text-align:center;background:#fff;border-radius:12px;color:#888;}
.theme-listing-empty-button{display:inline-block;margin-top:16px;padding:10px 24px;border-radius:999px;}
/* 頁碼（蓋掉 bootstrap .pagination 的方框樣式） */
.theme-listing-pagination{margin:28px 0 0;text-align:center;}
.theme-listing-pagination .pagination{display:inline-flex;align-items:center;gap:6px;margin:0;padding:0;list-style:none;font-size:14px;}
.theme-listing-pagination .pagination li{margin:0;padding:0;float:none;}
.theme-listing-pagination .pagination li a,.theme-listing-pagination .pagination li span,
.theme-listing-pagination .pagination>li:first-child>a,.theme-listing-pagination .pagination>li:last-child>a{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;margin:0;padding:0 10px;border-radius:999px;border:1px solid #e3e3e3;background:#fff;font-size:14px;color:#555!important;float:none;transition:all .2s;}
.theme-listing-pagination .pagination li a:hover{border-color:var(--theme);color:var(--theme)!important;background:#fff;opacity:1!important;}
.theme-listing-pagination .pagination li.now_p a,.theme-listing-pagination .pagination>li.now_p>a{background:var(--theme);border-color:var(--theme);color:#fff!important;}
/* RWD */
@media (max-width:1280px){
	.theme-page{padding:76px 0 40px;}
	.theme-category{top:72px;}
}
@media (max-width:991px){
	.theme-listing-layout{display:block;}
	/* 分類改為抽屜，從左側滑入 */
	.theme-category{position:fixed;top:0;left:0;bottom:0;width:min(84vw,320px);max-height:none;padding:0 0 30px;border-radius:0;box-shadow:0 0 40px rgba(0,0,0,.25);transform:translateX(-105%);transition:transform .3s ease;z-index:9000;}
	.theme-category-head{position:sticky;top:0;z-index:1;padding:16px 18px 12px;background:#fff;}
	.theme-category-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:#666;cursor:pointer;}
	.theme-category-close .theme-icon{width:18px;height:18px;}
	.theme-category-overlay{display:block;position:fixed;inset:0;background:rgba(39,40,75,.45);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s;z-index:8999;}
	.theme-category-drawer-toggle:checked ~ .theme-listing-layout .theme-category{transform:translateX(0);}
	.theme-category-drawer-toggle:checked ~ .theme-listing-layout .theme-category-overlay{opacity:1;visibility:visible;transition:opacity .3s ease,visibility 0s;}
	body.theme-drawer-open{overflow:hidden;}
	.theme-listing-filter-button{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--theme);border-radius:999px;font-size:13px;font-weight:bold;line-height:1.4;color:var(--theme);cursor:pointer;}
	.theme-listing-filter-button .theme-icon{width:16px;height:16px;}
	.theme-listing-toolbar{padding:10px 12px;}
	/* 排序收成一顆按鈕，點開在下方浮出選項 */
	.theme-listing-sort-wrap{margin-left:auto;}
	.theme-listing-sort-summary{display:inline-flex;align-items:center;gap:6px;padding:7px 12px 7px 14px;border:1px solid #d5d5dc;border-radius:999px;background:#f3f3f6;font-size:13px;line-height:1.4;color:#444;cursor:pointer;-webkit-tap-highlight-color:transparent;}
	.theme-listing-sort-summary b{color:var(--theme);}
	.theme-listing-sort-summary .theme-icon{width:16px;height:16px;color:#888;transition:transform .2s;}
	.theme-listing-sort-toggle:checked ~ .theme-listing-sort-summary{border-color:var(--theme);background:#fff;}
	.theme-listing-sort-toggle:checked ~ .theme-listing-sort-summary .theme-icon{transform:rotate(180deg);color:var(--theme);}
	.theme-listing-sort-backdrop{position:fixed;inset:0;z-index:8990;}
	.theme-listing-sort-toggle:checked ~ .theme-listing-sort-backdrop{display:block;}
	.theme-listing-sort{display:none;position:absolute;right:0;top:calc(100% + 8px);z-index:8991;flex-direction:column;align-items:stretch;gap:0;min-width:180px;padding:6px 0;background:#fff;border-radius:12px;box-shadow:0 12px 30px rgba(39,40,75,.2);}
	.theme-listing-sort-toggle:checked ~ .theme-listing-sort{display:flex;animation:theme-header-panel-in .2s ease;}
	.theme-listing-sort-label{padding:8px 16px 6px;margin:0;font-size:11px;letter-spacing:1px;color:#999;}
	.theme-listing-sort .theme-listing-sort-button{display:flex!important;align-items:center;justify-content:space-between;width:100%;margin:0!important;padding:11px 16px!important;border:none!important;border-radius:0;background:#fff!important;box-shadow:none!important;font-size:14px!important;font-weight:normal;text-align:left;color:#444!important;}
	.theme-listing-sort .theme-listing-sort-button:hover{background:#f7f7f9!important;color:var(--theme)!important;}
	.theme-listing-sort .theme-listing-sort-button-active,.theme-listing-sort .theme-listing-sort-button-active:hover{background:var(--accent-light)!important;color:var(--theme)!important;font-weight:bold;}
	.theme-listing-sort .theme-listing-sort-button-active::after{content:"✓";font-size:14px;color:var(--accent);margin-left:12px;}
	.theme-listing-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:14px;}
}
@media (max-width:767px){
	.theme-page{padding:64px 0 32px;}
	.theme-listing-container{padding:0 12px;}
	.theme-listing-title{font-size:20px;margin-top: 12px;margin-bottom: 0px;}
	.theme-listing-meta{gap:4px 12px;}
	.theme-listing-share{flex:1 1 100%;}
	.theme-listing-count-name{display:none;}
	.theme-listing-grid{gap:10px;}
	.theme-product-card-body{padding:10px 10px 12px;}
	.theme-product-card-title{font-size:14px;}
	.theme-product-card-description{-webkit-line-clamp:2;font-size:11.5px;line-height:1.55;margin-bottom:6px;}
	.theme-product-card-price-sale{font-size:17px;}
	.theme-product-card-cart{flex-basis:36px;width:36px;height:36px;}
	.theme-product-card-button{padding:8px 10px;font-size:12px;}
}

/* --------------------------------------------------------------------------
   商品頁共用：按鈕
   -------------------------------------------------------------------------- */
.aq_btn_black,
.aq_btn_black-check,
.product-buy-button,
.products-click,
.blognr63-rt a,
.xindezx1gpbtn,
.blogListBtn,
.aq_content1_rt7 a,
.aq_pro_alert_a a,
.aqalert-car2 a:last-child,
.sore-replt-a,
.sore-gade-oval{background:var(--theme);border-color:var(--theme);color:#fff;}
.aq_btn_black:hover,
.aq_btn_black-check:hover,
.product-buy-button:hover,
.products-click:hover,
.blognr63-rt a:hover,
.xindezx1gpbtn:hover,
.blogListBtn:hover,
.aq_content1_rt7 a:hover,
.aq_pro_alert_a a:hover,
.sore-replt-a:hover{background:var(--accent);border-color:var(--accent);color:#fff;}
.commodity_detailed .buy_btn_box .buy_btn{border-color:var(--theme);background-color:var(--theme);}
.commodity_detailed .buy_btn_box .buy_btn:hover,
.commodity_detailed .buy_btn_box .buy_btn:active{color:var(--accent);border-color:var(--accent);}
.commodity_detailed .buy_btn_box .buy_btn.brown_btn{border-color:var(--accent);background-color:var(--accent);}
.commodity_detailed .buy_btn_box .buy_btn.brown_btn:hover,
.commodity_detailed .buy_btn_box .buy_btn.brown_btn:active{color:var(--theme);}
.commodity_detailed .buy_btn_box .buy_btn.checkout_btn{color:var(--theme);border-color:var(--theme);}
.commodity_detailed .buy_btn_box .buy_btn.checkout_btn:hover{border-color:var(--accent);color:var(--accent);}
.new_index_pro_more a{border-color:var(--theme);color:var(--theme);}
.new_index_pro_more a:hover{background:var(--theme);color:#fff;}
.pages .ahover,.pages a:hover{background:var(--theme);color:#fff;}
.trans-button,.trans-button:hover{color:var(--theme);border-color:var(--theme);}

/* 商品頁：頁籤 */
.aq_content2_tl .clk,
.aq_content2_tl .ahover a,
.aq_content2_tl a:hover{background:var(--theme);color:#fff;}

/* 商品頁：價格 / 強調文字 */
.aq_content1_rt2_rt,
.aq_content1_rt2_lf span,
.products-price-now,
.sale-price-chinese,
.dollar-sign-sale-number,
.new_index_pro_pc_price_now .dollar-sign,
.sales-amount span,
.xindetimu span,
.aq_content5_ul_li2 span,
.aq_content5_ul li .aq_content5_ul_li5,
.aqalert-car1 span,
.blognr62,
.aqxinjiamiaos,
.price_new,
.aq_content2_b_main strong,
.aq_pro_alert4_text,
.commodity_list .commodity_card .product_discounted_price,
.commodity_list .commodity_list_box .content .price,
.commodity_list .commodity_list_box .content .name a,
.commodity_detailed .main_information .price,
.commodity_detailed .main_information .remarks,
.commodity_block .inf_box .price,
.commodity_block .mobile_price{color:var(--accent)!important;}
.commodity_detailed .main_information .pre_order{color:var(--accent);}
.commodity_detailed .main_information .pre_order span{background-color:var(--accent);}

/* 商品頁：標題 / 分類 / 說明區 */
.aq_content1_rt3 h2,
.aq_content2_b_tl,
.aq_content2_b_main h3,
.aq_content6_ul_text,
.product-message-ul h2,
.product-message-ul .color-blue,
.commodity_detailed .description_btn_box .description_btn.clk,
.commodity_detailed .show_description .show_cont h1,
.commodity_detailed .show_description .show_cont ol,
.commodity_detailed .show_description .show_cont ul,
.xindezx-rt2 a,
.xindezx-rt3-main p,
.sore-lf-tl,
.sore-rt-all-tl{color:var(--theme)!important;}
.product-category a,
.product-category-detail a{color:var(--theme)!important;}
.product-category a:hover,
.product-category-detail a:hover,
.xindezx-rt2 a:hover,
.aq_pc_menu li a:hover,
.blog-1-rt3 li a:hover,
.xinde-head3li:hover span{color:var(--accent)!important;}
.product-message-ul{border-left-color:var(--accent);}
.xindezx-rt-main .xindezx-rt1{border-left-color:var(--theme);color:var(--theme);background:linear-gradient(to right,var(--theme-tint),transparent);}
.xinde-share4 a{background:var(--accent);}
.xinde-ssh{border-color:var(--accent);}
.sore-rt-all-li-reply{background:var(--accent-light);}
.aqalert-car td{background:var(--accent-light);}

/* 商品頁：標籤 */
.product-tag,
.label_give,
.commodity_block .pic_box .tag_box .tag,
.commodity_list .commodity_card .pic .tag_box .tag,
.commodity_list .commodity_list_box .pic .tag_box .tag{background-color:var(--accent);}
.commodity_detailed .keyword_tag a:hover{background-color:var(--accent-light);}

/* 商品分類左側選單 */
.proMenuFsth{color:var(--theme);border-left-color:var(--theme);}
.proMenuFsth .fa-angle-up{color:var(--accent);}
.proMenuSec:hover,.proMenuSech,.proMenuSecCon a:hover{color:var(--accent);}
.shopping_guide .left_menu_sort h1{color:var(--theme);}

/* 商品頁：輪播指示點 */
.new_index_banner .flex-control-nav li .flex-active{background:var(--accent);}
.aqindex1 .flex-control-nav li .flex-active{background:var(--accent);}
.swiper-pagination-bullet-active{background:var(--accent)!important;}

/* --------------------------------------------------------------------------
   會員註冊（member/sign_up.html）：theme-signup-* 版面、theme-form-* 表單元件（之後會員資料修改等表單可共用）
   -------------------------------------------------------------------------- */
.theme-signup-container{max-width:920px;}
.theme-signup-head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin-bottom:18px;}
.theme-signup-head .theme-listing-title{margin-bottom:0;}
.theme-signup-lead{margin:0 0 4px;font-size:14px;color:#777;}
.theme-signup-lead-link{margin-left:4px;font-weight:bold;color:var(--accent)!important;border-bottom:1px solid transparent;transition:border-color .2s;}
.theme-signup-lead-link:hover{border-bottom-color:var(--accent);opacity:1!important;}
.theme-signup-card{background:#fff;border-radius:16px;padding:40px 44px 44px;box-shadow:0 2px 10px rgba(39,40,75,.05);}
/* 社群快速註冊 */
.theme-signup-social{margin-bottom:8px;text-align:center;}
.theme-signup-social-label{margin:0 0 14px;font-size:14px;color:#666;}
.theme-signup-divider{display:flex;align-items:center;gap:12px;margin:24px 0 8px;font-size:12px;color:#aaa;}
.theme-signup-divider::before,.theme-signup-divider::after{content:"";flex:1 1 auto;height:1px;background:#e8e8ec;}
/* 表單元件 */
.theme-form{margin:0;}
.theme-form-note{margin:0 0 18px;font-size:12px;color:#999;}
.theme-form .must-text{margin-right:2px;font-size:13px;color:#dc5555;font-weight:bold;}
.theme-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 16px;margin-bottom:18px;}
.theme-form-field{display:flex;flex-direction:column;min-width:0;}
.theme-form-field-quarter{grid-column:span 1;}
.theme-form-field-half{grid-column:span 2;}
.theme-form-field-three-quarter{grid-column:span 3;}
/* 地址列：地區固定寬，縣市／鄉鎮與地址平分剩下的寬度 */
.theme-form-grid-address{grid-template-columns:150px minmax(0,1fr) minmax(0,1fr);}
.theme-form-field-full{grid-column:span 4;}
.theme-form-label{display:block;margin:0 0 6px;font-size:14px;font-weight:bold;line-height:1.5;color:#444;}
.theme-form-control{position:relative;}
.theme-form-hint{margin:6px 0 0;font-size:12px;line-height:1.5;color:#aaa;}
.theme-form-input,.theme-form-field input[type="text"].theme-form-input,.theme-form-field input[type="number"].theme-form-input,.theme-form-field input[type="password"].theme-form-input{display:block;width:100%;height:44px;margin:0;padding:0 14px;border:1px solid #dcdce2;border-radius:10px;background:#fff;font-size:14px;line-height:42px;color:#333;box-sizing:border-box;-webkit-appearance:none;transition:border-color .2s,box-shadow .2s;}
/* pixy-style.css 第 660 行用 id 把 #member_last_name / #member_first_name 縮成 20%，id 優先權高，這裡用 !important 鎖回滿版 */
.theme-form-field .theme-form-input{width:100%!important;font-size:14px!important;font-family:inherit;}
.theme-form-input::placeholder{font-size:13px;}
.theme-form-input::placeholder{color:#b5b5bc;}
.theme-form-input:focus{border-color:var(--theme);box-shadow:0 0 0 3px rgba(39,40,75,.12);outline:none;}
.theme-form-input[readonly]{cursor:pointer;background:#fff;}
.theme-form-input[type="number"]{-moz-appearance:textfield;}
.theme-form-input[type="number"]::-webkit-outer-spin-button,.theme-form-input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
/* 郵遞區號兩個下拉並排（twzipcode 用 data-style 指定 class） */
.theme-form-zipcode{display:flex;gap:10px;}
.theme-form-zipcode > div{flex:1 1 0;min-width:0;}
.theme-form-select,select.theme-form-select,.theme-form-field select.theme-form-select{display:block;width:100%;height:44px;margin:0;padding:0 36px 0 14px;border:1px solid #dcdce2;border-radius:10px;font-family:inherit;background:#fff url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23888%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m6 9 6 6 6-6%22/%3E%3C/svg%3E") no-repeat right 12px center/16px 16px;font-size:14px;color:#333;box-sizing:border-box;-webkit-appearance:none;appearance:none;cursor:pointer;transition:border-color .2s,box-shadow .2s;}
.theme-form-select:focus{border-color:var(--theme);box-shadow:0 0 0 3px rgba(39,40,75,.12);outline:none;}
/* 單選 / 核取 */
.theme-form-choices{display:flex;flex-wrap:wrap;gap:8px 22px;min-height:44px;align-items:center;}
.theme-form-choice{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:normal;line-height:1.5;color:#444;cursor:pointer;}
.theme-form-choice input[type="radio"],.theme-form-choice input[type="checkbox"]{width:18px;height:18px;margin:0;accent-color:var(--theme);cursor:pointer;flex:0 0 auto;}
.theme-form-recaptcha{margin:6px 0 18px;}
.theme-form-agree{display:flex;align-items:flex-start;gap:10px;margin:0 0 24px;padding:14px 16px;border-radius:10px;background:#f7f7f9;font-size:13px;font-weight:normal;line-height:1.7;color:#666;cursor:pointer;}
.theme-form-agree input[type="checkbox"],.theme-form-agree #chkAgree{flex:0 0 auto;display:block;width:18px;height:18px;margin:3px 0 0;zoom:1;vertical-align:top;accent-color:var(--theme);cursor:pointer;}
.theme-form-agree #chkAgree_span{margin-left:0;line-height:inherit;color:#666;}
.theme-form-agree #chkAgree_span a{color:var(--accent);text-decoration:none!important;}
.theme-form-agree a{color:var(--accent);font-weight:bold;border-bottom:1px solid transparent;transition:border-color .2s;}
.theme-form-agree a:hover{border-bottom-color:var(--accent);opacity:1!important;}
.theme-form-actions{text-align:center;}
/* 送出鈕：蓋掉 pixy-style.css .btn_sty_main 的棕色與 :active 反白 */
.theme-form-submit.btn_sty_main{display:inline-block;min-width:240px;margin:0;padding:0 40px!important;height:48px;line-height:48px;border:1px solid var(--theme)!important;border-radius:999px!important;background:var(--theme)!important;font-size:15px!important;font-weight:bold;letter-spacing:2px;color:#fff!important;cursor:pointer;transition:background .2s,border-color .2s,transform .2s;-webkit-appearance:none;}
.theme-form-submit.btn_sty_main:hover{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important;opacity:1!important;}
.theme-form-submit.btn_sty_main:active{background:var(--theme)!important;color:#fff!important;transform:translateY(1px);}
/* 驗證錯誤（jquery.validate 產生 label.error，放在 .theme-form-field 最後） */
.theme-form-field label.error{display:block;margin:6px 0 0;font-size:12px;font-weight:normal;line-height:1.5;color:#dc5555;}
.theme-form-field-error .theme-form-input,.theme-form-field .theme-form-input.error{border-color:#dc5555!important;border-width:1px!important;box-shadow:0 0 0 3px rgba(220,85,85,.12);}
/* jQuery UI 日期選擇器配色 */
.ui-datepicker{padding:12px;border:none;border-radius:12px;box-shadow:0 12px 30px rgba(39,40,75,.2);font-family:inherit;font-size:13px;z-index:9200!important;}
.ui-datepicker .ui-datepicker-header{padding:6px 0;border:none;border-radius:8px;background:var(--theme);color:#fff;font-weight:bold;}
.ui-datepicker .ui-datepicker-title{line-height:28px;}
.ui-datepicker .ui-datepicker-title select{height:28px;margin:0 2px;padding:0 6px;border:none;border-radius:6px;font-size:13px;color:#333;}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{top:6px;border:none;background:none;cursor:pointer;}
.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:6px;border:none;background:rgba(255,255,255,.15);}
.ui-datepicker .ui-datepicker-prev{left:6px;}
.ui-datepicker .ui-datepicker-next{right:6px;}
.ui-datepicker th{padding:8px 0 4px;font-size:12px;font-weight:normal;color:#999;}
.ui-datepicker td{padding:2px;}
.ui-datepicker td span,.ui-datepicker td a{display:block;padding:0;height:32px;line-height:32px;text-align:center;border:none;border-radius:8px;background:#fff;color:#333;}
.ui-datepicker td a.ui-state-hover{background:var(--accent-light);color:var(--theme);}
.ui-datepicker td a.ui-state-active{background:var(--accent);color:#fff;font-weight:bold;}
.ui-datepicker td a.ui-state-highlight{border:1px solid var(--accent);line-height:30px;}
.ui-datepicker td.ui-datepicker-unselectable span{color:#ccc;}
@media (max-width:767px){
	.theme-signup-head{align-items:flex-start;flex-direction:column;margin-bottom:12px;}
	.theme-signup-card{padding:24px 16px 28px;border-radius:12px;}
	.theme-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;margin-bottom:14px;}
	.theme-form-field-half,.theme-form-field-three-quarter,.theme-form-field-full{grid-column:span 2;}
	.theme-form-grid-address{grid-template-columns:minmax(0,1fr);}
	.theme-form-choices{min-height:auto;gap:8px 16px;padding:4px 0;}
	.theme-form-agree{padding:12px;font-size:12px;}
	.theme-form-submit.btn_sty_main{display:block;width:100%;min-width:0;}
	.theme-form-recaptcha{overflow:hidden;}
}

/* --------------------------------------------------------------------------
   theme-*：由頁面行內 style 抽出的樣式（前綴 theme- 為本檔專用，避免與既有 class 重疊；命名一律用完整英文單字，不用縮寫）
   -------------------------------------------------------------------------- */
/* 版面 */
.theme-page-body{background:#fff;}
.theme-button-primary{background:var(--theme);color:#fff;}
.theme-button-primary:hover{background:var(--accent);color:#fff;}
.theme-text-muted{color:#888;}
.theme-text-dark{color:#555;}

/* header 跑馬燈公告 */
.theme-notice-mobile{text-align:center;background:var(--theme);max-width:100%;margin:45px auto 0;border-radius:10px;padding:.6%;}
.theme-notice-desktop{text-align:center;background:var(--theme);max-width:100%;margin:0 auto;border-radius:10px;padding:1px;position:absolute;top:0;left:0;width:100%;z-index:10;}
.theme-notice-text{font-weight:bold;color:#fff;}
.theme-notice-text-desktop{font-size:16px;text-align:center;}

/* footer 客服彈窗內容 */
.theme-alert-text{text-align:left;font-size:18px;line-height:1.6;color:#fff;}
.theme-alert-text-gap{margin-bottom:12px;}
.theme-alert-link{color:var(--accent);text-decoration:underline;}

/* 商品頁：價格區 */
.theme-price-label{color:#666;font-size:16px;}
.theme-price-label-small{color:#666;font-size:13px;text-decoration:none;}
.theme-price-sign{color:var(--accent);}
.theme-sale-label{font-size:14px;margin-right:0;text-decoration:none;color:var(--accent);}
.theme-undiscount-note{font-size:12px;color:var(--accent);text-decoration:none;}
.theme-old-price-note{color:#b7b7b7;font-size:12px;text-decoration:none;margin-top:-10px;}
.theme-count-number{font-size:18px;color:var(--theme);font-weight:bold;}
.theme-cart-amount{color:var(--accent);font-size:18px;font-weight:bold;}

/* 商品頁：其他 */
.theme-quantity-label{margin-left:10px;font-size:15px;color:#555;font-weight:bold;}
.theme-stock-notice{color:var(--accent);font-weight:bold;font-size:13px;line-height:22px;}
.theme-score-button{display:inline-block;width:90px;line-height:25px;font-size:14px;text-align:center;margin-top:26px;background:var(--accent);color:#fff;border-radius:5px;}
.theme-score-button-shift{margin-left:-52px;}