:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#1a1a1a;background:#f7f9fb}*{box-sizing:border-box}body{margin:0;min-height:100vh}.app-shell{min-height:100vh}.topbar{padding:1rem 1.5rem;border-bottom:1px solid #dde3ea;background:#fff}.brand{color:#1f6feb;text-decoration:none;font-weight:700;font-size:1.1rem}.content{max-width:1100px;margin:0 auto;padding:1.25rem}.page-title{margin:0 0 .75rem;line-height:1.2}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.card{background:#fff;border:1px solid #d9e0e8;border-radius:10px;padding:1rem}.card-image,.detail-image{width:100%;max-width:320px;object-fit:contain;border-radius:8px}.card-title{font-size:1rem;margin:.35rem 0}.brand{margin:0;font-weight:600;color:#3b4654}.price{font-size:1.2rem;font-weight:700;color:#0f5132;margin:.4rem 0 .8rem}.detail-layout{display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:1.2rem;align-items:start}.detail-panel{background:#fff;border:1px solid #d9e0e8;border-radius:10px;padding:1rem}.description{color:#334155}.form{display:grid;gap:.6rem}.label{font-weight:600}.input{border:1px solid #b9c5d3;border-radius:8px;padding:.6rem;font-size:.95rem}.error{color:#c0392b;margin:.2rem 0}.actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.8rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.55rem .85rem;border:1px solid #1f6feb;border-radius:8px;background:#1f6feb;color:#fff;text-decoration:none;cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#fff;color:#1f6feb}@media(max-width:760px){.detail-layout{grid-template-columns:1fr}}