body{margin:0;font-family:system-ui;background:#f9fafb;color:#111}.container{width:min(95%,1280px);margin:auto}.header{background:#ff6d00;color:#fff;padding:1rem 0}.nav-wrap{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.logo{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none}#search-input{flex:1 1 300px;padding:.5rem;border-radius:6px;border:none}#category-filter{padding:.5rem;border-radius:6px;border:none}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-block:1rem}.card{background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05);display:flex;flex-direction:column}.card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px 8px 0 0}.card-body{padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.price{font-weight:700;color:#ff6d00}.btn{display:inline-block;padding:.5rem 1rem;border-radius:6px;text-align:center;text-decoration:none;cursor:pointer}.btn.primary{background:#ff6d00;color:#fff}.btn.primary:hover{background:#e55f00}table{width:100%;border-collapse:collapse;margin-top:1rem;background:#fff}th,td{padding:.5rem;border-bottom:1px solid #e5e5e5;text-align:center}.error{color:#dc2626}.footer{background:#fff;padding:1rem 0;text-align:center;font-size:.9rem;margin-top:2rem}