/* Apexion 官網風格（專業・精品・時尚）：所有客人看得到的頁面共用。後台不載入這個檔案。
   顏色：象牙白 #F6F3EE／墨黑 #141414／香檳金 #A8834F；標題 Noto Serif TC、英文小標 Cormorant Garamond、品牌字 BankGothic。
   舊頁面的顏色變數（--navy、--blue…）在這裡改成新配色，所以不用逐頁改顏色。 */
@font-face{font-family:"Apexion BankGothic";src:local("BankGothic Md BT"),local("BankGothicBT-Medium"),local("BankGothic Md BT Medium"),url("/static/fonts/BankGothicMdBT.woff2") format("woff2");font-display:swap}
:root{--ax-ivory:#F6F3EE;--ax-paper:#EDE8DF;--ax-card:#FBF9F5;--ax-ink:#141414;--ax-ink2:#4A453F;--ax-muted:#6B655D;--ax-line:#E2DCD2;--ax-gold:#A8834F;--ax-gold-text:#7D5F33;
--ax-serif:"Noto Serif TC","Songti TC",serif;--ax-sans:"Noto Sans TC",-apple-system,BlinkMacSystemFont,"PingFang TC","Microsoft JhengHei",sans-serif;--ax-latin:"Cormorant Garamond",Georgia,serif;
--ax-brand:"Apexion BankGothic","BankGothic Md BT",var(--ax-sans);--ax-ease:cubic-bezier(.22,.61,.36,1);
--navy:#141414;--navy-2:#2A2723;--blue:#141414;--blue-dark:#000;--text:#141414;--muted:#6B655D;--line:#E2DCD2;--bg:#F6F3EE;--white:#FBF9F5;--card:#FBF9F5;--accent:#141414}
html{scrollbar-gutter:auto}
body{background:var(--ax-ivory)!important;color:var(--ax-ink);font-family:var(--ax-sans)!important;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--ax-serif);font-weight:600;letter-spacing:.04em;color:var(--ax-ink)}
h1{letter-spacing:.05em}
.eyebrow{font-family:var(--ax-latin)!important;letter-spacing:.32em!important;text-transform:uppercase;color:var(--ax-muted)!important;font-weight:500!important}
.lead{color:var(--ax-ink2)}
a{text-underline-offset:3px}
.card{background:var(--ax-card)!important;border-color:var(--ax-line)!important;border-radius:0!important;box-shadow:none!important}
.brand-en{font-family:var(--ax-brand)}
/* 按鈕：方角、字距拉開；顏色依頁面原本的語意（主要＝墨黑、次要＝框線） */
.btn,button.btn,a.btn{border-radius:0!important;letter-spacing:.12em;font-weight:500}
/* ---------- 頁首 ---------- */
.ax-header{position:sticky;top:0;z-index:1000;background:rgba(246,243,238,.78);-webkit-backdrop-filter:saturate(1.6) blur(18px);backdrop-filter:saturate(1.6) blur(18px);border-bottom:1px solid transparent;transition:border-color .3s,background .3s}
.ax-header.scrolled{border-bottom-color:var(--ax-line);background:rgba(246,243,238,.9)}
.ax-nav{max-width:1280px;margin:0 auto;padding:0 32px;height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-family:var(--ax-sans)}
.ax-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ax-ink);white-space:nowrap;min-width:0}.ax-brand img{width:30px;height:auto;display:block}
.ax-brand-en{font-family:var(--ax-brand);letter-spacing:.08em;font-size:17px}.ax-brand-sub{font-size:12px;letter-spacing:.2em;color:var(--ax-muted)}
.ax-links{display:flex;gap:30px;font-size:14px;letter-spacing:.08em}.ax-links a{text-decoration:none;color:var(--ax-ink);opacity:.72;transition:opacity .2s}.ax-links a:hover,.ax-links a.active{opacity:1}
.ax-links a.active{box-shadow:0 1px 0 var(--ax-ink)}
.ax-right{display:flex;align-items:center;gap:4px}
.ax-icon{position:relative;display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;text-decoration:none;border:0;background:none;color:var(--ax-ink);cursor:pointer;padding:0}
.ax-icon .ax-badge{position:absolute;top:6px;right:4px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--ax-gold);color:#fff;font-size:10px;line-height:16px;text-align:center;font-weight:700}
.ax-cta{display:inline-flex;align-items:center;min-height:38px;padding:0 20px;margin-left:8px;border:1px solid var(--ax-ink);color:var(--ax-ink);text-decoration:none;font-size:13px;letter-spacing:.16em;transition:background .3s,color .3s}
.ax-cta:hover{background:var(--ax-ink);color:var(--ax-ivory)}
.ax-menu-btn{display:none}
.ax-menu{display:none}
/* 查詢訂單的小橫條（商品頁） */
.oq{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 26px;padding:14px 18px;border:1px solid var(--ax-line);background:var(--ax-card)}
.oq b{display:block;font-size:15px;font-weight:500;letter-spacing:.06em;margin-bottom:2px}.oq span{color:var(--ax-muted);font-size:13px}
.oq a{flex:0 0 auto;padding:10px 24px;border:1px solid var(--ax-ink);color:var(--ax-ink);font-size:13px;letter-spacing:.14em;text-decoration:none;white-space:nowrap;transition:background .3s,color .3s}.oq a:hover{background:var(--ax-ink);color:var(--ax-ivory)}
@media(max-width:760px){.oq{flex-direction:column;align-items:stretch;gap:12px}.oq a{text-align:center}}
/* ---------- 頁尾 ---------- */
.ax-footer{background:#0E0E0E;color:#B9B1A4;font-size:13px;letter-spacing:.08em;font-family:var(--ax-sans);margin-top:80px}
.ax-footer .in{max-width:1280px;margin:0 auto;padding:56px 32px;display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between}
.ax-footer a{color:#B9B1A4;text-decoration:none}.ax-footer a:hover{color:#F6F3EE}.ax-footer .links{display:flex;flex-wrap:wrap;gap:24px}
.ax-footer .en{font-family:var(--ax-brand);color:#F6F3EE;font-size:18px;letter-spacing:.08em}
/* ---------- 進場動態（JS 加上 .ax-r，捲到才浮現；減少動態效果時不做） ---------- */
.ax-r{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ax-ease),transform 1s var(--ax-ease)}.ax-r.ax-in{opacity:1;transform:none}
@media (max-width:960px){
 .ax-links,.ax-right .ax-cta{display:none}.ax-menu-btn{display:inline-flex}
 .ax-menu{position:fixed;inset:64px 0 auto;background:var(--ax-ivory);border-bottom:1px solid var(--ax-line);padding:8px 24px 24px;flex-direction:column;z-index:999;font-family:var(--ax-sans)}
 .ax-menu.open{display:flex}.ax-menu a{padding:14px 0;border-bottom:1px solid var(--ax-line);text-decoration:none;color:var(--ax-ink);font-size:16px;letter-spacing:.08em}
 .ax-menu a.ax-menu-cta{margin-top:18px;border:0;background:var(--ax-ink);color:var(--ax-ivory);text-align:center}
}
@media (max-width:640px){
 .ax-nav{padding:0 16px}.ax-brand-sub{display:none}.ax-cart{display:none!important}.ax-brand-en{font-size:14px}.ax-brand{gap:8px}.ax-right{gap:0}
 .ax-footer .in{padding:44px 20px}
}
@media (prefers-reduced-motion:reduce){.ax-r{opacity:1;transform:none;transition:none}}
@media print{.ax-header,.ax-menu,.ax-footer{display:none!important}}
/* 估價網站（quote.apexionstudio.com）頁面的補充 */
.product .hero-wrap .hero{top:auto}@media(min-width:761px){.product .hero-wrap{top:64px}}   /* 圖片框固定在頁首下方；圖片本身不能再往下位移，否則會超出框、蓋到下面的卡片 */
.grid .price,.price-big,.var span{color:var(--ax-ink)!important}
.oq-bar{border-radius:0!important;background:var(--ax-card)!important;border:1px solid var(--ax-line)!important;color:var(--ax-ink)!important}
/* 頁尾：商品頁外框原本的 footer{text-align:center…} 不要套到新頁尾 */
footer.ax-footer{text-align:left;padding:0;border-top:0;background:#0E0E0E;color:#B9B1A4;font-size:13px}
/* 會員中心：分頁改成底線式、卡片與按鈕方角 */
.mb h1{font-family:var(--ax-serif);font-weight:600;letter-spacing:.06em}
.mb .hello b{font-family:var(--ax-serif);font-weight:600;color:var(--ax-ink);letter-spacing:.04em}
.mb .tabs{gap:0 26px!important;border-bottom:1px solid var(--ax-line);margin:6px 0 20px!important}
.mb .tabs button{border:0!important;background:none!important;border-radius:0!important;padding:10px 0 12px!important;color:var(--ax-muted)!important;letter-spacing:.06em;box-shadow:none}
.mb .tabs button:hover{color:var(--ax-ink)!important}
.mb .tabs button.on{color:var(--ax-ink)!important;box-shadow:inset 0 -1px 0 var(--ax-ink)}
.mb .box{border-radius:0!important;background:var(--ax-card)!important;border-color:var(--ax-line)!important}
.mb .btn{border-radius:0!important;font-weight:500!important;letter-spacing:.1em;background:var(--ax-ink)!important;color:var(--ax-ivory)!important}
.mb .btn.ghost{background:transparent!important;color:var(--ax-ink)!important;border:1px solid var(--ax-ink)!important}
.mb .btn.gray{background:transparent!important;color:var(--ax-ink)!important;border:1px solid var(--ax-line)!important}
.mb .btn.danger{background:transparent!important;color:#b42318!important;border:1px solid #e3b4ae!important}
.mb input,.mb select,.mb textarea{border-radius:0!important;border-color:#D9D2C6!important}
.mb .chip{border-radius:0!important;background:#F3EEE6!important;color:var(--ax-ink2)!important;font-weight:500!important;letter-spacing:.06em}
.mb .chip.warn{background:#fff4e5!important;color:#b45309!important}.mb .chip.bad{background:#fee2e2!important;color:#991b1b!important}.mb .chip.ok{background:#EEF3EC!important;color:#3F5F3A!important}
@media(max-width:640px){.mb .tabs{flex-wrap:nowrap!important;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scrollbar-width:none}.mb .tabs::-webkit-scrollbar{display:none}.mb .tabs button{white-space:nowrap;flex:0 0 auto}}

/* ---------- ✨ 金色流光（和估價進度條同一個效果：墨黑→香檳金→墨黑，1.6 秒循環） ---------- */
@keyframes axShine{from{background-position:200% 0}to{background-position:0 0}}
.ax-shine{background:linear-gradient(90deg,#141414,#A8834F,#141414);background-size:200% 100%;animation:axShine 1.6s linear infinite}
/* 捲動進度：頁首下方一條金色細線，捲到哪裡長到哪裡 */
.ax-progress{position:fixed;left:0;top:0;width:100%;height:4px;z-index:1002;pointer-events:none;transform-origin:left center;transform:scaleX(var(--axp,0));
  background:linear-gradient(90deg,#141414,#A8834F,#141414);background-size:200% 100%;animation:axShine 1.6s linear infinite}
/* 導覽列目前所在的頁面：金色流光底線 */
.ax-links a.active{box-shadow:none!important;position:relative}
.ax-links a.active::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;background:linear-gradient(90deg,#141414,#A8834F,#141414);background-size:200% 100%;animation:axShine 1.6s linear infinite}
/* 墨黑按鈕：滑過時一道金光掃過 */
.ax-cta,.ax-menu-cta,.ax-sheen{position:relative;overflow:hidden}
.ax-cta::after,.ax-menu-cta::after,.ax-sheen::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(214,178,118,.55),transparent);transform:skewX(-20deg);transition:left .8s cubic-bezier(.22,.61,.36,1)}
.ax-cta:hover::after,.ax-menu-cta:hover::after,.ax-sheen:hover::after,.ax-sheen:focus-visible::after{left:125%}
/* 金色流光文字（價格、編號） */
.ax-gold-text{background:linear-gradient(90deg,#141414,#A8834F,#141414);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:axShine 2.4s linear infinite}
/* 頁尾上緣金線 */
.ax-footer{position:relative}.ax-footer::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#0E0E0E,#A8834F,#0E0E0E);background-size:200% 100%;animation:axShine 3.2s linear infinite}
@media (prefers-reduced-motion:reduce){.ax-shine,.ax-progress,.ax-links a.active::after,.ax-gold-text,.ax-footer::before{animation:none}.ax-cta::after,.ax-menu-cta::after,.ax-sheen::after{display:none}}
/* 估價網站：會員中心分頁、估價結果價格、主要按鈕 */
.mb .tabs button.on{box-shadow:none!important;position:relative}
.mb .tabs button.on::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,#141414,#A8834F,#141414);background-size:200% 100%;animation:axShine 1.6s linear infinite}
.mb .btn:not(.ghost):not(.gray):not(.danger){position:relative;overflow:hidden}
.mb .btn:not(.ghost):not(.gray):not(.danger)::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(214,178,118,.55),transparent);transform:skewX(-20deg);transition:left .8s cubic-bezier(.22,.61,.36,1)}
.mb .btn:not(.ghost):not(.gray):not(.danger):hover::after{left:125%}
@media (prefers-reduced-motion:reduce){.mb .tabs button.on::after{animation:none}}

/* ---------- ✨ 墨金流光 加強版：亮金光帶更明顯、線條加粗，並延伸到頁首、標題、卡片、手機選單 ---------- */
:root{--ax-shine:linear-gradient(90deg,#141414 0%,#141414 18%,#7D5F33 34%,#E6C88F 50%,#7D5F33 66%,#141414 82%,#141414 100%);
--ax-shine-dark:linear-gradient(90deg,#0E0E0E 0%,#0E0E0E 18%,#7D5F33 34%,#F0D7A6 50%,#7D5F33 66%,#0E0E0E 82%,#0E0E0E 100%);
--ax-shine-text:linear-gradient(90deg,#141414 0%,#141414 22%,#8A6A3C 40%,#C9A266 50%,#8A6A3C 60%,#141414 78%,#141414 100%)}
.ax-shine,.ax-progress,.ax-links a.active::after,.mb .tabs button.on::after{background-image:var(--ax-shine)!important;background-size:200% 100%!important}
.ax-links a.active::after{height:3px;bottom:-8px}
.mb .tabs button.on::after{height:3px}
.ax-gold-text{background-image:var(--ax-shine-text)!important;background-size:200% 100%!important}
.ax-footer::before{background-image:var(--ax-shine-dark)!important;background-size:200% 100%!important;height:3px}
/* 頁首：捲動後下緣的細線換成墨金流光 */
.ax-header.scrolled{border-bottom-color:transparent}
.ax-header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;pointer-events:none;opacity:0;transition:opacity .4s;
  background:var(--ax-shine);background-size:200% 100%;animation:axShine 3s linear infinite}
.ax-header.scrolled::after{opacity:1}
/* 頁面主標題下方一小段流光線（apex-theme.js 會標上 .ax-title；置中的標題線也置中） */
.ax-title::after{content:"";display:block;width:56px;height:3px;margin:14px 0 0;background:var(--ax-shine);background-size:200% 100%;animation:axShine 1.6s linear infinite}
.ax-title.ax-title-c::after{margin-left:auto;margin-right:auto}
/* 卡片上緣一條流光（不佔版面、不影響卡片內容） */
.card,.mb .box{background-image:var(--ax-shine)!important;background-size:200% 2px!important;background-repeat:no-repeat!important;background-position:0 0;animation:axShine 3.2s linear infinite}
/* 手機選單：打開時上緣一條流光 */
.ax-menu.open{border-top:0;background-image:var(--ax-shine);background-size:200% 2px;background-repeat:no-repeat;animation:axShine 2.4s linear infinite}
@media (prefers-reduced-motion:reduce){.ax-header::after,.ax-title::after,.card,.mb .box,.ax-menu.open{animation:none}}
@media print{.card,.mb .box{background-image:none!important}.ax-title::after{display:none}}
/* 商品頁：選中的款式外框改成 3px 墨金流光（斜向，四邊都看得到金光流動） */
.vars .var:hover{border-color:#B9AE9C}
.vars .var.on{position:relative;border-color:transparent!important;box-shadow:none!important;background:#FBF7EF!important}
.vars .var.on::before{content:"";position:absolute;inset:-1px;padding:3px;pointer-events:none;
  background:linear-gradient(120deg,#141414 0%,#141414 18%,#7D5F33 34%,#E6C88F 50%,#7D5F33 66%,#141414 82%,#141414 100%);background-size:200% 200%;animation:axShine 1.6s linear infinite;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
@media (prefers-reduced-motion:reduce){.vars .var.on::before{animation:none}}
/* 會員中心：框線按鈕（登出、新增地址、變更密碼、刪除…）也有金光掃過；淺底上用深一點的金色才看得到 */
.mb .btn.ghost,.mb .btn.gray,.mb .btn.danger{position:relative;overflow:hidden}
.mb .btn.ghost::after,.mb .btn.gray::after,.mb .btn.danger::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(168,131,79,.38),transparent);transform:skewX(-20deg);transition:left .8s cubic-bezier(.22,.61,.36,1)}
.mb .btn:hover::after,.mb .btn:focus-visible::after,.mb .btn:active::after{left:125%}
.mb .btn:disabled::after{display:none}
@media (prefers-reduced-motion:reduce){.mb .btn::after{display:none}}

/* 所有按鈕的金光掃過（apex-theme.js 會幫按鈕加上 .ax-sweep；淺色按鈕再加 .ax-sweep-l 用深金） */
.ax-sweep{overflow:hidden}
.ax-sweep::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(214,178,118,.55),transparent);transform:skewX(-20deg);transition:left .8s cubic-bezier(.22,.61,.36,1)}
.ax-sweep.ax-sweep-l::after{background:linear-gradient(90deg,transparent,rgba(168,131,79,.38),transparent)}
.ax-sweep:hover::after,.ax-sweep:focus-visible::after,.ax-sweep:active::after{left:125%}
.ax-sweep:disabled::after,.ax-sweep[disabled]::after{display:none}
@media (prefers-reduced-motion:reduce){.ax-sweep::after{display:none}}

/* 大標題動態墨金文字（apex-theme.js 標上 .ax-gt；淺色字標題加 .ax-gt-d） */
.ax-gt{background-image:linear-gradient(90deg,#141414 0%,#141414 22%,#8A6A3C 40%,#C9A266 50%,#8A6A3C 60%,#141414 78%,#141414 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;animation:axShine 4s linear infinite}
.ax-gt.ax-gt-d{background-image:linear-gradient(90deg,#F6F3EE 0%,#F6F3EE 22%,#C9A266 40%,#E6C88F 50%,#C9A266 60%,#F6F3EE 78%,#F6F3EE 100%)}
@media (prefers-reduced-motion:reduce){.ax-gt{animation:none}}
@media print{.ax-gt{background:none!important;color:#141414!important;-webkit-text-fill-color:#141414}}

/* 選取文字：黑字＋金色底 */
::selection{background:#D4B07A;color:#141414}
::-moz-selection{background:#D4B07A;color:#141414}
/* 提示視窗（apexUI：登出確認、估價失敗等）：象牙白、方角、墨黑按鈕、上緣墨金流光；錯誤視窗保留紅色飾條。手機深色模式也維持淺色。 */
html body .apex-ui-overlay{background:rgba(20,20,20,.55)}
html body .apex-ui-card,html body .apex-ui-card.apex-ui-dark{--bg:#FBF9F5;--fg:#141414;--sub:#4A453F;--line:#D9D2C6;--btn:transparent;--btnfg:#141414;--inputbg:#fff;border-radius:0;box-shadow:0 24px 60px rgba(0,0,0,.3);font-family:var(--ax-sans)}
@media (prefers-color-scheme:dark){html body .apex-ui-card:not(.apex-ui-light){--bg:#FBF9F5;--fg:#141414;--sub:#4A453F;--line:#D9D2C6;--btn:transparent;--btnfg:#141414;--inputbg:#fff}}
html body .apex-ui-accent,html body .apex-ui-card.apex-ui-success .apex-ui-accent,html body .apex-ui-card.apex-ui-warn .apex-ui-accent{height:3px;background:var(--ax-shine);background-size:200% 100%;animation:axShine 1.6s linear infinite}
html body .apex-ui-card.apex-ui-error .apex-ui-accent{height:3px;background:#b91c1c;animation:none}
html body .apex-ui-title{font-family:var(--ax-serif);font-weight:600;letter-spacing:.05em;font-size:18px;padding-top:20px}
html body .apex-ui-msg{color:var(--sub)}
html body .apex-ui-input{border-radius:0}
html body .apex-ui-input:focus{border-color:#141414;box-shadow:none}
html body .apex-ui-btn{border-radius:0;font-weight:500;letter-spacing:.12em;border:1px solid #141414;background:transparent;color:#141414;transition:background .3s}
html body .apex-ui-btn.apex-ui-ok,html body .apex-ui-card.apex-ui-error .apex-ui-ok,html body .apex-ui-btn.apex-ui-danger{background:#141414;color:#F6F3EE;border-color:#141414}
html body .apex-ui-btn.apex-ui-ok:hover,html body .apex-ui-btn.apex-ui-danger:hover{background:#000}
html body .apex-ui-btn:focus-visible{outline:2px solid #A8834F;outline-offset:2px}
html body .apex-ui-toast{border-radius:0;background:#141414;color:#F6F3EE;letter-spacing:.04em;font-family:var(--ax-sans)}
html body .apex-ui-toast.apex-ui-success{background:#141414}
html body .apex-ui-toast.apex-ui-error{background:#141414;box-shadow:inset 3px 0 0 #b91c1c,0 10px 30px rgba(0,0,0,.25)}
@media (prefers-reduced-motion:reduce){html body .apex-ui-accent{animation:none}}
/* 頁面防橫向捲動改用 clip：hidden 會讓 body 變成捲動容器，固定在上方的頁首（sticky）就失效、內容被切到 */
html{overflow-x:clip}
html body{overflow-x:clip;overflow-y:visible}
/* 導覽列：字不換行；中等寬度（平板橫向、小筆電）收起中文副標、縮小間距，一行放得下 */
.ax-links a,.ax-cta,.ax-brand-en,.ax-brand-sub{white-space:nowrap}
@media (min-width:961px) and (max-width:1180px){.ax-brand-sub{display:none}.ax-links{gap:22px}.ax-nav{padding:0 24px}.ax-cta{padding:0 16px}}

/* 頁首工作室名稱：電腦版名稱 23px、Logo 高 30px；手機版 Logo 不變、名稱放大到剛好不撞到右邊圖示 */
@media (min-width:641px){
 .ax-brand img{width:auto!important;height:30px!important}
 .ax-brand-en{font-size:23px!important;letter-spacing:.06em;line-height:1}
 .ax-brand{gap:12px}
}
@media (min-width:641px) and (max-width:1180px){.ax-brand-sub{display:none!important}}
@media (max-width:640px){.ax-brand-en{font-size:clamp(12px,calc((100vw - 208px) / 11),20px)!important}}
/* 頁首按鈕不受各頁自己的 button 樣式影響（例如訂單查詢頁的 button{margin-top:20px} 讓選單圖示往下掉） */
#axHeader button.ax-icon{margin:0;padding:0;width:44px;height:44px;min-width:0;background:none;border:0;border-radius:0;box-shadow:none;color:var(--ax-ink);font-size:inherit}