:root{--p:#0B4D2C;--p2:#E8F0EA;--pd:#0B4D2C;--aq:#0ABAB5;--aq2:#81D8D0;--g:#0B4D2C;--gold:#C9A24D;--pink:#F6D5DC;--wh:#fff;--bg:#FAF8F2;--ink:#17322A}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 Lora,Georgia,serif}
h1,h2,h3{font-family:"Playfair Display",Georgia,serif;color:var(--g);line-height:1.2}h1{font-size:2.2rem}h1:after{content:"";display:block;width:70px;height:3px;margin-top:10px;background:var(--gold)}
a{color:var(--pd)}header{background:var(--p);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:10px 4vw;border-bottom:3px solid var(--gold)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font:400 1.2rem Oswald,sans-serif;letter-spacing:.25em;text-shadow:0 1px 2px rgba(0,0,0,.25)}.brand img{height:48px;background:#fff;border-radius:50%;padding:2px}
nav a{color:#fff;text-decoration:none;font:400 .85rem Oswald,sans-serif;letter-spacing:.15em;text-transform:uppercase;margin:0 8px}nav a.on{color:var(--gold);border-bottom:2px solid var(--gold)}
nav a.shop{border:1px solid var(--gold);padding:4px 12px;color:var(--gold)}
main{max-width:1100px;margin:0 auto;padding:20px 4vw 40px}
.disc{background:#fff;border-left:4px solid var(--p);padding:10px 14px;font-size:.85rem;margin-bottom:18px}
.hero{position:relative;margin:0 -4vw}.hero img{width:100%;height:clamp(320px,50vw,560px);object-fit:cover;display:block}
.ov{position:absolute;inset:auto 0 0 0;padding:30px 5vw;background:linear-gradient(transparent,rgba(6,40,24,.88))}.ov h1,.ov p{color:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.card{background:#fff;border:1px solid #e6e0cf;border-top:4px solid var(--p);border-radius:10px;padding:18px 20px;display:flex;flex-direction:column;box-shadow:0 2px 10px rgba(11,77,44,.08)}.card h3{margin:.2em 0}
.grid .card:nth-child(even){border-top-color:var(--gold)}
.card .btn{margin-top:auto;align-self:flex-start}.own{background:#fbf8ef}
.tag{font:400 .7rem Oswald;letter-spacing:.2em;text-transform:uppercase;color:var(--pd);background:var(--p2);padding:2px 8px;border-radius:10px;align-self:flex-start}
.price{font:400 1.05rem Oswald,sans-serif;color:var(--pd);margin:.2em 0}
.btn{display:inline-block;background:var(--p);color:#fff;text-decoration:none;padding:9px 20px;border-radius:24px;font:400 .85rem Oswald,sans-serif;letter-spacing:.15em;text-transform:uppercase}.btn:hover{background:var(--gold)}
.btn.gold{background:var(--gold);color:#fff}
.band{background:var(--g);color:#fff;text-align:center;padding:36px 20px;margin:36px 0 0;border-radius:12px}.band h2{color:var(--gold)}
.lead{font-size:1.1rem}.small{font-size:.8rem;color:#55706a}.center{text-align:center}
footer{background:var(--g);color:#fff;text-align:center;padding:24px;font-size:.9rem;border-top:4px solid var(--gold)}footer a{color:var(--gold)}
@media(max-width:600px){h1{font-size:1.7rem}header{justify-content:center}nav{text-align:center;margin-top:6px}}
footer .small{color:#E8F0EA}
.card.women,.grid .card.women{border-top-color:var(--aq);background:linear-gradient(#fff,#FDF1F4);border-color:var(--aq2)}.women .btn{background:var(--aq)}.women .btn:hover{background:#E9A9B7}.women .price{color:#07807C}.women .tag{background:var(--pink);color:#07807C}
.forher{background:linear-gradient(120deg,var(--aq2),var(--pink));border-radius:12px;padding:24px 28px;margin:30px 0}.forher h2{color:#07655F}.forher .btn{background:var(--aq)}
.note{background:#f4efe1;border-left:5px solid #C9A24D;padding:14px 18px;margin:18px 0;color:#0B4D2C}
.toppicks{background:#0B4D2C;color:#fff;padding:32px 24px;margin:20px 0;border-top:4px solid #C9A24D;border-radius:6px}
.toppicks h2{color:#C9A24D;margin:0 0 4px}.toppicks .tpsub{margin:0 0 18px;opacity:.9}
.toppicks .small,.toppicks .small a{color:#e8e1cc}
.tpgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
.tp{display:flex;flex-direction:column;background:#fff;color:#0B4D2C;border-radius:6px;padding:18px;border-top:6px solid #C9A24D;text-decoration:none;min-height:150px;transition:transform .15s}
.tp:hover{transform:translateY(-3px)}
.tpn{font-family:'Playfair Display',serif;font-weight:700;font-size:1.05rem;line-height:1.25}
.tpp{font-family:Oswald,sans-serif;color:#8a6d1f;margin:8px 0 14px}
.tpb{margin-top:auto;align-self:flex-start;background:#0B4D2C;color:#fff;padding:6px 16px;border-radius:20px;font-family:Oswald,sans-serif;letter-spacing:1px;text-transform:uppercase;font-size:.8rem}
.tp.w{background:#F6D5DC;border-top-color:#0ABAB5}.tp.w .tpb{background:#0ABAB5}
.tph2{margin-top:28px!important}
.tptag{align-self:flex-start;background:#C9A24D;color:#0B4D2C;font-family:Oswald,sans-serif;font-size:.7rem;letter-spacing:1px;text-transform:uppercase;padding:2px 8px;border-radius:3px;margin-bottom:8px}
/* language switch + CJK fonts */
.langsw{display:flex;gap:4px;align-items:center;margin-left:12px;flex-wrap:wrap}
.langsw a{color:#81D8D0;text-decoration:none;font:400 .8rem Oswald,"Noto Sans SC","Noto Sans TC",sans-serif;padding:2px 7px;border:1px solid transparent;border-radius:3px}
.langsw a.on{color:#C9A24D;border-color:#C9A24D}
.fdisc{opacity:.9}
html[lang^="zh"] body,html[lang^="zh"] p,html[lang^="zh"] li{font-family:"Noto Sans SC","Noto Sans TC","PingFang SC","Microsoft YaHei",sans-serif}
html[lang="zh-Hant"] body,html[lang="zh-Hant"] p{font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif}
html[lang^="zh"] h1,html[lang^="zh"] h2,html[lang^="zh"] h3,html[lang^="zh"] .tpn{font-family:"Playfair Display","Noto Serif SC","Noto Serif TC","Songti SC",serif}
html[lang^="zh"] nav a{letter-spacing:.05em;text-transform:none;font-family:Oswald,"Noto Sans SC","Noto Sans TC",sans-serif}
.tag.rank{background:#C9A24D;color:#0B4D2C;font-weight:700;margin-right:6px}
/* home revamp Oct 28 2026 */
.hero2 .eyebrow{font-family:Oswald,sans-serif;letter-spacing:2px;text-transform:uppercase;color:#C9A24D;font-size:.85rem;margin:0 0 6px}
.herobtns{display:flex;gap:12px;flex-wrap:wrap;justify-content:inherit}.btn.ghost{background:transparent;border:2px solid #fff;color:#fff}
.nlband{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#F6F1E4;border:1px solid #C9A24D;border-left:6px solid #C9A24D;border-radius:10px;padding:20px 26px;margin:22px 0}
.nlband h2{margin:0 0 4px;color:#0B4D2C}.nlband p{margin:0}
.nlform{display:flex;gap:8px;flex-wrap:wrap}.nlform input[type=email]{padding:10px 14px;border:1px solid #b9a66a;border-radius:24px;min-width:240px;font-size:1rem}
.hp,.sr{position:absolute!important;left:-9999px}
.cats h2{text-align:center;color:#0B4D2C}
.catgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.cat{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid #e3dcc6;border-top:4px solid #0B4D2C;border-radius:8px;padding:18px;text-decoration:none;color:#0B4D2C;transition:transform .15s,box-shadow .15s}
.cat:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,.08)}
.cat.w{border-top-color:#0ABAB5}.ci{font-size:1.6rem;color:#C9A24D}.cn{font-family:'Playfair Display',serif;font-weight:700;font-size:1.1rem}.cd{font-size:.88rem;color:#55706a}
.contact{background:#0B4D2C;color:#fff;border-top:4px solid #C9A24D;border-radius:10px;padding:30px 28px;margin:36px 0 10px}
.contact h2{color:#C9A24D;margin-top:0}.contact .small,.contact .small a{color:#e8e1cc}
.cform{display:grid;gap:12px;max-width:620px}.cform label{display:flex;flex-direction:column;gap:4px;font-family:Oswald,sans-serif;letter-spacing:.5px}
.cform input[type=text],.cform input[type=email],.cform textarea{padding:10px 12px;border-radius:6px;border:1px solid #C9A24D;font:1rem Lora,serif}
.cform .chk{flex-direction:row;align-items:flex-start;gap:8px;font-family:Lora,serif;font-size:.92rem}.cform .chk input{margin-top:4px}
.cform button{justify-self:start}
.thanks{text-align:center;padding:60px 10px}
.hero img{object-position:center 60%}
.faq{margin:36px 0 0}.faq h2{color:#0B4D2C}.faq details{background:#fff;border:1px solid #e3dcc6;border-left:4px solid #C9A24D;border-radius:6px;padding:12px 16px;margin:8px 0}.faq summary{font-family:'Playfair Display',serif;font-weight:700;color:#0B4D2C;cursor:pointer}
/* compact disclosure + nav separators, Oct 28 */
.disc{background:#f7f4ea;border:0;border-bottom:1px solid #e3dcc6;padding:5px 12px;font-size:12.5px;line-height:1.4;color:#33433d;margin:0 0 14px;text-align:center;white-space:normal}
.disc a{color:#0B4D2C}
.disc.awindisc{font-size:12.5px;padding:4px 12px}
nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;row-gap:4px}
nav a{margin:0;padding:3px 12px;border-left:1px solid rgba(201,162,77,.55);line-height:1.2}
nav a:first-child{border-left:0}
nav a.on{border-bottom:0;color:var(--gold);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
@media(max-width:600px){nav a{padding:5px 9px;font-size:.78rem;border:1px solid rgba(201,162,77,.5);border-radius:14px;margin:2px}nav a:first-child{border-left:1px solid rgba(201,162,77,.5)}}
@media(min-width:601px){nav a{padding:3px 9px;letter-spacing:.1em}}