*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif;color:#111;background:#fff}
.container{max-width:1100px;margin:0 auto;padding:16px}
.site-header,.site-footer{background:#f5f5f5;border-bottom:1px solid #eaeaea}
.site-header .container,.site-footer .container{display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{font-weight:700;text-decoration:none;color:#111}
nav a{margin:0 8px;text-decoration:none;color:#111}
.hero{padding:40px 0}.hero h1{margin:0 0 8px 0}
.quick-search{display:flex;gap:8px;margin-top:16px}
.quick-search input{flex:1;padding:10px;border:1px solid #ddd;border-radius:4px}
.quick-search button{padding:10px 14px;border:1px solid #111;background:#111;color:#fff;border-radius:4px;cursor:pointer}
.categories .grid,.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.card{display:block;padding:16px;border:1px solid #e5e5e5;border-radius:6px;text-decoration:none;color:#111;background:#fff}
.card:hover{border-color:#bbb}
.product-card{border:1px solid #e5e5e5;border-radius:6px;background:#fff;overflow:hidden}
.product-card img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#eee}
.product-card .p-body{padding:12px}
.product-card .p-title{font-weight:600;margin:4px 0}
.product-card .p-specs{font-size:14px;color:#444;line-height:1.4}
.filters{display:flex;gap:10px;margin:12px 0}
label{display:block;margin:8px 0 4px}
input,select,textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px}
button.cta{display:inline-block;margin-top:12px;padding:10px 14px;border:1px solid #111;background:#111;color:#fff;border-radius:4px;text-decoration:none}
.spec-table{width:100%;border-collapse:collapse;margin-top:12px}
.spec-table th,.spec-table td{border:1px solid #eee;padding:8px;text-align:left}
.badge{display:inline-block;padding:2px 8px;border:1px solid #ddd;border-radius:999px;font-size:12px;margin-right:6px}