*{box-sizing:border-box}body{color:#111;background:#fafafa;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.banner{color:#1a1600;background:#ffd84d;align-items:center;gap:16px;padding:10px 32px;font-size:14px;display:flex}.banner a{color:inherit;white-space:nowrap;margin-left:auto;font-weight:600}.header{background:#fff;border-bottom:1px solid #eee;align-items:center;gap:28px;padding:16px 32px;display:flex}.logo{letter-spacing:-.5px;font-size:20px}.nav{gap:20px;font-size:14px;display:flex}.nav a{color:#555;text-decoration:none}.cart{font:inherit;background:#fff;border:1px solid #ddd;border-radius:8px;margin-left:auto;padding:6px 12px;font-size:14px}.page{max-width:1000px;margin:0 auto;padding:32px}.hero h1{letter-spacing:-.6px;margin:0;font-size:30px}.hero p{color:#777;margin:4px 0 16px}.button{font:inherit;color:#fff;background:#111;border:0;border-radius:10px;padding:10px 18px;font-size:14px}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;margin-top:28px;display:grid}.card{background:#fff;border-radius:14px;padding:16px;box-shadow:0 1px 2px #0000000f,0 0 0 1px #eee}.photo{border-radius:10px;height:150px}.row{justify-content:space-between;margin-top:12px;font-size:15px;display:flex}.name{font-weight:600}.price{color:#555}.add{width:100%;font:inherit;background:#fff;border:1px solid #ddd;border-radius:8px;margin-top:12px;padding:8px;font-size:14px}