/* LEEON 共用樣式 —— tokens + header + footer + 按鈕 */
:root{
  /* LÉEON 綠色品牌（v4）—— --rose 現在是主綠色，沿用同一組變數名，全站頁面一起變 */
  --ink:#14241C; --ink2:#353830; --sub:#6A6656; --mute:#85806F; --faint:#B0AC9A;
  --bg:#FDFCF6; --card:#FDFCF6; --soft:#F6F3E9; --line:#E6E1D2; --line2:#DED8C6; --line3:#D7D1BE;
  --rose:#14663C; --gold:#CBA85C; --onDark:#FDFCF6; --dark:#14241C; --darker:#101A15; --err:#C05B4D;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:'Noto Sans TC',sans-serif;overflow-x:hidden;}
img{max-width:100%;display:block;}
a{color:var(--rose);text-decoration:none;}
h1,h2,h3{font-family:'Cormorant Garamond',serif;font-weight:400;margin:0;}
.serif{font-family:'Cormorant Garamond',serif;}
.eyebrow{font-size:12px;letter-spacing:.22em;color:var(--rose);text-transform:uppercase;}
.btn{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;font-family:inherit;font-size:14px;padding:14px 28px;transition:opacity .2s,background .2s;}
.btn-dark{background:var(--ink);color:var(--onDark);} .btn-dark:hover{opacity:.9;}
.btn-ghost{background:transparent;border:1px solid var(--line3);color:var(--ink);}
.btn:disabled{opacity:.5;cursor:default;}

/* header */
header{position:sticky;top:0;z-index:50;background:rgba(255,253,250,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);}
.hd{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 32px;max-width:1280px;margin:0 auto;}
.logo{font-family:'Cormorant Garamond',serif;font-size:23px;letter-spacing:.05em;white-space:nowrap;color:var(--ink);}
.logo i{font-style:italic;color:var(--rose);}
nav.main{display:flex;gap:26px;font-size:13.5px;color:var(--ink2);}
nav.main a{color:var(--ink2);} nav.main a:hover{color:var(--ink);}
.hd-right{display:flex;align-items:center;gap:16px;font-size:13.5px;white-space:nowrap;}
#loginBtn{cursor:pointer;color:var(--ink2);background:none;border:none;font:inherit;padding:6px 4px;}
#loginBtn:hover{color:var(--ink);}
.cart{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid var(--ink);border-radius:22px;cursor:pointer;color:var(--ink);}
.cart .n{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:9px;background:var(--rose);color:#fff;font-size:11px;}
.who{font-size:12.5px;color:var(--sub);max-width:22vw;overflow:hidden;text-overflow:ellipsis;}
.back{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:var(--sub);cursor:pointer;}
.back:hover{color:var(--ink);}

/* footer */
footer{background:var(--darker);color:rgba(255,248,241,.55);margin-top:64px;}
.ft{max-width:1280px;margin:0 auto;padding:36px 32px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12.5px;}
.ft .b{font-family:'Cormorant Garamond',serif;font-size:18px;color:var(--onDark);}
.ft .b i{font-style:italic;} .ft .links{display:flex;gap:22px;flex-wrap:wrap;}
.ft a{color:rgba(255,248,241,.55);} .ft a:hover{color:var(--onDark);}

.pagewrap{max-width:820px;margin:0 auto;padding:40px 24px;}
@media(max-width:860px){
  nav.main{display:none;}
  .hd{padding:14px 16px;gap:10px;} .logo{font-size:18px;} .hd-right{gap:10px;}
  #loginBtn{padding:6px 2px;} .cart{padding:8px 12px;}
  .pagewrap{padding:28px 16px;}
}