*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f6f4ef;color:#1d1c19}header{display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:center;padding:22px 30px;background:#fffdf8;border-bottom:3px solid #111}header img{width:150px;max-height:210px;object-fit:contain}header b{font-size:28px;font-weight:900;border-bottom:4px solid #111}h1{font-size:34px;margin:16px 0 8px;letter-spacing:0}.contact{margin:6px 0;font-size:14px;line-height:1.4}main{display:grid;grid-template-columns:260px minmax(0,1fr) 360px;gap:18px;padding:20px}.controls,section,.detail{min-width:0}input,select,button{width:100%;padding:11px;border:1px solid #bbb4a8;border-radius:6px;background:white;font:inherit}nav{display:flex;flex-direction:column;gap:8px;margin:14px 0}.cat{font-weight:700}.cat.active{background:#111;color:white}.order-box{background:#fffdf8;border:1px solid #ddd6ca;border-radius:6px;padding:12px;margin:14px 0;font-size:13px;line-height:1.35}.order-box h2{font-size:16px;margin:0 0 8px}.order-box p{margin:8px 0}.order-box ul{margin:8px 0 8px 18px;padding:0}.filters{display:flex;flex-direction:column;gap:8px;margin:14px 0}.filters input{width:auto}.bar{display:grid;grid-template-columns:1fr 130px;gap:12px;align-items:center;padding-bottom:14px}#more{font-weight:800}#more[hidden]{display:none}#grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.card{background:white;border:1px solid #ddd6ca;border-radius:6px;overflow:hidden;cursor:pointer;text-align:left}.card img{width:100%;aspect-ratio:1/1;object-fit:contain;display:block;background:#f1eee6}.card b{display:block;padding:10px 10px 2px}.card span{display:block;padding:0 10px 12px;font-size:13px;line-height:1.25;min-height:45px}.detail{background:#fffdf8;border:1px solid #ddd6ca;border-radius:6px;padding:14px;position:sticky;top:16px;align-self:start}.detail img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#f1eee6;border:1px solid #ddd6ca}.media-label{display:block;font-size:12px;font-weight:800;text-transform:uppercase;margin:12px 0 6px}.detail code{display:block;font-size:25px;font-weight:900;margin:12px 0 6px}.detail h2{font-size:22px;line-height:1.15;margin:8px 0}.name-note{font-weight:700}.primary{background:#111;color:white;font-weight:900;margin-top:14px}.empty-detail{font-weight:700;line-height:1.35;color:#514c43}@media(max-width:980px){header{grid-template-columns:1fr}main{grid-template-columns:1fr}.detail{position:static}header img{width:135px}h1{font-size:28px}.bar{grid-template-columns:1fr}#grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}}