*{box-sizing:border-box}body{margin:0;font-family:Arial,"Microsoft JhengHei",sans-serif;background:#faf9f6;color:#273039}header{background:white;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:2}.wrap{max-width:1200px;margin:auto;padding:0 22px}.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:80px;flex-wrap:wrap}.brand{font-size:26px;font-weight:bold;color:#c56c43;text-decoration:none}nav{display:flex;gap:20px;flex-wrap:wrap}nav a{color:#273039;text-decoration:none;font-weight:600}nav a:hover,.product-title:hover{color:#b85b32}.hero{background:linear-gradient(115deg,#f5e3d0,#e8f1e7);padding:60px 0}.hero h1{font-size:38px;margin:0 0 12px}.hero p{font-size:18px}.section{padding:35px 0}.section h2{font-size:26px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.filters button,.btn{border:1px solid #d9d1c7;background:white;border-radius:9px;padding:11px 17px;cursor:pointer;font-size:15px}.filters button.active,.btn.primary{background:#c46e49;color:white;border-color:#c46e49}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}.card{background:white;border:1px solid #eae6df;border-radius:14px;overflow:hidden;box-shadow:0 3px 12px #00000007}.card a{color:inherit;text-decoration:none;display:block}.photo{height:235px;display:flex;align-items:center;justify-content:center;background:#f7f5f1}.photo img{height:100%;width:100%;object-fit:contain}.placeholder{font-size:75px}.card-body{padding:16px}.product-title{font-size:17px;font-weight:bold;min-height:48px}.price{font-weight:bold;color:#b85b32;font-size:22px;margin-top:10px}.muted{color:#737b82}.detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:35px;padding:40px 0}.detail-photo{background:white;border:1px solid #eae6df;border-radius:12px;min-height:350px;display:flex;align-items:center;justify-content:center}.detail-photo img{max-width:100%;max-height:470px;object-fit:contain}.thumbs{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.thumbs button{width:76px;height:76px;border:1px solid #ddd;background:white;border-radius:8px;padding:4px;cursor:pointer}.thumbs img{width:100%;height:100%;object-fit:contain}.desc{white-space:pre-wrap;line-height:1.9}.field{display:block;margin:14px 0}.field input,.field textarea,.field select{width:100%;padding:12px;border:1px solid #ccc;border-radius:8px;font-size:16px}.field textarea{min-height:120px}footer{background:#f1ece5;margin-top:40px;padding:28px 0}.notice{background:#fff4d8;padding:12px;border-radius:8px;margin:15px 0}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}@media(max-width:700px){.detail{grid-template-columns:1fr}.hero{padding:35px 0}.hero h1{font-size:30px}}