body{font-family:system-ui,sans-serif;margin:0;background:#f5f7fa;color:#17202a}header{padding:16px 5%;background:#fff;display:flex;justify-content:space-between;border-bottom:1px solid #ddd}main{max-width:1100px;margin:auto;padding:24px}.hero{padding:30px 0}.toolbar{display:flex;gap:10px;margin-bottom:18px}.toolbar input{flex:1;padding:12px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}article,.checkout{background:#fff;border:1px solid #ddd;border-radius:12px;padding:16px}.checkout{margin-top:30px}.line{padding:10px 0;border-bottom:1px solid #eee}button{padding:9px 14px;border:1px solid #aaa;border-radius:8px;background:#fff;cursor:pointer}pre{white-space:pre-wrap}label{display:block;margin:18px 0}