:root{--serif:Georgia,'Noto Serif SC',serif}
html:lang(zh-Hant){--serif:Georgia,'Noto Serif TC',serif}
html:lang(ja){--serif:Georgia,'Noto Serif JP',serif}
.directory-controls{grid-template-columns:minmax(0,1fr)}
.product-list{margin-top:27px}
.product-row{display:grid;grid-template-columns:290px minmax(0,1fr);background:var(--panel);border:1px solid var(--line)}
.product-row[hidden]{display:none}
.product-preview{min-height:0;display:flex;align-items:flex-start;justify-content:flex-start;padding:30px}
.cover{position:relative;width:230px;height:326px;background:#e3e9df;color:#435744;border:1px solid rgba(42,54,42,.1);padding:20px 18px 17px;display:flex;flex-direction:column;box-shadow:0 10px 26px rgba(35,44,34,.07)}
.cover:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:rgba(0,0,0,.07)}
.cover .kick{font:9px/1 var(--mono);letter-spacing:1.5px;color:var(--sage)}
.cover .ct{font:24px/1.02 var(--serif);letter-spacing:-.7px;margin-top:26px}
.cover .cs{font:7px/1.55 var(--sans);opacity:.75;margin-top:13px;white-space:nowrap}
.cover-brand{width:100%;margin-top:auto;display:flex;align-items:center;gap:12px;border-top:1px solid rgba(67,87,68,.2);padding-top:17px}
.cover-brand svg{width:34px;height:34px;display:block;flex:0 0 auto}
.cover-brand-text{display:flex;flex-direction:column;gap:5px}
.cover-brand-text .en{font:7px/1 var(--mono);letter-spacing:1.4px;opacity:.7}
.cover-brand-text .local{font:8px/1.25 var(--sans);letter-spacing:.04em;opacity:.62}
.product-info{min-width:0;padding:30px;display:flex;flex-direction:column;align-items:flex-start}
.product-info h2{margin:24px 0 0;font:500 clamp(30px,4vw,42px)/1.1 var(--serif)}
.product-description{max-width:530px;margin:18px 0 0;color:var(--soft);font-size:13px;line-height:1.8}
.rule{width:100%;height:1px;background:var(--line);margin:30px 0 0}
.spec{display:flex;flex-wrap:wrap;gap:8px 0;margin:20px 0 0;color:#5f675c;font:11px/1.5 var(--mono)}
.spec span+span:before{content:'·';margin:0 13px;color:#b7c0b6}
.buy{display:grid;place-items:center;min-height:44px;margin-top:26px;padding:8px 16px;border:1px solid var(--sage);background:#e8ede6;color:var(--ink);font-size:12px;line-height:1.25;text-align:center;text-decoration:none}
.buy:hover{background:#dce6dc;border-color:#405b4c}
@media(max-width:760px){.product-row{grid-template-columns:1fr}.product-preview{padding:32px 28px 0}.cover{width:210px;height:298px;padding:18px 16px 15px;margin:0 auto 0 0}.cover .ct{font-size:22px;margin-top:24px}.cover .cs{white-space:normal}.cover-brand{gap:9px;padding-top:12px}.product-info{padding:24px 28px 28px}}
@media(max-width:480px){.product-preview{padding:28px 24px 0}.product-info{padding:24px}}