:root{--ink:#2b211a;--wood:#8a5a32;--bg:#f6f1e9;--card:#fff;--line:#e3d8c7}
*{box-sizing:border-box}
body{font:16px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;margin:0;background:var(--bg);color:var(--ink)}
a{color:var(--wood)}
header{background:var(--wood);color:#fff;padding:18px 16px}
header .wrap{max-width:1000px;margin:0 auto;display:flex;align-items:center;gap:14px}
.brandplate{display:inline-flex;background:#fdfaf4;border-radius:12px;padding:6px 12px;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.brandplate img{height:46px;display:block}
header h1{font-size:22px;margin:0}
header .tag{opacity:.9;font-size:14px;margin-top:2px}
main{max-width:1000px;margin:0 auto;padding:20px 16px 60px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.item{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;display:block;transition:box-shadow .15s}
.item:hover{box-shadow:0 6px 20px rgba(0,0,0,.10)}
.item .ph{aspect-ratio:4/3;background:#ece3d4;object-fit:cover;width:100%;display:block}
.item .body{padding:12px 14px}
.item .sp{font-weight:700;font-size:17px}
.item .fig{color:#8a7a66;font-size:13px}
.item .dims{font-size:14px;margin-top:6px}
.item .foot{display:flex;justify-content:space-between;align-items:baseline;margin-top:10px}
.item .price{font-weight:800;font-size:18px}
.item .bf{color:#857a6b;font-size:13px}
.empty{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:30px;text-align:center;color:#857a6b}
.detail{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.detail img{width:100%;display:block}
.detail .pad{padding:20px}
.detail h2{margin:0 0 4px;font-size:24px}
.detail .sub{color:#8a7a66;margin-bottom:14px}
.detail table{width:100%;border-collapse:collapse;font-size:15px}
.detail td{padding:7px 2px;border-bottom:1px solid var(--line)}
.detail td:first-child{color:#857a6b;width:40%}
.detail .price{font-size:26px;font-weight:800;margin:16px 0 4px}
.back{display:inline-block;margin-bottom:16px;text-decoration:none;font-weight:600}
.cta{display:inline-block;margin-top:18px;margin-right:10px;background:var(--wood);color:#fff;padding:12px 20px;border-radius:10px;text-decoration:none;font-weight:700}
.cta.alt{background:#fff;color:var(--wood);border:2px solid var(--wood)}
footer a{color:var(--wood);text-decoration:none;font-weight:600}
footer{max-width:1000px;margin:0 auto;padding:30px 16px;color:#857a6b;font-size:13px;border-top:1px solid var(--line)}